/* /Modals/NN.razor.rz.scp.css */
.booking-dialog[b-0a2zcq3zgs] {
	border-radius: 100px;
}

.dialog-header[b-0a2zcq3zgs] {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 24px 24px 36px 24px;
}

.booking-content[b-0a2zcq3zgs] {
	padding: 0 24px;
	margin-bottom: 16px;
}

.calendar-section[b-0a2zcq3zgs] {
	margin-bottom: 24px;
	position: relative;
}

.weekdays-row[b-0a2zcq3zgs] {
	display: flex;
	gap: 8px;
	justify-content: space-between;
	margin-bottom: 16px;
}

[b-0a2zcq3zgs].day-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 12px 8px;
	border-radius: 12px;
	cursor: pointer;
	transition: all 0.2s ease;
	min-width: 50px;
	position: relative;
}

	[b-0a2zcq3zgs] .day-item.selected {
		background-color: var(--primary-dark) !important;
		color: var(--bg-solid-white) !important;
		box-shadow: 0 2px 6px rgba(133, 88, 56, 0.2);
	}

[b-0a2zcq3zgs] .day-item {
	transition: all 0.2s ease;
}

	[b-0a2zcq3zgs] .day-item:hover {
		filter: brightness(0.8) saturate(0.6);
	}



.mud-card-days[b-0a2zcq3zgs] {
	padding: 8px;
	margin: 0 4px;
	min-width: 48px;
	text-align: center;
	cursor: pointer;
}

[b-0a2zcq3zgs].day-item.disabled {
	opacity: 0.5;
	cursor: not-allowed;
}

.day-name[b-0a2zcq3zgs] {
	font-size: 12px;
	margin-bottom: 4px;
	font-weight: 500;
}

.day-number[b-0a2zcq3zgs] {
	font-size: 16px;
	font-weight: 600;
}

.availability-indicator[b-0a2zcq3zgs] {
	width: 4px;
	height: 4px;
	background-color: #4caf50;
	border-radius: 50%;
	margin-top: 4px;
}

.day-item.selected .availability-indicator[b-0a2zcq3zgs] {
	background-color: #81c784;
}

.week-navigation[b-0a2zcq3zgs] {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: -16px;
	right: -16px;
	display: flex;
	justify-content: space-between;
	pointer-events: none;
}

	.week-navigation .mud-icon-button[b-0a2zcq3zgs] {
		pointer-events: all;
	}

.time-section[b-0a2zcq3zgs] {
	margin-bottom: 24px;
}

.time-period-tabs[b-0a2zcq3zgs] {
	display: flex;
	justify-content: center;
	gap: 8px;
	margin-bottom: 16px;
}


.time-slots-container[b-0a2zcq3zgs] {
	display: flex;
	align-items: center;
	gap: 8px;
}

.time-slots[b-0a2zcq3zgs] {
	display: flex;
	gap: 8px;
	overflow-x: auto;
	flex: 1;
	justify-content: center;
}

.service-details[b-0a2zcq3zgs] {
	border-top: 1px solid #e0e0e0;
	padding-top: 24px;
	margin-bottom: 24px;
}

.service-item[b-0a2zcq3zgs] {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-bottom: 16px;
	padding: 16px;
	background-color: #f8f9fa;
	border-radius: 12px;
}

.service-info[b-0a2zcq3zgs] {
	flex: 1;
}

.service-name[b-0a2zcq3zgs] {
	font-weight: 600;
	margin-bottom: 4px;
}

.service-time[b-0a2zcq3zgs] {
	color: #666;
}

.service-price[b-0a2zcq3zgs] {
	font-weight: 600;
}

.staff-selection[b-0a2zcq3zgs] {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-top: 16px;
	padding: 0 8px;
}

.staff-label[b-0a2zcq3zgs] {
	color: #666;
}

.staff-selector[b-0a2zcq3zgs] {
	text-transform: none;
	padding: 4px 0;
}

.add-service-btn[b-0a2zcq3zgs] {
	text-transform: none;
	color: #1976d2;
	padding: 8px 16px;
}

.dialog-footer[b-0a2zcq3zgs] {
	padding: 0 24px 24px;
	width: 100%;
}

.total-section[b-0a2zcq3zgs] {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 16px;
	padding: 16px 0;
}

.total-amount[b-0a2zcq3zgs] {
	text-align: right;
}

.total-duration[b-0a2zcq3zgs] {
	color: #666;
	margin-top: 2px;
}

.colors[b-0a2zcq3zgs]{
	background-color: var(--primary-dark);
}

