@import "https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700&family=Cormorant+Garamond:wght@600;700&display=swap";:root{--bg:#f5eadf;--bg-deep:#1d120d;--surface:#fff7f0e0;--surface-strong:#fff8f2;--border:#79442324;--text:#473123;--text-soft:#8b6852;--heading:#20110a;--accent:#b7411f;--accent-strong:#8d2d11;--accent-soft:#f2d3c1;--success:#215e37;--success-bg:#215e371c;--danger:#a12323;--danger-bg:#a123231a;--shadow:0 24px 60px #28150b2e;--radius-xl:32px;--radius-lg:24px;--radius-md:18px;--radius-sm:12px;--font-body:"Be Vietnam Pro", sans-serif;--font-heading:"Cormorant Garamond", serif;color:var(--text);background:var(--bg);font-family:var(--font-body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 0 0,#b7411f2e,#0000 28%),radial-gradient(circle at 100% 100%,#46220e2e,#0000 30%),linear-gradient(#f7efe6 0%,#f1e2d2 100%);min-width:320px;margin:0}body,button,input,textarea{font-family:var(--font-body)}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.72}a{color:inherit}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}#root,.page-shell{min-height:100svh}.phone-stage,.state-shell{place-items:center;min-height:100svh;padding:32px 20px;display:grid}.phone-card,.state-card{width:min(100%,468px);box-shadow:var(--shadow);background:linear-gradient(#fffbf7fa,#fcf2e8f5);border:1px solid #68391c1f;border-radius:34px;overflow:hidden}.phone-card{padding:18px}.top-strip{justify-content:space-between;align-items:center;gap:12px;padding:2px 4px 14px;display:flex}.branch-chip,.branch-status{border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.brand-mark{justify-content:center;align-items:center;min-height:42px;display:inline-flex}.brand-logo{object-fit:contain;width:112px;max-width:100%;height:auto;display:block}.top-text,.admin-overline,.branch-area,.offer-branch-label,.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:700}.top-text{color:var(--text-soft)}.hero-banner{border-radius:var(--radius-xl);color:#fff7f0;background-position:50%;background-size:cover;flex-direction:column;justify-content:end;gap:12px;min-height:320px;padding:30px 26px;display:flex}.hero-banner h1,.admin-header h1,.state-card h1{font-family:var(--font-heading);letter-spacing:-.04em;font-size:clamp(2.7rem,5vw,4.2rem);line-height:.94}.hero-copy,.section-heading p,.branch-address,.footer-block p,.state-card p,.admin-header p,.field span,.field input,.field textarea,.leads-table td,.leads-table th,.feedback p{line-height:1.58}.hero-copy{color:#fff7f0eb;font-size:15px}.hero-meta{color:#fff7f0e0;flex-wrap:wrap;gap:8px;font-size:12px;display:flex}.content-block{border-radius:var(--radius-lg);background:#fffbf7e6;border:1px solid #79442314;margin-top:14px;padding:22px}.section-heading{align-items:flex-start;gap:14px;display:flex}.offer-panel{background:linear-gradient(#7531180d,#fff8f3f5)}.section-heading h2,.branch-card h3,.admin-card h2,.branch-editor-card h3{color:var(--heading)}.section-heading h2,.admin-card h2{margin-bottom:6px;font-size:1.36rem}.section-heading p,.footer-block p,.field span,.admin-header p,.branch-address,.feedback p{color:var(--text-soft)}.offer-box{border-radius:var(--radius-md);background:#ffffffc7;border:1px solid #79442314;gap:14px;margin-top:18px;padding:18px;display:grid}.offer-branch-label{color:var(--accent);margin-bottom:6px}.offer-branch-name{color:var(--heading);font-size:1.1rem;display:block}.primary-button,.secondary-button,.ghost-button,.text-button{transition:transform .18s,box-shadow .18s,background .18s}.primary-button,.secondary-button,.ghost-button{border:none;border-radius:999px;justify-content:center;align-items:center;padding:14px 18px;font-weight:700;text-decoration:none;display:inline-flex}.primary-button{color:#fff8f2;background:linear-gradient(135deg,#8f2f13 0%,#c44a20 100%);width:100%;box-shadow:0 18px 30px #8d2d112e}.secondary-button,.ghost-button{color:var(--accent-strong)}.secondary-button{background:#b7411f1a}.ghost-button{background:0 0;border:1px solid #b7411f2e}.primary-button:hover,.secondary-button:hover,.ghost-button:hover,.text-button:hover{transform:translateY(-1px)}.feedback{border-radius:var(--radius-md);margin-top:14px;padding:14px 16px}.success-feedback{background:var(--success-bg);color:var(--success)}.error-feedback,.error-card{background:var(--danger-bg);color:var(--danger)}.feedback strong{margin-bottom:6px;display:block}.branch-selector{gap:10px;margin:18px 0 16px;padding-bottom:4px;display:flex;overflow-x:auto}.branch-chip{color:var(--accent-strong);white-space:nowrap;background:#fff8f2f0;border:1px solid #b7411f24;padding:10px 14px;font-size:13px;font-weight:700}.branch-chip:hover,.active-chip{background:#b7411f1a}.active-chip{box-shadow:inset 0 0 0 1px #b7411f14}.branch-list,.branch-editor-list{gap:14px;display:grid}.branch-card,.branch-editor-card{border-radius:var(--radius-md);background:#ffffffd1;border:1px solid #79442314;padding:16px}.active-branch-card{border-color:#b7411f3d;box-shadow:inset 0 0 0 1px #b7411f14}.branch-card-head,.split-heading,.admin-actions,.branch-actions,.admin-header{justify-content:space-between;gap:12px;display:flex}.branch-card-head,.split-heading,.admin-header{align-items:flex-start}.branch-status{color:var(--accent-strong);text-transform:uppercase;background:#ffede4d1;padding:6px 10px;font-size:11px;font-weight:700}.branch-address{margin-top:10px}.branch-actions{flex-wrap:wrap;align-items:center;margin-top:16px}.branch-action{margin-top:0}.text-button,.admin-link{color:var(--accent-strong);background:0 0;border:none;padding:0;font-weight:700;text-decoration:none}.footer-block{color:#f6e8db;background:linear-gradient(#2c180ef5,#1c0f09fa)}.footer-block p{color:#f6e8dbd1}.footer-title{color:#fff3eb;margin-bottom:8px;font-weight:700}.admin-page{min-height:100svh;padding:32px 20px 48px}.admin-shell{gap:20px;width:min(100%,1080px);margin:0 auto;display:grid}.admin-header{padding:12px 4px}.admin-card,.state-card{border-radius:var(--radius-lg);background:#fffaf6e0;padding:24px}.admin-overline{color:var(--accent);margin-bottom:10px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.single-grid{grid-template-columns:minmax(0,1fr)}.field{gap:8px;display:grid}.field span{color:var(--text);font-size:13px;font-weight:700}.field input,.field textarea{width:100%;color:var(--heading);background:#ffffffeb;border:1px solid #79442324;border-radius:16px;padding:12px 14px}.field textarea{resize:vertical;min-height:84px}.image-upload-card{border-radius:var(--radius-md);background:#ffffffc7;border:1px solid #79442314;grid-template-columns:220px minmax(0,1fr);gap:18px;margin-top:18px;padding:18px;display:grid}.image-preview-frame{background:linear-gradient(#fffaf6 0%,#f6ece2 100%);border:1px solid #79442314;border-radius:20px;overflow:hidden}.logo-preview-frame{place-items:center;min-height:120px;padding:22px;display:grid}.logo-preview-frame img{object-fit:contain;width:150px;height:auto}.banner-preview-frame{min-height:180px}.banner-preview-frame img{object-fit:cover;width:100%;height:100%}.image-upload-copy{align-content:start;gap:10px;display:grid}.image-upload-title{color:var(--heading);font-size:1rem;font-weight:700}.image-upload-text{color:var(--text-soft);line-height:1.58}.upload-button{width:fit-content;color:var(--accent-strong);cursor:pointer;background:#b7411f1a;border-radius:999px;justify-content:center;align-items:center;padding:12px 16px;font-weight:700;display:inline-flex}.upload-button input{display:none}.field input:focus,.field textarea:focus{border-color:#b7411f57;outline:2px solid #b7411f38}.span-2{grid-column:span 2}.admin-actions{flex-wrap:wrap;margin-top:16px}.leads-table-wrap{overflow-x:auto}.leads-table{border-collapse:collapse;width:100%}.leads-table th,.leads-table td{text-align:left;vertical-align:top;border-bottom:1px solid #7944231a;padding:12px 8px}.state-card{text-align:center}.state-card .secondary-button{margin:16px auto 0}@media (width<=760px){.admin-page,.phone-stage,.state-shell{padding-inline:14px}.phone-card{border-radius:28px;padding:14px}.hero-banner{min-height:260px;padding:22px}.content-block,.admin-card{padding:18px}.section-heading,.branch-card-head,.branch-actions,.admin-header,.split-heading{flex-direction:column}.form-grid,.single-grid,.image-upload-card{grid-template-columns:minmax(0,1fr)}.span-2{grid-column:span 1}}
