:root{
  --bg:#030a12;
  --bg-2:#07111d;
  --panel:#091522;
  --panel-2:#0d1b2a;
  --ink:#f5f7fb;
  --muted:#9aa8b8;
  --line:rgba(154,168,184,.18);
  --soft:rgba(255,255,255,.045);
  --brand:#13e1b2;
  --brand-2:#0cc7a0;
  --purple:#7138ff;
  --radius:24px;
  --shadow:0 24px 70px rgba(0,0,0,.38);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--ink);line-height:1.5;min-height:100vh;overflow-x:hidden}
body:not(.public-body){background:
  radial-gradient(circle at 78% 17%,rgba(25,218,181,.14),transparent 27%),
  radial-gradient(circle at 89% 39%,rgba(95,49,255,.15),transparent 26%),
  linear-gradient(180deg,#020811 0%,#06111d 52%,#030a12 100%)}
body:not(.public-body)::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:
  linear-gradient(118deg,transparent 0 50%,rgba(0,235,197,.05) 58%,transparent 66%),
  linear-gradient(144deg,transparent 0 58%,rgba(119,52,255,.06) 66%,transparent 74%)}
a{color:inherit}
button,input,textarea{font:inherit}
img{max-width:100%;display:block}
.container{width:min(1180px,calc(100% - 40px));margin-inline:auto}
.narrow{width:min(620px,calc(100% - 32px))}
.site-header{width:min(1240px,calc(100% - 40px));margin:0 auto;min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid rgba(255,255,255,.07)}
.brand{font-size:28px;font-weight:900;text-decoration:none;letter-spacing:-1.5px}.brand::after{content:"";display:inline-block;width:9px;height:9px;margin-left:4px;border-radius:50%;background:var(--brand);box-shadow:0 0 18px var(--brand)}
.site-header nav{display:flex;align-items:center;gap:20px}.site-header nav a{text-decoration:none;font-weight:700;font-size:14px;color:#dfe6ee}.site-header nav a:hover{color:white}
.button{display:inline-flex;justify-content:center;align-items:center;border:1px solid rgba(18,225,178,.45);border-radius:12px;background:linear-gradient(135deg,#16e0b1,#0cbf99);color:#03110e;text-decoration:none;font-weight:900;padding:13px 20px;cursor:pointer;min-height:48px;box-shadow:0 8px 28px rgba(13,214,170,.14);transition:.18s transform,.18s filter,.18s box-shadow}
.button:hover{transform:translateY(-1px);filter:brightness(1.06);box-shadow:0 12px 34px rgba(13,214,170,.22)}
.button.ghost{background:rgba(5,16,28,.7);color:#eef5f7;border:1px solid rgba(20,226,180,.5);box-shadow:none}
.button.purple{background:linear-gradient(135deg,#6432ff,#8d49ff);color:#fff;border-color:rgba(134,70,255,.6);box-shadow:0 10px 30px rgba(102,52,255,.22)}
.button.small{min-height:40px;padding:9px 16px}.button.full{width:100%}
.hero{min-height:610px;display:grid;grid-template-columns:minmax(0,.95fr) minmax(520px,1.05fr);align-items:center;gap:56px;padding-block:62px 54px}
.eyebrow{display:inline-block;font-weight:900;font-size:12px;letter-spacing:.13em;text-transform:uppercase;color:var(--brand)}
.hero h1,.dashboard-head h1,.auth-card h1,.section-title h2{font-size:clamp(42px,5.4vw,72px);line-height:.98;letter-spacing:-.055em;margin:12px 0 20px}.gradient-text{background:linear-gradient(90deg,#18e3b7,#17b9e6);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero p{font-size:18px;color:#b7c3cf;max-width:650px}.hero-actions{display:flex;gap:14px;margin-top:28px;flex-wrap:wrap}.hero-points{display:flex;gap:22px;flex-wrap:wrap;margin-top:28px;color:#c4d0db;font-size:14px}.hero-points span{display:inline-flex;gap:8px;align-items:center}.hero-points span::first-letter{color:var(--brand)}
.sample-showcase{position:relative;min-height:430px;display:flex;align-items:center;justify-content:center;gap:24px}.sample-showcase::before{content:"";position:absolute;inset:3% -5% 8% -5%;background:radial-gradient(ellipse at 55% 50%,rgba(0,226,179,.22),transparent 42%),radial-gradient(ellipse at 80% 62%,rgba(113,56,255,.24),transparent 38%);filter:blur(10px);z-index:0}.sample-label{position:absolute;top:0;left:24px;z-index:2;color:#cdd7e2;font-weight:800;text-transform:uppercase;font-size:11px;letter-spacing:.1em}
.phone-demo,.mini-phone{border:1px solid rgba(255,255,255,.13);border-radius:28px;padding:30px 22px;box-shadow:var(--shadow);text-align:center;backdrop-filter:blur(12px)}.phone-demo{position:relative;z-index:1;width:260px;min-height:360px;background:linear-gradient(180deg,rgba(13,31,46,.96),rgba(4,14,25,.98));transition:.2s transform}.sample-nails{transform:rotate(-2deg);border-color:rgba(25,224,179,.55);box-shadow:0 20px 65px rgba(0,232,189,.16),0 0 30px rgba(106,53,255,.12)}.sample-restaurant{transform:rotate(3deg) translateY(10px);border-color:rgba(126,74,255,.5);background:linear-gradient(180deg,rgba(8,39,37,.96),rgba(4,15,22,.98));box-shadow:0 20px 65px rgba(101,48,255,.18)}.phone-demo:hover{transform:translateY(-3px) rotate(0deg)}
.demo-logo,.mini-avatar{width:76px;height:76px;border-radius:20px;background:linear-gradient(135deg,#0bd3a6,#0b6f68);color:white;display:grid;place-items:center;font-weight:900;font-size:26px;margin:0 auto 18px;box-shadow:0 12px 28px rgba(12,210,168,.18)}.restaurant-logo{background:linear-gradient(135deg,#f7e9cc,#d6c39f);color:#18352d;font-size:31px}.phone-demo h3,.mini-phone h3{font-size:24px;margin:6px 0}.phone-demo p,.mini-phone p{color:#a8b5c2}.demo-link{display:flex;align-items:center;justify-content:center;background:rgba(2,9,16,.82);color:#fff;min-height:55px;border:1px solid rgba(255,255,255,.16);border-radius:14px;margin-top:12px;font-weight:800;padding:12px 13px}.yelp-demo strong{color:#ff2f3a;margin-right:6px}
.section{padding-block:62px 76px}.pricing-section{border-top:1px solid rgba(255,255,255,.08)}.section-title{max-width:780px;margin-bottom:26px}.section-title h2{font-size:clamp(34px,4.4vw,54px)}.pricing-title h2{margin-bottom:0}
.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:stretch}.price-card{border:1px solid var(--line);border-radius:var(--radius);padding:28px;background:linear-gradient(180deg,rgba(12,27,42,.74),rgba(6,16,27,.84));position:relative;box-shadow:0 18px 50px rgba(0,0,0,.18)}.price-card.featured{border:1px solid rgba(18,227,179,.75);box-shadow:0 0 0 1px rgba(18,227,179,.07),0 18px 60px rgba(0,220,175,.11)}.price-card.pro-card{border-color:rgba(122,70,255,.36)}.price-card.current{outline:2px solid rgba(18,227,179,.34)}.price-card h3{font-size:24px;margin:0 0 12px}.price{font-size:42px;font-weight:900;letter-spacing:-.04em}.price small{font-size:14px;color:var(--muted);font-weight:700}.price-card ul{padding-left:20px;color:#bec9d4;min-height:150px}.price-card li{margin:10px 0}.price-card li::marker{color:var(--brand)}.pill,.current-badge{display:inline-block;border-radius:999px;border:1px solid rgba(19,225,179,.5);background:#062219;color:#21e6b8;padding:6px 10px;font-size:11px;font-weight:900;letter-spacing:.06em}.pill{position:absolute;right:18px;top:-15px}.current-badge{margin-top:16px}.feature-strip{margin-top:18px;display:grid;grid-template-columns:repeat(4,1fr);gap:1px;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--line)}.feature-strip>div{padding:18px;background:rgba(8,21,34,.94);display:grid;gap:3px}.feature-strip strong{color:#eaf4f5;font-size:14px}.feature-strip span{color:var(--muted);font-size:12px}
.auth-card{margin:70px auto;background:linear-gradient(180deg,rgba(12,27,42,.9),rgba(6,16,27,.95));border:1px solid var(--line);border-radius:28px;padding:34px;box-shadow:var(--shadow)}.auth-card h1{font-size:48px}.form-stack{display:grid;gap:18px}label{display:grid;gap:8px;font-weight:800;font-size:14px;color:#e7eef5}input,textarea{width:100%;border:1px solid rgba(171,190,208,.22);border-radius:14px;padding:14px 15px;background:#07131f;color:#f5f7fb;outline:none}input::placeholder,textarea::placeholder{color:#687889}input:focus,textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(20,225,180,.10)}input[type=color]{height:52px;padding:6px}label small{color:var(--muted);font-weight:500}.slug-input{display:flex;align-items:center;border:1px solid rgba(171,190,208,.22);border-radius:14px;overflow:hidden;background:#07131f}.slug-input span{padding-left:14px;color:#7f90a2;font-weight:600;white-space:nowrap}.slug-input input{border:0;background:transparent;padding-left:3px;box-shadow:none}.muted{color:var(--muted)}.center{text-align:center}.small-text{font-size:13px}.inline-error,.flash{border-radius:14px;padding:12px 14px;margin:12px 0;background:rgba(99,25,31,.82);color:#ffd6d9;border:1px solid rgba(255,93,104,.32)}.flash.success{background:rgba(13,75,57,.78);color:#b8ffdf;border-color:rgba(31,229,170,.28)}.flash-stack{position:fixed;right:18px;top:82px;z-index:1000;width:min(420px,calc(100% - 36px))}.flash{box-shadow:var(--shadow);transition:.3s}.flash.hide{opacity:0;transform:translateY(-8px);pointer-events:none}
.dashboard-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:50px 0 24px}.dashboard-head h1{font-size:clamp(34px,5vw,58px);margin-bottom:10px}.stat-grid{display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:16px;margin:18px 0}.stat-card{background:linear-gradient(180deg,rgba(13,30,46,.9),rgba(7,18,29,.9));border:1px solid var(--line);border-radius:22px;padding:24px;min-width:0}.stat-card span{display:block;color:var(--muted);font-weight:700;font-size:13px;margin-bottom:8px}.stat-card strong{font-size:30px;letter-spacing:-.04em}.stat-card .url-stat{font-size:18px;word-break:break-word}.dashboard-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;padding:12px 0 80px}.action-card{text-decoration:none;border:1px solid var(--line);border-radius:22px;padding:28px;display:grid;gap:8px;background:linear-gradient(180deg,rgba(12,28,43,.78),rgba(7,17,28,.86));transition:.18s transform,.18s border-color}.action-card:hover{transform:translateY(-2px);border-color:rgba(18,227,179,.45)}.action-card strong{font-size:20px}.action-card span{color:var(--muted)}.editor-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:22px;padding-bottom:80px;align-items:start}.panel{border:1px solid var(--line);border-radius:24px;padding:28px;background:linear-gradient(180deg,rgba(12,28,43,.84),rgba(7,17,28,.92))}.panel h2{font-size:20px;margin:8px 0 0}.preview-panel{position:sticky;top:22px}.locked-feature{padding:14px;border-radius:14px;background:rgba(255,255,255,.06);color:#b7c4d1}.mini-phone{background:linear-gradient(180deg,#10263a,#07131f)}.mini-phone img{width:88px;height:88px;object-fit:cover;border-radius:28px;margin:0 auto 20px}.site-footer{text-align:center;color:#718195;padding:40px 20px;border-top:1px solid rgba(255,255,255,.07)}
.public-body{background:#f5f5f7;color:#111}.public-body::before{display:none}.public-page{--accent:#111;min-height:100vh;display:grid;place-items:center;padding:32px 16px}.link-card{width:min(560px,100%);text-align:center;padding:30px 22px}.business-image,.business-placeholder{
    width:180px;
    height:180px;
    border-radius:40px;
    object-fit:cover;
    margin:0 auto 22px;
    box-shadow:0 12px 36px rgba(0,0,0,.12)
}.business-placeholder{display:grid;place-items:center;background:var(--accent);color:white;font-size:36px;font-weight:900}.link-card h1{font-size:34px;letter-spacing:-.04em;margin:8px 0}.public-bio{color:#6a6a70;margin:0 auto 26px;max-width:420px}.public-links{display:grid;gap:13px;margin-top:28px}.review-button{min-height:64px;border-radius:20px;padding:14px 18px;display:flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;font-weight:900;font-size:17px;transition:.18s transform,.18s box-shadow}.review-button:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(0,0,0,.10)}.review-button.google{background:var(--accent);color:white}.review-button.yelp{background:white;color:#111;border:2px solid var(--accent)}.review-button.yelp strong{color:#d32323;font-size:22px}.tapm-footer{display:inline-block;margin-top:28px;color:#8c8c91;text-decoration:none;font-size:13px}.empty-public{padding:20px;background:#fff;border-radius:18px;color:#777}
@media (max-width:980px){.hero{grid-template-columns:1fr;gap:30px}.sample-showcase{min-height:390px}.sample-label{left:50%;transform:translateX(-50%)}.pricing-grid{grid-template-columns:1fr}.price-card ul{min-height:auto}.feature-strip{grid-template-columns:1fr 1fr}}
@media (max-width:800px){.site-header{min-height:66px}.site-header nav a:not(.button){display:none}.hero{padding-block:38px;min-height:auto}.hero h1{font-size:48px}.sample-showcase{gap:12px}.phone-demo{width:min(46vw,250px);padding:24px 14px}.pricing-grid{grid-template-columns:1fr}.stat-grid{grid-template-columns:1fr 1fr}.stat-card:last-child{grid-column:1/-1}.dashboard-grid{grid-template-columns:1fr}.editor-grid{grid-template-columns:1fr}.preview-panel{position:static}.dashboard-head{align-items:flex-start;flex-direction:column}}
@media (max-width:560px){.container,.narrow{width:min(100% - 22px,1180px)}.site-header{width:min(100% - 22px,1240px)}.hero{padding-top:28px}.hero h1{font-size:41px}.hero p{font-size:16px}.hero-points{gap:12px;font-size:12px}.sample-showcase{display:grid;grid-template-columns:1fr 1fr;min-height:auto;padding-top:36px}.sample-label{top:0;white-space:nowrap}.phone-demo{width:100%;min-height:318px;transform:none!important}.phone-demo h3{font-size:18px}.phone-demo p{font-size:13px}.demo-logo{width:60px;height:60px;font-size:20px}.demo-link{font-size:12px;min-height:48px;padding:9px}.section{padding-block:46px}.feature-strip{grid-template-columns:1fr}.auth-card{margin:30px auto;padding:24px 18px;border-radius:22px}.auth-card h1{font-size:38px}.stat-grid{grid-template-columns:1fr}.stat-card:last-child{grid-column:auto}.panel{padding:20px 16px}.link-card{padding:20px 10px}.business-image,.business-placeholder{width:160px;
    height:160px;
    border-radius:36px}.review-button{min-height:60px}}

/* Plan feature update */
.locked-feature{border:1px dashed rgba(154,168,184,.28);border-radius:16px;padding:16px;background:rgba(255,255,255,.035);color:var(--muted)}
.locked-feature strong{color:var(--ink)}
.locked-feature a{color:var(--brand);font-weight:800}
.template-picker{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.template-option{display:flex;align-items:flex-start;gap:12px;border:1px solid var(--line);border-radius:16px;padding:16px;background:#07131f;cursor:pointer}
.template-option input{width:auto;margin-top:4px;accent-color:var(--brand)}
.template-option span{display:grid;gap:4px}.template-option small{color:var(--muted);font-weight:500}
.mini-business-image{width:76px;height:76px;border-radius:20px;object-fit:cover;margin:0 auto 18px}
.qr-panel{display:grid;grid-template-columns:1fr auto;gap:36px;align-items:center;margin:18px 0 8px}
.qr-copy h2{font-size:30px;margin:8px 0 10px}.qr-url-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:18px 0 12px}.qr-url-row code{background:#07131f;border:1px solid var(--line);padding:11px 13px;border-radius:12px;color:#bfe9df;word-break:break-all}.qr-lock-icon{font-size:86px;color:rgba(20,225,180,.22);padding:20px 44px}
.public-page.template-nail{background:radial-gradient(circle at 50% 15%,#f8e6ff 0,#fff2f4 35%,#f4f4f8 78%)}
.public-page.template-nail .link-card{background:linear-gradient(180deg,rgba(255,245,255,.96),rgba(255,241,245,.98));border:1px solid rgba(204,144,221,.36);box-shadow:0 22px 70px rgba(152,89,177,.13)}
.public-page.template-nail .business-image{border:4px solid #fff;box-shadow:0 12px 28px rgba(199,122,172,.22)}
.public-page.template-nail .review-button.google{background:linear-gradient(135deg,#1b111d,#311831);color:#fff}.public-page.template-nail .review-button.yelp{border-color:#d9a3d6;background:#fff8fc}
.public-page.template-restaurant{background:radial-gradient(circle at 50% 8%,#173b31 0,#0f231e 35%,#07120f 82%);color:#f6f0df}
.public-page.template-restaurant .link-card{background:linear-gradient(180deg,rgba(20,54,44,.97),rgba(8,24,20,.99));border:1px solid rgba(206,177,113,.34);box-shadow:0 24px 75px rgba(0,0,0,.32)}
.public-page.template-restaurant .link-card h1{color:#fff3d2}.public-page.template-restaurant .public-bio{color:#c9d8cc}.public-page.template-restaurant .business-image{border:4px solid #e8d8ac;box-shadow:0 12px 30px rgba(0,0,0,.28)}
.public-page.template-restaurant .review-button.google{background:linear-gradient(135deg,#c99435,#936b25);color:#fff}.public-page.template-restaurant .review-button.yelp{background:#10261f;color:#fff;border-color:#c99435}.public-page.template-restaurant .tapm-footer{color:#8ea89a}
@media (max-width:800px){.qr-panel{grid-template-columns:1fr}.qr-box{justify-self:start}.template-picker{grid-template-columns:1fr}}
@media (max-width:560px){.qr-box{justify-self:center;min-width:244px}.qr-panel{text-align:center}.qr-url-row{justify-content:center}.qr-lock-icon{display:none}}


/* TapM Page URL updater */
.slug-update-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px;
    align-items: stretch;
}

.slug-update-row .slug-input {
    min-width: 0;
}

.slug-update-button {
    white-space: nowrap;
    min-height: 48px;
}

.slug-help {
    display: block;
    margin-top: 8px;
    color: var(--muted);
    line-height: 1.45;
}

@media (max-width: 680px) {
    .slug-update-row {
        grid-template-columns: 1fr;
    }

    .slug-update-button {
        width: 100%;
    }
}

.qr-box {
    width: 248px;
    height: 248px;
    padding: 14px;
    background: #ffffff;
    border-radius: 16px;
    box-sizing: border-box;

    display: flex;
    align-items: center;
    justify-content: center;

    flex: 0 0 248px;
    overflow: hidden;
}

.qr-box canvas,
.qr-box img {
    width: 220px !important;
    height: 220px !important;
    max-width: 220px !important;
    max-height: 220px !important;
    aspect-ratio: 1 / 1 !important;
    object-fit: contain;
}


/* Monthly / Yearly pricing toggle */
.billing-toggle{width:max-content;max-width:100%;margin:0 0 24px auto;padding:5px;display:flex;gap:4px;border:1px solid var(--line);border-radius:14px;background:rgba(5,16,28,.72)}
.billing-toggle-button{border:0;border-radius:10px;min-height:42px;padding:9px 16px;background:transparent;color:var(--muted);font-weight:800;cursor:pointer;transition:.18s ease}
.billing-toggle-button span{margin-left:5px;color:var(--brand);font-size:11px;font-weight:900;text-transform:uppercase}
.billing-toggle-button.active{background:linear-gradient(135deg,rgba(19,225,178,.16),rgba(12,199,160,.08));color:var(--ink);box-shadow:inset 0 0 0 1px rgba(19,225,178,.34)}
.plan-price[hidden]{display:none!important}
.billing-note{margin-top:5px;color:var(--muted);font-size:13px;font-weight:650}
.annual-saving{display:inline-block;margin-top:9px;padding:5px 9px;border-radius:999px;background:rgba(19,225,178,.09);border:1px solid rgba(19,225,178,.24);color:var(--brand);font-size:11px;font-weight:900}
@media (max-width:560px){.billing-toggle{width:100%;margin:0 0 20px}.billing-toggle-button{flex:1;padding-inline:10px}}

/* Customer feedback sign downloader */
.feedback-sign-panel{margin-top:18px;padding:24px}
.feedback-sign-heading{margin-bottom:20px}
.feedback-sign-heading h2{margin:6px 0 8px}
.feedback-size-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:20px}
.feedback-size-card{appearance:none;border:1px solid var(--line);border-radius:16px;background:rgba(8,25,40,.72);color:var(--ink);padding:16px;text-align:left;cursor:pointer;transition:.18s ease}
.feedback-size-card:hover{transform:translateY(-1px);border-color:rgba(19,225,178,.45)}
.feedback-size-card.active{border-color:var(--brand);box-shadow:0 0 0 1px rgba(19,225,178,.2),0 14px 30px rgba(0,0,0,.18);background:linear-gradient(135deg,rgba(19,225,178,.11),rgba(8,25,40,.76))}
.feedback-size-label{display:block;font-size:24px;font-weight:900}
.feedback-size-sub{display:block;margin-top:2px;font-weight:750}
.feedback-size-px{display:block;margin-top:6px;font-size:12px;color:var(--muted)}
.feedback-sign-workspace{display:grid;grid-template-columns:minmax(320px,560px) 1fr;gap:28px;align-items:center}
.feedback-preview-wrap{display:flex;justify-content:center;align-items:center;min-height:460px;padding:22px;border:1px solid var(--line);border-radius:18px;background:rgba(3,10,18,.45)}
#feedbackSignPreview{display:block;max-width:100%;max-height:720px;width:auto;height:auto;border-radius:10px;box-shadow:0 18px 50px rgba(0,0,0,.28);background:#fff}
.feedback-download-copy h3{margin:7px 0 12px;font-size:28px}
.feedback-destination{display:block;overflow-wrap:anywhere;margin:6px 0 18px}
.feedback-download-button{margin-top:4px}
@media(max-width:820px){
    .feedback-size-grid{grid-template-columns:1fr}
    .feedback-sign-workspace{grid-template-columns:1fr}
    .feedback-preview-wrap{min-height:320px}
}
/* =========================================================
   TapM Pro page designs - Nail collection
   ========================================================= */

/* Template picker */
.template-picker-pro{grid-template-columns:repeat(2,minmax(0,1fr))}
.template-option{position:relative;align-items:center;transition:.18s transform,.18s border-color,.18s background,.18s box-shadow}
.template-option:hover{transform:translateY(-1px);border-color:rgba(19,225,178,.42)}
.template-option:has(input:checked){border-color:var(--brand);background:rgba(19,225,178,.055);box-shadow:0 0 0 1px rgba(19,225,178,.16)}
.template-swatch{width:42px;height:42px;flex:0 0 42px;border-radius:13px;display:grid!important;place-items:center;font-size:20px;font-weight:900;box-shadow:inset 0 0 0 1px rgba(255,255,255,.24),0 6px 18px rgba(0,0,0,.16)}
.swatch-nail{background:linear-gradient(135deg,#f7dff9,#f8cfdc);color:#7d476f}
.swatch-pink{background:linear-gradient(135deg,#ffdce7,#f7a9c0);color:#b53d68}
.swatch-lavender{background:linear-gradient(135deg,#eee5ff,#c9b2f4);color:#7455b8}
.swatch-gold{background:linear-gradient(135deg,#fffaf0,#e5c681);color:#9b6b13}
.swatch-mint{background:linear-gradient(135deg,#dff8f1,#9edfd0);color:#187c70}
.swatch-restaurant{background:linear-gradient(135deg,#244d42,#c79a48);color:#fff}

/* Shared nail decorations */
.public-page[class*="template-nail"] .link-card,
.mini-phone[class*="template-nail"]{
    position:relative;
    overflow:hidden;
    isolation:isolate;
}

.public-page[class*="template-nail"] .link-card > *,
.mini-phone[class*="template-nail"] > *{
    position:relative;
    z-index:2;
}

.nail-decor{
    display:none;
    position:absolute!important;
    z-index:1!important;
    pointer-events:none;
    user-select:none;
}

.public-page[class*="template-nail"] .nail-decor,
.mini-phone[class*="template-nail"] .nail-decor{
    display:block;
}

.nail-decor-top{top:-18px;left:-18px;width:145px;height:145px}
.nail-decor-bottom{right:-24px;bottom:-24px;width:165px;height:165px}

/* Original nail keeps the existing clean design and receives only very soft accents */
.public-page.template-nail .nail-decor-top,
.mini-phone.template-nail .nail-decor-top{
    background:
      radial-gradient(circle at 32% 35%,rgba(229,165,226,.26) 0 12%,transparent 13%),
      radial-gradient(circle at 54% 20%,rgba(247,185,205,.28) 0 10%,transparent 11%),
      radial-gradient(ellipse at 45% 52%,rgba(170,131,201,.16) 0 18%,transparent 19%);
    filter:blur(.2px)
}
.public-page.template-nail .nail-decor-bottom,
.mini-phone.template-nail .nail-decor-bottom{
    background:
      radial-gradient(circle at 62% 64%,rgba(239,174,199,.22) 0 14%,transparent 15%),
      radial-gradient(ellipse at 38% 70%,rgba(175,207,170,.16) 0 16%,transparent 17%)
}

/* ---------------------------------------------------------
   Pink Blossom
   --------------------------------------------------------- */
.public-page.template-nail-pink{
    --accent:#a92f5a;
    background:
      radial-gradient(circle at 12% 8%,rgba(255,194,213,.88),transparent 27%),
      radial-gradient(circle at 88% 82%,rgba(246,170,197,.52),transparent 28%),
      linear-gradient(145deg,#fff7fa 0%,#ffeef4 45%,#f8e8ef 100%);
}
.public-page.template-nail-pink .link-card,
.mini-phone.template-nail-pink{
    background:linear-gradient(180deg,rgba(255,252,253,.97),rgba(255,241,247,.98));
    border:1px solid rgba(211,92,137,.30);
    box-shadow:0 24px 72px rgba(171,59,104,.16);
}
.public-page.template-nail-pink .link-card h1,
.mini-phone.template-nail-pink h3{color:#5f2039}
.public-page.template-nail-pink .public-bio,
.mini-phone.template-nail-pink p{color:#8a6674}
.public-page.template-nail-pink .business-image,
.mini-phone.template-nail-pink .mini-business-image{border:4px solid #fff;box-shadow:0 12px 30px rgba(197,91,132,.23)}
.public-page.template-nail-pink .review-button.google,
.mini-phone.template-nail-pink .google-demo-link{background:linear-gradient(135deg,#b43a68,#8c234d);color:#fff;border-color:transparent}
.public-page.template-nail-pink .review-button.yelp,
.mini-phone.template-nail-pink .yelp-demo-link{background:#fff8fb;color:#5c2038;border:2px solid #e4a0b9}
.public-page.template-nail-pink .nail-decor-top::before,
.mini-phone.template-nail-pink .nail-decor-top::before{content:"✿  ❀";position:absolute;left:18px;top:22px;font-size:38px;letter-spacing:-10px;color:#dd789d;transform:rotate(-18deg)}
.public-page.template-nail-pink .nail-decor-top::after,
.mini-phone.template-nail-pink .nail-decor-top::after{content:"♥";position:absolute;left:86px;top:60px;font-size:21px;color:#ef9bb8;transform:rotate(14deg)}
.public-page.template-nail-pink .nail-decor-bottom::before,
.mini-phone.template-nail-pink .nail-decor-bottom::before{content:"❀  ✿";position:absolute;right:14px;bottom:23px;font-size:40px;letter-spacing:-9px;color:#cf6d94;transform:rotate(12deg)}
.public-page.template-nail-pink .nail-decor-bottom::after,
.mini-phone.template-nail-pink .nail-decor-bottom::after{content:"♥";position:absolute;right:88px;bottom:76px;font-size:19px;color:#eeaec2}

/* ---------------------------------------------------------
   Lavender Bloom
   --------------------------------------------------------- */
.public-page.template-nail-lavender{
    --accent:#7151a6;
    background:
      radial-gradient(circle at 16% 10%,rgba(205,187,245,.78),transparent 27%),
      radial-gradient(circle at 86% 86%,rgba(183,161,232,.42),transparent 29%),
      linear-gradient(145deg,#fbf9ff 0%,#f1ebff 48%,#eee9f7 100%);
}
.public-page.template-nail-lavender .link-card,
.mini-phone.template-nail-lavender{
    background:linear-gradient(180deg,rgba(253,251,255,.98),rgba(244,239,255,.98));
    border:1px solid rgba(126,94,185,.30);
    box-shadow:0 24px 72px rgba(102,72,155,.16);
}
.public-page.template-nail-lavender .link-card h1,
.mini-phone.template-nail-lavender h3{color:#4f3978}
.public-page.template-nail-lavender .public-bio,
.mini-phone.template-nail-lavender p{color:#7c7090}
.public-page.template-nail-lavender .business-image,
.mini-phone.template-nail-lavender .mini-business-image{border:4px solid #fff;box-shadow:0 12px 30px rgba(121,91,177,.22)}
.public-page.template-nail-lavender .review-button.google,
.mini-phone.template-nail-lavender .google-demo-link{background:linear-gradient(135deg,#8062b5,#5f438f);color:#fff;border-color:transparent}
.public-page.template-nail-lavender .review-button.yelp,
.mini-phone.template-nail-lavender .yelp-demo-link{background:#fbf8ff;color:#4f3978;border:2px solid #c8b4e8}
.public-page.template-nail-lavender .nail-decor-top::before,
.mini-phone.template-nail-lavender .nail-decor-top::before{content:"✿ ❀";position:absolute;left:16px;top:20px;font-size:39px;letter-spacing:-8px;color:#9c7bc9;transform:rotate(-14deg)}
.public-page.template-nail-lavender .nail-decor-top::after,
.mini-phone.template-nail-lavender .nail-decor-top::after{content:"❦";position:absolute;left:85px;top:62px;font-size:26px;color:#baa3da;transform:rotate(32deg)}
.public-page.template-nail-lavender .nail-decor-bottom::before,
.mini-phone.template-nail-lavender .nail-decor-bottom::before{content:"❀ ✿";position:absolute;right:13px;bottom:21px;font-size:41px;letter-spacing:-8px;color:#8767bb;transform:rotate(10deg)}
.public-page.template-nail-lavender .nail-decor-bottom::after,
.mini-phone.template-nail-lavender .nail-decor-bottom::after{content:"♥";position:absolute;right:91px;bottom:82px;font-size:18px;color:#b59bd7}

/* ---------------------------------------------------------
   Cream & Gold
   --------------------------------------------------------- */
.public-page.template-nail-gold{
    --accent:#9f741d;
    background:
      radial-gradient(circle at 15% 10%,rgba(240,214,160,.48),transparent 28%),
      radial-gradient(circle at 86% 86%,rgba(224,195,128,.30),transparent 30%),
      linear-gradient(145deg,#fffdf8 0%,#fbf4e7 52%,#f4ede2 100%);
}
.public-page.template-nail-gold .link-card,
.mini-phone.template-nail-gold{
    background:linear-gradient(180deg,rgba(255,254,250,.98),rgba(252,246,234,.98));
    border:1px solid rgba(184,139,47,.32);
    box-shadow:0 24px 72px rgba(129,99,40,.15);
}
.public-page.template-nail-gold .link-card h1,
.mini-phone.template-nail-gold h3{color:#654711}
.public-page.template-nail-gold .public-bio,
.mini-phone.template-nail-gold p{color:#85775d}
.public-page.template-nail-gold .business-image,
.mini-phone.template-nail-gold .mini-business-image{border:4px solid #fff9e9;box-shadow:0 12px 30px rgba(174,130,42,.20)}
.public-page.template-nail-gold .review-button.google,
.mini-phone.template-nail-gold .google-demo-link{background:linear-gradient(135deg,#b68932,#8b641b);color:#fff;border-color:transparent}
.public-page.template-nail-gold .review-button.yelp,
.mini-phone.template-nail-gold .yelp-demo-link{background:#fffdf8;color:#634812;border:2px solid #d9bd7b}
.public-page.template-nail-gold .nail-decor-top::before,
.mini-phone.template-nail-gold .nail-decor-top::before{content:"❀ ✿";position:absolute;left:17px;top:22px;font-size:38px;letter-spacing:-8px;color:#d4b369;transform:rotate(-16deg)}
.public-page.template-nail-gold .nail-decor-top::after,
.mini-phone.template-nail-gold .nail-decor-top::after{content:"❦";position:absolute;left:88px;top:63px;font-size:27px;color:#9eaa78;transform:rotate(35deg)}
.public-page.template-nail-gold .nail-decor-bottom::before,
.mini-phone.template-nail-gold .nail-decor-bottom::before{content:"✿ ❀";position:absolute;right:12px;bottom:21px;font-size:40px;letter-spacing:-8px;color:#c6a052;transform:rotate(11deg)}
.public-page.template-nail-gold .nail-decor-bottom::after,
.mini-phone.template-nail-gold .nail-decor-bottom::after{content:"♥";position:absolute;right:91px;bottom:83px;font-size:17px;color:#caa95e}

/* ---------------------------------------------------------
   Mint Garden
   --------------------------------------------------------- */
.public-page.template-nail-mint{
    --accent:#167b70;
    background:
      radial-gradient(circle at 14% 9%,rgba(179,235,222,.68),transparent 28%),
      radial-gradient(circle at 88% 84%,rgba(150,221,205,.40),transparent 29%),
      linear-gradient(145deg,#f8fffd 0%,#eaf8f5 48%,#e4f0ed 100%);
}
.public-page.template-nail-mint .link-card,
.mini-phone.template-nail-mint{
    background:linear-gradient(180deg,rgba(251,255,254,.98),rgba(235,250,246,.98));
    border:1px solid rgba(53,153,139,.29);
    box-shadow:0 24px 72px rgba(36,116,106,.15);
}
.public-page.template-nail-mint .link-card h1,
.mini-phone.template-nail-mint h3{color:#175f57}
.public-page.template-nail-mint .public-bio,
.mini-phone.template-nail-mint p{color:#66827e}
.public-page.template-nail-mint .business-image,
.mini-phone.template-nail-mint .mini-business-image{border:4px solid #fff;box-shadow:0 12px 30px rgba(39,139,126,.20)}
.public-page.template-nail-mint .review-button.google,
.mini-phone.template-nail-mint .google-demo-link{background:linear-gradient(135deg,#238e80,#11685f);color:#fff;border-color:transparent}
.public-page.template-nail-mint .review-button.yelp,
.mini-phone.template-nail-mint .yelp-demo-link{background:#f7fffd;color:#175f57;border:2px solid #8ecfc4}
.public-page.template-nail-mint .nail-decor-top::before,
.mini-phone.template-nail-mint .nail-decor-top::before{content:"❦  ✿";position:absolute;left:13px;top:20px;font-size:37px;letter-spacing:-8px;color:#69aa92;transform:rotate(-18deg)}
.public-page.template-nail-mint .nail-decor-top::after,
.mini-phone.template-nail-mint .nail-decor-top::after{content:"♥";position:absolute;left:90px;top:61px;font-size:18px;color:#7fc7ba}
.public-page.template-nail-mint .nail-decor-bottom::before,
.mini-phone.template-nail-mint .nail-decor-bottom::before{content:"✿  ❦";position:absolute;right:10px;bottom:20px;font-size:39px;letter-spacing:-7px;color:#4a9b88;transform:rotate(13deg)}
.public-page.template-nail-mint .nail-decor-bottom::after,
.mini-phone.template-nail-mint .nail-decor-bottom::after{content:"♥";position:absolute;right:94px;bottom:82px;font-size:17px;color:#83c8bb}

/* Mini preview: make every new theme read like the real public page */
.mini-phone.template-nail,
.mini-phone.template-nail-pink,
.mini-phone.template-nail-lavender,
.mini-phone.template-nail-gold,
.mini-phone.template-nail-mint,
.mini-phone.template-restaurant{
    color:#111;
}
.mini-phone.template-nail .demo-link,
.mini-phone.template-nail-pink .demo-link,
.mini-phone.template-nail-lavender .demo-link,
.mini-phone.template-nail-gold .demo-link,
.mini-phone.template-nail-mint .demo-link{
    border-radius:14px;
}
.mini-phone.template-restaurant{color:#f6f0df;background:linear-gradient(180deg,rgba(20,54,44,.97),rgba(8,24,20,.99));border-color:rgba(206,177,113,.34)}
.mini-phone.template-restaurant h3{color:#fff3d2}
.mini-phone.template-restaurant p{color:#c9d8cc}
.mini-phone.template-restaurant .google-demo-link{background:linear-gradient(135deg,#c99435,#936b25);color:#fff;border-color:transparent}
.mini-phone.template-restaurant .yelp-demo-link{background:#10261f;color:#fff;border-color:#c99435}

@media(max-width:800px){
    .template-picker-pro{grid-template-columns:1fr}
}

/* =========================================================
   10 EXTRA NAIL THEMES
   ========================================================= */

.swatch-polish{background:linear-gradient(135deg,#ffbad0,#a72e62);color:#fff}
.swatch-manicure{background:linear-gradient(135deg,#ffe8ec,#e99bab);color:#96384f}
.swatch-ladybug{background:linear-gradient(135deg,#edf5d8,#ef5d57);color:#27452c}
.swatch-daisy{background:linear-gradient(135deg,#fffdf0,#f0d16a);color:#718650}
.swatch-cherry{background:linear-gradient(135deg,#ffe6e8,#d52f49);color:#fff}
.swatch-butterfly{background:linear-gradient(135deg,#eee8ff,#b9a7eb);color:#6753a9}
.swatch-bow{background:linear-gradient(135deg,#ffe8f2,#f0a7c4);color:#a7446c}
.swatch-french{background:linear-gradient(135deg,#f3dfd3,#fff);color:#966f5d}
.swatch-gem{background:linear-gradient(135deg,#eadcff,#9870c0);color:#fff}
.swatch-tropical{background:linear-gradient(135deg,#ddf4df,#f08f87);color:#286d55}

/* Common rules for all 10 */
.public-page.template-nail-polish .link-card,.mini-phone.template-nail-polish,
.public-page.template-nail-manicure .link-card,.mini-phone.template-nail-manicure,
.public-page.template-nail-ladybug .link-card,.mini-phone.template-nail-ladybug,
.public-page.template-nail-daisy .link-card,.mini-phone.template-nail-daisy,
.public-page.template-nail-cherry .link-card,.mini-phone.template-nail-cherry,
.public-page.template-nail-butterfly .link-card,.mini-phone.template-nail-butterfly,
.public-page.template-nail-bow .link-card,.mini-phone.template-nail-bow,
.public-page.template-nail-french .link-card,.mini-phone.template-nail-french,
.public-page.template-nail-gem .link-card,.mini-phone.template-nail-gem,
.public-page.template-nail-tropical .link-card,.mini-phone.template-nail-tropical{
  position:relative;overflow:hidden;isolation:isolate
}
.public-page.template-nail-polish .link-card>*,
.public-page.template-nail-manicure .link-card>*,
.public-page.template-nail-ladybug .link-card>*,
.public-page.template-nail-daisy .link-card>*,
.public-page.template-nail-cherry .link-card>*,
.public-page.template-nail-butterfly .link-card>*,
.public-page.template-nail-bow .link-card>*,
.public-page.template-nail-french .link-card>*,
.public-page.template-nail-gem .link-card>*,
.public-page.template-nail-tropical .link-card>*,
.mini-phone.template-nail-polish>*,
.mini-phone.template-nail-manicure>*,
.mini-phone.template-nail-ladybug>*,
.mini-phone.template-nail-daisy>*,
.mini-phone.template-nail-cherry>*,
.mini-phone.template-nail-butterfly>*,
.mini-phone.template-nail-bow>*,
.mini-phone.template-nail-french>*,
.mini-phone.template-nail-gem>*,
.mini-phone.template-nail-tropical>*{position:relative;z-index:2}

/* Polish Bar */
.public-page.template-nail-polish{background:radial-gradient(circle at 12% 10%,#ffd6e2 0,transparent 28%),linear-gradient(145deg,#fff8fb,#f8e5ed)}
.public-page.template-nail-polish .link-card,.mini-phone.template-nail-polish{background:linear-gradient(180deg,#fffafd,#fcecf2);border:1px solid #e7a3bc;box-shadow:0 24px 72px rgba(150,45,84,.15)}
.public-page.template-nail-polish h1,.mini-phone.template-nail-polish h3{color:#722442}
.public-page.template-nail-polish .public-bio,.mini-phone.template-nail-polish p{color:#8d6878}
.public-page.template-nail-polish .review-button.google,.mini-phone.template-nail-polish .google-demo-link{background:linear-gradient(135deg,#bd3f6e,#7d2449);color:#fff}
.public-page.template-nail-polish .review-button.yelp,.mini-phone.template-nail-polish .yelp-demo-link{background:#fff8fb;color:#69233e;border-color:#e4a0b9}
.public-page.template-nail-polish .nail-decor-top::before,.mini-phone.template-nail-polish .nail-decor-top::before{content:"▥  ▥";position:absolute;left:18px;top:25px;font-size:34px;color:#b83c69;transform:rotate(-10deg)}
.public-page.template-nail-polish .nail-decor-bottom::before,.mini-phone.template-nail-polish .nail-decor-bottom::before{content:"▥  ♥";position:absolute;right:14px;bottom:24px;font-size:34px;color:#d7648a;transform:rotate(11deg)}

/* Manicure Chic */
.public-page.template-nail-manicure{background:radial-gradient(circle at 82% 12%,#f8d7df 0,transparent 28%),linear-gradient(145deg,#fffafa,#f6e8eb)}
.public-page.template-nail-manicure .link-card,.mini-phone.template-nail-manicure{background:linear-gradient(180deg,#fffefe,#fff3f4);border:1px solid #e4b0bc}
.public-page.template-nail-manicure h1,.mini-phone.template-nail-manicure h3{color:#70404a}
.public-page.template-nail-manicure .review-button.google,.mini-phone.template-nail-manicure .google-demo-link{background:linear-gradient(135deg,#d47f92,#a85369);color:#fff}
.public-page.template-nail-manicure .review-button.yelp,.mini-phone.template-nail-manicure .yelp-demo-link{background:#fffafa;color:#6f3d48;border-color:#e3b0bb}
.public-page.template-nail-manicure .nail-decor-top::before,.mini-phone.template-nail-manicure .nail-decor-top::before{content:"◡  ♡";position:absolute;left:17px;top:26px;font-size:36px;color:#d990a0}
.public-page.template-nail-manicure .nail-decor-bottom::before,.mini-phone.template-nail-manicure .nail-decor-bottom::before{content:"♡  ◡";position:absolute;right:15px;bottom:25px;font-size:35px;color:#c9778c}

/* Lucky Ladybug */
.public-page.template-nail-ladybug{background:radial-gradient(circle at 15% 12%,#dcebc8 0,transparent 29%),linear-gradient(145deg,#fbfff7,#edf5e6)}
.public-page.template-nail-ladybug .link-card,.mini-phone.template-nail-ladybug{background:linear-gradient(180deg,#fffefa,#f7fbf1);border:1px solid #b7ccaa}
.public-page.template-nail-ladybug h1,.mini-phone.template-nail-ladybug h3{color:#355d39}
.public-page.template-nail-ladybug .review-button.google,.mini-phone.template-nail-ladybug .google-demo-link{background:linear-gradient(135deg,#4d7a4d,#315a38);color:#fff}
.public-page.template-nail-ladybug .review-button.yelp,.mini-phone.template-nail-ladybug .yelp-demo-link{background:#fbfff8;color:#355d39;border-color:#a9c69b}
.public-page.template-nail-ladybug .nail-decor-top::before,.mini-phone.template-nail-ladybug .nail-decor-top::before{content:"●•  ✿";position:absolute;left:13px;top:24px;font-size:31px;color:#e44f4c}
.public-page.template-nail-ladybug .nail-decor-top::after,.mini-phone.template-nail-ladybug .nail-decor-top::after{content:"❦";position:absolute;left:82px;top:62px;font-size:27px;color:#6c9b64}
.public-page.template-nail-ladybug .nail-decor-bottom::before,.mini-phone.template-nail-ladybug .nail-decor-bottom::before{content:"❦  ●•";position:absolute;right:12px;bottom:23px;font-size:31px;color:#5e9460}

/* Daisy Nails */
.public-page.template-nail-daisy{background:radial-gradient(circle at 15% 9%,#fff0a9 0,transparent 28%),linear-gradient(145deg,#fffef8,#f7f3df)}
.public-page.template-nail-daisy .link-card,.mini-phone.template-nail-daisy{background:linear-gradient(180deg,#fffefb,#fbf8e9);border:1px solid #ddd49c}
.public-page.template-nail-daisy h1,.mini-phone.template-nail-daisy h3{color:#657044}
.public-page.template-nail-daisy .review-button.google,.mini-phone.template-nail-daisy .google-demo-link{background:linear-gradient(135deg,#8d9a59,#68783f);color:#fff}
.public-page.template-nail-daisy .review-button.yelp,.mini-phone.template-nail-daisy .yelp-demo-link{background:#fffef8;color:#657044;border-color:#d8cf91}
.public-page.template-nail-daisy .nail-decor-top::before,.mini-phone.template-nail-daisy .nail-decor-top::before{content:"✿  ✿";position:absolute;left:14px;top:21px;font-size:42px;color:#e6c84f}
.public-page.template-nail-daisy .nail-decor-bottom::before,.mini-phone.template-nail-daisy .nail-decor-bottom::before{content:"✿  ❦";position:absolute;right:12px;bottom:22px;font-size:39px;color:#d8bd47}

/* Cherry Gloss */
.public-page.template-nail-cherry{background:radial-gradient(circle at 84% 12%,#f7c1c8 0,transparent 28%),linear-gradient(145deg,#fff8f8,#fae6e8)}
.public-page.template-nail-cherry .link-card,.mini-phone.template-nail-cherry{background:linear-gradient(180deg,#fffdfd,#fff0f1);border:1px solid #e7a5ae}
.public-page.template-nail-cherry h1,.mini-phone.template-nail-cherry h3{color:#762c38}
.public-page.template-nail-cherry .review-button.google,.mini-phone.template-nail-cherry .google-demo-link{background:linear-gradient(135deg,#d43d55,#9c263b);color:#fff}
.public-page.template-nail-cherry .review-button.yelp,.mini-phone.template-nail-cherry .yelp-demo-link{background:#fff9f9;color:#762c38;border-color:#e6a1aa}
.public-page.template-nail-cherry .nail-decor-top::before,.mini-phone.template-nail-cherry .nail-decor-top::before{content:"●●  ♥";position:absolute;left:14px;top:24px;font-size:29px;color:#d9364d}
.public-page.template-nail-cherry .nail-decor-bottom::before,.mini-phone.template-nail-cherry .nail-decor-bottom::before{content:"♥  ●●";position:absolute;right:11px;bottom:24px;font-size:29px;color:#c82e46}

/* Butterfly Spa */
.public-page.template-nail-butterfly{background:radial-gradient(circle at 14% 11%,#ddd5fa 0,transparent 28%),linear-gradient(145deg,#fcfbff,#eeeafd)}
.public-page.template-nail-butterfly .link-card,.mini-phone.template-nail-butterfly{background:linear-gradient(180deg,#fefeff,#f4f0ff);border:1px solid #c7b9e8}
.public-page.template-nail-butterfly h1,.mini-phone.template-nail-butterfly h3{color:#58467f}
.public-page.template-nail-butterfly .review-button.google,.mini-phone.template-nail-butterfly .google-demo-link{background:linear-gradient(135deg,#8b76bf,#66539a);color:#fff}
.public-page.template-nail-butterfly .review-button.yelp,.mini-phone.template-nail-butterfly .yelp-demo-link{background:#fbfaff;color:#58467f;border-color:#c6b9e6}
.public-page.template-nail-butterfly .nail-decor-top::before,.mini-phone.template-nail-butterfly .nail-decor-top::before{content:"⋈  ✿";position:absolute;left:14px;top:21px;font-size:40px;color:#9a83cc}
.public-page.template-nail-butterfly .nail-decor-bottom::before,.mini-phone.template-nail-butterfly .nail-decor-bottom::before{content:"✿  ⋈";position:absolute;right:12px;bottom:21px;font-size:39px;color:#8068b7}

/* Pink Bow */
.public-page.template-nail-bow{background:radial-gradient(circle at 84% 11%,#ffd4e4 0,transparent 27%),linear-gradient(145deg,#fff9fc,#fceaf2)}
.public-page.template-nail-bow .link-card,.mini-phone.template-nail-bow{background:linear-gradient(180deg,#fffefe,#fff1f7);border:1px solid #e7adc4}
.public-page.template-nail-bow h1,.mini-phone.template-nail-bow h3{color:#7b3553}
.public-page.template-nail-bow .review-button.google,.mini-phone.template-nail-bow .google-demo-link{background:linear-gradient(135deg,#d56f99,#a63f6c);color:#fff}
.public-page.template-nail-bow .review-button.yelp,.mini-phone.template-nail-bow .yelp-demo-link{background:#fff9fc;color:#7b3553;border-color:#e5aec5}
.public-page.template-nail-bow .nail-decor-top::before,.mini-phone.template-nail-bow .nail-decor-top::before{content:"⋈  ♥";position:absolute;left:15px;top:21px;font-size:40px;color:#e18aab}
.public-page.template-nail-bow .nail-decor-bottom::before,.mini-phone.template-nail-bow .nail-decor-bottom::before{content:"♥  ⋈";position:absolute;right:13px;bottom:22px;font-size:38px;color:#cf7296}

/* French Manicure */
.public-page.template-nail-french{background:radial-gradient(circle at 15% 10%,#ead2c4 0,transparent 28%),linear-gradient(145deg,#fffdfc,#f6ede8)}
.public-page.template-nail-french .link-card,.mini-phone.template-nail-french{background:linear-gradient(180deg,#fff,#fcf7f4);border:1px solid #d9c2b7}
.public-page.template-nail-french h1,.mini-phone.template-nail-french h3{color:#674f45}
.public-page.template-nail-french .review-button.google,.mini-phone.template-nail-french .google-demo-link{background:linear-gradient(135deg,#9b7564,#765548);color:#fff}
.public-page.template-nail-french .review-button.yelp,.mini-phone.template-nail-french .yelp-demo-link{background:#fff;color:#674f45;border-color:#d8c0b4}
.public-page.template-nail-french .nail-decor-top::before,.mini-phone.template-nail-french .nail-decor-top::before{content:"◡  ◡";position:absolute;left:17px;top:25px;font-size:39px;color:#d4ad9a}
.public-page.template-nail-french .nail-decor-bottom::before,.mini-phone.template-nail-french .nail-decor-bottom::before{content:"✦  ◡";position:absolute;right:14px;bottom:24px;font-size:35px;color:#c39d8a}

/* Crystal Glam */
.public-page.template-nail-gem{background:radial-gradient(circle at 15% 10%,#dac0ee 0,transparent 28%),linear-gradient(145deg,#fdfaff,#f0e7f7)}
.public-page.template-nail-gem .link-card,.mini-phone.template-nail-gem{background:linear-gradient(180deg,#fffaff,#f6edfa);border:1px solid #c8a8d8}
.public-page.template-nail-gem h1,.mini-phone.template-nail-gem h3{color:#653d78}
.public-page.template-nail-gem .review-button.google,.mini-phone.template-nail-gem .google-demo-link{background:linear-gradient(135deg,#9865b2,#704184);color:#fff}
.public-page.template-nail-gem .review-button.yelp,.mini-phone.template-nail-gem .yelp-demo-link{background:#fdf9ff;color:#653d78;border-color:#c7a8d7}
.public-page.template-nail-gem .nail-decor-top::before,.mini-phone.template-nail-gem .nail-decor-top::before{content:"♦ ✦ ♦";position:absolute;left:14px;top:23px;font-size:31px;color:#a675be}
.public-page.template-nail-gem .nail-decor-bottom::before,.mini-phone.template-nail-gem .nail-decor-bottom::before{content:"✦ ♦ ✦";position:absolute;right:12px;bottom:24px;font-size:31px;color:#8c5ca5}

/* Tropical Nails */
.public-page.template-nail-tropical{background:radial-gradient(circle at 14% 10%,#c6ead2 0,transparent 28%),radial-gradient(circle at 88% 84%,#f5b4ae 0,transparent 27%),linear-gradient(145deg,#f8fff9,#e9f6ed)}
.public-page.template-nail-tropical .link-card,.mini-phone.template-nail-tropical{background:linear-gradient(180deg,#fbfffb,#eff9f1);border:1px solid #a5cfb3}
.public-page.template-nail-tropical h1,.mini-phone.template-nail-tropical h3{color:#276a4a}
.public-page.template-nail-tropical .review-button.google,.mini-phone.template-nail-tropical .google-demo-link{background:linear-gradient(135deg,#3d9470,#24694f);color:#fff}
.public-page.template-nail-tropical .review-button.yelp,.mini-phone.template-nail-tropical .yelp-demo-link{background:#f9fff9;color:#276a4a;border-color:#9bc9aa}
.public-page.template-nail-tropical .nail-decor-top::before,.mini-phone.template-nail-tropical .nail-decor-top::before{content:"❦  ✿";position:absolute;left:13px;top:20px;font-size:40px;color:#4f9b6d}
.public-page.template-nail-tropical .nail-decor-bottom::before,.mini-phone.template-nail-tropical .nail-decor-bottom::before{content:"✿  ❦";position:absolute;right:11px;bottom:20px;font-size:40px;color:#e77f78}

/* Shared business image + preview text */
.public-page.template-nail-polish .business-image,.public-page.template-nail-manicure .business-image,.public-page.template-nail-ladybug .business-image,.public-page.template-nail-daisy .business-image,.public-page.template-nail-cherry .business-image,.public-page.template-nail-butterfly .business-image,.public-page.template-nail-bow .business-image,.public-page.template-nail-french .business-image,.public-page.template-nail-gem .business-image,.public-page.template-nail-tropical .business-image,
.mini-phone.template-nail-polish .mini-business-image,.mini-phone.template-nail-manicure .mini-business-image,.mini-phone.template-nail-ladybug .mini-business-image,.mini-phone.template-nail-daisy .mini-business-image,.mini-phone.template-nail-cherry .mini-business-image,.mini-phone.template-nail-butterfly .mini-business-image,.mini-phone.template-nail-bow .mini-business-image,.mini-phone.template-nail-french .mini-business-image,.mini-phone.template-nail-gem .mini-business-image,.mini-phone.template-nail-tropical .mini-business-image{border:4px solid #fff;box-shadow:0 12px 30px rgba(80,60,70,.16)}

.mini-phone.template-nail-polish,.mini-phone.template-nail-manicure,.mini-phone.template-nail-ladybug,.mini-phone.template-nail-daisy,.mini-phone.template-nail-cherry,.mini-phone.template-nail-butterfly,.mini-phone.template-nail-bow,.mini-phone.template-nail-french,.mini-phone.template-nail-gem,.mini-phone.template-nail-tropical{color:#111}

/* =========================================================
   10 EXTRA RESTAURANT THEMES
   ========================================================= */
.swatch-pho{background:linear-gradient(135deg,#f4e1b9,#a74c2d);color:#5d2a1a}
.swatch-banhmi{background:linear-gradient(135deg,#f5d08a,#5f8b48);color:#593817}
.swatch-noodle{background:linear-gradient(135deg,#ffe0a0,#d45435);color:#702a20}
.swatch-burger{background:linear-gradient(135deg,#f1b64b,#9e3328);color:#552516}
.swatch-pizza{background:linear-gradient(135deg,#f5ca61,#c74231);color:#6e261f}
.swatch-sushi{background:linear-gradient(135deg,#f6eee1,#d56f62);color:#273b35}
.swatch-seafood{background:linear-gradient(135deg,#c8edf0,#287c91);color:#164e5b}
.swatch-bbq{background:linear-gradient(135deg,#d9914d,#642a20);color:#fff1d7}
.swatch-dessert{background:linear-gradient(135deg,#ffe1e7,#c98eb5);color:#7a3c61}
.swatch-tropical{background:linear-gradient(135deg,#d9edb8,#e58a43);color:#315b39}

/* Pho House */
.public-page.template-restaurant-pho{background:radial-gradient(circle at 12% 10%,rgba(218,132,73,.34),transparent 28%),linear-gradient(145deg,#4b2118,#1d1712 68%,#101713);color:#fff1d5}
.public-page.template-restaurant-pho .link-card,.mini-phone.template-restaurant-pho{background:linear-gradient(180deg,#fff8e9,#f5e5c8);border:1px solid #d4a565;box-shadow:0 24px 72px rgba(53,25,15,.28);color:#4d2b1e}
.public-page.template-restaurant-pho h1,.mini-phone.template-restaurant-pho h3{color:#713a23}
.public-page.template-restaurant-pho .public-bio,.mini-phone.template-restaurant-pho p{color:#806957}
.public-page.template-restaurant-pho .review-button.google,.mini-phone.template-restaurant-pho .google-demo-link{background:linear-gradient(135deg,#b95b32,#7e3624);color:#fff}
.public-page.template-restaurant-pho .review-button.yelp,.mini-phone.template-restaurant-pho .yelp-demo-link{background:#fff9ec;color:#63301f;border-color:#c8844e}
.public-page.template-restaurant-pho .link-card::before,.mini-phone.template-restaurant-pho::before{content:"♨";position:absolute;left:20px;top:18px;font-size:54px;color:rgba(173,78,42,.22)}
.public-page.template-restaurant-pho .link-card::after,.mini-phone.template-restaurant-pho::after{content:"❦  ❦";position:absolute;right:16px;bottom:16px;font-size:32px;color:rgba(72,117,58,.32)}

/* Banh Mi Cafe */
.public-page.template-restaurant-banhmi{background:radial-gradient(circle at 86% 12%,rgba(226,174,80,.30),transparent 27%),linear-gradient(145deg,#263a25,#101b13);color:#fff3d7}
.public-page.template-restaurant-banhmi .link-card,.mini-phone.template-restaurant-banhmi{background:linear-gradient(180deg,#fff8df,#f4e4b9);border:1px solid #c9a357;color:#513b22}
.public-page.template-restaurant-banhmi h1,.mini-phone.template-restaurant-banhmi h3{color:#5f4a23}
.public-page.template-restaurant-banhmi .review-button.google,.mini-phone.template-restaurant-banhmi .google-demo-link{background:linear-gradient(135deg,#718a42,#465e2d);color:#fff}
.public-page.template-restaurant-banhmi .review-button.yelp,.mini-phone.template-restaurant-banhmi .yelp-demo-link{background:#fffaf0;color:#4f4428;border-color:#b99c58}
.public-page.template-restaurant-banhmi .link-card::before,.mini-phone.template-restaurant-banhmi::before{content:"▰  ❦";position:absolute;left:16px;top:20px;font-size:35px;color:rgba(125,88,34,.25);transform:rotate(-8deg)}
.public-page.template-restaurant-banhmi .link-card::after,.mini-phone.template-restaurant-banhmi::after{content:"❦  ▰";position:absolute;right:15px;bottom:18px;font-size:34px;color:rgba(72,111,50,.27)}

/* Noodle Bar */
.public-page.template-restaurant-noodle{background:radial-gradient(circle at 14% 10%,rgba(233,91,50,.34),transparent 27%),linear-gradient(145deg,#4b1e1c,#171414);color:#fff0d6}
.public-page.template-restaurant-noodle .link-card,.mini-phone.template-restaurant-noodle{background:linear-gradient(180deg,#fff5dc,#f6dfb3);border:1px solid #dc9954;color:#5c3021}
.public-page.template-restaurant-noodle h1,.mini-phone.template-restaurant-noodle h3{color:#7b3226}
.public-page.template-restaurant-noodle .review-button.google,.mini-phone.template-restaurant-noodle .google-demo-link{background:linear-gradient(135deg,#d95a37,#9b3328);color:#fff}
.public-page.template-restaurant-noodle .review-button.yelp,.mini-phone.template-restaurant-noodle .yelp-demo-link{background:#fff9e9;color:#702c22;border-color:#d77d50}
.public-page.template-restaurant-noodle .link-card::before,.mini-phone.template-restaurant-noodle::before{content:"≋  ╱╱";position:absolute;left:17px;top:18px;font-size:39px;color:rgba(193,70,42,.25)}
.public-page.template-restaurant-noodle .link-card::after,.mini-phone.template-restaurant-noodle::after{content:"♨";position:absolute;right:19px;bottom:17px;font-size:48px;color:rgba(178,75,42,.20)}

/* Burger Grill */
.public-page.template-restaurant-burger{background:radial-gradient(circle at 85% 12%,rgba(231,157,47,.28),transparent 27%),linear-gradient(145deg,#3b2315,#18130f);color:#fff0cf}
.public-page.template-restaurant-burger .link-card,.mini-phone.template-restaurant-burger{background:linear-gradient(180deg,#fff0bd,#f2ce75);border:1px solid #bf7e32;color:#54321e}
.public-page.template-restaurant-burger h1,.mini-phone.template-restaurant-burger h3{color:#6b321e}
.public-page.template-restaurant-burger .review-button.google,.mini-phone.template-restaurant-burger .google-demo-link{background:linear-gradient(135deg,#b8432d,#792b23);color:#fff}
.public-page.template-restaurant-burger .review-button.yelp,.mini-phone.template-restaurant-burger .yelp-demo-link{background:#fff4d2;color:#5d2c20;border-color:#a94b32}
.public-page.template-restaurant-burger .link-card::before,.mini-phone.template-restaurant-burger::before{content:"☰";position:absolute;left:20px;top:15px;font-size:54px;color:rgba(132,64,30,.22)}
.public-page.template-restaurant-burger .link-card::after,.mini-phone.template-restaurant-burger::after{content:"✦  ☰";position:absolute;right:15px;bottom:17px;font-size:35px;color:rgba(145,67,30,.20)}

/* Pizza Kitchen */
.public-page.template-restaurant-pizza{background:radial-gradient(circle at 13% 10%,rgba(203,59,42,.30),transparent 27%),linear-gradient(145deg,#3d201b,#162018);color:#fff1d2}
.public-page.template-restaurant-pizza .link-card,.mini-phone.template-restaurant-pizza{background:linear-gradient(180deg,#fff5d5,#f2d993);border:1px solid #ca8b47;color:#51351f}
.public-page.template-restaurant-pizza h1,.mini-phone.template-restaurant-pizza h3{color:#79362b}
.public-page.template-restaurant-pizza .review-button.google,.mini-phone.template-restaurant-pizza .google-demo-link{background:linear-gradient(135deg,#c84835,#8d3028);color:#fff}
.public-page.template-restaurant-pizza .review-button.yelp,.mini-phone.template-restaurant-pizza .yelp-demo-link{background:#fff8e3;color:#6f3027;border-color:#ca6a4c}
.public-page.template-restaurant-pizza .link-card::before,.mini-phone.template-restaurant-pizza::before{content:"◒  ●";position:absolute;left:17px;top:19px;font-size:40px;color:rgba(188,61,42,.24)}
.public-page.template-restaurant-pizza .link-card::after,.mini-phone.template-restaurant-pizza::after{content:"❦  ◒";position:absolute;right:14px;bottom:18px;font-size:35px;color:rgba(75,116,57,.26)}

/* Sushi Bar */
.public-page.template-restaurant-sushi{background:radial-gradient(circle at 84% 10%,rgba(205,94,83,.24),transparent 27%),linear-gradient(145deg,#263631,#101716);color:#f8eee1}
.public-page.template-restaurant-sushi .link-card,.mini-phone.template-restaurant-sushi{background:linear-gradient(180deg,#fffdf8,#f3eee5);border:1px solid #cdbdab;color:#283a34}
.public-page.template-restaurant-sushi h1,.mini-phone.template-restaurant-sushi h3{color:#253d36}
.public-page.template-restaurant-sushi .review-button.google,.mini-phone.template-restaurant-sushi .google-demo-link{background:linear-gradient(135deg,#d06a5e,#9d473f);color:#fff}
.public-page.template-restaurant-sushi .review-button.yelp,.mini-phone.template-restaurant-sushi .yelp-demo-link{background:#fff;color:#263c36;border-color:#d18a80}
.public-page.template-restaurant-sushi .link-card::before,.mini-phone.template-restaurant-sushi::before{content:"◉  ╱╱";position:absolute;left:18px;top:20px;font-size:34px;color:rgba(196,91,81,.23)}
.public-page.template-restaurant-sushi .link-card::after,.mini-phone.template-restaurant-sushi::after{content:"❦  ◉";position:absolute;right:16px;bottom:18px;font-size:34px;color:rgba(47,94,76,.22)}

/* Seafood House */
.public-page.template-restaurant-seafood{background:radial-gradient(circle at 14% 10%,rgba(75,166,185,.30),transparent 28%),linear-gradient(145deg,#123845,#081b24);color:#e9fbff}
.public-page.template-restaurant-seafood .link-card,.mini-phone.template-restaurant-seafood{background:linear-gradient(180deg,#f6feff,#dff3f5);border:1px solid #7bb7c1;color:#164a56}
.public-page.template-restaurant-seafood h1,.mini-phone.template-restaurant-seafood h3{color:#176174}
.public-page.template-restaurant-seafood .review-button.google,.mini-phone.template-restaurant-seafood .google-demo-link{background:linear-gradient(135deg,#3c93a6,#246779);color:#fff}
.public-page.template-restaurant-seafood .review-button.yelp,.mini-phone.template-restaurant-seafood .yelp-demo-link{background:#f9ffff;color:#155363;border-color:#78b6c2}
.public-page.template-restaurant-seafood .link-card::before,.mini-phone.template-restaurant-seafood::before{content:"≈ ≈";position:absolute;left:17px;top:17px;font-size:43px;color:rgba(47,132,151,.24)}
.public-page.template-restaurant-seafood .link-card::after,.mini-phone.template-restaurant-seafood::after{content:"◁  ≈";position:absolute;right:16px;bottom:18px;font-size:35px;color:rgba(42,125,144,.24)}

/* BBQ Grill */
.public-page.template-restaurant-bbq{background:radial-gradient(circle at 84% 11%,rgba(196,84,39,.29),transparent 27%),linear-gradient(145deg,#331813,#0f0d0c);color:#ffe5c2}
.public-page.template-restaurant-bbq .link-card,.mini-phone.template-restaurant-bbq{background:linear-gradient(180deg,#382018,#21130f);border:1px solid #9f5a35;color:#ffe9ca}
.public-page.template-restaurant-bbq h1,.mini-phone.template-restaurant-bbq h3{color:#ffd092}
.public-page.template-restaurant-bbq .public-bio,.mini-phone.template-restaurant-bbq p{color:#d9b99d}
.public-page.template-restaurant-bbq .review-button.google,.mini-phone.template-restaurant-bbq .google-demo-link{background:linear-gradient(135deg,#c25d2e,#7c2d20);color:#fff}
.public-page.template-restaurant-bbq .review-button.yelp,.mini-phone.template-restaurant-bbq .yelp-demo-link{background:#291712;color:#ffe0b5;border-color:#b8673d}
.public-page.template-restaurant-bbq .link-card::before,.mini-phone.template-restaurant-bbq::before{content:"♨";position:absolute;left:20px;top:16px;font-size:52px;color:rgba(224,112,51,.22)}
.public-page.template-restaurant-bbq .link-card::after,.mini-phone.template-restaurant-bbq::after{content:"╳  ♨";position:absolute;right:16px;bottom:18px;font-size:35px;color:rgba(211,98,44,.22)}

/* Dessert Cafe */
.public-page.template-restaurant-dessert{background:radial-gradient(circle at 14% 10%,rgba(247,184,203,.50),transparent 28%),linear-gradient(145deg,#fff4f5,#eee2eb);color:#5e344d}
.public-page.template-restaurant-dessert .link-card,.mini-phone.template-restaurant-dessert{background:linear-gradient(180deg,#fffafa,#fbeaf0);border:1px solid #e1b3c7;color:#653d54}
.public-page.template-restaurant-dessert h1,.mini-phone.template-restaurant-dessert h3{color:#824967}
.public-page.template-restaurant-dessert .review-button.google,.mini-phone.template-restaurant-dessert .google-demo-link{background:linear-gradient(135deg,#c77da2,#965b82);color:#fff}
.public-page.template-restaurant-dessert .review-button.yelp,.mini-phone.template-restaurant-dessert .yelp-demo-link{background:#fffafd;color:#75415d;border-color:#d8a1bc}
.public-page.template-restaurant-dessert .link-card::before,.mini-phone.template-restaurant-dessert::before{content:"♡  ✿";position:absolute;left:17px;top:18px;font-size:40px;color:rgba(199,111,154,.24)}
.public-page.template-restaurant-dessert .link-card::after,.mini-phone.template-restaurant-dessert::after{content:"✦  ♡";position:absolute;right:16px;bottom:18px;font-size:35px;color:rgba(173,102,142,.24)}

/* Tropical Kitchen */
.public-page.template-restaurant-tropical{background:radial-gradient(circle at 13% 10%,rgba(127,178,91,.32),transparent 28%),radial-gradient(circle at 87% 84%,rgba(226,139,65,.24),transparent 28%),linear-gradient(145deg,#27422e,#101d15);color:#f4f3d9}
.public-page.template-restaurant-tropical .link-card,.mini-phone.template-restaurant-tropical{background:linear-gradient(180deg,#fff8df,#eef1d3);border:1px solid #9bb273;color:#3f5736}
.public-page.template-restaurant-tropical h1,.mini-phone.template-restaurant-tropical h3{color:#43683d}
.public-page.template-restaurant-tropical .review-button.google,.mini-phone.template-restaurant-tropical .google-demo-link{background:linear-gradient(135deg,#6e994e,#416c3e);color:#fff}
.public-page.template-restaurant-tropical .review-button.yelp,.mini-phone.template-restaurant-tropical .yelp-demo-link{background:#fffbed;color:#405d39;border-color:#9eb37a}
.public-page.template-restaurant-tropical .link-card::before,.mini-phone.template-restaurant-tropical::before{content:"❦  ✿";position:absolute;left:15px;top:18px;font-size:42px;color:rgba(80,135,69,.26)}
.public-page.template-restaurant-tropical .link-card::after,.mini-phone.template-restaurant-tropical::after{content:"✿  ❦";position:absolute;right:14px;bottom:18px;font-size:39px;color:rgba(220,126,61,.25)}

/* Shared restaurant theme structure */
.public-page[class*="template-restaurant-"] .link-card,
.mini-phone[class*="template-restaurant-"]{position:relative;overflow:hidden;isolation:isolate}
.public-page[class*="template-restaurant-"] .link-card>*,
.mini-phone[class*="template-restaurant-"]>*{position:relative;z-index:2}
.public-page[class*="template-restaurant-"] .business-image,
.mini-phone[class*="template-restaurant-"] .mini-business-image{border:4px solid rgba(255,255,255,.92);box-shadow:0 12px 30px rgba(0,0,0,.16)}


/* Theme PNG icons + Page Design pagination */
.template-theme-icon{
  width:30px;
  height:30px;
  object-fit:contain;
  display:block;
  margin:auto;
}
.template-swatch{overflow:hidden}
.template-pagination{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  margin-top:16px
}
.template-page-numbers{display:flex;gap:7px;align-items:center;justify-content:center;flex-wrap:wrap}
.template-page-number,.template-page-nav{
  appearance:none;
  border:1px solid rgba(154,168,184,.24);
  background:#07131f;
  color:#dce7ef;
  min-width:38px;
  height:38px;
  border-radius:11px;
  font-weight:900;
  cursor:pointer;
  transition:.16s ease
}
.template-page-nav{font-size:23px;line-height:1}
.template-page-number:hover,.template-page-nav:hover:not(:disabled){
  border-color:rgba(19,225,178,.55);
  transform:translateY(-1px)
}
.template-page-number.active{
  color:#03110e;
  background:linear-gradient(135deg,#16e0b1,#0cbf99);
  border-color:#16e0b1
}
.template-page-nav:disabled{opacity:.32;cursor:default}
.template-page-status{
  margin-top:9px;
  text-align:center;
  color:var(--muted);
  font-size:12px;
  font-weight:700
}
.template-option[hidden]{display:none!important}
@media(max-width:560px){
  .template-page-number,.template-page-nav{min-width:34px;width:34px;height:34px;border-radius:10px}
  .template-theme-icon{width:28px;height:28px}
}


/* =========================================================
   Theme image badge in Preview + Public page
   Replaces the old Unicode pseudo-icons.
   ========================================================= */
.theme-corner-badge{
  position:absolute!important;
  z-index:1!important;
  width:46px;
  height:46px;
  border-radius:15px;
  display:grid;
  place-items:center;
  pointer-events:none;
  background:rgba(20,22,28,.18);
  border:1px solid rgba(255,255,255,.48);
  box-shadow:0 8px 22px rgba(0,0,0,.10);
  backdrop-filter:blur(5px);
}
.theme-corner-badge img{
  width:29px!important;
  height:29px!important;
  object-fit:contain!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.theme-corner-top{top:16px;left:16px}
.theme-corner-bottom{right:16px;bottom:16px;opacity:.72}

/* Hide the old decorative Unicode artwork now that real PNG icons are used */
.public-page[class*="template-nail"] .nail-decor,
.mini-phone[class*="template-nail"] .nail-decor{display:none!important}

.public-page[class*="template-restaurant-"] .link-card::before,
.public-page[class*="template-restaurant-"] .link-card::after,
.mini-phone[class*="template-restaurant-"]::before,
.mini-phone[class*="template-restaurant-"]::after{content:none!important;display:none!important}

/* Original restaurant has no old pseudo icon, but gets the same image badge */
.public-page.template-restaurant .link-card,
.mini-phone.template-restaurant{position:relative;overflow:hidden;isolation:isolate}

/* Keep main content above badge */
.public-page .link-card > *:not(.theme-corner-badge),
.mini-phone > *:not(.theme-corner-badge){position:relative;z-index:2}

/* Slightly stronger badge on dark restaurant themes */
.public-page.template-restaurant .theme-corner-badge,
.public-page.template-restaurant-bbq .theme-corner-badge,
.mini-phone.template-restaurant .theme-corner-badge,
.mini-phone.template-restaurant-bbq .theme-corner-badge{
  background:rgba(255,255,255,.13);
  border-color:rgba(255,255,255,.34)
}


/* =========================================================
   V3 THEME DECORATIONS
   PNG icons are now used as CSS masks:
   - no square box
   - multiple copies
   - varied size, rotation and opacity
   ========================================================= */

/* Kill the previous boxed badge completely */
.theme-corner-badge{
  display:none!important;
}

/* Every card gets a theme decoration color.
   Individual themes override this variable below. */
.public-page,
.mini-phone{
  --theme-decor:#b77a8d;
}

.theme-decor-layer{
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  pointer-events:none;
  overflow:hidden;
}

.theme-decor-icon{
  position:absolute!important;
  display:block!important;
  background:var(--theme-decor);
  opacity:.25;
  -webkit-mask-image:var(--theme-icon);
  mask-image:var(--theme-icon);
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-position:center;
  mask-position:center;
  -webkit-mask-size:contain;
  mask-size:contain;
  filter:drop-shadow(0 2px 2px rgba(0,0,0,.05));
}

/* Different quantity / angle / size arrangement */
.theme-decor-icon.decor-a{
  width:42px;
  height:42px;
  left:12px;
  top:12px;
  transform:rotate(-17deg);
  opacity:.34;
}
.theme-decor-icon.decor-b{
  width:25px;
  height:25px;
  left:58px;
  top:18px;
  transform:rotate(19deg);
  opacity:.18;
}
.theme-decor-icon.decor-c{
  width:46px;
  height:46px;
  right:12px;
  bottom:10px;
  transform:rotate(14deg);
  opacity:.30;
}
.theme-decor-icon.decor-d{
  width:22px;
  height:22px;
  right:56px;
  bottom:22px;
  transform:rotate(-24deg);
  opacity:.16;
}

/* Make sure content sits over decorative icons */
.public-page .link-card > *:not(.theme-decor-layer),
.mini-phone > *:not(.theme-decor-layer){
  position:relative;
  z-index:2;
}

/* Different decorative colors per Nail theme */
.public-page.template-nail,.mini-phone.template-nail{--theme-decor:#c88db8}
.public-page.template-nail-pink,.mini-phone.template-nail-pink{--theme-decor:#d55f8c}
.public-page.template-nail-lavender,.mini-phone.template-nail-lavender{--theme-decor:#8d6bc0}
.public-page.template-nail-gold,.mini-phone.template-nail-gold{--theme-decor:#ba8a2b}
.public-page.template-nail-mint,.mini-phone.template-nail-mint{--theme-decor:#3b9c8d}
.public-page.template-nail-polish,.mini-phone.template-nail-polish{--theme-decor:#b73f69}
.public-page.template-nail-manicure,.mini-phone.template-nail-manicure{--theme-decor:#cf8195}
.public-page.template-nail-ladybug,.mini-phone.template-nail-ladybug{--theme-decor:#d34d4a}
.public-page.template-nail-daisy,.mini-phone.template-nail-daisy{--theme-decor:#b89b27}
.public-page.template-nail-cherry,.mini-phone.template-nail-cherry{--theme-decor:#c73047}
.public-page.template-nail-butterfly,.mini-phone.template-nail-butterfly{--theme-decor:#8268b7}
.public-page.template-nail-bow,.mini-phone.template-nail-bow{--theme-decor:#cf7296}
.public-page.template-nail-french,.mini-phone.template-nail-french{--theme-decor:#b98c79}
.public-page.template-nail-gem,.mini-phone.template-nail-gem{--theme-decor:#8758a4}
.public-page.template-nail-tropical,.mini-phone.template-nail-tropical{--theme-decor:#438c68}

/* Different decorative colors per Restaurant theme */
.public-page.template-restaurant,.mini-phone.template-restaurant{--theme-decor:#d2a54d}
.public-page.template-restaurant-pho,.mini-phone.template-restaurant-pho{--theme-decor:#b65a32}
.public-page.template-restaurant-banhmi,.mini-phone.template-restaurant-banhmi{--theme-decor:#718948}
.public-page.template-restaurant-noodle,.mini-phone.template-restaurant-noodle{--theme-decor:#d45335}
.public-page.template-restaurant-burger,.mini-phone.template-restaurant-burger{--theme-decor:#b54a2f}
.public-page.template-restaurant-pizza,.mini-phone.template-restaurant-pizza{--theme-decor:#c94836}
.public-page.template-restaurant-sushi,.mini-phone.template-restaurant-sushi{--theme-decor:#c66c62}
.public-page.template-restaurant-seafood,.mini-phone.template-restaurant-seafood{--theme-decor:#32879a}
.public-page.template-restaurant-bbq,.mini-phone.template-restaurant-bbq{--theme-decor:#c25b2d}
.public-page.template-restaurant-dessert,.mini-phone.template-restaurant-dessert{--theme-decor:#bd78a0}
.public-page.template-restaurant-tropical,.mini-phone.template-restaurant-tropical{--theme-decor:#5a914d}

/* Dark restaurant cards can take slightly brighter decoration */
.public-page.template-restaurant .theme-decor-icon,
.mini-phone.template-restaurant .theme-decor-icon,
.public-page.template-restaurant-bbq .theme-decor-icon,
.mini-phone.template-restaurant-bbq .theme-decor-icon{
  opacity:.34;
}
.public-page.template-restaurant .decor-b,
.public-page.template-restaurant .decor-d,
.mini-phone.template-restaurant .decor-b,
.mini-phone.template-restaurant .decor-d,
.public-page.template-restaurant-bbq .decor-b,
.public-page.template-restaurant-bbq .decor-d,
.mini-phone.template-restaurant-bbq .decor-b,
.mini-phone.template-restaurant-bbq .decor-d{
  opacity:.20;
}

/* Slightly smaller on mobile public pages */
@media(max-width:560px){
  .theme-decor-icon.decor-a{width:36px;height:36px;left:10px;top:10px}
  .theme-decor-icon.decor-b{width:21px;height:21px;left:50px;top:16px}
  .theme-decor-icon.decor-c{width:40px;height:40px;right:10px;bottom:9px}
  .theme-decor-icon.decor-d{width:19px;height:19px;right:49px;bottom:18px}
}

/* =========================================================
   V4 DECORATION POSITION FIX
   Keep decorative icons visible without sitting behind
   Google / Yelp buttons.
   ========================================================= */

/* Move the right-side decorative icons away from button area */
.theme-decor-icon.decor-c{
  width:40px;
  height:40px;
  right:14px;
  top:112px;
  bottom:auto;
  transform:rotate(16deg);
  opacity:.28;
}

.theme-decor-icon.decor-d{
  width:22px;
  height:22px;
  right:54px;
  top:148px;
  bottom:auto;
  transform:rotate(-22deg);
  opacity:.16;
}

/* Keep decorative artwork above the card background,
   but below the real content/buttons. */
.theme-decor-layer{
  z-index:1!important;
}

.public-page .link-card > *:not(.theme-decor-layer),
.mini-phone > *:not(.theme-decor-layer){
  position:relative;
  z-index:3;
}

/* Ensure buttons are always fully clickable and visually clean */
.public-page .review-button,
.mini-phone .demo-link{
  position:relative;
  z-index:4!important;
}

/* Slightly adjust for compact preview cards */
.mini-phone .theme-decor-icon.decor-c{
  right:11px;
  top:105px;
  width:36px;
  height:36px;
}
.mini-phone .theme-decor-icon.decor-d{
  right:48px;
  top:137px;
  width:19px;
  height:19px;
}

/* Mobile public page */
@media(max-width:560px){
  .theme-decor-icon.decor-c{
    width:34px;
    height:34px;
    right:10px;
    top:103px;
  }
  .theme-decor-icon.decor-d{
    width:18px;
    height:18px;
    right:44px;
    top:132px;
  }
}

/* =========================================================
   V5 FIX - Classic Blush preview must match public page
   ========================================================= */
.mini-phone.template-nail{
  background:
    linear-gradient(180deg,rgba(255,245,255,.98),rgba(255,241,245,.99)) !important;
  border:1px solid rgba(204,144,221,.36) !important;
  box-shadow:0 22px 60px rgba(152,89,177,.13) !important;
  color:#111 !important;
}

.mini-phone.template-nail h3{
  color:#111 !important;
}

.mini-phone.template-nail p{
  color:#6a6a70 !important;
}

.mini-phone.template-nail .google-demo-link{
  background:linear-gradient(135deg,#1b111d,#311831) !important;
  color:#fff !important;
  border-color:transparent !important;
}

.mini-phone.template-nail .yelp-demo-link{
  background:#fff8fc !important;
  color:#111 !important;
  border:2px solid #d9a3d6 !important;
}

.mini-phone.template-nail .mini-business-image{
  border:4px solid #fff !important;
  box-shadow:0 12px 28px rgba(199,122,172,.22) !important;
}

/* =========================================================
   V6 - TWO PLAN PRICING LAYOUT
   Better balance for Free + Pro only
   ========================================================= */

.pricing-section{
  display:flex;
  flex-direction:column;
  align-items:center;
}

.pricing-section .pricing-title{
  width:min(100%, 900px);
  align-self:center;
}

.pricing-grid.pricing-grid-two{
  width:min(100%, 900px);
  max-width:900px;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:22px;
  margin:24px auto 0;
  align-items:stretch;
}

.pricing-grid.pricing-grid-two .price-card{
  width:100%;
  min-height:390px;
  padding:30px 28px 24px;
}

.pricing-grid.pricing-grid-two .price-card h3{
  font-size:24px;
}

.pricing-grid.pricing-grid-two .price{
  font-size:44px;
  margin:16px 0 18px;
}

.pricing-grid.pricing-grid-two .price-card ul{
  min-height:150px;
  margin-bottom:22px;
}

.pricing-grid.pricing-grid-two .price-card .button{
  min-height:52px;
}

.pricing-section .feature-strip{
  width:min(100%, 900px);
  max-width:900px;
  margin:18px auto 0;
  grid-template-columns:repeat(4,minmax(0,1fr));
}

.pricing-section .feature-strip > div{
  min-height:74px;
  padding:16px 18px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}

/* Give Pro a tiny visual lift without making Free look secondary */
.pricing-grid.pricing-grid-two .pro-card{
  transform:translateY(-4px);
}

@media(max-width:980px){
  .pricing-grid.pricing-grid-two{
    width:min(100%, 760px);
    max-width:760px;
  }

  .pricing-section .feature-strip{
    width:min(100%, 760px);
    max-width:760px;
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:700px){
  .pricing-grid.pricing-grid-two{
    width:min(100%, 520px);
    max-width:520px;
    grid-template-columns:1fr;
    gap:18px;
  }

  .pricing-grid.pricing-grid-two .price-card{
    min-height:auto;
  }

  .pricing-grid.pricing-grid-two .price-card ul{
    min-height:auto;
  }

  .pricing-grid.pricing-grid-two .pro-card{
    transform:none;
  }

  .pricing-section .feature-strip{
    width:min(100%, 520px);
    max-width:520px;
    grid-template-columns:1fr 1fr;
  }
}

@media(max-width:480px){
  .pricing-section .feature-strip{
    grid-template-columns:1fr;
  }
}

/* =========================================================
   TapM V7 - Separate Page Color + Decoration Icon
   Existing public/preview decoration positions and sizes stay unchanged.
   ========================================================= */
.design-choice-section{margin-top:14px;padding:18px;border:1px solid var(--line);border-radius:18px;background:rgba(4,15,25,.38)}
.design-choice-section+.design-choice-section{margin-top:16px}
.design-choice-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:14px}
.design-choice-heading h3{margin:4px 0 0;font-size:19px}
.design-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.design-choice-card{display:flex;align-items:center;gap:11px;min-width:0;padding:12px;border:1px solid var(--line);border-radius:15px;background:#07131f;cursor:pointer;transition:.18s transform,.18s border-color,.18s background,.18s box-shadow}
.design-choice-card:hover{transform:translateY(-1px);border-color:rgba(19,225,178,.42)}
.design-choice-card:has(input:checked){border-color:var(--brand);background:rgba(19,225,178,.055);box-shadow:0 0 0 1px rgba(19,225,178,.16)}
.design-choice-card input{width:auto;flex:0 0 auto;margin:0;accent-color:var(--brand)}
.design-choice-card>span:last-child{min-width:0;display:grid;gap:3px}
.design-choice-card strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.design-choice-card small{color:var(--muted);font-weight:500}
.design-color-swatch{width:46px;height:46px;min-width:46px;border-radius:13px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.24),0 6px 18px rgba(0,0,0,.16)}
.icon-only-swatch{width:46px!important;height:46px!important;min-width:46px;border-radius:13px;background:rgba(255,255,255,.08)}
.icon-only-swatch .template-theme-icon{width:30px!important;height:30px!important;max-width:30px!important;max-height:30px!important;object-fit:contain}
.design-choice-pagination{margin-top:14px;display:flex;align-items:center;justify-content:center;gap:8px}
.design-choice-pagination .template-page-numbers{display:flex;gap:7px}
.design-choice-section .template-page-status{margin-top:10px}

/* Color previews */
.design-color-swatch[data-color-swatch="nail"]{background:linear-gradient(135deg,#f7dff9,#f8cfdc)}
.design-color-swatch[data-color-swatch="nail-pink"]{background:linear-gradient(135deg,#ffdce7,#f7a9c0)}
.design-color-swatch[data-color-swatch="nail-lavender"]{background:linear-gradient(135deg,#eee5ff,#c9b2f4)}
.design-color-swatch[data-color-swatch="nail-gold"]{background:linear-gradient(135deg,#fffaf0,#e5c681)}
.design-color-swatch[data-color-swatch="nail-mint"]{background:linear-gradient(135deg,#dff8f1,#9edfd0)}
.design-color-swatch[data-color-swatch="nail-polish"]{background:linear-gradient(135deg,#f6d8e2,#b73f69)}
.design-color-swatch[data-color-swatch="nail-manicure"]{background:linear-gradient(135deg,#fff1ee,#cf8195)}
.design-color-swatch[data-color-swatch="nail-ladybug"]{background:linear-gradient(135deg,#ffe0dc,#d34d4a)}
.design-color-swatch[data-color-swatch="nail-daisy"]{background:linear-gradient(135deg,#fffbea,#d7bb46)}
.design-color-swatch[data-color-swatch="nail-cherry"]{background:linear-gradient(135deg,#ffe5e8,#c73047)}
.design-color-swatch[data-color-swatch="nail-butterfly"]{background:linear-gradient(135deg,#eee8ff,#8268b7)}
.design-color-swatch[data-color-swatch="nail-bow"]{background:linear-gradient(135deg,#ffe3ee,#cf7296)}
.design-color-swatch[data-color-swatch="nail-french"]{background:linear-gradient(135deg,#fff8f2,#b98c79)}
.design-color-swatch[data-color-swatch="nail-gem"]{background:linear-gradient(135deg,#eadcf5,#8758a4)}
.design-color-swatch[data-color-swatch="nail-tropical"]{background:linear-gradient(135deg,#e0f4e7,#438c68)}
.design-color-swatch[data-color-swatch="restaurant"]{background:linear-gradient(135deg,#244d42,#c79a48)}
.design-color-swatch[data-color-swatch="restaurant-pho"]{background:linear-gradient(135deg,#f0c09d,#b65a32)}
.design-color-swatch[data-color-swatch="restaurant-banhmi"]{background:linear-gradient(135deg,#e4eab7,#718948)}
.design-color-swatch[data-color-swatch="restaurant-noodle"]{background:linear-gradient(135deg,#ffd2aa,#d45335)}
.design-color-swatch[data-color-swatch="restaurant-burger"]{background:linear-gradient(135deg,#efc596,#b54a2f)}
.design-color-swatch[data-color-swatch="restaurant-pizza"]{background:linear-gradient(135deg,#ffd9a8,#c94836)}
.design-color-swatch[data-color-swatch="restaurant-sushi"]{background:linear-gradient(135deg,#f7ddd8,#c66c62)}
.design-color-swatch[data-color-swatch="restaurant-seafood"]{background:linear-gradient(135deg,#d8f2f7,#32879a)}
.design-color-swatch[data-color-swatch="restaurant-bbq"]{background:linear-gradient(135deg,#efc09e,#c25b2d)}
.design-color-swatch[data-color-swatch="restaurant-dessert"]{background:linear-gradient(135deg,#f5dcec,#bd78a0)}
.design-color-swatch[data-color-swatch="restaurant-tropical"]{background:linear-gradient(135deg,#dceecf,#5a914d)}

@media(max-width:680px){
  .design-choice-heading{align-items:flex-start;flex-direction:column;gap:5px}
  .design-choice-grid{grid-template-columns:1fr}
}


/* V8 paging fix: force non-current cards to actually disappear. */
.design-choice-card[hidden]{display:none!important}

/*button sign up text color */
header a.button[href*="register.php"] {
    color: #06131c !important;
}

/* footer menu */
.site-footer {
    text-align: center;
    padding: 30px 20px 35px;
    color: #7890a4;
}

.footer-menu {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 14px;
    font-size: 14px;
}

.footer-menu a {
    color: #a9bdcd;
    text-decoration: none;
    transition: color 0.2s ease;
}

.footer-menu a:hover {
    color: #18d8b4;
}

.footer-menu span {
    color: #425568;
}

.footer-copyright {
    font-size: 14px;
    color: #71879a;
}

@media (max-width: 600px) {
    .footer-menu {
        gap: 7px;
        font-size: 13px;
    }

    .footer-menu span {
        display: none;
    }

    .footer-menu a {
        margin: 3px 7px;
    }
}


/*=== menu page and policy === */
/* ==============================
   TAPM INFO / GUIDE PAGES
   ============================== */

.legal-page,
.guide-page {
    width: min(900px, calc(100% - 32px));
    margin: 0 auto;
    padding: 45px 0 70px;
}

.legal-logo {
    display: inline-block;
    margin-bottom: 30px;
    color: #f4f7fb;
    font-size: 24px;
    font-weight: 800;
    text-decoration: none;
}

.legal-logo span {
    color: #18d8b4;
}

.legal-card,
.guide-card {
    background: #081a28;
    border: 1px solid #203747;
    border-radius: 24px;
    padding: 42px;
}

.legal-label {
    color: #18d8b4;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 2px;
    margin-bottom: 12px;
}

.legal-card h1,
.guide-card h1 {
    margin: 0 0 10px;
    font-size: 38px;
    color: #f5f7fa;
}

.legal-card h2,
.guide-card h2 {
    color: #f5f7fa;
    font-size: 19px;
    margin-top: 30px;
}

.legal-card p,
.guide-card p {
    color: #a9bdcd;
    line-height: 1.75;
}

.legal-updated {
    margin-bottom: 35px;
    color: #70899c !important;
}

.guide-intro {
    font-size: 17px;
    margin-bottom: 35px;
}

.guide-step {
    display: flex;
    gap: 20px;
    padding: 24px 0;
    border-top: 1px solid #1c3342;
}

.step-number {
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: #18d8b4;
    color: #04131c;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 900;
    font-size: 18px;
}

.guide-step h2 {
    margin: 1px 0 6px;
}

.guide-step p {
    margin: 0;
}

.guide-tip {
    margin-top: 25px;
    padding: 20px 22px;
    border-radius: 14px;
    background: rgba(24, 216, 180, 0.08);
    border: 1px solid rgba(24, 216, 180, 0.35);
    color: #b9d2d9;
    line-height: 1.6;
}

.guide-tip strong {
    color: #18d8b4;
}

@media (max-width: 600px) {
    .legal-card,
    .guide-card {
        padding: 27px 22px;
        border-radius: 18px;
    }

    .legal-card h1,
    .guide-card h1 {
        font-size: 30px;
    }

    .guide-step {
        gap: 14px;
    }

    .step-number {
        flex-basis: 36px;
        width: 36px;
        height: 36px;
        font-size: 16px;
    }
}

/* =========================================================
   TapM informational pages only
   Privacy Policy / Google Review Link / Yelp Review Link
   Scoped to .info-page so existing pages are untouched.
   ========================================================= */

.info-page{
    min-height:calc(100vh - 160px);
    padding:54px 0 76px;
    position:relative;
}

.info-page::before{
    content:"";
    position:fixed;
    inset:0;
    z-index:-1;
    pointer-events:none;
    background:
        radial-gradient(circle at 72% 13%,rgba(57,68,230,.16),transparent 28%),
        radial-gradient(circle at 34% 18%,rgba(19,225,178,.10),transparent 24%);
}

.info-page .info-shell{
    width:min(980px,calc(100% - 32px));
    margin:0 auto;
}

.info-page .info-breadcrumb{
    display:flex;
    align-items:center;
    gap:10px;
    margin-bottom:22px;
    color:var(--muted);
    font-size:14px;
}

.info-page .info-breadcrumb a{
    color:#c8d6e2;
    text-decoration:none;
}

.info-page .info-breadcrumb a:hover{
    color:var(--brand);
}

.info-page .info-hero{
    margin-bottom:22px;
    padding:34px 36px;
    border:1px solid var(--line);
    border-radius:24px;
    background:
        linear-gradient(135deg,rgba(19,225,178,.08),rgba(89,74,255,.08)),
        rgba(7,19,31,.92);
    box-shadow:0 28px 90px rgba(0,0,0,.20);
}

.info-page .info-hero .eyebrow{
    margin-bottom:10px;
}

.info-page .info-hero h1{
    margin:0;
    max-width:760px;
    font-size:clamp(36px,5vw,58px);
    line-height:1.02;
    letter-spacing:-.04em;
    color:var(--ink);
}

.info-page .info-hero p{
    max-width:760px;
    margin:16px 0 0;
    color:#9fb2c2;
    font-size:17px;
    line-height:1.7;
}

.info-page .info-card{
    padding:30px 34px;
    border:1px solid var(--line);
    border-radius:22px;
    background:linear-gradient(180deg,rgba(11,29,43,.95),rgba(7,20,32,.97));
    box-shadow:0 18px 65px rgba(0,0,0,.14);
}

.info-page .info-card + .info-card{
    margin-top:16px;
}

.info-page .info-card h2{
    margin:0 0 12px;
    font-size:23px;
    color:var(--ink);
}

.info-page .info-card p{
    margin:0;
    color:#a9bccb;
    line-height:1.75;
}

.info-page .info-card p + p{
    margin-top:12px;
}

.info-page .info-meta{
    display:flex;
    gap:10px;
    flex-wrap:wrap;
    margin-top:18px;
}

.info-page .info-chip{
    display:inline-flex;
    align-items:center;
    gap:7px;
    padding:8px 11px;
    border:1px solid rgba(19,225,178,.22);
    border-radius:999px;
    background:rgba(19,225,178,.06);
    color:#a9cfc7;
    font-size:13px;
    font-weight:750;
}

.info-page .guide-list{
    display:grid;
    gap:14px;
}

.info-page .guide-step{
    display:grid;
    grid-template-columns:52px 1fr;
    gap:18px;
    padding:22px;
    border:1px solid var(--line);
    border-radius:18px;
    background:rgba(7,19,31,.78);
}

.info-page .guide-number{
    width:44px;
    height:44px;
    border-radius:14px;
    display:grid;
    place-items:center;
    background:linear-gradient(135deg,var(--brand),#10b99b);
    color:#04131c;
    font-weight:950;
    font-size:18px;
    box-shadow:0 10px 30px rgba(19,225,178,.18);
}

.info-page .guide-step h3{
    margin:1px 0 7px;
    font-size:18px;
    color:var(--ink);
}

.info-page .guide-step p{
    margin:0;
    color:#a9bccb;
    line-height:1.65;
}

.info-page .guide-note{
    margin-top:18px;
    padding:20px 22px;
    border:1px solid rgba(19,225,178,.30);
    border-radius:18px;
    background:linear-gradient(135deg,rgba(19,225,178,.09),rgba(19,225,178,.03));
    color:#bdd4d3;
    line-height:1.65;
}

.info-page .guide-note strong{
    color:var(--brand);
}

.info-page .info-actions{
    display:flex;
    gap:12px;
    flex-wrap:wrap;
    margin-top:22px;
}

.info-page .info-actions .button{
    min-width:160px;
}

.info-page .privacy-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:16px;
}

.info-page .privacy-grid .info-card{
    margin-top:0;
}

.info-page .info-card.full{
    grid-column:1/-1;
}

@media(max-width:760px){
    .info-page{
        padding:34px 0 56px;
    }

    .info-page .info-hero{
        padding:26px 22px;
        border-radius:20px;
    }

    .info-page .info-card{
        padding:24px 22px;
    }

    .info-page .privacy-grid{
        grid-template-columns:1fr;
    }

    .info-page .info-card.full{
        grid-column:auto;
    }
}

@media(max-width:520px){
    .info-page .guide-step{
        grid-template-columns:42px 1fr;
        gap:13px;
        padding:18px;
    }

    .info-page .guide-number{
        width:38px;
        height:38px;
        border-radius:12px;
        font-size:16px;
    }
}


/* Get Google Review Link builder */
.info-page .info-inline-link{
    color:var(--brand);
    font-weight:800;
    text-decoration:none;
}
.info-page .info-inline-link:hover{
    text-decoration:underline;
}
.info-page .google-link-builder{
    min-width:0;
}
.info-page .google-place-row{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:10px;
    margin-top:14px;
}
.info-page .google-place-row input{
    min-width:0;
}
.info-page .google-result-box{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:10px;
    align-items:center;
    margin-top:14px;
}
.info-page .google-result-box code{
    display:block;
    min-width:0;
    padding:14px 15px;
    border:1px solid var(--line);
    border-radius:13px;
    background:#07131f;
    color:#bfe9df;
    overflow-wrap:anywhere;
    word-break:break-word;
}
.info-page .google-result-box .button{
    white-space:nowrap;
}
.info-page .google-result-box .button:disabled{
    opacity:.45;
    cursor:not-allowed;
    transform:none;
    filter:none;
}
.info-page .google-builder-message{
    min-height:22px;
    margin-top:9px;
    color:#ffb4ba;
    font-size:13px;
    font-weight:700;
}
.info-page .google-builder-message.success{
    color:#7ce7c9;
}
@media(max-width:620px){
    .info-page .google-place-row,
    .info-page .google-result-box{
        grid-template-columns:1fr;
    }
    .info-page .google-place-row .button,
    .info-page .google-result-box .button{
        width:100%;
    }
}


/* Get Yelp Review Link builder */
.info-page .yelp-link-builder{min-width:0}
.info-page .yelp-paste-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;margin-top:14px}
.info-page .yelp-paste-row input{min-width:0}
.info-page .yelp-business-id-box{margin-top:12px;padding:12px 14px;border:1px solid rgba(19,225,178,.20);border-radius:13px;background:rgba(19,225,178,.055)}
.info-page .yelp-business-id-box span{display:block;margin-bottom:5px;color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.info-page .yelp-business-id-box code{color:#bfe9df;overflow-wrap:anywhere;word-break:break-word}
.info-page .yelp-result-box{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;margin-top:14px}
.info-page .yelp-result-box code{display:block;min-width:0;padding:14px 15px;border:1px solid var(--line);border-radius:13px;background:#07131f;color:#bfe9df;overflow-wrap:anywhere;word-break:break-word}
.info-page .yelp-result-box .button{white-space:nowrap}
.info-page .yelp-result-box .button:disabled{opacity:.45;cursor:not-allowed;transform:none;filter:none}
.info-page .yelp-builder-message{min-height:22px;margin-top:9px;color:#ffb4ba;font-size:13px;font-weight:700}
.info-page .yelp-builder-message.success{color:#7ce7c9}
@media(max-width:620px){
  .info-page .yelp-paste-row,.info-page .yelp-result-box{grid-template-columns:1fr}
  .info-page .yelp-paste-row .button,.info-page .yelp-result-box .button{width:100%}
}




.info-page .guide-step a {
    color: var(--accent);
    font-weight: 800;
    text-decoration: none;
}

.info-page .guide-step a:hover {
    text-decoration: underline;
}

/* =========================================================
   Feedback sign theme picker
   ========================================================= */
.feedback-theme-picker{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
    margin:0 0 18px;
}

.feedback-theme-card{
    appearance:none;
    display:flex;
    align-items:center;
    gap:13px;
    min-width:0;
    padding:12px;
    border:1px solid var(--line);
    border-radius:16px;
    background:rgba(8,25,40,.72);
    color:var(--ink);
    text-align:left;
    cursor:pointer;
    transition:.18s ease;
}

.feedback-theme-card:hover{
    transform:translateY(-1px);
    border-color:rgba(19,225,178,.45);
}

.feedback-theme-card.active{
    border-color:var(--brand);
    box-shadow:0 0 0 1px rgba(19,225,178,.20),0 14px 30px rgba(0,0,0,.18);
    background:linear-gradient(135deg,rgba(19,225,178,.11),rgba(8,25,40,.76));
}

.feedback-theme-card > span:last-child{
    min-width:0;
    display:grid;
    gap:3px;
}

.feedback-theme-card strong{
    font-size:15px;
}

.feedback-theme-card small{
    color:var(--muted);
    font-size:12px;
}

.feedback-theme-thumb{
    width:58px;
    height:66px;
    flex:0 0 58px;
    border-radius:12px;
    border:1px solid rgba(255,255,255,.15);
    overflow:hidden;
    box-shadow:0 8px 22px rgba(0,0,0,.18);
}

.feedback-theme-thumb-classic{
    background:
        linear-gradient(90deg,#1a73e8 0 25%,#ea4335 25% 50%,#fbbc04 50% 75%,#34a853 75%) bottom/100% 5px no-repeat,
        linear-gradient(180deg,#fff,#f7f7f7);
}

.feedback-theme-thumb-nail{
    background:
        linear-gradient(rgba(255,255,255,.02),rgba(255,255,255,.02)),
        url('feedback-themes/nail-pink-rose/3x4.jpg') center/cover no-repeat;
}

.feedback-theme-thumb-golden{
    background:
        linear-gradient(rgba(255,255,255,.02),rgba(255,255,255,.02)),
        url('feedback-themes/nail-golden/3x4.jpg') center/cover no-repeat;
}

.feedback-theme-thumb-redwood{
    background:
        linear-gradient(rgba(255,255,255,.02),rgba(255,255,255,.02)),
        url('feedback-themes/nail-red-wood/3x4.jpg') center/cover no-repeat;
}

.feedback-selected-theme{
    margin:-5px 0 14px;
    color:var(--muted);
    font-size:13px;
}

.feedback-selected-theme strong{
    color:#dce8ef;
}

.feedback-size-grid{
    grid-template-columns:repeat(4,minmax(0,1fr));
}

@media(max-width:900px){
    .feedback-size-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media(max-width:620px){
    .feedback-theme-picker,
    .feedback-size-grid{
        grid-template-columns:1fr;
    }
}



/* =========================================================
   Mobile header fix: keep Log in visible to the left of Sign up
   ========================================================= */
@media (max-width:800px){
    .site-header{
        gap:10px;
    }

    .site-header nav{
        display:flex;
        align-items:center;
        gap:10px;
        flex-shrink:0;
    }

    /* Existing mobile rule hides all non-button nav links.
       Show Log in when the visitor is logged out. */
    .site-header nav a[href*="login.php"]{
        display:inline-flex !important;
        align-items:center;
        justify-content:center;
        white-space:nowrap;
    }
}

@media (max-width:560px){
    .site-header .brand{
        font-size:22px;
        letter-spacing:-1px;
        white-space:nowrap;
    }

    .site-header nav{
        gap:8px;
    }

    .site-header nav a[href*="login.php"]{
        font-size:13px;
    }

    .site-header nav .button.small{
        min-height:38px;
        padding:8px 12px;
        font-size:13px;
        white-space:nowrap;
    }
}


/* TapM public profile v2 — additions only */
.mini-social-row{margin:4px auto 12px;color:var(--muted);font-size:12px;font-weight:700}
.mini-outside-image{width:100%!important;height:auto!important;aspect-ratio:16/9;object-fit:cover;border-radius:12px!important;margin:14px 0 8px!important}
.mini-outside-name{display:block;font-size:12px;line-height:1.35}


/* Contact page */
.contact-page{padding:72px 0 90px;min-height:calc(100vh - 190px);display:flex;justify-content:center;align-items:flex-start}
.contact-card{width:min(720px,100%);padding:38px}
.contact-card h1{font-size:clamp(38px,5vw,56px);line-height:1;letter-spacing:-.045em;margin:10px 0 16px}
.contact-intro{color:var(--muted);font-size:17px;margin:0 0 28px}
.contact-links{display:grid;gap:12px}
.contact-link{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 18px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.035);text-decoration:none;transition:.18s transform,.18s border-color,.18s background}
.contact-link:hover{transform:translateY(-1px);border-color:rgba(19,225,178,.5);background:rgba(19,225,178,.055)}
.contact-link strong{color:#fff}
.contact-link span{color:#b8c5d1;word-break:break-word;text-align:right}
@media (max-width:560px){.contact-page{padding:42px 0 64px}.contact-card{padding:26px 20px}.contact-link{align-items:flex-start;flex-direction:column;gap:4px}.contact-link span{text-align:left}}

/* Admin page */
.admin-page{padding-bottom:70px}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}.admin-panel,.admin-created-card{border:1px solid var(--line);border-radius:22px;background:linear-gradient(180deg,rgba(12,27,42,.86),rgba(6,16,27,.94));padding:26px;box-shadow:0 18px 50px rgba(0,0,0,.18)}.admin-panel h2{margin:8px 0 6px;font-size:27px}.admin-panel code,.admin-created-card code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.admin-created-card{margin:0 0 20px;border-color:rgba(19,225,178,.42)}.admin-created-card>strong{display:block;font-size:18px;margin-bottom:14px}.admin-created-card>div{display:grid;grid-template-columns:90px 1fr;gap:12px;margin:8px 0}.admin-created-card span{color:var(--muted);font-weight:800}.admin-created-card code{word-break:break-all;color:#dffef7}.admin-created-card small{display:block;color:var(--muted);margin-top:12px}@media(max-width:800px){.admin-grid{grid-template-columns:1fr}.admin-page .dashboard-head{padding-top:34px}.admin-created-card>div{grid-template-columns:1fr;gap:2px}}


/* =========================================================
   How to print QR Code page
   ========================================================= */
.print-guide-page{padding:54px 0 82px}
.print-guide-head{max-width:820px;margin-bottom:28px}
.print-guide-head h1{font-size:clamp(38px,5vw,58px);line-height:1.02;letter-spacing:-.045em;margin:10px 0 14px}
.print-guide-head p{font-size:17px;margin:0}
.print-guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:stretch}
.print-guide-card{border:1px solid var(--line);border-radius:24px;padding:24px;background:linear-gradient(180deg,rgba(12,28,43,.86),rgba(7,17,28,.94));box-shadow:0 18px 50px rgba(0,0,0,.18);display:flex;flex-direction:column;gap:16px}
.print-guide-card h2{font-size:24px;line-height:1.2;margin:0}
.print-guide-card .print-guide-number{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:10px;background:rgba(19,225,178,.12);border:1px solid rgba(19,225,178,.32);color:var(--brand);font-weight:900;font-size:13px}
.print-guide-image-wrap{border-radius:18px;overflow:hidden;background:#fff;border:1px solid rgba(255,255,255,.12)}
.print-guide-image{width:100%;height:auto;max-height:540px;object-fit:contain;margin:auto}
.print-guide-details{display:grid;gap:8px;color:#c4d0db}
.print-guide-details strong{color:#fff}
.print-guide-price{font-size:17px;font-weight:800;color:#eaf4f5}
.print-guide-card .button{margin-top:auto;width:100%}
.print-guide-note{margin-top:14px;font-size:12px;color:var(--muted);line-height:1.5}
@media(max-width:820px){.print-guide-grid{grid-template-columns:1fr}.print-guide-page{padding-top:36px}.print-guide-image{max-height:none}}

/* Make Print Guide sample images 50% smaller */
.print-guide-image-wrap {
    display: flex;
    justify-content: center;
}

.print-guide-image {
    width: 50%;
    max-width: 50%;
    height: auto;
}

.site-footer {
    margin-top: 10px;
    /* các code cũ giữ nguyên */
}


/* EU / ASIA custom review links */
.review-button.regional-review{background:rgba(255,255,255,.92)!important;color:#111!important;border:2px solid var(--accent)!important}
.review-button .regional-review-icon{color:var(--accent);display:inline-flex;align-items:center;justify-content:center}
.review-button .regional-review-icon svg{width:22px;height:22px;display:block;fill:currentColor}

/* Distinct icons for custom EU / ASIA review links */
.review-button .regional-review-icon-1{color:#7c3aed!important}
.review-button .regional-review-icon-2{color:#f97316!important}


/* Force custom review icon colors on mobile/Safari too */
.review-button .regional-review-icon-1,
.review-button .regional-review-icon-1 svg,
.review-button .regional-review-icon-1 path,
#pageDesignPreview .regional-review-icon-1,
#pageDesignPreview .regional-review-icon-1 svg,
#pageDesignPreview .regional-review-icon-1 path {
    color:#7c3aed !important;
    fill:#7c3aed !important;
}
.review-button .regional-review-icon-2,
.review-button .regional-review-icon-2 svg,
.review-button .regional-review-icon-2 path,
#pageDesignPreview .regional-review-icon-2,
#pageDesignPreview .regional-review-icon-2 svg,
#pageDesignPreview .regional-review-icon-2 path {
    color:#f97316 !important;
    fill:#f97316 !important;
}