/* Manis de Male: playful pink and lilac visual identity. */
:root{--wine:#a32465;--ink:#30233f;--muted:#6d6079;--line:#e9dfee;--cream:#fffbff;--pink:#f24e9b;--lilac:#e9defd}
body{font-family:'Trebuchet MS',Arial,sans-serif;background:var(--cream)}
.announcement{background:#342344;font-weight:700;font-size:10px;letter-spacing:2px;padding:10px 14px;color:#fff}
.nav{min-height:98px;gap:20px}
.brand,.nav .brand{display:flex;align-items:center;gap:10px;font:800 clamp(20px,2.3vw,29px)/1 'Trebuchet MS',Arial,sans-serif;letter-spacing:-1.2px;color:var(--ink)}
.brand-icon{display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;background:#f8d5e7;border-radius:15px;color:#ab286c;font-size:32px;transform:rotate(-8deg)}
.brand small{font-family:Arial,sans-serif;font-size:8px;letter-spacing:2px;margin-top:8px;color:#80698a}
.nav nav{background:#f2edf7;border:1px solid #ece3f2;border-radius:30px;padding:0 15px;gap:8px}
.nav nav a{padding:0 13px;font-weight:700;font-size:12px;border-radius:24px}
.nav nav a:hover{background:#e7dbf1}
.nav .outline{background:white;border-radius:28px;font-weight:700;border-color:#dfd0e7;font-size:12px}
#count{background:#f9d5e9;color:#872051}
h1,h2,.care h2{font-family:'Trebuchet MS',Arial,sans-serif;font-weight:900;letter-spacing:-.055em}
h1{font-size:clamp(43px,6.2vw,79px);line-height:1.01;margin:23px 0}
h1 em{font-style:normal;color:#ad246b;position:relative}
h2{font-size:clamp(30px,3.6vw,44px);line-height:1.12}
.eyebrow{color:#91457e;letter-spacing:1.7px;font-size:10px}
.hero{padding-top:36px;padding-bottom:58px;position:relative;gap:clamp(28px,5vw,65px)}
.hero:before{content:'';position:absolute;inset:0 max(0px,calc((100% - 100vw)/2));background:radial-gradient(ellipse at 20% 10%,#ffe5f245,transparent 65%);z-index:-1}
.hero>div:first-child>.eyebrow{display:inline-block;padding:10px 13px;border:1px solid #efcce1;background:#fff0f7;border-radius:30px;font-size:9px;letter-spacing:1px}
.hero p{font-size:15px;line-height:1.8;max-width:415px}
.button,button{font-family:inherit;font-weight:700;transition:background .2s,transform .2s,box-shadow .2s}
.primary{background:#a32465;border-color:#a32465;border-radius:30px;color:#fff;box-shadow:0 6px 0 #70144417;font-size:13px}
.primary:hover{background:#841a50;transform:translateY(-2px);box-shadow:0 9px 18px #9b246522}
.text-link{color:#59406e;font-weight:700;border:0;font-size:12px}
.hero-note{display:inline-block;background:#f3edf9;border:0;border-radius:12px;margin-top:26px;padding:12px 14px;color:#69507c;font-size:11px}
.hero-art{background-color:#e7dbfb;background-image:linear-gradient(#ffffff45 1px,transparent 1px),linear-gradient(90deg,#ffffff45 1px,transparent 1px),radial-gradient(ellipse at 70% 70%,#fcbede,#e7dbfb);background-size:30px 30px,30px 30px,100% 100%;border-radius:38px;aspect-ratio:1;max-width:520px;border:6px solid white;box-shadow:0 12px 40px #56316513;transform:rotate(2deg)}
.art-label{left:6%;right:auto;top:6%;background:#fff;padding:9px 12px;border-radius:30px;color:#644385;font-weight:800;letter-spacing:1px;font-size:9px;transform:rotate(-5deg)}
.art-circle{inset:18% 9% 21%;background:#ffffff2b;border:2px solid #ffffff95;border-radius:50%;transform:rotate(-20deg)}
.hero-art .one{background:linear-gradient(110deg,#ce4381,#ffb3d2 47%,#ec75a5)}
.hero-art .three{background:linear-gradient(105deg,#7551ab,#b998ed 45%,#7352a5)}
.hero-art .nail{box-shadow:12px 22px 18px #5c3a7030,inset 4px 2px 8px #fff7,inset -5px -3px 9px #50132125}
.spark{color:#704ea0;right:8%;top:20%;font-size:48px}
.caption{font-family:'Trebuchet MS',Arial,sans-serif;font-weight:900;letter-spacing:-1px;font-size:clamp(18px,2.3vw,28px);color:#54326c;bottom:7%}
.caption em{font-style:normal}
.seal{background:#e9f6a7;color:#43501b;border:0;border-radius:28%;font-weight:900;font-size:clamp(7px,.85vw,10px);box-shadow:4px 5px 0 #71549320;right:6%;bottom:7%;transform:rotate(12deg)}
.values{background:#eedffc;color:#634582;border:0;font-weight:700;padding:19px 16px;font-size:11px;letter-spacing:.8px}.values i{color:#ab3d79;font-size:17px}
.section{padding-block:65px}
.heading p{font-size:13px}
.filters{gap:10px}.filters button{background:white;font-size:12px;padding:11px 18px;border-color:#dfd4e8}
.filters [aria-pressed=true]{background:#342344;border-color:#342344;box-shadow:0 4px 12px #34234415}
.service-grid{gap:18px}
.service-card{border-radius:23px;padding:25px;background:#fff;box-shadow:0 6px 20px #48335405;transition:transform .2s,box-shadow .2s}
.service-card:nth-child(3n+1){background:#fff4f9;border-color:#f5d6e7}
.service-card:nth-child(3n+2){background:#f4efff;border-color:#e3d7f5}
.service-card:nth-child(3n){background:#f4f7ec;border-color:#e1e7ce}
.service-top{margin-bottom:21px}.service-top span{display:grid;place-items:center;width:49px;height:49px;background:white;border-radius:16px;font-size:30px;box-shadow:0 4px 10px #38224508;color:#8c3977}
.service-top small{background:#ffffffa8;color:#675775;font-size:11px}
.service-card h3{font:800 23px/1.15 'Trebuchet MS',Arial,sans-serif;letter-spacing:-.6px}
.service-card p{font-size:13px}.service-bottom{border-color:#74538420}
.service-bottom button{background:white;border-radius:25px;padding:11px 14px;font-size:11px;color:#6d315f}
.service-bottom span{font-size:11px}
.inspiration{background:#efe7fa;border-block:1px solid #e9def5}
.design-grid>article{padding:10px;background:white;border-radius:24px;min-width:0;box-shadow:0 6px 16px #4d316b08}
.design-art{border-radius:18px;aspect-ratio:1}.design-grid>article:nth-child(1) .design-art{background:#f6e4db}.design-grid>article:nth-child(2) .design-art{background:#f6d2e4}.design-grid>article:nth-child(3) .design-art{background:#f1e4f9}.design-grid>article:nth-child(4) .design-art{background:#e9edcf}
.design-bottom{padding:5px 3px 9px;gap:6px}.design-bottom h3{font:800 17px 'Trebuchet MS',Arial,sans-serif;letter-spacing:-.4px}.design-bottom small{font-size:11px}
.favorite{background:#fff2f9;border-color:#f2d8e7;color:#a32465}.favorite[aria-pressed=true]{background:#a32465}
.booking ol{list-style:none;counter-reset:steps;padding:0}
.booking li{counter-increment:steps;display:flex;align-items:center;gap:14px;border:0;font-size:13px;padding:12px 0}
.booking li:before{content:counter(steps,decimal-leading-zero);display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:#eadff8;color:#765098;font-weight:800;flex-shrink:0}
.notice{background:#f1eaf9;border:1px solid #e7daf1;color:#695278;border-radius:17px;font-size:12px}
form{border-radius:28px;border:1px solid #e6d7ed;box-shadow:0 12px 40px #63347b0c;padding:clamp(20px,3vw,32px);background:#fff}
form h3{font-family:'Trebuchet MS',Arial,sans-serif;font-weight:800;letter-spacing:-.6px;font-size:24px;padding-bottom:20px;border-bottom:1px solid #eee3f4}
form h3 span{color:#b7488a}
label{font-weight:700;color:#63516e;font-size:12px}
input,select,textarea{border-radius:12px;background:#faf7fc;border-color:#e5daed;padding:13px;font-family:inherit;color:#392944}
input:focus,select:focus,textarea:focus{border-color:#bb6ba5;background:#fff}
form>small{font-size:11px}.care{padding-block:45px;gap:30px}.care h2{font-size:32px}
.tips article{padding:19px;background:#f5effa;border-radius:19px}.tips article:nth-child(2){background:#fff0f7}.tips article:nth-child(3){background:#f1f4e8}
.tips h3{font-family:'Trebuchet MS',Arial,sans-serif;font-weight:800;font-size:17px}.tips p{font-size:12px}.tips article>span{font-weight:700}
footer{padding-block:30px}footer p{font-size:12px}footer>a:last-child{padding:12px 16px;background:#efe6f8;color:#633c7b;border-radius:25px;font-size:11px;font-weight:700}
dialog{background:#fffbff;border-radius:25px;border:1px solid #e5d5ee;box-shadow:0 24px 80px #28143930}dialog::backdrop{background:#30203e85}.dialog-heading button{border-radius:50%;background:#f2e5f7;color:#673c77}.request h3{font-family:'Trebuchet MS',Arial,sans-serif;font-weight:800}.request button{border-radius:20px}
@media(hover:hover){.service-card:hover{transform:translateY(-5px);box-shadow:0 12px 24px #64407812}.favorite:hover{transform:scale(1.06)}}
@media(max-width:850px){.hero-art{max-width:440px}.hero{padding-top:24px}.nav nav{flex-basis:auto;margin-inline:auto}.nav{padding-block:17px}.hero p{max-width:500px}}
@media(max-width:650px){.nav{gap:14px 8px}.nav .brand{font-size:20px;letter-spacing:-.8px}.brand-icon{width:32px;height:36px;font-size:25px;border-radius:12px}.brand small{font-size:6px;letter-spacing:1.6px}.nav .outline{font-size:10px;padding:10px}#count{margin-left:3px;padding:3px 6px}.nav nav{width:100%;gap:8px;justify-content:space-around}.nav nav a{font-size:12px}.hero{padding-top:22px;padding-bottom:38px;gap:28px}h1{font-size:clamp(43px,12vw,64px);margin:20px 0;line-height:1.01}.hero>div:first-child>.eyebrow{font-size:8px;padding:9px 10px;letter-spacing:.6px}.hero p{font-size:14px}.hero-art{border-width:4px;border-radius:29px;transform:none}.hero-note{font-size:10px;margin-top:20px}.actions{margin-top:22px;gap:10px}.actions .primary{font-size:12px;padding:15px 19px}.actions .text-link{font-size:11px}.section{padding-block:43px}.heading p{font-size:12px}.design-grid{gap:12px}.design-grid>article{padding:7px;border-radius:20px}.design-art{border-radius:14px}.design-bottom{flex-wrap:wrap;padding:4px 3px}.design-bottom h3{font-size:16px}.design-bottom small{font-size:10px}.design-bottom .favorite{margin-left:auto}.booking{gap:25px}form h3{font-size:22px}.values{font-size:10px}.care h2{font-size:29px}}
@media(max-width:360px){.nav .brand{justify-content:center;font-size:24px}.nav .outline{margin:auto}.actions .primary{width:100%}.design-bottom{flex-wrap:nowrap}.hero-note{line-height:1.6}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}

.whatsapp-icon{display:block;flex-shrink:0;object-fit:contain}.whatsapp-contact,.request>.whatsapp-contact{display:inline-flex;align-items:center;justify-content:center;gap:10px}footer>a.whatsapp-contact{background:#e4f5e9;color:#1c5932;padding:10px 16px}.request>.whatsapp-contact .whatsapp-icon{background:white;border-radius:50%}

/* Readable type scale, shared across desktop and mobile. */
:root{--font-body:'DM Sans',system-ui,-apple-system,'Segoe UI',sans-serif;--font-heading:'Outfit',system-ui,-apple-system,'Segoe UI',sans-serif}
body{font-family:var(--font-body);font-size:16px;line-height:1.6}
button,.button,input,select,textarea{font-family:var(--font-body)}
h1,h2,h3,.brand,.nav .brand,.caption{font-family:var(--font-heading)}
h1{font-size:clamp(2.75rem,6vw,4.75rem);font-weight:800;line-height:1.08;letter-spacing:-.035em}
h2,.care h2{font-size:clamp(2rem,3.5vw,2.75rem);font-weight:700;line-height:1.18;letter-spacing:-.025em;text-wrap:balance}
.service-card h3,form h3,.request h3{font-family:var(--font-heading);font-size:clamp(1.375rem,2.2vw,1.625rem);font-weight:600;line-height:1.25;letter-spacing:-.015em}
.design-bottom h3,.tips h3{font-family:var(--font-heading);font-size:1.25rem;font-weight:600;line-height:1.3;letter-spacing:-.01em}
p,.hero p,.heading p,.service-card p,.booking>div>p{font-size:1rem;line-height:1.75}
.hero p{font-size:clamp(1rem,1.5vw,1.125rem);max-width:460px}
.brand,.nav .brand{font-family:var(--font-heading);font-size:clamp(1.5rem,2.5vw,1.875rem);font-weight:700;line-height:1.15;letter-spacing:-.03em}
.brand small{font-family:var(--font-body);font-size:.625rem;line-height:1.5;letter-spacing:.13em;margin-top:5px;font-weight:600}
.eyebrow,.hero>div:first-child>.eyebrow,.announcement,.art-label,.tips article>span{font-family:var(--font-body);font-size:.75rem;line-height:1.6;letter-spacing:.09em;font-weight:700}
.hero>div:first-child>.eyebrow{max-width:100%}
.nav nav a,.nav .outline,.filters button,.primary,.actions .primary,.actions .text-link,.text-link,.service-bottom button,.request button,.request>.button,footer>a:last-child{font-size:.875rem;line-height:1.4;font-weight:600}
label,.booking li,.notice,.tips p,.request p,dialog>p,#status{font-size:.9375rem;line-height:1.65}
input,select,textarea{font-size:1rem;line-height:1.5}
.service-top small,.service-bottom span,.design-bottom small,form>small,footer p,.hero-note,.values{font-size:.8125rem;line-height:1.6}
.caption{font-size:clamp(1.125rem,2vw,1.625rem);line-height:1.2;letter-spacing:-.02em;font-weight:600}
.design-bottom{flex-wrap:wrap;gap:10px}.design-bottom>div{flex:1 1 110px}.design-bottom .favorite{margin-left:auto}
.nav{column-gap:16px}.nav .outline{white-space:normal}
@media(max-width:650px){
 h1{font-size:clamp(2.5rem,11vw,3.5rem)}
 .nav .brand{font-size:1.5rem}.brand small{font-size:.625rem}
 .nav .outline{font-size:.8125rem}
 .nav .brand{flex:1 1 190px}.nav .outline{flex:0 1 auto}
 .hero>div:first-child>.eyebrow{font-size:.6875rem;letter-spacing:.06em}
 .announcement{font-size:.6875rem;letter-spacing:.08em}
 .design-bottom h3{font-size:1.125rem}
 .design-bottom small{font-size:.8125rem}
 .nav nav{padding-inline:6px;gap:4px}.nav nav a{padding-inline:10px}
 .hero-note{font-size:.8125rem}
 .actions{gap:12px 18px}
 .service-card{padding:22px}
}
@media(max-width:360px){.nav .brand{justify-content:center;flex-basis:100%}.nav .outline{margin-inline:auto}.design-bottom{flex-wrap:wrap}.nav nav a{padding-inline:5px}}