.continue-btn[b-0a2zcq3zgs] {
	background-color: var(--primary-dark);
	height: 48px;
	border-radius: 12px;
	font-weight: 600;
	text-transform: none;
}
.staff-selection-container[b-0a2zcq3zgs] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 8px;
	padding-top: 12px;
	border-top: 1px solid #ddd;
}

.staff-info[b-0a2zcq3zgs] {
	display: flex;
	align-items: center;
	gap: 8px;
}

.avatar[b-0a2zcq3zgs] {
	background-color: #1976d2;
}

.label[b-0a2zcq3zgs] {
	font-weight: 600;
	margin-right: 4px;
}

.name[b-0a2zcq3zgs] {
	margin-left: 4px;
}

.staff-placeholder[b-0a2zcq3zgs] {
	display: flex;
	align-items: center;
	gap: 8px;
	color: rgba(0,0,0,0.6);
}
/* /Pages/Footer.razor.rz.scp.css */
.organic-footer[b-7v5em71qmk] {
    background: var(--text-dark);
    color: white;
    padding: 4rem 0 2rem;
    position: relative;
    overflow: hidden;
}

.footer-brand-organic[b-7v5em71qmk] {
    position: relative;
    z-index: 2;
}


.footer-logo-blob[b-7v5em71qmk] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1.5rem;
}
.footer-logo-blob img[b-7v5em71qmk],
.footer-logo-blob .footer-title-organic[b-7v5em71qmk] {
    vertical-align: middle;
}
.footer-description-organic[b-7v5em71qmk] {
    color: rgba(255, 255, 255, 0.8);
    line-height: 1.6;
    margin-bottom: 2rem;
    max-width: 300px;
    text-align: left;
}.social-blobs[b-7v5em71qmk] {
     display: flex;
     gap: 1rem;
 }.footer-section-organic[b-7v5em71qmk] {
      position: relative;
      z-index: 2;
  }.footer-title-organic[b-7v5em71qmk] {
       color: var(--primary-lighter);
       font-weight: 600;
          text-align: left;
       margin-bottom: 1.5rem;
       font-size: 1.2rem;
   }.footer-links-organic[b-7v5em71qmk] {
        display: flex;
        flex-direction: column;
        gap: 0.5rem;
    }

.footer-link-blob[b-7v5em71qmk] {
    color: rgba(255, 255, 255, 0.8);
    padding: 8px 16px 8px 0px;
    border-radius: 20px;
    cursor: pointer;
    transition: all 0.3s ease;
    display: inline-block;
    max-width: fit-content;
}

.footer-link-blob:hover[b-7v5em71qmk] {
    background: rgba(185, 136, 102, 0.1);
    color: var(--primary-lighter);
    padding: 8px 16px 8px 16px;
    transform: translateX(5px);
}.contact-blob[b-7v5em71qmk] {
     display: flex;
     align-items: center;
     gap: 0.75rem;
     color: rgba(255, 255, 255, 0.8);
     padding: 8px 0;
 }
.contact-icon[b-7v5em71qmk] {
    font-size: 1.2rem;
    width: 30px;
    text-align: center;
}
.contact-organic[b-7v5em71qmk] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}.footer-bottom-organic[b-7v5em71qmk] {
     border-top: 1px solid rgba(255, 255, 255, 0.1);
     margin-top: 3rem;
     padding-top: 2rem;
     display: flex;
     justify-content: space-between;
     align-items: center;
     flex-wrap: wrap;
     gap: 1rem;
     position: relative;
     z-index: 2;
 }
.copyright-blob[b-7v5em71qmk] {
    color: rgba(255, 255, 255, 0.6);
    font-size: 0.9rem;
}.legal-blobs[b-7v5em71qmk] {
     display: flex;
     gap: 2rem;
 }
.legal-blob[b-7v5em71qmk] {
    color: rgba(255, 255, 255, 0.6);
    font-size: 0.9rem;
    cursor: pointer;
    transition: color 0.3s ease;
}

.legal-blob:hover[b-7v5em71qmk] {
    color: var(--primary-lighter);
}

/* Responsive Design */
@media (max-width: 768px) {
    .footer-bottom-organic[b-7v5em71qmk] {
        flex-direction: column;
        text-align: center;
    }
    .legal-blobs[b-7v5em71qmk] {
        justify-content: center;
    }
}


