@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,500;0,600;1,400&display=swap');
:root{--ink:#392a29;--wine:#793b48;--cream:#faf7f2;--line:#e7ded5;--muted:#8b7a73}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font:14px 'Be Vietnam Pro',sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}header{padding:24px 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px;background:var(--cream)}.logo{font:28px 'Playfair Display',serif;letter-spacing:2px}.logo small{display:block;font:9px 'Be Vietnam Pro';letter-spacing:4px;margin-top:5px}nav{display:flex;gap:30px;align-items:center}nav a{color:var(--muted);font-size:12px}nav a.active{color:var(--wine);border-bottom:1px solid;padding-bottom:7px}.btn{display:inline-flex;justify-content:center;align-items:center;min-height:46px;padding:13px 23px;background:var(--wine);color:white;border:1px solid var(--wine);border-radius:3px;gap:10px}.btn.light{background:transparent;color:var(--wine)}.eyebrow{font-size:10px;letter-spacing:3px;text-transform:uppercase;color:var(--wine);margin-bottom:22px}h1,h2,h3{font-family:'Playfair Display',serif;font-weight:400}h1{font-size:clamp(44px,5.6vw,82px);line-height:1.12;margin:0 0 24px}h1 em{color:var(--wine);font-weight:400}h2{font-size:40px;margin:10px 0 20px}h3{font-size:25px;margin:12px 0}p{line-height:1.9;color:var(--muted)}.hero{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center;padding:65px 8% 70px}.hero p{max-width:400px;margin-bottom:30px}.actions{display:flex;gap:12px;flex-wrap:wrap}.art{position:relative;background:#e8d9cf;min-height:480px;border-radius:180px 180px 8px 8px;display:flex;align-items:center;justify-content:center;overflow:hidden}.art:before{content:'';width:280px;height:280px;border:1px solid #c7ada0;border-radius:50%;position:absolute}.art:after{content:'ẢNH TIỆM / MẪU NAIL';position:absolute;bottom:32px;font-size:9px;letter-spacing:3px;color:#8a6e63}.nails{display:flex;gap:12px;transform:rotate(-18deg)}.nails i{display:block;width:46px;height:125px;border-radius:50px 50px 28px 28px;background:linear-gradient(110deg,#ecd2cc,#a86c77);box-shadow:inset 5px 0 9px #ffffff60,8px 14px 20px #79544522}.nails i:nth-child(2){margin-top:-28px;background:linear-gradient(110deg,#c98c99,#713341)}.nails i:nth-child(3){margin-top:-40px;background:linear-gradient(110deg,#edd7c0,#c3a183)}.nails i:nth-child(4){margin-top:-20px}.caption{padding:14px;text-align:center;font-size:11px;color:var(--muted)}.strip{display:flex;justify-content:space-around;gap:15px;padding:25px 6%;border-block:1px solid var(--line);font-size:11px;letter-spacing:1px}.section{padding:60px 8%}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:26px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.sample{height:250px;background:#ecdfd6;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.sample .nails{transform:rotate(-25deg) scale(.65)}.sample img{width:100%;height:100%;object-fit:cover}.sample span{position:absolute;bottom:15px;font-size:9px;letter-spacing:2px;color:#886b62}.card:nth-child(2n) .sample{background:#e4d2d3}.card:nth-child(3n) .sample{background:#e6e3d8}.card-meta{display:flex;align-items:center;justify-content:space-between;gap:10px}.card-meta h3{font-size:22px}.price{font-size:12px;color:var(--wine);white-space:nowrap}.tag{font-size:10px;color:var(--muted);letter-spacing:1px}.page-head{text-align:center;padding:60px 20px 20px}.page-head h1{font-size:56px}.page-head p{max-width:540px;margin:auto}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.panel{background:#f0e8df;padding:35px}.service-row{display:flex;justify-content:space-between;gap:20px;padding:22px 0;border-bottom:1px solid var(--line)}.service-row strong{font-weight:500}.service-row small{display:block;color:var(--muted);margin-top:8px}.filters{display:flex;gap:10px;flex-wrap:wrap;margin:25px 0}.filter{border:1px solid var(--line);padding:10px 20px;border-radius:30px;background:transparent;color:var(--muted)}.filter.active{background:var(--wine);color:white}.cta{text-align:center;background:#ede1d8;padding:48px 20px}.cta h2{margin-top:0}footer{padding:32px 6%;display:flex;justify-content:space-between;gap:25px;color:var(--muted);font-size:11px}.floating{position:fixed;bottom:24px;right:24px;background:var(--wine);color:white;padding:15px 23px;border-radius:40px;box-shadow:0 6px 25px #392a2925;z-index:3}.demo-note{font-size:11px;color:var(--muted);background:#f0e8df;padding:12px 6%;text-align:center}.admin{max-width:1100px;margin:auto;padding:40px 25px}.admin-bar{display:flex;justify-content:space-between;align-items:center;gap:15px}.admin-tabs{display:flex;gap:12px;margin:25px 0}.form{display:grid;gap:16px;max-width:650px}.form label{display:grid;gap:8px;font-size:12px}input,textarea,select{width:100%;border:1px solid #d4c5bb;padding:12px;background:white;border-radius:3px;color:var(--ink)}textarea{min-height:90px}input[type=checkbox]{width:auto}.admin-row{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:18px 0;border-bottom:1px solid var(--line)}.admin-row .actions button{padding:9px 14px;min-height:38px}.notice{padding:15px;background:#eee1d7;color:#714651;font-size:12px;line-height:1.8;margin:15px 0}.empty{padding:40px;text-align:center;color:var(--muted)}.contact-detail{padding:18px 0;border-bottom:1px solid var(--line)}.contact-detail small{display:block;color:var(--wine);font-size:10px;letter-spacing:2px;margin-bottom:9px}.map{height:320px;background:repeating-linear-gradient(30deg,#ece3da,#ece3da 50px,#f6f0e9 51px,#f6f0e9 65px);display:grid;place-items:center;text-align:center;color:var(--wine)}@media(max-width:760px){header{flex-wrap:wrap;padding:18px 5%;gap:20px}header>.btn{display:none}nav{width:100%;justify-content:space-between;gap:8px}nav a{font-size:11px}.hero,.split{grid-template-columns:1fr;gap:35px}.hero{padding:40px 6%}.art{min-height:350px}.section{padding:40px 6%}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.sample{height:190px}.card-meta{align-items:start;flex-direction:column;gap:0}.card-meta h3{font-size:20px}.strip{font-size:9px;flex-wrap:wrap}.page-head h1{font-size:42px}.section-head{align-items:start;flex-direction:column}footer{flex-direction:column;padding-bottom:85px}.admin-row{align-items:start;flex-direction:column}.admin-tabs{flex-wrap:wrap}.floating{bottom:16px;right:16px}.panel{padding:22px}}@media(max-width:380px){.grid{grid-template-columns:1fr}}
/* Motion and gallery */
header{position:sticky;top:0;z-index:5;background:#faf7f2f5;backdrop-filter:blur(12px)}main{animation:page-enter .5s ease-out}.hero{min-height:650px;position:relative}.hero>div{min-width:0}.hero h1{min-height:2.25em}.hero>div:first-child>p:first-of-type{min-height:5.7em}.hero .art{transition:background-color 1s ease;box-shadow:20px 20px 0 #ece4dc}.hero .art .nails{animation:nail-float 6s ease-in-out infinite}.hero-photo{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.art.has-photo:before,.art.has-photo:after{display:none}.slider-controls{display:flex;gap:16px;align-items:center;margin-top:25px;color:var(--wine)}.slide-arrow{width:44px;height:44px;border:1px solid #bca59b;background:transparent;border-radius:50%;color:var(--wine);font-size:20px;transition:background .2s,color .2s}.slide-arrow:hover{background:var(--wine);color:white}.slide-count{font-size:11px;letter-spacing:2px}.slide-pause{background:none;border:0;color:var(--muted);font-size:11px;min-height:44px;text-decoration:underline;text-underline-offset:4px}.slide-dots{display:flex;gap:8px;margin-top:14px}.slide-dots button{width:36px;height:24px;border:0;border-top:2px solid #d6c5bc;background:transparent;transition:border-color .3s}.slide-dots button.selected{border-color:var(--wine)}.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease var(--delay,0ms),transform .7s ease var(--delay,0ms)}.reveal.revealed{opacity:1;transform:translateY(0)}.sample{cursor:pointer}.sample img,.sample .nails{transition:transform .6s ease}.sample:hover img{transform:scale(1.06)}.sample:hover .nails{transform:rotate(-18deg) scale(.72)}.zoom-hint{position:absolute;right:14px;top:14px;font-weight:400;font-size:10px;letter-spacing:1px;padding:9px 12px;border-radius:30px;background:#faf7f2e0;color:var(--wine);opacity:0;transform:translateY(-6px);transition:.25s}.sample:hover .zoom-hint,.sample:focus-visible .zoom-hint{opacity:1;transform:translateY(0)}.btn{transition:background .25s,transform .25s,box-shadow .25s}.btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #793b4820}.floating:hover{background:#592c36}.sample-dialog{padding:0;border:0;width:min(720px,92vw);max-height:90dvh;background:var(--cream);color:var(--ink);border-radius:8px;overflow:auto}.sample-dialog::backdrop{background:#221719bd;backdrop-filter:blur(5px)}.dialog-close{position:absolute;right:12px;top:12px;border:0;width:44px;height:44px;border-radius:50%;background:#faf7f2ed;color:var(--wine);font-size:28px;z-index:1}.large-sample{height:min(480px,55dvh);background:#eadbd2;display:flex;align-items:center;justify-content:center;position:relative}.large-sample img{height:100%;width:100%;object-fit:contain}.large-sample .nails{transform:rotate(-20deg) scale(1.4)}.large-sample>span{position:absolute;bottom:20px;letter-spacing:3px;font-size:10px;color:var(--muted)}.dialog-caption{padding:22px 28px;display:flex;justify-content:space-between;gap:15px;align-items:center}.dialog-caption h3{margin:0}.dialog-caption p{margin:8px 0 0;font-size:12px}:focus-visible{outline:2px solid var(--wine);outline-offset:4px}@keyframes nail-float{0%,100%{transform:rotate(-18deg) translateY(0)}50%{transform:rotate(-14deg) translateY(-14px)}}@keyframes page-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:760px){.hero{min-height:0}.hero h1{font-size:44px}.hero .art{box-shadow:10px 10px 0 #ece4dc}.hero>div:first-child>p:first-of-type{min-height:0}.zoom-hint{opacity:1;transform:none;font-size:9px;padding:7px 9px}.dialog-caption{flex-direction:column;align-items:stretch}.slider-controls{gap:12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}
/* Larger, clearer navigation and animated presentation images */
header{padding:20px 5%;gap:24px}nav{gap:8px}nav a{font-size:15px;font-weight:600;padding:16px 20px;min-height:52px;display:flex;align-items:center;justify-content:center;border-radius:6px;border:1px solid #e0cfc4;color:#654b46;transition:background .25s,color .25s,box-shadow .25s}nav a:hover{background:#efe2d8;color:var(--wine)}nav a.active{background:var(--wine);color:white;border:1px solid var(--wine);padding-bottom:16px;box-shadow:0 4px 12px #793b4820}.hero-photo{animation:photo-drift 12s ease-in-out infinite alternate}.section .art .nails{animation:nail-float 6s ease-in-out infinite}.card .sample img{animation:photo-drift 14s ease-in-out infinite alternate}.card .sample .nails{animation:sample-float 7s ease-in-out infinite}.card:nth-child(2n) .sample img,.card:nth-child(2n) .sample .nails{animation-delay:-3s}.card:nth-child(3n) .sample img,.card:nth-child(3n) .sample .nails{animation-delay:-5s}.sample:hover img,.sample:focus-visible img,.sample:hover .nails{animation-play-state:paused}#login-error{color:#a02137;line-height:1.8;padding:0;font-size:13px}#login-error:not(:empty){background:#f9e5e8;border-left:3px solid #a02137;padding:12px 14px}button:disabled{cursor:wait;opacity:.65}@keyframes photo-drift{from{transform:scale(1.02) translateY(0)}to{transform:scale(1.09) translateY(-5px)}}@keyframes sample-float{0%,100%{transform:rotate(-25deg) scale(.65) translateY(0)}50%{transform:rotate(-20deg) scale(.68) translateY(-9px)}}@media(max-width:1200px){header{flex-wrap:wrap}.logo{flex:1}header nav{order:3;width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:760px){header{padding:14px 5%;gap:14px}header nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}nav a{font-size:14px;padding:13px 8px;min-height:48px;text-align:center}nav a.active{padding-bottom:13px}.hero{padding-top:30px}.hero h1{font-size:40px}}@media(prefers-reduced-motion:reduce){.hero-photo,.section .art .nails,.card .sample img,.card .sample .nails{animation:none!important}}
/* Raised buttons on hover, pressed buttons on click */
:root{--button-shadow:0 3px 0 #532632,0 5px 10px #392a2918}
.btn,.floating,nav a,.filter,.slide-arrow,.slide-pause,.dialog-close{position:relative;transition:transform .22s ease,box-shadow .22s ease,background-color .22s ease,color .22s ease;transform:translateY(0)}
.btn,.floating,nav a.active,.filter.active{box-shadow:var(--button-shadow)}
.btn.light,nav a:not(.active),.filter:not(.active),.slide-arrow{box-shadow:0 2px 0 #d2bfb3,0 4px 8px #392a290a}
@media(hover:hover) and (pointer:fine){
.btn:not(:disabled):hover,.floating:hover,nav a:hover,.filter:hover,.slide-arrow:hover,.slide-pause:hover,.dialog-close:hover{transform:translateY(-5px);box-shadow:0 7px 0 #532632,0 14px 22px #392a2930}
.btn.light:hover,nav a:not(.active):hover,.filter:not(.active):hover,.slide-pause:hover,.dialog-close:hover{box-shadow:0 7px 0 #c9b1a2,0 14px 22px #392a2925}
.slide-dots button{transition:transform .22s ease,border-color .22s ease}.slide-dots button:hover{transform:translateY(-3px);border-color:var(--wine)}
}
.btn:not(:disabled):active,.floating:active,nav a:active,.filter:active,.slide-arrow:active,.slide-pause:active,.dialog-close:active{transform:translateY(2px);box-shadow:0 1px 0 #b89b8e,0 2px 4px #392a2920}
.btn:disabled{transform:none;box-shadow:none}
@media(prefers-reduced-motion:reduce){.btn:hover,.floating:hover,nav a:hover,.filter:hover,.slide-arrow:hover,.slide-pause:hover,.dialog-close:hover,.slide-dots button:hover{transform:none}.btn:active,.floating:active,nav a:active,.filter:active,.slide-arrow:active,.slide-pause:active,.dialog-close:active{transform:none}}
/* Mobile-first browsing: gallery, prices, contact */
.nav-icon,.nav-short,.mobile-welcome,.booking-dock{display:none}.floating{position:fixed}.browse-intro{padding:52px 8% 30px;max-width:1300px;margin:auto}.browse-intro h1{font-size:58px;margin:0 0 12px}.browse-intro p{margin:0}.browse-meta{display:flex;gap:20px;justify-content:space-between;margin-top:22px;font-size:12px;color:var(--wine)}.browse-shell{max-width:1300px;margin:auto;padding:0 8% 65px}.browse-switch{display:flex;padding:5px;border-radius:14px;background:#eee4dc;gap:6px;margin-bottom:20px}.browse-switch button{flex:1;min-height:52px;background:transparent;border:0;border-radius:10px;color:#73564f;font-weight:600;font-size:15px}.browse-switch button.selected{background:var(--wine);color:#fff;box-shadow:0 4px 10px #793b4825}.browse-switch button span{margin-left:7px;padding:3px 7px;border-radius:20px;background:#ffffff25;font-size:11px}.browse-filters{margin:0 0 18px;gap:8px}.browse-filters .filter{min-height:44px;padding:10px 18px;font-size:12px;box-shadow:none}.gallery-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px;font-size:12px;color:#735b54}.budget-control{display:flex;align-items:center;gap:10px;font-size:11px;flex-shrink:0}.budget-control select{width:auto;max-width:150px;padding:10px;border-radius:8px;font-size:12px;background:#fffaf6;min-height:44px}.gallery-grid .card{min-width:0;border:1px solid #ebdfd5;background:#fffdf9;border-radius:14px;overflow:hidden;box-shadow:0 4px 15px #49332e05}.gallery-grid .sample{height:auto;aspect-ratio:4/5}.gallery-grid .card-meta{padding:14px 14px 4px;align-items:flex-start;flex-direction:column;gap:8px}.gallery-grid .card-meta h3{margin:0;font-family:'Be Vietnam Pro',sans-serif;font-size:15px;font-weight:500;line-height:1.5;overflow-wrap:anywhere}.gallery-grid .price{font-size:16px;font-weight:600}.gallery-grid .tag{padding:8px 14px 16px;font-size:11px;letter-spacing:0;color:#745f59}.gallery-footnote{font-size:11px;text-align:center;margin-top:22px}.price-intro{padding:20px 0 8px}.price-intro h2{font-size:34px;margin:0 0 10px}.price-intro p{margin:0 0 22px;font-size:13px}.price-list{display:grid;grid-template-columns:1fr 1fr;gap:14px}.price-card{padding:22px;border:1px solid #e8d9cf;border-radius:14px;background:#fffdf9}.price-card-top{display:flex;align-items:center;gap:12px}.service-number{font-size:11px;color:#ab8377;flex-shrink:0}.price-card h3{font-family:'Be Vietnam Pro',sans-serif;font-size:16px;font-weight:600;line-height:1.5;margin:0;flex:1;min-width:0;overflow-wrap:anywhere}.service-price{text-align:right;color:var(--wine);flex-shrink:0}.service-price small{display:block;font-size:9px;letter-spacing:1px;margin-bottom:5px}.service-price strong{font-size:19px;font-weight:600;font-variant-numeric:tabular-nums}.price-card>p{font-size:12px;margin:14px 0 0;padding-top:12px;border-top:1px solid #eee4dc;color:#76605a;line-height:1.7}.price-note{border-radius:14px;background:#ede2d9;padding:22px;margin-top:20px}.price-note>strong{font-size:14px}.price-note p{font-size:12px;color:#745f59}.browse-page+.booking-dock+.cta{display:none}[hidden]{display:none!important}
@media(max-width:760px){
body{font-size:14px;padding-bottom:90px;color:#3d2b28}p{color:#79625b}header{padding:14px 20px;gap:12px;min-height:76px;background:#faf7f2f5;border-bottom:1px solid #eee3da}.logo{font-size:25px;letter-spacing:.5px}.logo small{font-size:8px;letter-spacing:2px}header>.btn{display:flex;min-height:40px;font-size:11px;padding:10px 13px;border-radius:30px;box-shadow:none}header nav{position:fixed;inset:auto 0 0;z-index:10;background:#fffdf9;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;width:100%;padding:8px 10px calc(8px + env(safe-area-inset-bottom));box-shadow:0 -4px 20px #392a290c;border-top:1px solid #e8d9cf;order:0}header nav a,header nav a.active{border:0;background:transparent;box-shadow:none!important;display:flex;flex-direction:column;gap:5px;min-height:54px;padding:6px 2px!important;border-radius:10px;font-size:10px;line-height:1.4;color:#836e66;transform:none!important}header nav a.active{background:#f2e3e2;color:#793b48;font-weight:700}.nav-icon,.nav-short{display:block}.nav-long{display:none}.floating{position:fixed;bottom:calc(90px + env(safe-area-inset-bottom));right:16px;padding:13px 19px;font-size:12px;box-shadow:0 4px 18px #793b4830}.browse-page~.floating{display:none}.mobile-welcome{display:block;padding:34px 20px 24px}.mobile-welcome .eyebrow{font-size:9px;letter-spacing:2px;margin-bottom:14px}.mobile-welcome h1{font-size:39px;line-height:1.18;margin-bottom:14px}.mobile-welcome p{font-size:13px;line-height:1.8;margin-bottom:22px;max-width:340px}.mobile-welcome>.btn{width:100%;border-radius:12px;font-size:14px;min-height:52px}.welcome-contact{display:block;text-align:center;font-size:12px;color:var(--wine);padding:18px 0 0}.mobile-welcome+.hero{padding:0 20px 30px;gap:0;display:block}.mobile-welcome+.hero>div:first-child{display:none}.hero .art{min-height:280px;border-radius:100px 100px 16px 16px;box-shadow:none}.caption{font-size:10px}.strip{padding:18px 20px;font-size:9px;letter-spacing:.3px}.section{padding:32px 20px}.section h2{font-size:30px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.grid .sample{border-radius:12px;height:auto;aspect-ratio:4/5}.card-meta h3{font-size:17px}.card-meta .price{font-size:14px;font-weight:600}.page-head{padding:30px 20px 10px;text-align:left}.page-head h1{font-size:37px}.page-head p{font-size:13px;margin:0}.split{gap:25px}.split .art{min-height:290px}.contact-detail{padding:20px 0;font-size:15px;line-height:1.7}.contact-detail small{font-size:10px}.map{height:240px;border-radius:16px}.cta{padding:32px 20px}.cta h2{font-size:28px}footer{padding:26px 20px 20px;gap:16px}.demo-note{font-size:10px;padding:12px 20px 20px}.browse-intro{padding:30px 20px 20px}.browse-intro .eyebrow{font-size:9px;letter-spacing:2px;margin-bottom:12px}.browse-intro h1{font-size:37px;margin-bottom:10px}.browse-intro p{font-size:12px;line-height:1.7}.browse-meta{font-size:10px;margin-top:18px;gap:10px;align-items:center}.browse-shell{padding:0 16px 95px}.browse-switch{margin-bottom:18px;border-radius:13px;gap:4px}.browse-switch button{font-size:12px;min-height:48px}.browse-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.browse-filters .filter{font-size:11px;padding:10px 13px;min-height:44px}.gallery-toolbar{gap:8px;font-size:10px;align-items:center}.budget-control{font-size:0;gap:0}.budget-control select{font-size:11px;max-width:126px;background:#fffdf9}.gallery-grid{gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-grid .sample{border-radius:0;aspect-ratio:4/5}.gallery-grid .card-meta{padding:12px 12px 3px;gap:7px}.gallery-grid .card-meta h3{font-size:12px;font-weight:500}.gallery-grid .price{font-size:15px}.gallery-grid .tag{font-size:10px;padding:7px 12px 13px}.zoom-hint{top:9px;right:9px;font-size:9px;padding:7px 9px;background:#fffdf9ed}.sample>span{font-size:8px;letter-spacing:1px}.sample .nails{gap:10px}.sample .nails i{width:40px}.price-intro{padding:12px 4px 0}.price-intro .eyebrow{font-size:9px;margin-bottom:12px;letter-spacing:2px}.price-intro h2{font-size:29px}.price-list{grid-template-columns:1fr;gap:12px}.price-card{padding:19px 17px}.price-card h3{font-size:14px}.service-price strong{font-size:20px}.service-number{font-size:10px}.price-card>p{font-size:12px}.price-note{padding:20px}.price-note .btn{width:100%;border-radius:10px;min-height:48px;font-size:13px}.booking-dock{display:flex;align-items:center;justify-content:space-between;gap:12px;position:fixed;bottom:calc(79px + env(safe-area-inset-bottom));left:0;right:0;z-index:6;background:#faf7f2f5;backdrop-filter:blur(12px);padding:13px 16px;border-top:1px solid #e5d8cd;box-shadow:0 -6px 18px #392a2907}.booking-dock>div{min-width:0}.booking-dock strong{display:block;font-size:11px;font-weight:600}.booking-dock span{display:block;font-size:9px;color:#80675e;line-height:1.6;margin-top:4px;max-width:155px}.booking-dock>.btn{font-size:11px;padding:13px 14px;border-radius:12px;min-height:46px;white-space:nowrap;box-shadow:none;flex-shrink:0}.sample-dialog{width:100%;max-width:100%;max-height:94dvh;border-radius:24px 24px 0 0;margin:auto 0 0;padding-bottom:env(safe-area-inset-bottom)}.large-sample{height:min(460px,53dvh)}.dialog-caption{padding:22px 20px;gap:20px}.dialog-caption h3{font-size:25px}.dialog-caption .btn{min-height:52px;border-radius:12px}.dialog-close{top:16px;right:16px}.admin{padding:30px 20px}.admin-bar{align-items:flex-start;flex-direction:column}.admin h2{font-size:30px}.form input,.form select,.form textarea{font-size:16px}.admin .btn{min-height:46px;border-radius:8px}.empty{grid-column:1/-1;padding:40px 15px}
/* Keep artwork calm while customers compare prices and designs. */
.browse-page .sample img,.browse-page .sample .nails{animation:none}.browse-page .sample img{transition:transform .35s}.reveal{transform:translateY(14px)}
}
@media(max-width:360px){.logo{font-size:22px}header{padding:14px 16px}header>.btn{font-size:10px;padding:10px}.browse-intro h1{font-size:34px}.service-price strong{font-size:18px}.price-card-top{gap:8px}.booking-dock strong{font-size:10px}.booking-dock>.btn{font-size:10px;padding:12px}.gallery-grid .sample .nails{gap:8px}.browse-meta{font-size:9px}}
@media(max-width:760px){header{backdrop-filter:none}.booking-dock{bottom:calc(71px + env(safe-area-inset-bottom))}}
.field-help{font-size:12px;line-height:1.8;color:#79625b;background:#f0e8df;padding:12px 14px;border-radius:8px}.location-panel{padding:24px;min-width:0;height:auto;min-height:320px;border-radius:16px}.location-panel .nav-icon{display:inline-block;width:32px;height:32px}.location-panel p{font-size:13px;max-width:350px;overflow-wrap:anywhere;margin:12px auto 22px}.location-panel .btn{white-space:normal;font-size:13px;border-radius:10px}.location-panel .map-empty-hint{font-size:11px;margin-bottom:0}@media(max-width:760px){.location-panel{min-height:260px;padding:22px 16px}.location-panel .btn{min-height:50px;width:100%;font-size:12px}}
/* Keep the close action visible above the photo. */
.sample-dialog .dialog-close{position:sticky;top:12px;right:auto;float:right;margin:12px 12px -60px 0;width:48px;height:48px;min-width:48px;padding:0;display:grid;place-items:center;background:#793b48;color:#fff;border:2px solid #fff;border-radius:50%;font-family:Arial,sans-serif;font-size:34px;font-weight:700;line-height:1;z-index:20;box-shadow:0 3px 12px #392a2945;transform:none}.sample-dialog .dialog-close:hover{background:#542632;transform:none;box-shadow:0 3px 12px #392a2945}.sample-dialog .dialog-close:active{background:#542632;transform:scale(.96)}.sample-dialog .dialog-close:focus-visible{outline:3px solid #fff;outline-offset:3px}.sample-dialog .large-sample{clear:none}
.image-manager{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px}.managed-image{padding:8px;border:1px solid #e3d2c7;border-radius:10px;background:#fffdf9}.managed-image img{width:100%;height:130px;object-fit:cover;border-radius:6px}.managed-image>span{display:block;font-size:11px;margin:9px 0;color:var(--wine)}.managed-image>div{display:flex;gap:6px;flex-wrap:wrap}.managed-image button{background:#f0e3da;color:var(--wine);border:0;border-radius:5px;padding:9px;font-size:11px;min-height:40px}.photo-controls{display:flex;justify-content:center;align-items:center;gap:24px;padding:14px 20px;background:#faf7f2}.photo-controls button{width:48px;height:48px;background:#793b48;color:white;border:0;border-radius:50%;font-size:30px;line-height:1}.photo-controls span{font-size:13px;color:#793b48;font-weight:600}.sample-dialog .large-sample{touch-action:pan-y}
.large-sample video{width:100%;height:100%;object-fit:contain;background:#211a18}#video-preview video{width:100%;max-height:240px;border-radius:12px;background:#211a18}#video-preview>.btn{margin-top:10px;min-height:44px;font-size:12px}
.condition-editor{border:1px solid #e4d4ca;border-radius:12px;margin:0;padding:16px;min-width:0}.condition-editor legend{font-weight:600;font-size:14px;padding:0 6px}.condition-row{display:grid;grid-template-columns:1fr 140px auto;gap:10px;align-items:end;margin:16px 0}.condition-row button{border:0;background:#f1dfdf;color:#793b48;min-height:44px;border-radius:6px;padding:10px}.condition-editor>.btn{font-size:12px}.condition-picker{border:0;border-top:1px solid #e7d8ce;margin:0;padding:20px;min-width:0}.condition-picker legend{font-size:14px;font-weight:600;padding:0 8px}.condition-picker label{display:block;margin:10px 0}.condition-picker input{position:absolute;opacity:0;width:1px;height:1px}.condition-picker span{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:54px;border:1px solid #dfcfc5;border-radius:10px;padding:14px;font-size:12px;background:#fffdf9}.condition-picker strong{font-weight:500;line-height:1.6}.condition-picker b{white-space:nowrap;color:#793b48}.condition-picker input:checked+span{border:2px solid #793b48;background:#f4e5e4;padding:13px}.condition-picker input:focus-visible+span{outline:2px solid #793b48;outline-offset:3px}@media(max-width:760px){.condition-row{grid-template-columns:1fr 110px;gap:10px}.condition-row button{grid-column:2}.condition-picker{padding:20px 16px}}
.auto-number{padding:16px 18px;background:#f0e4dc;border:1px solid #dfcdc2;border-radius:10px;display:grid;gap:7px}.auto-number small{color:#80645b;font-size:11px}.auto-number strong{font-family:'Playfair Display',serif;font-size:28px;color:#793b48}.condition-fixed-name{font-size:13px;font-weight:600;align-self:center;color:#65473f}.condition-row{grid-template-columns:1fr 150px}@media(max-width:760px){.condition-row{grid-template-columns:1fr 120px}}
.condition-unavailable span{background:#f0ece8;color:#928078;border-style:dashed}.condition-unavailable b{color:#928078;font-size:11px}.condition-unavailable{cursor:default}

.stats-panel{max-width:100%;margin-top:26px}.stats-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.stats-heading h3{margin:0;font-size:26px}.stats-heading p,.stats-period{color:#796861;font-size:13px}.stats-ranges{display:flex;gap:8px;margin:18px 0}.stats-ranges button{min-height:44px}.stats-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0}.stats-cards article{background:#f1e4e5;border:1px solid #e6d2d6;border-radius:18px;padding:24px;display:flex;flex-direction:column;gap:10px}.stats-cards article>span{font-size:14px;color:#6f3947}.stats-cards strong{font:600 40px Georgia,serif;color:#783a4b}.stats-cards small{font-size:12px;color:#796861}.stats-box{background:#fffdfa;border:1px solid #e8ded6;border-radius:16px;padding:22px;margin:16px 0;min-width:0}.stats-box h4{font-size:16px;margin:0 0 22px}.stats-chart{height:150px;display:flex;gap:4px;align-items:flex-end;border-bottom:1px solid #d6c3c6}.stats-column{height:100%;flex:1;display:flex;align-items:flex-end;min-width:0}.stats-column>span{width:100%;background:#8b4a5b;border-radius:4px 4px 0 0}.stats-chart-labels{display:flex;justify-content:space-between;color:#796861;font-size:11px;margin:8px 0 16px}.stats-box summary{cursor:pointer;font-size:13px;min-height:32px;color:#783a4b}.stats-columns{display:grid;grid-template-columns:1fr 1fr;gap:16px}.stats-columns .stats-box{margin-top:0}.stats-breakdown{margin:16px 0}.stats-breakdown>div:first-child,.stats-page-row{display:flex;justify-content:space-between;gap:12px;font-size:13px}.stats-breakdown small{font-weight:400;color:#796861}.stats-meter{height:6px;background:#f1e4e5;margin-top:9px;border-radius:5px;overflow:hidden}.stats-meter span{display:block;background:#8b4a5b;height:100%}.stats-page-row{padding:12px 0;border-bottom:1px solid #eee4df}.stats-table{width:100%;border-collapse:collapse;font-size:12px;margin-top:12px}.stats-table th,.stats-table td{padding:10px 4px;border-bottom:1px solid #eee4df;text-align:right}.stats-table th:first-child,.stats-table td:first-child{text-align:left}.stats-note{font-size:12px;color:#796861;line-height:1.8}.stats-empty{padding:20px;border-radius:12px;background:#f3ede6;font-size:14px}.analytics-privacy{font-size:11px;color:#796861}.admin-tabs{flex-wrap:wrap}@media(max-width:600px){.stats-heading h3{font-size:22px}.stats-heading .btn{padding:12px;font-size:12px}.stats-cards{gap:10px}.stats-cards article{padding:18px 14px}.stats-cards article>span{min-height:34px;line-height:1.5}.stats-cards strong{font-size:36px}.stats-cards small{line-height:1.6}.stats-columns{grid-template-columns:1fr;gap:0}.stats-box{padding:18px}.stats-ranges button{flex:1}.stats-chart{gap:3px}.stats-heading{align-items:flex-start}}

.stats-heading .btn{flex-shrink:0;white-space:nowrap;min-width:84px}@media(max-width:600px){.stats-cards article>span{min-height:44px}}