/* Generated by WbamsCms. Do not edit directly. */
:root,
.draisap-dark-mode,
.dark-mode {
    --mtd-illustration-color-0: var(--mtd-illustration-primary-0, var(--brand-primary, #074FA9));
    --mtd-illustration-color-1: var(--mtd-illustration-primary-1, var(--brand-primary, #0367E4));
    --mtd-illustration-color-2: var(--mtd-illustration-primary-2, var(--brand-primary-lighter, #347BE9));
    --mtd-illustration-color-3: var(--mtd-illustration-primary-3, var(--brand-primary-lighter, #428BF0));
    --mtd-illustration-color-4: var(--mtd-illustration-primary-4, var(--brand-primary-lighter, #76A9F1));
    --mtd-illustration-color-5: var(--mtd-illustration-gray-8, var(--gray-lighter-4, #EAEEF3));
    --mtd-illustration-color-6: var(--mtd-illustration-green-3, var(--brand-success, #35B65E));
    --mtd-illustration-color-7: var(--mtd-illustration-gray-w, #ffffff);
    --shape-light-gradient-start: var(--brand-primary, #1062fe);
    --shape-dark-gradient-start: var(--brand-secondary, #083fbf);
    --svg-banner-primary-shape-left: var(--svg-banner-shape-left, var(--brand-primary, #1062fe));
    --svg-banner-primary-shape-right: var(--svg-banner-shape-right, var(--brand-primary-lighter, #009AFF));
    --svg-icon-color-3: var(--brand-secondary, #083fbf);
}

:root {
    --primary: #A8213A;
    --primary-lifted: #C0293F;
    --primary-accented: #7E1A2C;
    --secondary: #2F5D4E;
    --secondary-lifted: #3F7A63;
    --secondary-accented: #22463A;
    --success: #36C055;
    --success-lifted: #70D786;
    --success-accented: #2D9F46;
    --info: #1062FE;
    --info-lifted: #6298FE;
    --info-accented: #015ABE;
    --notice: #7643C9;
    --notice-lifted: #8F68D5;
    --notice-accented: #690AC2;
    --warning: #FFAA00;
    --warning-lifted: #FFC552;
    --warning-accented: #F08000;
    --error: #D92632;
    --error-lifted: #E56C74;
    --error-accented: #B6202A;
    --neutral: #5E636E;
    --neutral-lifted: #979BA4;
    --neutral-accented: #17191C;
    --grayscale: #5E636E;
    --grayscale-lifted: #ACB0B9;
    --grayscale-accented: #17191C;
    --gray: #5C4F53;
    --gray-lighter: #8E8285;
    --gray-lighter-2: #B9AEAA;
    --gray-lighter-3: #E8DDD7;
    --gray-lighter-4: #F3ECE7;
    --gray-lighter-5: #F9F5F2;
    --gray-darker: #2A1E22;
    --gray-gradient-start: #FCFAF7;
    --gray-gradient-end: #F6E9E6;
    --text: #2A1E22;
    --text-muted: #6E6265;
    --text-lifted: #5C4F53;
    --text-accented: #2A1E22;
    --text-inverted: #FFFFFF;
    --border: #E8DDD7;
    --border-muted: #F0E8E3;
    --border-lifted: #D8CBC4;
    --border-accented: #BFAFA8;
    --bg: #FCFAF7;
    --bg-muted: #F7F1EC;
    --bg-lifted: #F3ECE7;
    --bg-accented: #EADFD9;
    --bg-inverted: #2A1E22;
    --primary-color: #A8213A;
    --secondary-color: #2F5D4E;
    --success-color: #36C055;
    --info-color: #1062FE;
    --notice-color: #7643C9;
    --warning-color: #FFAA00;
    --error-color: #D92632;
    --neutral-color: #5E636E;
    --grayscale-color: #5E636E;
    --gray-color: #5C4F53;
    --text-color: #2A1E22;
    --border-color: #E8DDD7;
    --bg-color: #FCFAF7;
    --danger: #D92632;
    --light: #F3ECE7;
    --dark: #2A1E22;
    --gray-gradient: linear-gradient(135deg, var(--gray-gradient-start), var(--gray-gradient-end));
    --mtd-theme-primary: #A8213A;
    --mtd-theme-primary-lifted: #C0293F;
    --mtd-theme-primary-accented: #7E1A2C;
}
body.dark-mode,
html[data-theme="dark"] body {
    --primary: #D02D14;
    --primary-lifted: #BF2626;
    --primary-accented: #992020;
    --secondary: #BF2626;
    --secondary-lifted: #992020;
    --secondary-accented: #781818;
    --success: #31AF4E;
    --success-lifted: #5CD175;
    --success-accented: #247F38;
    --info: #1062FE;
    --info-lifted: #337AFF;
    --info-accented: #0143BE;
    --notice: #7643C9;
    --notice-lifted: #8F68D5;
    --notice-accented: #690AC2;
    --warning: #EB7D00;
    --warning-lifted: #FFAE52;
    --warning-accented: #CC6D00;
    --error: #D92632;
    --error-lifted: #E56C74;
    --error-accented: #B6202A;
    --neutral: #B3B3B3;
    --neutral-lifted: #8C8C8C;
    --neutral-accented: #E0E0E0;
    --grayscale: #B3B3B3;
    --grayscale-lifted: #666666;
    --grayscale-accented: #E0E0E0;
    --gray: #B3B3B3;
    --gray-lighter: #8C8C8C;
    --gray-lighter-2: #666666;
    --gray-lighter-3: #511F1A;
    --gray-lighter-4: #3D1713;
    --gray-lighter-5: #2D0F0D;
    --gray-darker: #E0E0E0;
    --gray-gradient-start: #1F0907;
    --gray-gradient-end: #2D0F0D;
    --text: #E0E0E0;
    --text-muted: #8C8C8C;
    --text-lifted: #B3B3B3;
    --text-accented: #E0E0E0;
    --text-inverted: #121212;
    --border: #424242;
    --border-muted: #303030;
    --border-lifted: #666666;
    --border-accented: #8C8C8C;
    --bg: #1F0907;
    --bg-muted: #2D0F0D;
    --bg-lifted: #3D1713;
    --bg-accented: #511F1A;
    --bg-inverted: #FFFFFF;
    --primary-color: #D02D14;
    --secondary-color: #BF2626;
    --success-color: #31AF4E;
    --info-color: #1062FE;
    --notice-color: #7643C9;
    --warning-color: #EB7D00;
    --error-color: #D92632;
    --neutral-color: #B3B3B3;
    --grayscale-color: #B3B3B3;
    --gray-color: #B3B3B3;
    --text-color: #E0E0E0;
    --border-color: #424242;
    --bg-color: #1F0907;
    --danger: #D92632;
    --light: #3D1713;
    --dark: #FFFFFF;
    --gray-gradient: linear-gradient(135deg, var(--gray-gradient-start), var(--gray-gradient-end));
    --mtd-theme-primary: #D02D14;
    --mtd-theme-primary-lifted: #BF2626;
    --mtd-theme-primary-accented: #992020;
}
body {
    color: var(--text);
    background-color: var(--bg);
}
.spanner {
    --mtd-spanner-color: var(--mtd-theme-primary, var(--brand-primary, var(--primary, #1062FE)));
}
.spanner > div,
.spanner > span {
    background: var(--mtd-spanner-color) !important;
    background-color: var(--mtd-spanner-color) !important;
}
.btn_loader.btn_loading .btn_loading_icon .spanner {
    --mtd-spanner-color: currentColor;
}
.btn_loader.btn_loading.btn-default .btn_loading_icon .spanner {
    --mtd-spanner-color: var(--mtd-theme-primary, var(--brand-primary, var(--primary, #1062FE)));
}
.owl-carousel .owl-dots {
    --mtd-owl-dot-color: var(--mtd-theme-primary, var(--brand-primary, var(--primary, #1062FE)));
}
.owl-carousel .owl-dots .owl-dot span {
    color: var(--mtd-owl-dot-color) !important;
    background-color: var(--mtd-owl-dot-color) !important;
    opacity: .28;
}
.owl-carousel .owl-dots .owl-dot.active span,
.owl-carousel .owl-dots .owl-dot:hover span,
.owl-carousel .owl-dots .owl-dot:focus span {
    color: var(--mtd-owl-dot-color) !important;
    background-color: var(--mtd-owl-dot-color) !important;
    opacity: 1;
}
a,
.text-primary,
.btn-link {
    color: var(--primary);
}
a:hover,
a:focus,
.btn-link:hover,
.btn-link:focus {
    color: var(--primary-lifted);
}
.btn-primary,
button.btn-primary,
input.btn-primary,
.label-primary,
.badge-primary,
.panel-primary > .panel-heading,
.bg-primary {
    color: var(--text-inverted) !important;
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
}
.bg-gradient {
    color: var(--text-inverted) !important;
    background: linear-gradient(135deg, var(--primary-accented), var(--primary), var(--primary-lifted)) !important;
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active {
    color: var(--text-inverted) !important;
    background-color: var(--primary-lifted) !important;
    border-color: var(--primary-lifted) !important;
}
.btn-secondary,
.label-secondary,
.badge-secondary,
.bg-secondary {
    color: var(--text-inverted) !important;
    background-color: var(--secondary) !important;
    border-color: var(--secondary) !important;
}
.btn-success,
.bg-success {
    color: var(--text-inverted) !important;
    background-color: var(--success) !important;
    border-color: var(--success) !important;
}
.btn-info,
.bg-info {
    color: var(--text-inverted) !important;
    background-color: var(--info) !important;
    border-color: var(--info) !important;
}
.btn-warning,
.bg-warning {
    color: var(--text-inverted) !important;
    background-color: var(--warning) !important;
    border-color: var(--warning) !important;
}
.btn-danger,
.bg-danger {
    color: var(--text-inverted) !important;
    background-color: var(--error) !important;
    border-color: var(--error) !important;
}
.alert-success,
.label-success,
.badge-success {
    border-color: var(--success) !important;
}
.alert-info,
.label-info,
.badge-info {
    border-color: var(--info) !important;
}
.alert-warning,
.label-warning,
.badge-warning {
    border-color: var(--warning) !important;
}
.alert-danger,
.label-danger,
.badge-danger {
    border-color: var(--error) !important;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus,
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    color: var(--text-inverted) !important;
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
}
.form-control:focus {
    border-color: var(--primary) !important;
    box-shadow: 0 0 0 0.15rem color-mix(in srgb, var(--primary) 18%, transparent);
}
.mtd-navbar.theme,
.navbar-side.theme {
    color: var(--text-inverted) !important;
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
}
.mtd-navbar.theme a,
.mtd-navbar.theme .nav-link,
.mtd-navbar.theme .dropdown-toggle,
.mtd-navbar.theme .btn,
.mtd-navbar.theme .logo,
.navbar-side.theme a,
.navbar-side.theme .nav-link,
.navbar-side.theme .dropdown-toggle,
.navbar-side.theme .btn,
.navbar-side.theme .logo {
    color: var(--text-inverted) !important;
}
.mtd-navbar.theme .navbar-toggler span,
.mtd-navbar.theme .tswicther[type=checkbox] + span {
    color: var(--text-inverted) !important;
}
.mtd-navbar.theme .logo-light {
    display: none !important;
}
.mtd-navbar.theme .logo-dark {
    display: block !important;
}
.mtd-navbar.theme .badge,
.navbar-side.theme .badge {
    color: var(--text) !important;
    background-color: var(--text-inverted) !important;
}
.mtd-navbar.theme .navbar-nav li ul.dropdown-menu li a:hover,
.mtd-navbar.theme .navbar-nav li ul.dropdown-menu li a:focus,
.navbar-side.theme li a:hover,
.navbar-side.theme li a:focus {
    color: var(--text-inverted) !important;
    background-color: var(--primary-lifted) !important;
}
.mtd-navbar.submenu-theme .navbar-nav li ul.dropdown-menu,
.mtd-navbar.submenu-theme .navbar-nav li.show ul.dropdown-menu,
.mtd-navbar.submenu-theme .navbar-header .secondary-menu-mobile .dropdown-menu {
    color: var(--text-inverted) !important;
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
}
.mtd-navbar.submenu-theme .navbar-nav li ul.dropdown-menu:after,
.mtd-navbar.submenu-theme .navbar-nav li.show ul.dropdown-menu:after,
.mtd-navbar.submenu-theme .navbar-header .secondary-menu-mobile .dropdown-menu:after {
    border-bottom-color: var(--primary) !important;
}
.mtd-navbar.submenu-theme .navbar-nav li ul.dropdown-menu a,
.mtd-navbar.submenu-theme .navbar-header .secondary-menu-mobile .dropdown-menu a,
.mtd-navbar.submenu-theme .dropdown-header,
.mtd-navbar.submenu-theme .mega-menu,
.mtd-navbar.submenu-theme .mega-menu p,
.mtd-navbar.submenu-theme .mega-menu h1,
.mtd-navbar.submenu-theme .mega-menu h2,
.mtd-navbar.submenu-theme .mega-menu h3,
.mtd-navbar.submenu-theme .mega-menu h4,
.mtd-navbar.submenu-theme .mega-menu h5,
.mtd-navbar.submenu-theme .mega-menu h6 {
    color: var(--text-inverted) !important;
}
.mtd-navbar.submenu-theme .navbar-nav li ul.dropdown-menu a:hover,
.mtd-navbar.submenu-theme .navbar-nav li ul.dropdown-menu a:focus,
.mtd-navbar.submenu-theme .navbar-header .secondary-menu-mobile .dropdown-menu a:hover,
.mtd-navbar.submenu-theme .navbar-header .secondary-menu-mobile .dropdown-menu a:focus {
    color: var(--text-inverted) !important;
    background-color: var(--primary-lifted) !important;
}
.footer-widgets.theme {
    color: var(--text-inverted) !important;
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
}
.footer-widgets.theme h1,
.footer-widgets.theme h2,
.footer-widgets.theme h3,
.footer-widgets.theme h4,
.footer-widgets.theme h5,
.footer-widgets.theme h6,
.footer-widgets.theme p,
.footer-widgets.theme span,
.footer-widgets.theme li,
.footer-widgets.theme a,
.footer-widgets.theme .footer-navbar,
.footer-widgets.theme .contacts_box {
    color: var(--text-inverted) !important;
}
.footer-widgets.theme a:hover,
.footer-widgets.theme a:focus {
    color: var(--text-inverted) !important;
    text-decoration: underline;
}
.footer-widgets.theme .btn,
.footer-widgets.theme mark {
    color: var(--text-inverted) !important;
    background-color: var(--primary-lifted) !important;
    border-color: var(--primary-lifted) !important;
}
.footer-widgets.theme .border,
.footer-widgets.theme .contacts_box,
.footer-widgets.theme .footer-navbar .navbar-items {
    border-color: color-mix(in srgb, var(--text-inverted) 24%, transparent) !important;
}
section.testimonials .testimonials-carousel .owl-stage-outer .owl-stage .owl-item .testimonial-item .quote [class*='fa-'] {
    color: var(--primary) !important;
}
section.testimonials .testimonials-carousel .owl-stage-outer .owl-stage .owl-item.center .testimonial-item,
section.testimonials .testimonials-carousel .owl-stage-outer .owl-stage .owl-item.active.center .testimonial-item,
.testimonials-carousel .owl-item.center .slide-item .testimonial-item,
body.dark-mode .testimonials-carousel .owl-item.center .slide-item .testimonial-item {
    color: var(--text-inverted) !important;
    background: linear-gradient(135deg, var(--primary), var(--primary-lifted)) !important;
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
    box-shadow: 0 18px 42px color-mix(in srgb, var(--primary) 24%, transparent) !important;
}
section.testimonials .testimonials-carousel .owl-stage-outer .owl-stage .owl-item.center .testimonial-item .quote [class*='fa-'],
section.testimonials .testimonials-carousel .owl-stage-outer .owl-stage .owl-item.center .testimonial-item .readmore,
section.testimonials .testimonials-carousel .owl-stage-outer .owl-stage .owl-item.center .testimonial-item .author-info .author-name-link span.link a,
.testimonials-carousel .owl-item.center .slide-item .testimonial-item .quote [class*='fa-'],
.testimonials-carousel .owl-item.center .slide-item .testimonial-item .readmore,
.testimonials-carousel .owl-item.center .slide-item .testimonial-item .author-info .author-name-link span.link a,
body.dark-mode .testimonials-carousel .owl-item.center .slide-item .testimonial-item .quote [class*='fa-'],
body.dark-mode .testimonials-carousel .owl-item.center .slide-item .testimonial-item .readmore,
body.dark-mode .testimonials-carousel .owl-item.center .slide-item .testimonial-item .author-info .author-name-link span.link a {
    color: var(--text-inverted) !important;
}
body.dark-mode,
html[data-theme="dark"] body {
    color: var(--text);
    background-color: var(--bg);
}

body {
    font-family: "Jost", "Segoe UI", sans-serif !important;
}

h1, h2, h3, .h1, .h2, .h3 {
    font-family: "Cormorant Garamond", Georgia, serif !important;
}

/* ==== NC NAILS SITE STYLES START ==== */
/* NC Nails: the salon's own look on the Serepok theme and the site's native page-builder sections.
   Palette from the salon's wall poster, made modern: warm white, deep rose red, botanical green, soft greys.
   Type: Cormorant Garamond (headings), Jost (text), Yellowtail (the script wordmark, logo only).
   Pictures: AI-generated realistic salon imagery in assets/media/uploads/ncnails/. Botanical SVG backgrounds retained.
   Built by C:\apps\_rename-work\ncnails\site\build.php - edit ncnails.css there and run it again. */

:root {
	--nc-rose: #A8213A; --nc-rose-deep: #7E1A2C; --nc-rose-bright: #C9303F; --nc-wine: #3A1720; --nc-wine-2: #2B1118;
	--nc-ink: #2A1E22; --nc-ink-2: #574A4E; --nc-muted: #6B5F62;
	--nc-ivory: #FCFAF7; --nc-porcelain: #F7F1EC; --nc-blush: #F6E4E1; --nc-blush-2: #FBF2EF; --nc-petal: #F3C9C6;
	--nc-leaf: #2F5D4E; --nc-sage: #E3ECE6; --nc-mist: #F1F5F2;
	--nc-line: #E9DED8; --nc-line-2: #DDCFC8;
	--nc-serif: "Cormorant Garamond", "Times New Roman", Georgia, serif;
	--nc-sans: "Jost", "Segoe UI", system-ui, sans-serif;
	--nc-radius: 22px;
	--nc-shadow: 0 1px 2px rgba(58, 23, 32, .05), 0 16px 40px rgba(58, 23, 32, .07);
	--nc-shadow-lift: 0 2px 4px rgba(58, 23, 32, .06), 0 26px 56px rgba(58, 23, 32, .13);
}

/* the theme's own accent (Serepok's color scheme file), in the salon's rose */
:root, body { --brand-primary: #A8213A; --brand-primary-lighter: #C9303F; --brand-primary-lighter-2: #F3C9C6; --brand-primary-lighter-3: #F6E4E1; --brand-primary-lighter-4: #FBF2EF; --brand-primary-darker: #7E1A2C; --brand-primary-gradient-start: #A8213A; --brand-primary-gradient-end: #C9303F; --brand-secondary: #2F5D4E; --brand-secondary-gradient-end: #2F5D4E; --mtd-scheme-primary: #A8213A; --mtd-primary: #A8213A; }

/* ---------------------------------------------------------------- page ground */
html body { background: var(--nc-ivory) !important; color: var(--nc-ink); font-family: var(--nc-sans) !important; }
.mtd-site-shell { background: none !important; }
::selection { background: var(--nc-petal); color: var(--nc-ink); }
a { color: var(--nc-rose); }
a:hover, a:focus { color: var(--nc-rose-deep); }
:focus-visible { outline: 2px solid var(--nc-rose) !important; outline-offset: 3px; }
/* prices and numbers in lining figures (Cormorant's default figures dip below the line) */
.sx-bento__stat, .sx-hero__badge strong, .sx-steps__marker, .compare-table__value, .nc-hero h1, .sec-title { font-variant-numeric: lining-nums; }
h1, h2, h3, .h1, .h2, .h3, .sec-title { font-family: var(--nc-serif) !important; font-weight: 600 !important; letter-spacing: -.005em !important; color: var(--nc-ink); }

/* buttons: rose pills */
.mtd-site-shell .btn { border-radius: 999px; font-family: var(--nc-sans); font-weight: 500; letter-spacing: .02em; }
.mtd-site-shell .btn-primary, .mtd-site-shell .btn-primary:not(:disabled):not(.disabled) {
	border-color: var(--nc-rose) !important; background: var(--nc-rose) !important; color: #fff !important;
	box-shadow: 0 10px 24px rgba(168, 33, 58, .22);
}
.mtd-site-shell .btn-primary:hover, .mtd-site-shell .btn-primary:focus { border-color: var(--nc-rose-deep) !important; background: var(--nc-rose-deep) !important; color: #fff !important; }
.mtd-site-shell .btn-primary i, .mtd-site-shell .btn-primary span { color: inherit !important; }
.mtd-site-shell .btn-lg { padding: 14px 30px; font-size: 16px; }

/* ---------------------------------------------------------------- header */
.header .pre-header, .header .pre-header.primary { background: var(--nc-wine) !important; border: 0 !important; }
.header .pre-header .container > div { justify-content: center !important; min-height: 34px; }
.header .pre-header ul { margin: 0; }
.header .pre-header .list-inline-item { margin: 0 !important; padding: 0 14px; border: 0 !important; }
.header .pre-header .list-inline-item + .list-inline-item { border-left: 1px solid rgba(255, 255, 255, .18) !important; }
.header .pre-header a, .header .pre-header a:hover { color: #F8E9E5 !important; font: 500 13.5px/1.4 var(--nc-sans); letter-spacing: .02em; text-decoration: none; }
.header .pre-header a:hover { color: #fff !important; text-decoration: underline; text-underline-offset: 3px; }
.header .pre-header a i { margin-right: 6px; color: #F3B9B6; }
.header .pre-header li:has(> a[href*="checkout.php"]), .header .pre-header li.lang-btn { display: none !important; }

.header .nav-div, .header #header { background: rgba(252, 250, 247, .97) !important; }
/* no border on #header: Serepok measures its height and feeds it back to the menu items, so a border made it grow on every scroll */
.header #header { border-bottom: 0 !important; box-shadow: 0 1px 0 var(--nc-line) !important; }
.header .serepok-brand-logo { height: 54px !important; width: auto !important; max-width: none !important; }
.header .navbar-brand { padding: 8px 0 !important; }
.header .navbar-nav > .nav-item > .nav-link { font-family: var(--nc-sans) !important; font-size: 16px !important; font-weight: 500 !important; letter-spacing: .01em; color: var(--nc-ink) !important; }
.header .navbar-nav > .nav-item > .nav-link:hover, .header .navbar-nav > .nav-item.active > .nav-link { color: var(--nc-rose) !important; }
.header .navbar-nav .link-ext { background: var(--nc-rose) !important; }
.header .serepok-nav-separator { opacity: 0 !important; }
.header .navbar-nav > .nav-item.nc-nav-call { align-self: center; margin-left: 14px; }
.header .navbar-nav > .nav-item.nc-nav-call > .nav-link {
	height: auto !important; padding: 11px 22px !important; border-radius: 999px; background: var(--nc-rose); color: #fff !important;
	box-shadow: 0 10px 24px rgba(168, 33, 58, .22); gap: 8px;
}
.header .navbar-nav > .nav-item.nc-nav-call > .nav-link:hover { background: var(--nc-rose-deep); color: #fff !important; }
.header .navbar-nav > .nav-item.nc-nav-call > .nav-link i, .header .navbar-nav > .nav-item.nc-nav-call > .nav-link span { color: #fff !important; }
.header .navbar-nav > .nav-item.nc-nav-call .link-ext { display: none !important; }
/* a salon with no online shop or client accounts: no cart, account or theme buttons */
.header .navbar-end { display: none !important; }
.sideNavPanel .serepok-mobile-right-cart, .sideNavPanel .serepok-mobile-right-lamp, .sideNavPanel .serepok-mobile-right-theme,
.sideNavPanel li[data-menu-item-name="Account"], .sideNavPanel .serepok-mobile-right-language { display: none !important; }
.header .serepok-menu-toggle { color: var(--nc-ink) !important; border: 1px solid var(--nc-line-2) !important; border-radius: 12px !important; }

/* phone menu */
.sideNavPanel .sideNavContent { background: linear-gradient(180deg, var(--nc-wine), var(--nc-wine-2)) !important; }
.sideNavPanel .nav-link, .sideNavPanel .nav-link span { font-family: var(--nc-sans) !important; color: #FBEDEA !important; }
.sideNavPanel .navbar-nav li.nav-item > a.nav-link:has(.fa-phone) { margin-top: 10px; border-color: transparent !important; border-radius: 999px !important; background: var(--nc-rose-bright) !important; justify-content: center; }
.sideNavPanel .serepok-side-signature-name { font-family: var(--nc-serif) !important; }

/* ---------------------------------------------------------------- shared section look */
.nc-sec.sec { padding-top: clamp(64px, 8vw, 112px) !important; padding-bottom: clamp(64px, 8vw, 112px) !important; }
.nc-sec .sx, .sx.nc-sec {
	--sx-accent: var(--nc-rose); --sx-on-accent: #fff; --sx-ink: var(--nc-ink); --sx-muted: var(--nc-ink-2); --sx-surface: #fff;
	--sx-soft: var(--nc-blush-2); --sx-tint: rgba(168, 33, 58, .09); --sx-line: var(--nc-line); --sx-radius: 20px;
	--sx-shadow: var(--nc-shadow); --sx-shadow-hover: var(--nc-shadow-lift); --sx-dark: var(--nc-wine);
}
.nc-sec .sec-description { max-width: 720px !important; margin: 0 auto clamp(36px, 4vw, 56px) !important; text-align: center; }
.nc-sec .sec-caption { margin-bottom: 4px !important; }
.nc-sec .sec-caption span, .nc-sec .sec-caption .rounded {
	display: inline-block !important; padding: 0 !important; border: 0 !important; background: none !important; box-shadow: none !important;
	color: var(--nc-rose) !important; font: 600 12.5px/1.4 var(--nc-sans) !important; letter-spacing: .26em !important; text-transform: uppercase;
}
.nc-sec .sec-caption::after { content: ""; display: block; width: 120px; height: 30px; margin: 6px auto 2px; background: url("/assets/media/uploads/ncnails/deco-divider.webp") center / contain no-repeat; }
.nc-sec .sec-title { margin: 0 0 14px !important; font-size: clamp(34px, 4.2vw, 54px) !important; line-height: 1.08 !important; color: var(--nc-ink) !important; text-wrap: balance; }
.nc-sec .sec-subtitle, .nc-sec .sec-subtitle p { color: var(--nc-ink-2) !important; font-size: 17.5px !important; line-height: 1.65 !important; }
.nc-sec .sx-eyebrow { color: var(--nc-rose); font: 600 12px/1.4 var(--nc-sans); letter-spacing: .2em; text-transform: uppercase; }

/* alternating grounds */
.nc-sec.nc-tiers, .nc-sec.nc-facts, .nc-sec.nc-steps, .nc-sec.nc-menu--addons, .nc-sec.nc-menu--extras, .nc-sec.nc-menu--kids { background: var(--nc-porcelain); }
.nc-sec.nc-statement, .nc-sec.nc-faq { background: linear-gradient(180deg, var(--nc-blush-2), var(--nc-blush)); }
.nc-sec.nc-visit { background: var(--nc-mist); }

/* ---------------------------------------------------------------- hero (Split Hero) */
.nc-hero.sec {
	position: relative; isolation: isolate;
	background: radial-gradient(90% 70% at 88% 18%, var(--nc-blush) 0, rgba(246, 228, 225, 0) 62%), radial-gradient(70% 60% at 0% 100%, var(--nc-sage) 0, rgba(227, 236, 230, 0) 60%), var(--nc-ivory) !important;
	padding-top: clamp(40px, 6vw, 88px) !important; padding-bottom: clamp(56px, 7vw, 104px) !important;
}
.nc-hero .sx-hero__grid { gap: clamp(32px, 5vw, 80px) !important; }
.nc-hero .sx-hero__eyebrow { margin-bottom: 18px !important; padding: 0 !important; border: 0 !important; background: none !important; box-shadow: none !important; color: var(--nc-rose) !important; font: 600 13px/1.4 var(--nc-sans) !important; letter-spacing: .24em; text-transform: uppercase; }
.nc-hero .sx-hero__dot { width: 22px !important; height: 1px !important; border-radius: 0 !important; background: var(--nc-rose) !important; box-shadow: none !important; }
.nc-hero h1.sx-hero__title { margin-bottom: 22px !important; font-family: var(--nc-serif) !important; font-size: clamp(46px, 5.6vw, 82px) !important; font-weight: 600 !important; line-height: 1.02 !important; letter-spacing: -.012em !important; color: var(--nc-ink) !important; }
.nc-hero .sx-hero__rotate { display: grid !important; justify-items: start; color: var(--nc-rose) !important; font-style: italic; font-weight: 500; }
/* the rotating words cross-fade in place, on a line of their own, so the headline never jumps */
.nc-hero .sx-hero__word { white-space: nowrap !important; transition: opacity .7s ease !important; }
.nc-hero .sx-hero__word:not(.is-current), .nc-hero .sx-hero__word.is-leaving { transform: none !important; }
.nc-hero .sx-hero__text { color: var(--nc-ink-2) !important; font-size: clamp(17px, 1.35vw, 19.5px) !important; line-height: 1.7 !important; max-width: 50ch !important; }
.nc-hero .sx-hero__text p { margin-bottom: 14px; }
.nc-hero .nc-hero-meta { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 22px !important; }
.nc-hero .nc-hero-meta span { display: inline-flex; align-items: center; gap: 8px; padding: 8px 15px; border: 1px solid var(--nc-line-2); border-radius: 999px; background: rgba(255, 255, 255, .8); color: var(--nc-ink) !important; font-size: 14.5px; font-weight: 500; line-height: 1.3; }
.nc-hero .nc-hero-meta span::before { font-family: "Font Awesome 6 Pro"; font-weight: 400; content: "\f017"; color: var(--nc-rose); }
.nc-hero .nc-hero-meta span.nc-walkin::before { content: "\f52b"; }
.nc-hero .nc-hero-meta span.nc-plus::before { content: "\f055"; }
.nc-hero .sx-hero__actions { margin-top: 30px !important; gap: 12px !important; }
.nc-hero .sx-hero__actions .sx-hero__ghost { border: 1px solid var(--nc-rose) !important; background: transparent !important; color: var(--nc-rose) !important; }
.nc-hero .sx-hero__actions .sx-hero__ghost:hover { background: var(--nc-rose) !important; color: #fff !important; }
/* the pictures: the poster's arch, with a round inset */
.nc-hero .sx-hero__media { aspect-ratio: 1 / 1.08 !important; }
.nc-hero .sx-hero__pic { border-radius: 26px !important; background: var(--nc-blush) !important; box-shadow: 0 30px 60px rgba(58, 23, 32, .16) !important; }
.nc-hero .sx-hero__pic--1 { grid-column: 1 / 6 !important; grid-row: 1 / 7 !important; border-radius: 999px 999px 28px 28px !important; outline: 1px solid rgba(168, 33, 58, .25); outline-offset: 10px; }
.nc-hero .sx-hero__media--single .sx-hero__pic--1 { grid-column: 1 / 7 !important; }
.nc-hero .sx-hero__pic--2 { grid-column: 4 / 7 !important; grid-row: 4 / 7 !important; align-self: end; aspect-ratio: 1; border-radius: 50% !important; border: 8px solid var(--nc-ivory) !important; }
.nc-hero .sx-hero__pic--3 { display: none !important; }
.nc-hero .sx-hero__badge { left: -2% !important; bottom: 10% !important; padding: 14px 20px !important; border: 1px solid var(--nc-line) !important; border-radius: 18px !important; background: #fff !important; }
.nc-hero .sx-hero__badge strong { font-family: var(--nc-serif); font-size: 34px !important; font-weight: 700 !important; color: var(--nc-rose) !important; letter-spacing: 0 !important; }
.nc-hero .sx-hero__badge span { color: var(--nc-ink-2) !important; font-size: 13.5px !important; font-weight: 500 !important; }
/* the inner pages: a quieter hero */
.nc-hero--page.sec { padding-top: clamp(36px, 5vw, 72px) !important; padding-bottom: clamp(44px, 5vw, 80px) !important; }
.nc-hero--page h1.sx-hero__title { font-size: clamp(42px, 4.8vw, 68px) !important; }
.nc-hero--page .sx-hero__media { max-width: 520px; justify-self: end; width: 100%; aspect-ratio: 1 / 1.02 !important; }

/* ---------------------------------------------------------------- word band (Text Marquee) */
.nc-marquee.sec { padding: 26px 0 !important; border-top: 1px solid var(--nc-line); border-bottom: 1px solid var(--nc-line); background: #fff; }
.nc-marquee .sx-marquee__word { font-family: var(--nc-serif) !important; font-style: italic; font-weight: 500 !important; color: var(--nc-ink) !important; -webkit-text-stroke: 0 !important; }
.nc-marquee .sx-marquee__word--alt { color: var(--nc-rose) !important; }
.nc-marquee .sx-marquee__word::after, .nc-marquee .sx-marquee__word::before { color: var(--nc-leaf) !important; }

/* ---------------------------------------------------------------- cards (Bento Grid) */
.nc-sec.sx-bento .sx-bento__grid { grid-auto-rows: auto !important; }
.nc-sec.sx-bento .sx-bento__tile { justify-content: flex-start !important; border-color: var(--nc-line) !important; border-radius: var(--nc-radius) !important; }
.nc-sec.sx-bento .sx-bento__title { font-family: var(--nc-serif); font-weight: 600; letter-spacing: 0; color: var(--nc-ink); }
.nc-sec.sx-bento .sx-bento__text { color: var(--nc-ink-2) !important; font-size: 15.5px !important; line-height: 1.7 !important; }
.nc-sec.sx-bento .sx-bento__more { color: var(--nc-rose) !important; font-weight: 500 !important; letter-spacing: .02em; }
.nc-sec.sx-bento .sx-bento__icon { width: 52px !important; height: 52px !important; margin-bottom: 0 !important; border-radius: 50% !important; background: var(--nc-blush) !important; color: var(--nc-rose) !important; font-size: 19px !important; }

/* pedicure levels */
.nc-tiers .sx-bento__tile { padding: 30px 28px 32px !important; background: #fff !important; }
.nc-tiers .sx-bento__body { height: 100% !important; gap: 0 !important; }
.nc-tiers .sx-bento__icon { position: absolute; top: 0; right: 0; }
.nc-tiers .sx-bento__icon + * { margin-top: 0 !important; }
.nc-tiers .sx-eyebrow { order: 1; margin-bottom: 4px; }
.nc-tiers .sx-bento__title { order: 2; font-size: 34px !important; line-height: 1.05 !important; }
.nc-tiers .sx-bento__stat { order: 3; margin: 10px 0 18px !important; padding-bottom: 18px; width: 100%; border-bottom: 1px solid var(--nc-line); font-family: var(--nc-serif); font-size: 48px !important; font-weight: 700 !important; letter-spacing: 0 !important; color: var(--nc-rose); }
.nc-tiers .sx-bento__text { order: 4; font-size: 15.5px !important; line-height: 1.95 !important; }
.nc-tiers .sx-bento__more { order: 5; margin-top: auto !important; padding-top: 18px; }
.nc-tiers .sx-tone--dark { background: radial-gradient(120% 80% at 100% 0%, rgba(201, 48, 63, .55), rgba(201, 48, 63, 0) 60%), linear-gradient(160deg, #4A1A26, var(--nc-wine-2)) !important; }
.nc-tiers .sx-tone--dark .sx-bento__title, .nc-tiers .sx-tone--dark .sx-bento__stat { color: #fff !important; }
.nc-tiers .sx-tone--dark .sx-bento__stat { border-color: rgba(255, 255, 255, .2); }
.nc-tiers .sx-tone--dark .sx-eyebrow { color: #F7C6C2 !important; }
.nc-tiers .sx-tone--dark .sx-bento__text { color: rgba(255, 255, 255, .88) !important; }
.nc-tiers .sx-tone--dark .sx-bento__more { color: #fff !important; }
.nc-tiers .sx-tone--dark .sx-bento__icon { background: rgba(255, 255, 255, .14) !important; color: #fff !important; }

/* service categories: picture on top, words below */
.nc-cats .sx-bento__tile { padding: 0 !important; background: #fff !important; color: var(--nc-ink) !important; }
.nc-cats .sx-tone--image::after { display: none !important; }
.nc-cats .sx-bento__media { position: relative !important; inset: auto !important; z-index: 0 !important; display: block; width: 100% !important; height: auto !important; aspect-ratio: 4 / 3; object-fit: cover; }
.nc-cats .sx-bento__body { padding: 22px 26px 26px; gap: 6px !important; flex: 1; }
.nc-cats .sx-bento__title { order: 1; font-size: 30px !important; line-height: 1.1 !important; }
.nc-cats .sx-bento__stat { order: 2; margin: 2px 0 6px !important; padding: 5px 12px; border-radius: 999px; background: var(--nc-blush); color: var(--nc-rose-deep); font: 600 13px/1.3 var(--nc-sans) !important; letter-spacing: .08em !important; text-transform: uppercase; }
.nc-cats .sx-bento__text { order: 3; color: var(--nc-ink-2) !important; }
.nc-cats .sx-bento__more { order: 4; margin-top: auto !important; padding-top: 10px; }

/* good to know */
.nc-facts .sx-bento__tile { padding: 28px !important; background: #fff !important; }
.nc-facts .sx-bento__body { gap: 6px !important; }
.nc-facts .sx-bento__body { display: grid !important; grid-template-columns: 52px minmax(0, 1fr); column-gap: 18px; row-gap: 4px !important; align-items: start; }
.nc-facts .sx-bento__icon { grid-row: 1 / span 2; }
.nc-facts .sx-bento__icon + * { margin-top: 2px !important; }
.nc-facts .sx-bento__title { font-size: 26px !important; line-height: 1.15 !important; }

/* jump links on the menu page: they stick just below the site header once it turns fixed (--nc-stick, set by
   ncnails.js), and a section link lands below both (--nc-head, --nc-bar) */
.nc-jump.sec { position: sticky; z-index: 20; top: var(--nc-stick, 0px); transition: top .32s ease; padding: 14px 0 !important; border-bottom: 1px solid var(--nc-line); background: rgba(252, 250, 247, .94) !important; backdrop-filter: blur(8px); overflow: visible !important; }
.nc-jump .sx-bento__grid { display: flex !important; flex-wrap: wrap; justify-content: center; gap: 10px !important; }
.nc-jump a.sx-bento__tile { flex: 0 0 auto; flex-direction: row !important; align-items: center; min-height: 0 !important; height: auto !important; padding: 8px 18px 8px 8px !important; border-radius: 999px !important; box-shadow: none !important; background: #fff !important; }
.nc-jump a.sx-bento__tile:hover { transform: none !important; border-color: var(--nc-rose) !important; background: var(--nc-blush-2) !important; }
.nc-jump .sx-bento__body { flex-direction: row !important; align-items: center !important; gap: 10px !important; height: auto !important; }
.nc-jump .sx-bento__icon { width: 32px !important; height: 32px !important; font-size: 13px !important; }
.nc-jump .sx-bento__icon + * { margin-top: 0 !important; }
.nc-jump .sx-bento__title { font: 500 15px/1.2 var(--nc-sans) !important; color: var(--nc-ink) !important; white-space: nowrap; }
.nc-jump .sx-bento__more { display: none !important; }
html.nc-has-jump .sec-anchor { top: calc(-1 * (var(--nc-head, 80px) + var(--nc-bar, 0px)) - 16px); }

/* ---------------------------------------------------------------- price lists (Comparison Table) */
.nc-menu.sec .container { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 420px); grid-template-rows: auto 1fr; gap: 0 clamp(32px, 5vw, 72px); align-items: start; max-width: 1140px; }
.nc-menu.sec .container::after { content: ""; grid-column: 2; grid-row: 1 / span 2; align-self: center; width: 100%; aspect-ratio: 4 / 3; border-radius: 999px 999px 26px 26px; background: var(--nc-blush) var(--nc-menu-art) center / cover no-repeat; box-shadow: 0 26px 56px rgba(58, 23, 32, .14); }
.nc-menu.sec .sec-description { grid-column: 1; max-width: none !important; margin: 0 0 26px !important; text-align: left !important; }
.nc-menu.sec .sec-caption::after { margin-left: -6px; }
.nc-menu.sec .compare-table__scroll { grid-column: 1; overflow: visible; border: 1px solid var(--nc-line) !important; border-radius: var(--nc-radius) !important; background: #fff !important; box-shadow: var(--nc-shadow); }
.nc-menu--enhancements.sec .container, .nc-menu--waxing.sec .container { grid-template-columns: minmax(0, 420px) minmax(0, 1fr); }
.nc-menu--enhancements.sec .container::after, .nc-menu--waxing.sec .container::after { grid-column: 1; }
.nc-menu--enhancements.sec .sec-description, .nc-menu--enhancements.sec .compare-table__scroll,
.nc-menu--waxing.sec .sec-description, .nc-menu--waxing.sec .compare-table__scroll { grid-column: 2; }
.nc-menu .compare-table__table { min-width: 0 !important; }
.nc-menu table th, .nc-menu table td { border-bottom: 0 !important; background: transparent !important; }
.nc-menu th.compare-table__feature { position: static !important; box-shadow: none !important; }
.nc-menu thead th { white-space: nowrap; padding: 18px 26px 6px !important; color: var(--nc-muted) !important; font: 600 12px/1.4 var(--nc-sans) !important; letter-spacing: .2em; text-transform: uppercase; text-align: right !important; }
.nc-menu tbody th.compare-table__feature { width: auto !important; padding: 15px 26px !important; color: var(--nc-ink) !important; font: 600 21px/1.25 var(--nc-serif) !important; text-align: left !important; position: static !important; box-shadow: none !important; min-width: 0 !important; }
.nc-menu tbody td { width: 1%; padding: 15px 26px !important; white-space: nowrap; text-align: right !important; }
.nc-menu tbody td .compare-table__value { color: var(--nc-rose) !important; font: 600 18px/1.2 var(--nc-sans) !important; letter-spacing: .01em; }
.nc-menu tbody tr + tr > * { border-top: 1px dashed var(--nc-line-2) !important; }
.nc-menu tfoot { display: none; }
.nc-menu--manicure { --nc-menu-art: url("/assets/media/uploads/ncnails/svc-manicure.webp"); }
.nc-menu--addons { --nc-menu-art: url("/assets/media/uploads/ncnails/svc-pedicure.webp"); }
.nc-menu--enhancements { --nc-menu-art: url("/assets/media/uploads/ncnails/svc-enhancements.webp"); }
.nc-menu--extras { --nc-menu-art: url("/assets/media/uploads/ncnails/svc-extras.webp"); }
.nc-menu--waxing { --nc-menu-art: url("/assets/media/uploads/ncnails/svc-waxing.webp"); }
.nc-menu--kids { --nc-menu-art: url("/assets/media/uploads/ncnails/svc-kids.webp"); }

/* ---------------------------------------------------------------- statement */
.nc-statement.sec { position: relative; isolation: isolate; overflow: hidden !important; }
.nc-statement.sec::before, .nc-statement.sec::after { content: ""; position: absolute; z-index: -1; width: clamp(150px, 20vw, 300px); aspect-ratio: 1; pointer-events: none; opacity: .9; }
.nc-statement.sec::before { left: -30px; bottom: -40px; background: url("/assets/media/uploads/ncnails/deco-corner.webp") left bottom / contain no-repeat; }
.nc-statement.sec::after { right: -30px; bottom: -40px; background: url("/assets/media/uploads/ncnails/deco-corner-2.webp") right bottom / contain no-repeat; }
.nc-statement .sx-statement__inner { max-width: 900px; margin: 0 auto; }
.nc-statement .sx-statement__text { font-family: var(--nc-serif) !important; font-size: clamp(32px, 3.9vw, 54px) !important; font-weight: 500 !important; line-height: 1.2 !important; letter-spacing: -.005em !important; color: var(--nc-ink) !important; }
.nc-statement .sx-statement__text mark { padding: 0; background: none !important; color: var(--nc-rose) !important; font-style: italic; }
.nc-statement .sx-statement__btn { margin-top: 30px; }

/* ---------------------------------------------------------------- story rows, steps */
.nc-story .sx-story__frame { border-radius: 26px !important; box-shadow: 0 26px 56px rgba(58, 23, 32, .13) !important; }
.nc-story .sx-story__media::before { background: linear-gradient(135deg, var(--nc-blush), rgba(246, 228, 225, 0) 75%) !important; }
.nc-story .sx-story__title { font-size: clamp(32px, 3.2vw, 44px) !important; line-height: 1.1 !important; }
.nc-story .sx-story__text { color: var(--nc-ink-2) !important; font-size: 17px !important; line-height: 1.75 !important; }
.nc-sec .sx-checks li { color: var(--nc-ink) !important; }
.nc-sec .sx-checks li i { color: var(--nc-leaf) !important; background: var(--nc-sage) !important; }
.nc-steps .sx-steps__item { border-color: var(--nc-line) !important; border-radius: var(--nc-radius) !important; background: #fff !important; box-shadow: var(--nc-shadow) !important; }
.nc-steps .sx-steps__marker { background: var(--nc-blush) !important; color: var(--nc-rose) !important; font-family: var(--nc-serif) !important; font-weight: 700 !important; font-size: 22px !important; }
.nc-steps .sx-steps__title { font-size: 28px !important; }
.nc-steps .sx-steps__text { color: var(--nc-ink-2) !important; font-size: 16px !important; }

/* ---------------------------------------------------------------- visit (Contact & Location) */
.nc-visit .sx-contact__card { border: 1px solid var(--nc-line) !important; border-radius: var(--nc-radius) !important; background: #fff !important; box-shadow: var(--nc-shadow) !important; }
.nc-visit .sx-contact__icon { background: var(--nc-blush) !important; color: var(--nc-rose) !important; border-radius: 50% !important; }
.nc-visit .sx-contact__label { color: var(--nc-rose) !important; font: 600 12px/1.4 var(--nc-sans) !important; letter-spacing: .2em !important; text-transform: uppercase; }
.nc-visit address, .nc-visit .sx-contact__row a:not(.sx-link) { color: var(--nc-ink) !important; font-size: 17px; font-weight: 500; }
.nc-visit .sx-contact__hours dl > div { border-color: var(--nc-line) !important; }
.nc-visit .sx-contact__hours dt { color: var(--nc-ink) !important; font-weight: 500 !important; }
.nc-visit .sx-contact__hours dd { color: var(--nc-ink-2) !important; }
.nc-visit .sx-contact__note { border-radius: 14px !important; background: var(--nc-blush-2) !important; color: var(--nc-ink) !important; }
.nc-visit .sx-contact__note i { color: var(--nc-rose) !important; }
.nc-visit .sx-contact__map { min-height: 440px; overflow: hidden; border: 1px solid var(--nc-line); border-radius: var(--nc-radius) !important; background: var(--nc-sage); box-shadow: var(--nc-shadow); }
.nc-visit .sx-contact__map iframe { width: 100%; height: 100%; min-height: 440px; border: 0; filter: saturate(.85); }

/* ---------------------------------------------------------------- questions (FAQ) */
.nc-faq .card-faqs-group .card { margin-bottom: 12px; border: 1px solid var(--nc-line) !important; border-radius: 18px !important; background: #fff !important; box-shadow: var(--nc-shadow); overflow: hidden; }
.nc-faq .card-header { background: #fff !important; border: 0 !important; }
.nc-faq .card-header .btn { display: flex !important; width: 100%; justify-content: space-between; align-items: center; gap: 16px; padding: 18px 24px !important; border-radius: 0 !important; box-shadow: none !important; text-align: left !important; background: #fff !important; }
.nc-faq .card, .nc-faq .card-header, .nc-faq .card-header .btn { height: auto !important; min-height: 0 !important; }
.nc-faq .card-header .btn .card-title { flex: 1; text-align: left !important; white-space: normal !important; overflow: visible !important; }
.nc-faq .card-body { padding: 0 24px 20px !important; }
.nc-faq .card-title { color: var(--nc-ink) !important; font: 600 22px/1.3 var(--nc-serif) !important; }
.nc-faq .card-icon i { color: var(--nc-rose) !important; }
.nc-faq .card-body, .nc-faq .card-body p { color: var(--nc-ink-2) !important; font-size: 16.5px !important; line-height: 1.7 !important; }

/* ---------------------------------------------------------------- call to action band */
.nc-cta.sec.cta-band, .nc-cta.sec.cta-band.bg-primary {
	position: relative; isolation: isolate; overflow: hidden; padding: clamp(72px, 8vw, 116px) 0 !important;
	background: radial-gradient(80% 120% at 85% 0%, rgba(201, 48, 63, .5), rgba(201, 48, 63, 0) 60%), linear-gradient(160deg, #4A1A26, var(--nc-wine-2)) !important; color: #fff !important;
}
.nc-cta.sec::before, .nc-cta.sec::after { content: ""; position: absolute; z-index: -1; width: clamp(180px, 22vw, 340px); aspect-ratio: 1; pointer-events: none; }
.nc-cta.sec::before { left: -20px; bottom: -36px; background: url("/assets/media/uploads/ncnails/deco-corner.webp") left bottom / contain no-repeat; opacity: .85; }
.nc-cta.sec::after { right: -20px; bottom: -36px; background: url("/assets/media/uploads/ncnails/deco-corner-2.webp") right bottom / contain no-repeat; opacity: .85; }
.nc-cta .cta-band__inner { position: relative; text-align: center; }
.nc-cta .sec-caption span, .nc-cta .sec-caption .rounded { padding: 0 !important; background: none !important; color: #F7C6C2 !important; font: 600 12.5px/1.4 var(--nc-sans) !important; letter-spacing: .26em !important; text-transform: uppercase; }
.nc-cta .sec-title { margin: 6px 0 12px !important; color: #fff !important; font-size: clamp(36px, 4.4vw, 58px) !important; line-height: 1.08 !important; }
.nc-cta .sec-subtitle, .nc-cta .sec-subtitle p { color: #F6E4E1 !important; font-size: 17px !important; }
.nc-cta .cta-band__actions { justify-content: center !important; gap: 12px !important; margin-top: 28px !important; }
.nc-cta .cta-band__actions .btn-light { border: 1px solid #fff !important; background: #fff !important; color: var(--nc-rose-deep) !important; }
.nc-cta .cta-band__actions .btn-light:hover { background: var(--nc-blush) !important; }
.nc-cta .cta-band__actions .btn-outline { border: 1px solid rgba(255, 255, 255, .7) !important; background: transparent !important; color: #fff !important; }
.nc-cta .cta-band__actions .btn-outline:hover { background: rgba(255, 255, 255, .12) !important; }

/* ---------------------------------------------------------------- legal pages */
.nc-legal.sec { padding: clamp(48px, 6vw, 88px) 0 clamp(64px, 7vw, 104px) !important; }
.nc-legal-doc { color: var(--nc-ink-2); font-size: 17px; line-height: 1.75; }
.nc-legal-doc .nc-legal-eyebrow { margin: 0 0 6px !important; color: var(--nc-rose); font: 600 12.5px/1.4 var(--nc-sans); letter-spacing: .26em; text-transform: uppercase; }
.nc-legal-doc h1 { margin: 0 0 6px !important; padding: 0 !important; font-size: clamp(42px, 5vw, 60px) !important; line-height: 1.05; }
.nc-legal-doc .nc-legal-updated { margin-bottom: 28px; color: var(--nc-muted); font-size: 15px; }
.nc-legal-doc .nc-legal-lead { padding: 20px 24px; border-left: 3px solid var(--nc-rose); border-radius: 0 16px 16px 0; background: var(--nc-blush-2); color: var(--nc-ink); font-size: 18px; }
.nc-legal-doc h2 { margin: 40px 0 10px; font-size: 30px !important; line-height: 1.15; }

/* ---------------------------------------------------------------- built-in pages (contact form, not found) */
.mtd-error-404-card { border-color: var(--nc-line) !important; background: #fff !important; }
.mtd-error-404-mark { color: var(--nc-rose) !important; background: none !important; -webkit-text-fill-color: var(--nc-rose) !important; font-family: var(--nc-serif) !important; font-weight: 600 !important; }
.mtd-error-404-card p { color: var(--nc-ink-2) !important; }
.mtd-error-404-secondary { display: none !important; } /* a link to support tickets, which a salon does not use */
.mtd-page-heading .fa, .mtd-page-heading [class*="icon"] { background-color: var(--nc-rose) !important; }
.mtd-site-shell .form-control { border-color: var(--nc-line-2) !important; border-radius: 12px !important; background: #fff !important; }
.mtd-site-shell .form-control:focus { border-color: var(--nc-rose) !important; box-shadow: 0 0 0 3px rgba(168, 33, 58, .12) !important; }
.mtd-main-body { background: transparent !important; }
.mtd-page-heading h1, .mtd-page-heading .h1 { font-size: clamp(40px, 4.4vw, 56px) !important; }
.mtd-page-breadcrumb-bar .breadcrumb { background: #fff !important; border-color: var(--nc-line) !important; }

/* ---------------------------------------------------------------- footer */
.mtd-footer, .mtd-footer.mtd-footer--dark { background: linear-gradient(180deg, var(--nc-wine), var(--nc-wine-2)) !important; color: #EAD8D4 !important; border: 0 !important; }
.mtd-footer .mtd-footer-logo { max-width: none !important; }
.mtd-footer .mtd-footer-logo img { height: 74px !important; max-height: none !important; width: auto !important; max-width: none !important; }
.mtd-footer .mtd-footer-description { color: #E3CFCA !important; font-size: 15.5px; line-height: 1.7; max-width: 34ch; }
.mtd-footer .mtd-footer-column > strong, .mtd-footer .nc-foot-title { display: block; margin-bottom: 14px; color: #fff !important; font: 600 24px/1.2 var(--nc-serif) !important; letter-spacing: 0; text-transform: none; }
.mtd-footer .mtd-footer-column a, .mtd-footer .mtd-footer-column span { color: #E9D6D2 !important; font-size: 15.5px; font-weight: 400; }
.mtd-footer .mtd-footer-column a:hover { color: #fff !important; }
.mtd-footer .nc-foot-visit address { margin-bottom: 12px; color: #F3E4E1; font-style: normal; font-size: 15.5px; line-height: 1.6; }
.mtd-footer .nc-foot-hours { margin: 0 0 18px; }
.mtd-footer .nc-foot-hours div { display: flex; justify-content: space-between; gap: 18px; padding: 4px 0; border-bottom: 1px dashed rgba(255, 255, 255, .16); font-size: 15px; white-space: nowrap; }
.mtd-footer .mtd-footer-cta { min-width: 280px; }
.mtd-footer .nc-foot-hours dt { color: #fff; font-weight: 500; }
.mtd-footer .nc-foot-hours dd { margin: 0; color: #E9D6D2; }
.mtd-footer .nc-foot-call { display: inline-flex; align-items: center; gap: 8px; box-shadow: none !important; }
.mtd-footer .nc-foot-call i { color: #fff !important; }
.mtd-footer .nc-foot-mail { display: block; margin-top: 12px; color: #F3D6D2 !important; font-size: 15px; }
.mtd-footer .mtd-footer-bottom, .mtd-footer .mtd-footer-submenu { border-color: rgba(255, 255, 255, .14) !important; }
.mtd-footer .mtd-footer-bottom-copy, .mtd-footer .mtd-footer-bottom-copy span { color: #D9C2BD !important; }
.mtd-footer .mtd-footer-submenu a { color: #E9D6D2 !important; }
.mtd-footer .mtd-footer-submenu a:hover { color: #fff !important; }
.mtd-footer .mtd-back-to-top { border-color: rgba(255, 255, 255, .3) !important; background: transparent !important; color: #fff !important; }
.mtd-footer-custom { display: none !important; }

/* ---------------------------------------------------------------- tablets */
@media (max-width: 1199.98px) {
	.nc-tiers .sx-bento__grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media (max-width: 991.98px) {
	.nc-hero .sx-hero__media { max-width: 520px !important; }
	.nc-hero--page .sx-hero__media { max-width: 440px !important; justify-self: center; }
	.nc-cats .sx-bento__grid, .nc-facts .sx-bento__grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
	.nc-menu.sec .container, .nc-menu--enhancements.sec .container, .nc-menu--waxing.sec .container { grid-template-columns: minmax(0, 1fr) !important; max-width: 680px; }
	.nc-menu.sec .container::after { grid-column: 1 !important; grid-row: 1 !important; aspect-ratio: 16 / 9; margin-bottom: 28px; border-radius: 26px; }
	.nc-menu.sec .sec-description, .nc-menu.sec .compare-table__scroll { grid-column: 1 !important; }
	.nc-menu.sec .sec-description { grid-row: 2; }
	.nc-menu.sec .compare-table__scroll { grid-row: 3; }
	.nc-visit .sx-contact__map, .nc-visit .sx-contact__map iframe { min-height: 360px; }
	/* the category bar: one row that scrolls sideways, so the part that stays on screen is short */
	.nc-jump.sec { padding: 12px 0 !important; }
	.nc-jump .sx-bento__grid { flex-wrap: nowrap !important; justify-content: flex-start !important; gap: 8px !important; overflow-x: auto; margin: 0 -16px; padding: 2px 16px; scrollbar-width: none; scroll-snap-type: x proximity; }
	.nc-jump .sx-bento__grid::-webkit-scrollbar { display: none; }
	.nc-jump .container { -webkit-mask-image: linear-gradient(90deg, #000 82%, transparent); mask-image: linear-gradient(90deg, #000 82%, transparent); }
	.nc-jump a.sx-bento__tile { scroll-snap-align: start; }
}
/* ---------------------------------------------------------------- phones */
@media (max-width: 767.98px) {
	.header .pre-header .nc-top-address, .header .pre-header li:has(> a[href*="google.com/maps"]) { display: none !important; }
	.header .pre-header .list-inline-item { padding: 0 10px; }
	.header .pre-header a { font-size: 13px; }
	.header .serepok-brand-logo { height: 44px !important; }
}
@media (max-width: 575.98px) {
	.nc-sec .sec-title { font-size: clamp(32px, 9vw, 40px) !important; }
	.nc-sec .sec-subtitle, .nc-sec .sec-subtitle p { font-size: 16.5px !important; }
	.nc-hero h1.sx-hero__title { font-size: clamp(40px, 11.4vw, 50px) !important; }
	.nc-hero .sx-hero__word { white-space: normal !important; }
	.nc-hero .sx-hero__actions { flex-direction: column; align-items: stretch; }
	.nc-hero .sx-hero__actions .btn { justify-content: center; }
	.nc-hero .sx-hero__badge { left: 0 !important; bottom: 4% !important; padding: 10px 14px !important; }
	.nc-hero .sx-hero__badge strong { font-size: 26px !important; }
	.nc-tiers .sx-bento__grid, .nc-cats .sx-bento__grid, .nc-facts .sx-bento__grid { grid-template-columns: minmax(0, 1fr) !important; }
	.nc-tiers .sx-bento__tile { padding: 26px 22px !important; }
	.nc-jump.sec { position: relative; }
	.nc-jump a.sx-bento__tile { padding: 6px 14px 6px 6px !important; }
	.nc-jump .sx-bento__title { font-size: 14px !important; }
	.nc-menu thead th { padding: 16px 16px 4px !important; letter-spacing: .12em; font-size: 11px !important; }
	.nc-menu tbody th.compare-table__feature { padding: 13px 16px !important; font-size: 19px !important; }
	.nc-menu tbody td { padding: 13px 16px !important; }
	.nc-menu tbody td .compare-table__value { font-size: 16.5px !important; }
	.nc-statement.sec::before, .nc-statement.sec::after { width: 120px; opacity: .6; }
	.nc-cta .cta-band__actions { flex-direction: column; align-items: stretch; }
	.nc-cta.sec::before, .nc-cta.sec::after { width: 130px; opacity: .55; }
	.nc-visit .sx-contact__card { padding: 22px !important; }
	.nc-visit .sx-contact__hours dl > div { display: block !important; }
	.nc-visit .sx-contact__hours dd { margin: 0 0 6px; text-align: left !important; }
	.mtd-footer .mtd-footer-logo img { height: 62px !important; }
}


/* NC Nails photography refresh · October 2026 */
:root {
  --nc-rose: #962c43; --nc-rose-deep: #762238; --nc-ivory: #faf7f2;
  --nc-porcelain: #f3ece4; --nc-blush: #f0dfdb; --nc-blush-2: #f8efea;
  --nc-ink: #302327; --nc-ink-2: #64565a; --nc-line: #e5d9d1;
  --nc-radius: 16px;
  --nc-shadow: 0 5px 22px rgba(58,23,32,.04);
}
html { scroll-behavior: smooth; }
.mtd-site-shell .btn-primary { box-shadow: none !important; }
.mtd-site-shell .btn-lg { min-height: 50px; }
.header .navbar-nav > .nav-item.nc-nav-call > .nav-link { box-shadow: none !important; }
.header .nav-div, .header #header { background: rgba(250,247,242,.98) !important; }
.nc-sec.sec { padding-block: clamp(56px,6vw,88px) !important; }
.nc-sec .sec-caption::after { display: none !important; }
.nc-sec .sec-caption { margin-bottom: 14px !important; }
.nc-sec .sec-caption span { letter-spacing: .19em !important; }
.nc-sec .sec-title { font-size: clamp(36px,3.8vw,52px) !important; }
.nc-sec .sec-description { margin-bottom: 34px !important; }
.nc-hero.sec {
  background: radial-gradient(ellipse at 94% 36%,#f2e2dc 0%,transparent 54%),var(--nc-ivory) !important;
  padding-block: clamp(42px,4.5vw,68px) !important;
}
.nc-hero .sx-hero__grid { min-height: 0 !important; gap: clamp(36px,5vw,72px) !important; align-items: center !important; }
.nc-hero .sx-hero__copy { padding-block: 12px; }
.nc-hero h1.sx-hero__title { font-size: clamp(48px,5.15vw,74px) !important; line-height: 1.06 !important; }
.nc-hero .sx-hero__text { font-size: 18px !important; max-width: 45ch !important; }
.nc-hero .sx-hero__eyebrow { letter-spacing: .19em !important; font-size: 12px !important; }
.nc-hero .sx-hero__media { aspect-ratio: 1 / 1.02 !important; max-height: 570px; width: 100%; }
.nc-hero .sx-hero__pic { border-radius: 18px !important; box-shadow: none !important; }
.nc-hero .sx-hero__pic--1 {
  grid-column: 2 / 7 !important; grid-row: 1 / 7 !important;
  border-radius: 140px 140px 18px 18px !important; outline: none !important;
}
.nc-hero .sx-hero__pic--1 img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.nc-hero .sx-hero__pic--2 {
  grid-column: 1 / 4 !important; grid-row: 4 / 7 !important; aspect-ratio: 4 / 5 !important;
  border-radius: 16px !important; border: 6px solid var(--nc-ivory) !important;
  box-shadow: 0 12px 36px rgba(58,23,32,.1) !important;
}
.nc-hero .sx-hero__badge {
  left: auto !important; right: -8px !important; bottom: 28px !important;
  border-radius: 12px !important; padding: 12px 18px !important;
  box-shadow: 0 8px 28px rgba(58,23,32,.07) !important;
}
.nc-hero .sx-hero__badge strong { font-size: 29px !important; }
.nc-hero .nc-hero-meta { gap: 8px; margin-top: 20px !important; }
.nc-hero .nc-hero-meta span { font-size: 13px; padding: 7px 11px; background: transparent; }
.nc-hero .sx-hero__actions { margin-top: 26px !important; }
.nc-hero--page h1.sx-hero__title { font-size: clamp(42px,4.4vw,64px) !important; }
.nc-hero--page .sx-hero__media { max-height: 440px; max-width: 480px !important; aspect-ratio: 1.15 !important; }
.nc-hero--page .sx-hero__pic--1 { border-radius: 90px 18px 18px 18px !important; }
.nc-marquee.sec { padding-block: 17px !important; background: var(--nc-wine) !important; border: 0 !important; }
.nc-marquee .sx-marquee__word, .nc-marquee .sx-marquee__sep { color: #f9e9e1 !important; }
.nc-marquee .sx-marquee__word { font-family: var(--nc-sans) !important; font-size: 14px !important; letter-spacing: .08em; }
.nc-cats .sec-description { margin-left: 0 !important; text-align: left !important; max-width: 660px !important; }
.nc-cats .sx-bento__tile { border-radius: 16px !important; border-color: var(--nc-line) !important; box-shadow: none !important; }
.nc-cats .sx-bento__media { aspect-ratio: 1.55 !important; transition: transform .4s ease; }
.nc-cats .sx-bento__tile:hover .sx-bento__media { transform: scale(1.025); }
.nc-cats .sx-bento__body { padding: 22px 24px 24px; }
.nc-cats .sx-bento__title { font-size: 29px !important; }
.nc-cats .sx-bento__stat { padding: 0; background: transparent; margin: 4px 0 10px !important; font-size: 12px !important; letter-spacing: .12em !important; }
.nc-cats .sx-bento__text { font-size: 16px !important; line-height: 1.55 !important; }
.nc-cats .sx-bento__more { padding-top: 14px; font-size: 14px !important; }
.nc-tiers.sec { background: var(--nc-porcelain) !important; }
.nc-tiers .sx-bento__tile { border-radius: 16px !important; box-shadow: none !important; padding: 26px 23px !important; }
.nc-tiers .sx-bento__stat { font-size: 43px !important; }
.nc-tiers .sx-bento__title { font-size: 29px !important; }
.nc-tiers .sx-bento__text { font-size: 15px !important; line-height: 1.6 !important; }
.nc-tiers .sx-bento__icon { width: 38px !important; height: 38px !important; font-size: 16px !important; }
.nc-statement.sec { background: #f8efea !important; }
.nc-statement.sec::before, .nc-statement.sec::after { opacity: .5; }
.nc-statement .sx-statement__text { font-size: clamp(32px,3.5vw,48px) !important; max-width: 24ch; margin-inline: auto !important; }
.nc-facts .sx-bento__tile { border: 0 !important; box-shadow: none !important; background: transparent !important; padding: 20px 12px !important; }
.nc-facts .sx-bento__title { font-size: 25px !important; }
.nc-menu.sec .container::after { border-radius: 18px !important; box-shadow: none !important; }
.nc-menu.sec .compare-table__scroll { box-shadow: none !important; }
.nc-menu.sec .sec-caption { margin-bottom: 10px !important; }
.nc-menu.sec:nth-of-type(even) { background: #f5efe8 !important; }
.nc-jump.sec { padding-block: 12px !important; }
.nc-jump a.sx-bento__tile { border-radius: 8px !important; }
.nc-story .sx-story__frame { border-radius: 18px !important; box-shadow: none !important; }
.nc-story .sx-story__media::before { display: none !important; }
.nc-story .sx-story__text { font-size: 17px !important; }
.nc-steps.sec { background: var(--nc-porcelain) !important; }
.nc-visit .sx-contact__card, .nc-visit .sx-contact__map { box-shadow: none !important; }
.nc-visit .sx-contact__map { background: #efe5dc !important; }
.nc-faq .card-faqs-group .card { box-shadow: none !important; border-radius: 12px !important; }
.nc-cta.sec.cta-band { padding-block: clamp(64px,7vw,88px) !important; }
.nc-cta.sec::before, .nc-cta.sec::after { opacity: .5; }
.mtd-contact-card, .mtd-contact-reach-card { border-radius: 16px !important; border-color: var(--nc-line) !important; box-shadow: none !important; }
.nc-contact-intro { margin-bottom: 30px; padding: 28px; background: var(--nc-blush-2); border: 1px solid var(--nc-line); border-radius: 16px; }
.nc-contact-intro h2 { margin: 0 0 8px; font-size: 34px; }
.nc-contact-intro p { margin: 0 0 18px; font-size: 17px; line-height: 1.6; }
.nc-contact-intro a { margin-right: 12px; }
.nc-mobile-actions { display: none; }
@media (min-width: 992px) {
  .nc-hero--home .sx-hero__grid { grid-template-columns: 1.05fr 1fr !important; }
}
@media (max-width: 991px) {
  .nc-hero .sx-hero__grid { gap: 32px !important; }
  .nc-hero .sx-hero__media { max-width: 520px !important; justify-self: center; }
  .nc-hero--page .sx-hero__media { max-width: 430px !important; }
}
@media (max-width: 575px) {
  html:has(.nc-mobile-actions) { scroll-padding-bottom: 80px; }
  body:has(> .nc-mobile-actions) { padding-bottom: 70px; }
  .nc-sec.sec { padding-block: 48px !important; }
  .nc-hero.sec { padding-top: 32px !important; padding-bottom: 36px !important; }
  .nc-hero h1.sx-hero__title { font-size: clamp(40px,10.4vw,53px) !important; line-height: 1.07 !important; }
  .nc-hero .sx-hero__text { font-size: 16px !important; line-height: 1.6 !important; }
  .nc-hero .sx-hero__eyebrow { font-size: 10px !important; }
  .nc-hero .sx-hero__media { max-width: 390px !important; aspect-ratio: 1.05 !important; }
  .nc-hero--page .sx-hero__media { max-height: 330px; }
  .nc-hero .sx-hero__pic--1 { border-radius: 100px 100px 14px 14px !important; }
  .nc-hero .sx-hero__badge { right: 0 !important; bottom: 12px !important; padding: 10px 12px !important; }
  .nc-hero .sx-hero__badge strong { font-size: 23px !important; }
  .nc-hero .sx-hero__badge span { font-size: 11px !important; }
  .nc-hero .sx-hero__actions { flex-direction: row; flex-wrap: wrap; }
  .nc-hero .sx-hero__actions .btn { flex: 1 1 100%; padding: 12px 18px; }
  .nc-cats .sx-bento__media { aspect-ratio: 1.6 !important; }
  .nc-tiers .sx-bento__grid { gap: 16px !important; }
  .nc-menu.sec .container::after { margin-top: 26px; }
  .nc-jump .sx-bento__grid { gap: 6px !important; }
  .nc-jump a.sx-bento__tile { padding: 8px 11px !important; }
  .nc-jump .sx-bento__icon { display: none !important; }
  .nc-jump .sx-bento__title { font-size: 13px !important; }
  .nc-mobile-actions {
    position: fixed; display: grid; grid-template-columns: 1fr 1fr; gap: 10px;
    inset: auto 0 0; z-index: 90; padding: 10px 16px max(10px,env(safe-area-inset-bottom));
    background: #faf7f2; border-top: 1px solid var(--nc-line);
  }
  .nc-mobile-actions a { display: flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; border: 1px solid var(--nc-rose); border-radius: 8px; font: 500 15px/1.2 var(--nc-sans); color: var(--nc-rose); text-decoration: none; }
  .nc-mobile-actions a:first-child { background: var(--nc-rose); color: #fff; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .nc-cats .sx-bento__media { transition: none; }
}

/* Anchors belong to their sections, including the visit hours and price menu. */
.nc-sec.sec:has(> .sec-anchor) { position: relative; }
.nc-marquee .sx-marquee__word { font-style: normal !important; font-weight: 500 !important; text-transform: uppercase; }
.nc-marquee .sx-marquee__track { gap: 28px !important; }
.nc-marquee .sx-marquee__word::after { content: "·" !important; margin-left: 28px !important; color: #cda9a4 !important; }
/* Photographs and copy are readable immediately, without a reveal delay. */
.nc-hero [data-sx-inview] { opacity: 1 !important; transform: none !important; }

/* Give the outlined wordmark a clear space beside the mobile menu close button. */
.section-header .sideNavPanel .serepok-side-brand-kicker { display: none; }

@media (max-width: 575px) {
  .header .pre-header li:has(> a[href^="tel:"]) { display: none !important; }
  .header .pre-header ul { display: flex; justify-content: center; width: 100%; }
  .header .navbar-brand { margin-left: 10px !important; }
  .header .serepok-menu-toggle { margin-right: 10px !important; }
  .nc-mobile-actions a:first-child, .nc-mobile-actions a:first-child i { color: #fff !important; }
  .nc-mobile-actions a:last-child, .nc-mobile-actions a:last-child i { color: var(--nc-rose) !important; }
  .nc-contact-intro { padding: 22px; }
  .nc-contact-intro a { display: block; margin: 14px 0 0; width: fit-content; }
}
/* ==== NC NAILS SITE STYLES END ==== */