.footer-blob-bg[b-7v5em71qmk] {
    position: absolute;
    top: -30%;
    right: 20%;
    width: 600px;
    height: 400px;
    background: linear-gradient(135deg, rgba(185, 136, 102, 0.1), rgba(212, 164, 132, 0.05));
    border-radius: 50% 70% 40% 60%;
    animation: footer-bg-float 22s ease-in-out infinite;
}
@media (max-width: 480px) {
    .organic-nav[b-7v5em71qmk] {
        position: relative;
        top: 0;
        transform: none;
        width: 100%;
        border-radius: 0 0 30px 30px;
        margin-bottom: 2rem;
    }

    .organic-about[b-7v5em71qmk]{
        padding: 0px;
    }
    .about-visual-organic[b-7v5em71qmk] {
        display:none;
    }

    .hero-visual[b-7v5em71qmk] {
        display: inline;
    }

    .hero-center-blob[b-7v5em71qmk]{
        display:none;
    }

    .organic-title[b-7v5em71qmk] {
        font-size: 3.6rem !important;
    }

    .organic-hero[b-7v5em71qmk] {
        padding-top: 2rem;
    }

    .blob-1[b-7v5em71qmk],
    .blob-2[b-7v5em71qmk],
    .blob-3[b-7v5em71qmk],
    .blob-4[b-7v5em71qmk] {
        display: none;
    }

    .hero-blob[b-7v5em71qmk] {
        opacity: 0.2;
    }

    .section-title-organic[b-7v5em71qmk] {
        font-size: 1.75rem !important;
    }

    .services-blob-bg[b-7v5em71qmk],
    .about-blob-bg[b-7v5em71qmk],
    .testimonials-blob-bg[b-7v5em71qmk],
    .footer-blob-bg[b-7v5em71qmk] {
        display: none;
    }
}

/* Accessibility */
@media (prefers-reduced-motion: reduce) {
    .blob-1[b-7v5em71qmk],
    .blob-2[b-7v5em71qmk],
    .blob-3[b-7v5em71qmk],
    .blob-4[b-7v5em71qmk],
    .hero-center-blob[b-7v5em71qmk],
    .floating-organic-card[b-7v5em71qmk],
    .about-stat-blob[b-7v5em71qmk],
    .about-center-blob[b-7v5em71qmk],
    .services-blob-bg[b-7v5em71qmk],
    .about-blob-bg[b-7v5em71qmk],
    .testimonials-blob-bg[b-7v5em71qmk],
    .cta-blob-main[b-7v5em71qmk],
    .cta-blob-accent[b-7v5em71qmk],
    .footer-blob-bg[b-7v5em71qmk] {
        animation: none;
    }

    .service-blob[b-7v5em71qmk],
    .testimonial-blob[b-7v5em71qmk],
    .value-blob[b-7v5em71qmk],
    .action-primary[b-7v5em71qmk],
    .action-secondary[b-7v5em71qmk] {
        transition: none;
    }

    .service-blob:hover[b-7v5em71qmk],
    .testimonial-blob:hover[b-7v5em71qmk],
    .value-blob:hover[b-7v5em71qmk],
    .action-primary:hover[b-7v5em71qmk],
    .action-secondary:hover[b-7v5em71qmk] {
        transform: none;
    }
}
/* /Pages/Navigation.razor.rz.scp.css */
/* ───────── Organic Navigation ───────── */

/* base font & reset */
.organic-wellness-app[b-g6rl4dv410] {
	line-height: 1.6;
	color: var(--text-dark);
	overflow-x: hidden;
}

/* ─ nav container ─ */
.organic-nav[b-g6rl4dv410] {
	position: absolute;
	top: 30px;
	left: 50%;
	transform: translateX(-50%);
	width: 90%;
	max-width: 1200px;
	background: rgba(255, 255, 255, 0.95);
	backdrop-filter: blur(20px);
	border-radius: 2.5rem;
	box-shadow: var(--shadow-organic);
	border: 1px solid rgba(185, 136, 102, 0.1);
	/* key for smooth expand/collapse */
	overflow: hidden;
	max-height: 80px; /* closed height ≈ header only */
	transition: max-height 0.4s ease;
	display: flex;
	flex-direction: column;
	z-index:1;
}

	/* when open, grow enough to fit nav-pills-wrapper */
	.organic-nav.open[b-g6rl4dv410] {
		max-height: 500px; /* pick a value ≥ actual expanded height */
	}

	/* ─ header row ─ */
	.organic-nav .py-4[b-g6rl4dv410] {
		width: 100%;
	}

/* ─ branding ─ */
.logo-circle[b-g6rl4dv410] {
	border-radius: 5%;
	box-shadow: var(--shadow-soft);
	margin-left: 20px;
}

.brand-text[b-g6rl4dv410] {
	color: var(--primary-warm) !important;
	font-weight: 700 !important;
	font-size: 1.2rem;
	margin-left: 8px;
}

/* ─ desktop pills ─ */
.nav-pills[b-g6rl4dv410] {
	gap: 8px;
	align-items: center;
}

.nav-pill[b-g6rl4dv410] {
	padding: 12px 20px;
	border-radius: 25px;
	font-size: 15px;
	font-weight: 500;
	cursor: pointer;
	transition: all 0.3s ease;
	color: var(--text-medium);
	background: transparent;
}

	.nav-pill:hover[b-g6rl4dv410] {
		background: var(--bg-soft);
		color: var(--primary-warm);
		transform: translateY(-1px);
	}

	.nav-pill.primary[b-g6rl4dv410] {
		background: var(--primary-warm);
		color: white;
		box-shadow: var(--shadow-soft);
	}

		.nav-pill.primary:hover[b-g6rl4dv410] {
			background: var(--primary-darker);
			transform: translateY(-2px);
			box-shadow: var(--shadow-organic);
		}

	.nav-pill.outlined[b-g6rl4dv410] {
		border: 2px solid var(--primary-warm);
		color: var(--primary-warm);
		padding: 10px 18px;
	}

		.nav-pill.outlined:hover[b-g6rl4dv410] {
			background: var(--primary-warm);
			color: white;
		}

/* ─ burger ─ */
.burger[b-g6rl4dv410] {
	font-size: 1.5rem;
	padding: 6px;
	border-radius: 50%;
	cursor: pointer;
	transition: background 0.25s;
	align-self: flex-end;
}

	.burger:hover[b-g6rl4dv410] {
		background: rgba(0, 0, 0, 0.06);
	}

/* ─ mobile wrapper ─ */
.nav-pills-wrapper[b-g6rl4dv410] {
	display: flex;
	flex-direction: column;
	gap: 6px;
	padding: 0 20px 16px;
}

/* hide mobile wrapper until nav has .open */
.organic-nav:not(.open) .nav-pills-wrapper[b-g6rl4dv410] {
	display: none;
}

/* ─ responsive adjustments ─ */
@media (max-width: 960px) {
	/* nav flex direction stays column */
	.organic-nav[b-g6rl4dv410] {
		padding-top: 12px;
	}

	.nav-pills-wrapper[b-g6rl4dv410] {
		margin-top:20px;
	}

	/* hide desktop pills on mobile */
	.nav-pills.d-none[b-g6rl4dv410] {
		display: none !important;
	}
}

@media (min-width: 960px) {
	/* hide burger & mobile wrapper on desktop */
	.burger[b-g6rl4dv410] {
		display: none !important;
	}

	.nav-pills-wrapper[b-g6rl4dv410] {
		display: none !important;
	}

	.organic-nav[b-g6rl4dv410]{
		padding: 12px;
	}
}
/* /Pages/UserReservations.razor.rz.scp.css */
/* Scaled-down container */
.services-container[b-8el4tuokje] {
	position: relative;
	padding: var(--space-lg) 0; /* reduced from var(--space-xl) */
	max-width: 900px; /* reduced from 1200px */
	margin: 0 auto;
	background: linear-gradient(135deg, var(--bg-cream) 0%, var(--bg-warm-white) 100%);
}

	.services-container[b-8el4tuokje]::before {
		content: '';
		position: absolute;
		top: -5%;
		right: -10%;
		width: 280px; /* reduced from 400px */
		height: 280px; /* reduced from 400px */
		background: radial-gradient( ellipse 70% 80% at 30% 40%, rgba(185, 136, 102, 0.03) 0%, rgba(139, 155, 115, 0.01) 40%, transparent 70% );
		border-radius: 60% 40% 70% 30%;
		pointer-events: none;
		z-index: -1;
		opacity: 0.5;
	}

/* Scaled-down section */
.category-section[b-8el4tuokje] {
	margin-bottom: var(--space-xl); /* reduced from var(--space-xxl) */
	text-align: center;
	padding: var(--space-md) 0; /* reduced from var(--space-lg) */
}

.section-title[b-8el4tuokje] {
	color: var(--text-dark);
	font-weight: 800;
	font-size: 1.75rem; /* reduced from 2.5rem */
	margin-bottom: var(--space-md); /* reduced from var(--space-lg) */
	letter-spacing: -0.02em;
	position: relative;
}

	.section-title[b-8el4tuokje]::after {
		content: '';
		position: absolute;
		bottom: -11px; /* reduced from -16px */
		left: 50%;
		transform: translateX(-50%);
		width: 56px; /* reduced from 80px */
		height: 3px; /* reduced from 4px */
		background: linear-gradient(90deg, var(--primary), var(--accent-sage));
		border-radius: 2px;
	}

/* Scaled-down category pills */
.category-pills[b-8el4tuokje] {
	display: flex;
	gap: var(--space-xs); /* reduced gap */
	flex-wrap: wrap;
	justify-content: center;
	margin-top: var(--space-md); /* reduced from var(--space-lg) */
}

.mud-chip.category-pill[b-8el4tuokje] {
	background: var(--bg-solid-white) !important;
	border: 2px solid rgba(185, 136, 102, 0.15) !important;
	color: var(--text-medium) !important;
	padding: var(--space-sm) var(--space-lg) !important; /* reduced padding */
	border-radius: var(--radius-xl) !important;
	font-weight: 700 !important;
	font-size: 0.8rem !important; /* reduced from 1rem */
	transition: all 0.3s ease !important;
	box-shadow: var(--shadow-organic) !important;
	position: relative !important;
}

	.mud-chip.category-pill:hover[b-8el4tuokje] {
		border-color: rgba(185, 136, 102, 0.4) !important;
		box-shadow: var(--shadow-focus) !important;
	}

	.mud-chip.category-pill.active[b-8el4tuokje] {
		background: linear-gradient(135deg, var(--primary), var(--primary-dark)) !important;
		color: white !important;
		border-color: var(--primary-dark) !important;
		box-shadow: var(--shadow-focus) !important;
	}

/* Scaled-down services grid */
.services-grid[b-8el4tuokje] {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: var(--space-md); /* reduced from var(--space-lg) */
	margin-top: var(--space-xl);
	padding: var(--space-md); /* reduced from var(--space-lg) */
}

/* Scaled-down service cards */
.service-card[b-8el4tuokje] {
    background: var(--bg-solid-white);
    border-radius: var(--radius-large);
    box-shadow: var(--shadow-organic);
    overflow: hidden;
    cursor: pointer;
    transition: box-shadow 0.3s ease, border-color 0.3s ease;
    border: 2px solid rgba(185, 136, 102, 0.08);
    position: relative;
    min-height: 500px; /* Zapewnia jednolitą wysokość */
    display: flex;
    flex-direction: column;
}

	.service-card[b-8el4tuokje]::before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		height: 3px; /* reduced from 4px */
		background: linear-gradient( 90deg, var(--primary) 0%, var(--accent-sage) 50%, var(--accent-clay) 100% );
	}

	.service-card:hover[b-8el4tuokje] {
		box-shadow: var(--shadow-focus);
		border-color: rgba(185, 136, 102, 0.2);
	}

/* Scaled-down card header */
.service-card-header[b-8el4tuokje] {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	padding: var(--space-md) var(--space-md) var(--space-sm); /* reduced padding */
	background: linear-gradient(135deg, var(--bg-cream) 0%, var(--bg-warm-white) 100%);
}

/* Smaller service icon */
.service-icon[b-8el4tuokje] {
	width: 52px; /* reduced from 75px */
	height: 52px; /* reduced from 75px */
	background: linear-gradient(135deg, var(--primary-light), var(--primary));
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: white;
	box-shadow: var(--shadow-organic);
}

/* Smaller service badge */
.service-badge[b-8el4tuokje] {
	background: linear-gradient(135deg, var(--accent-sage), var(--accent-clay));
	color: white;
	padding: var(--space-xs) var(--space-sm); /* reduced padding */
	border-radius: var(--radius-small);
	font-size: 0.65rem; /* reduced from 0.8rem */
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	box-shadow: var(--shadow-soft);
}

/* Scaled-down service content */
.service-content[b-8el4tuokje] {
	padding: var(--space-sm) var(--space-md); /* reduced padding */
	background: var(--bg-solid-white);
	flex-grow: 1;
	display: flex;
	flex-direction: column;
}

/* Smaller breadcrumbs */
.service-breadcrumb[b-8el4tuokje] {
	display: flex;
	align-items: center;
	gap: var(--space-xs);
	margin-bottom: var(--space-sm); /* reduced margin */
	border-radius: var(--radius-medium);
}

	.service-breadcrumb .mud-chip[b-8el4tuokje] {
		background: linear-gradient(135deg, var(--primary-light), var(--primary)) !important;
		color: white !important;
		font-size: 0.6rem !important; /* reduced from 0.75rem */
		padding: 0.28rem 0.56rem !important; /* reduced padding */
		border-radius: var(--radius-small) !important;
		font-weight: 800 !important;
		border: none !important;
		box-shadow: 0 2px 6px rgba(185, 136, 102, 0.2) !important;
		text-transform: uppercase !important;
		letter-spacing: 0.5px !important;
	}

		.service-breadcrumb .mud-chip:last-child[b-8el4tuokje] {
			background: linear-gradient(135deg, var(--accent-sage), var(--accent-clay)) !important;
		}

.breadcrumb-arrow[b-8el4tuokje] {
	color: var(--primary);
	opacity: 0.8;
	font-weight: bold;
}

/* Scaled-down typography */
.service-title[b-8el4tuokje] {
	color: var(--text-dark);
	font-weight: 800;
	font-size: 1.05rem; /* reduced from 1.4rem */
	margin-bottom: var(--space-xs); /* reduced margin */
	line-height: 1.3;
}

.service-description[b-8el4tuokje] {
	color: var(--text-medium);
	line-height: 1.5; /* reduced from 1.7 */
	margin-bottom: var(--space-sm); /* reduced margin */
	font-size: 0.8rem; /* reduced from 1rem */
}

/* Smaller service details */
.service-details[b-8el4tuokje] {
	display: flex;
	gap: var(--space-sm); /* reduced gap */
	margin-bottom: var(--space-xs);
	margin-top: var(--space-xs);
	flex-wrap: wrap;
}

.detail-item[b-8el4tuokje] {
	display: flex;
	align-items: center;
	gap: var(--space-xs);
	background: var(--bg-soft-beige);
	padding: var(--space-xs) var(--space-sm); /* reduced padding */
	border-radius: var(--radius-medium);
	color: var(--text-dark);
	font-size: 0.7rem; /* reduced from 0.9rem */
	font-weight: 700;
	border: 1px solid rgba(185, 136, 102, 0.1);
	box-shadow: var(--shadow-soft);
}

/* Scaled-down packages section */
.packages-section[b-8el4tuokje] {
	background: linear-gradient(135deg, var(--bg-soft-beige), var(--bg-cream));
	border-radius: var(--radius-large);
	padding: var(--space-md); /* reduced from var(--space-lg) */
	border: 2px solid rgba(185, 136, 102, 0.1);
	box-shadow: inset 0 2px 8px rgba(185, 136, 102, 0.05);
	position: relative;
}

.packages-title[b-8el4tuokje] {
	color: var(--text-dark);
	font-weight: 800;
	margin-bottom: var(--space-sm); /* reduced margin */
	font-size: 0.8rem; /* reduced from 1rem */
	text-transform: uppercase;
	letter-spacing: 1px;
	display: flex;
	align-items: center;
	gap: var(--space-xs); /* reduced gap */
}

	.packages-title[b-8el4tuokje]::before {
		content: '💎';
		font-size: 0.9rem; /* reduced from 1.2rem */
		filter: sepia(100%) hue-rotate(25deg) brightness(1.2);
	}

.packages-list[b-8el4tuokje] {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--space-xs); /* reduced gap */
}

/* Smaller package chips */
.package-chip[b-8el4tuokje] {
	background: var(--bg-solid-white) !important;
	color: var(--text-dark) !important;
	display: flex !important;
	justify-content: space-between !important;
	align-items: center !important;
	padding: var(--space-sm) var(--space-md) !important; /* reduced padding */
	border-radius: var(--radius-medium) !important;
	font-weight: 700 !important;
	border: 2px solid var(--primary-light) !important;
	box-shadow: 0 2px 8px rgba(185, 136, 102, 0.1) !important;
	transition: all 0.2s ease !important;
	position: relative !important;
	overflow: hidden !important;
}

	.package-chip[b-8el4tuokje]::before {
		content: '';
		position: absolute;
		left: 0;
		top: 0;
		bottom: 0;
		width: 3px; /* reduced from 4px */
		background: linear-gradient(135deg, var(--primary), var(--accent-sage));
	}

	.package-chip:hover[b-8el4tuokje] {
		border-color: var(--primary) !important;
		box-shadow: 0 4px 16px rgba(185, 136, 102, 0.2) !important;
		background: linear-gradient(135deg, var(--bg-warm-white), var(--bg-cream)) !important;
	}

.package-info[b-8el4tuokje] {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.package-sessions[b-8el4tuokje] {
	font-size: 0.85rem; /* reduced from 1.1rem */
	font-weight: 800;
	color: var(--primary-dark);
	margin-bottom: 0.1rem; /* reduced margin */
}

.package-description[b-8el4tuokje] {
	font-size: 0.7rem; /* reduced from 0.85rem */
	color: var(--text-medium);
	font-weight: 500;
}

.package-pricing[b-8el4tuokje] {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	text-align: right;
}

.package-price[b-8el4tuokje] {
	font-size: 1rem; /* reduced from 1.3rem */
	font-weight: 800;
	color: var(--primary);
	margin-bottom: 0.1rem; /* reduced margin */
}

.package-savings[b-8el4tuokje] {
	font-size: 0.55rem; /* reduced from 0.7rem */
	font-weight: 800;
	color: white;
	background: linear-gradient(135deg, var(--discount-subtle), var(--discount-accent));
	padding: 0.2rem 0.4rem; /* reduced padding */
	border-radius: var(--radius-small);
	text-transform: uppercase;
	letter-spacing: 0.5px;
	box-shadow: 0 2px 4px rgba(166, 124, 82, 0.3);
}

/* Alternative discount presentation */
.service-price-container[b-8el4tuokje] {
	display: flex;
	align-items: center;
	gap: var(--space-xs); /* reduced gap */
	flex-wrap: wrap;
}

.original-price[b-8el4tuokje] {
	text-decoration: line-through;
	color: var(--text-muted);
	font-size: 0.75rem; /* reduced from 0.9rem */
	font-weight: 500;
}

.discounted-price[b-8el4tuokje] {
	color: var(--discount-subtle);
	font-weight: 800;
	font-size: 0.9rem; /* reduced from 1.1rem */
}

.savings-badge[b-8el4tuokje] {
	background: var(--discount-accent);
	color: white;
	padding: 0.15rem 0.4rem; /* reduced padding */
	border-radius: var(--radius-small);
	font-size: 0.55rem; /* reduced from 0.7rem */
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.3px;
}

/* Scaled-down booking button */
.service-footer[b-8el4tuokje] {
	margin-top: auto;
}

/* Scaled-down modal */
.booking-modal .mud-dialog-container[b-8el4tuokje] {
	max-width: 420px; /* reduced from 540px */
	border-radius: var(--radius-large) !important;
	overflow: hidden;
	box-shadow: var(--shadow-focus);
	border: 2px solid rgba(185, 136, 102, 0.1);
}

.modal-header[b-8el4tuokje] {
	display: flex;
	align-items: center;
	gap: var(--space-md); /* reduced gap */
	padding: var(--space-lg); /* reduced padding */
	background: linear-gradient(135deg, var(--bg-cream), var(--bg-warm-white));
	border-bottom: 3px solid rgba(185, 136, 102, 0.15);
}

.modal-icon[b-8el4tuokje] {
	color: var(--primary);
	font-size: 2.2rem; /* reduced from 3rem */
}

.modal-breadcrumb[b-8el4tuokje] {
	color: var(--text-medium);
	opacity: 0.8;
	font-size: 0.75rem; /* reduced from 0.9rem */
	font-weight: 600;
}

.booking-content[b-8el4tuokje] {
	padding: var(--space-lg); /* reduced padding */
	background: var(--bg-solid-white);
}

.summary-card[b-8el4tuokje] {
	background: linear-gradient(135deg, var(--bg-cream), var(--bg-warm-white));
	border-radius: var(--radius-large);
	padding: var(--space-lg); /* reduced padding */
	margin-bottom: var(--space-lg); /* reduced margin */
	border: 2px solid rgba(185, 136, 102, 0.12);
	box-shadow: var(--shadow-organic);
}

.summary-header[b-8el4tuokje] {
	display: flex;
	align-items: center;
	gap: var(--space-md); /* reduced gap */
}

.booking-section[b-8el4tuokje] {
	margin-bottom: var(--space-lg); /* reduced margin */
}

.section-label[b-8el4tuokje] {
	display: flex;
	align-items: center;
	color: var(--text-dark);
	margin-bottom: var(--space-md); /* reduced margin */
	font-weight: 800;
	font-size: 1rem; /* reduced from 1.2rem */
}

/* Scaled-down package options */
.package-option[b-8el4tuokje] {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	padding: var(--space-md); /* reduced padding */
	border-radius: var(--radius-large);
	background: var(--bg-solid-white);
	margin: var(--space-xs) 0; /* reduced margin */
	border: 3px solid rgba(185, 136, 102, 0.1);
	transition: border-color 0.2s ease;
	box-shadow: var(--shadow-soft);
}

	.package-option:hover[b-8el4tuokje] {
		border-color: var(--discount-accent);
	}

	.package-option.selected[b-8el4tuokje] {
		border-color: var(--primary);
		background: linear-gradient(135deg, rgba(185, 136, 102, 0.05), rgba(139, 155, 115, 0.05));
	}

/* Scaled-down time slots */
.time-slots[b-8el4tuokje] {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(70px, 1fr)); /* reduced from 100px */
	gap: var(--space-sm); /* reduced gap */
}

.time-slot[b-8el4tuokje] {
	padding: var(--space-md); /* reduced padding */
	text-align: center;
	border: 3px solid rgba(185, 136, 102, 0.2);
	border-radius: var(--radius-large);
	cursor: pointer;
	transition: border-color 0.2s ease, background-color 0.2s ease;
	font-weight: 700;
	font-size: 0.8rem; /* reduced from 1rem */
	background: var(--bg-solid-white);
	box-shadow: var(--shadow-soft);
}

	.time-slot:hover[b-8el4tuokje] {
		border-color: var(--primary);
	}

	.time-slot.selected[b-8el4tuokje] {
		background: linear-gradient(135deg, var(--primary), var(--primary-dark));
		color: white;
		border-color: var(--primary-dark);
		box-shadow: var(--shadow-focus);
	}

/* Scaled-down modal actions */
.modal-actions[b-8el4tuokje] {
	display: flex;
	gap: var(--space-md); /* reduced gap */
	padding: var(--space-lg); /* reduced padding */
	justify-content: flex-end;
	background: linear-gradient(135deg, var(--bg-cream), var(--bg-warm-white));
	border-top: 3px solid rgba(185, 136, 102, 0.15);
}

.cancel-button[b-8el4tuokje] {
	color: var(--text-medium) !important;
	border-radius: var(--radius-large) !important;
	padding: var(--space-sm) var(--space-md) !important; /* reduced padding */
	font-weight: 700 !important;
	border: 2px solid rgba(185, 136, 102, 0.2) !important;
	background: var(--bg-solid-white) !important;
}

.confirm-button[b-8el4tuokje] {
	background: linear-gradient(135deg, var(--primary), var(--primary-dark)) !important;
	color: white !important;
	border-radius: var(--radius-large) !important;
	padding: var(--space-sm) var(--space-lg) !important; /* reduced padding */
	font-weight: 800 !important;
	box-shadow: var(--shadow-organic) !important;
	transition: box-shadow 0.2s ease !important;
	text-transform: uppercase !important;
	letter-spacing: 0.5px !important;
}

	.confirm-button:hover[b-8el4tuokje] {
		box-shadow: var(--shadow-focus) !important;
	}

/* Scaled-down form elements */
.custom-date-picker .mud-input-root[b-8el4tuokje],
.notes-field .mud-input-root[b-8el4tuokje] {
	border-radius: var(--radius-large) !important;
	border: 3px solid rgba(185, 136, 102, 0.2) !important;
	background: var(--bg-solid-white) !important;
	transition: border-color 0.2s ease !important;
	padding: var(--space-sm) !important; /* reduced padding */
}

	.custom-date-picker .mud-input-root:focus-within[b-8el4tuokje],
	.notes-field .mud-input-root:focus-within[b-8el4tuokje] {
		border-color: var(--primary) !important;
		box-shadow: 0 0 0 3px rgba(185, 136, 102, 0.1) !important; /* reduced shadow */
	}

/* Updated responsive breakpoints */
@media (max-width: 1400px) {
	.service-card[b-8el4tuokje] {
		min-height: 320px; /* reduced from 480px */
	}

	.packages-section[b-8el4tuokje] {
		padding: var(--space-sm); /* reduced padding */
	}

	.package-chip[b-8el4tuokje] {
		padding: var(--space-xs) var(--space-sm) !important; /* reduced padding */
	}
}

@media (max-width: 1200px) {
	.services-grid[b-8el4tuokje] {
		grid-template-columns: 1fr;
		gap: var(--space-sm); /* reduced gap */
	}

	.services-container[b-8el4tuokje] {
		max-width: 100%;
		padding: var(--space-md) var(--space-sm); /* reduced padding */
	}
}

@media (max-width: 768px) {
	.services-container[b-8el4tuokje] {
		padding: var(--space-sm) var(--space-xs); /* reduced padding */
	}

	.services-grid[b-8el4tuokje] {
		grid-template-columns: 1fr;
		gap: var(--space-sm);
		padding: var(--space-xs); /* reduced padding */
	}

	.category-pills[b-8el4tuokje] {
		justify-content: flex-start;
		overflow-x: auto;
		padding-bottom: var(--space-xs); /* reduced padding */
		scrollbar-width: none;
		-ms-overflow-style: none;
	}

		.category-pills[b-8el4tuokje]::-webkit-scrollbar {
			display: none;
		}

	.time-slots[b-8el4tuokje] {
		grid-template-columns: repeat(3, 1fr);
	}

	.section-title[b-8el4tuokje] {
		font-size: 1.5rem; /* reduced from 2rem */
	}

	.service-card[b-8el4tuokje] {
		min-height: 280px; /* reduced mobile height */
	}

	.service-icon[b-8el4tuokje] {
		width: 42px; /* further reduced for mobile */
		height: 42px;
	}
}

/* Focus states for accessibility */
.service-card:focus[b-8el4tuokje],
.mud-chip:focus[b-8el4tuokje],
.book-button:focus[b-8el4tuokje],
.time-slot:focus[b-8el4tuokje] {
	outline: 3px solid var(--primary) !important;
	outline-offset: 2px !important;
}

/* Reduced motion support */
@media (prefers-reduced-motion: reduce) {
	*[b-8el4tuokje] {
		animation: none !important;
		transition: none !important;
	}
}