/* Visitio — pages publiques. Flat, mobile-first, très lisible. */

:root {
	--vsto-ink: #16181d;
	--vsto-muted: #6b7280;
	--vsto-line: #e5e7eb;
	--vsto-bg: #f7f8fa;
	--vsto-surface: #ffffff;
	--vsto-accent: #1f5eff;
	--vsto-accent-ink: #ffffff;
	--vsto-ok: #1f7a3f;
	--vsto-ok-bg: #e8f5ed;
	--vsto-err: #b3261e;
	--vsto-err-bg: #fdeceb;
	--vsto-radius: 12px;
}

* { box-sizing: border-box; }
[hidden] { display: none !important; }

.vsto-body {
	margin: 0;
	background: var(--vsto-bg);
	color: var(--vsto-ink);
	font: 16px/1.55 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
}

/* Topbar ------------------------------------------------------------ */

.vsto-topbar {
	background: var(--vsto-surface);
	border-bottom: 1px solid var(--vsto-line);
	padding: 14px 20px;
}

.vsto-brand {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	text-decoration: none;
	color: inherit;
	font-weight: 600;
}

.vsto-brand__mark {
	width: 28px;
	height: 28px;
	border-radius: 8px;
	background: var(--vsto-accent);
	color: var(--vsto-accent-ink);
	display: grid;
	place-items: center;
	font-size: 15px;
}

/* Mise en page ------------------------------------------------------ */

.vsto-shell {
	max-width: 1080px;
	margin: 0 auto;
	padding: 24px 20px 56px;
	display: grid;
	gap: 24px;
}

.vsto-shell--narrow { max-width: 620px; }

@media (min-width: 900px) {
	.vsto-shell {
		grid-template-columns: 1fr 380px;
		align-items: start;
	}
	.vsto-shell--narrow { grid-template-columns: 1fr; }
	.vsto-booking { position: sticky; top: 24px; }
}

/* Bien -------------------------------------------------------------- */

.vsto-property {
	background: var(--vsto-surface);
	border: 1px solid var(--vsto-line);
	border-radius: var(--vsto-radius);
	overflow: hidden;
}

.vsto-hero {
	height: 260px;
	background-size: cover;
	background-position: center;
	background-color: #dfe3e8;
}

.vsto-property__head { padding: 24px 24px 8px; }

.vsto-eyebrow {
	margin: 0 0 6px;
	color: var(--vsto-muted);
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: .04em;
}

.vsto-property__head h1 {
	margin: 0 0 12px;
	font-size: 26px;
	line-height: 1.25;
}

.vsto-price {
	margin: 0;
	font-size: 20px;
	font-weight: 600;
}

.vsto-price__note {
	font-size: 14px;
	font-weight: 400;
	color: var(--vsto-muted);
	margin-left: 6px;
}

.vsto-features {
	list-style: none;
	margin: 16px 0 0;
	padding: 0 24px;
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
	gap: 2px 16px;
}

.vsto-features li {
	display: flex;
	justify-content: space-between;
	gap: 12px;
	padding: 9px 0;
	border-bottom: 1px solid var(--vsto-line);
	font-size: 14px;
}

.vsto-features__label { color: var(--vsto-muted); }
.vsto-features__value { font-weight: 600; }

.vsto-description { padding: 8px 24px 24px; }
.vsto-description p { margin: 0 0 12px; }

/* Cartes & formulaires ---------------------------------------------- */

.vsto-card {
	background: var(--vsto-surface);
	border: 1px solid var(--vsto-line);
	border-radius: var(--vsto-radius);
	padding: 22px;
}

.vsto-card--center { text-align: center; }
.vsto-card--success { border-color: #bfe3cd; }

.vsto-card h1 { margin: 0 0 16px; font-size: 22px; }
.vsto-card h2 { margin: 0 0 12px; font-size: 18px; }
.vsto-card p { margin: 0 0 14px; }

.vsto-field { display: block; margin: 0 0 14px; }

.vsto-field > span {
	display: block;
	margin-bottom: 5px;
	font-size: 13px;
	font-weight: 600;
	color: #374151;
}

.vsto-field input,
.vsto-field textarea {
	width: 100%;
	padding: 11px 12px;
	border: 1px solid #d1d5db;
	border-radius: 9px;
	font: inherit;
	background: #fff;
	color: inherit;
}

.vsto-field input:focus,
.vsto-field textarea:focus {
	outline: 2px solid var(--vsto-accent);
	outline-offset: 1px;
	border-color: var(--vsto-accent);
}

.vsto-code {
	font-size: 24px;
	letter-spacing: .38em;
	text-align: center;
}

.vsto-grid-2 { display: grid; gap: 0 12px; grid-template-columns: 1fr 1fr; }

/* Créneaux ---------------------------------------------------------- */

.vsto-slots { border: 0; padding: 0; margin: 0 0 18px; }

.vsto-slots legend {
	padding: 0;
	margin-bottom: 10px;
	font-size: 13px;
	font-weight: 600;
	color: #374151;
}

.vsto-slots__day { margin-bottom: 14px; }

.vsto-slots__day h3 {
	margin: 0 0 8px;
	font-size: 13px;
	font-weight: 600;
	color: var(--vsto-muted);
	text-transform: capitalize;
}

.vsto-slots__grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(78px, 1fr));
	gap: 8px;
}

.vsto-slot { position: relative; }

.vsto-slot input {
	position: absolute;
	opacity: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	cursor: pointer;
}

.vsto-slot span {
	display: block;
	padding: 11px 6px;
	text-align: center;
	border: 1px solid #d1d5db;
	border-radius: 9px;
	font-size: 15px;
	font-weight: 500;
	background: #fff;
	transition: border-color .12s, background .12s;
}

.vsto-slot input:checked + span {
	border-color: var(--vsto-accent);
	background: var(--vsto-accent);
	color: var(--vsto-accent-ink);
}

.vsto-slot input:focus-visible + span {
	outline: 2px solid var(--vsto-accent);
	outline-offset: 2px;
}

/* Boutons ----------------------------------------------------------- */

.vsto-btn {
	display: block;
	width: 100%;
	padding: 13px 18px;
	border: 1px solid transparent;
	border-radius: 10px;
	font: inherit;
	font-weight: 600;
	cursor: pointer;
}

.vsto-btn--primary {
	background: var(--vsto-accent);
	color: var(--vsto-accent-ink);
}

.vsto-btn--primary:hover { filter: brightness(1.07); }

.vsto-btn--ghost {
	background: #fff;
	border-color: #d1d5db;
	color: var(--vsto-err);
}

.vsto-link {
	background: none;
	border: 0;
	padding: 0;
	font: inherit;
	color: var(--vsto-accent);
	text-decoration: underline;
	cursor: pointer;
}

.vsto-resend { margin-top: 12px; text-align: center; }

/* Divers ------------------------------------------------------------ */

.vsto-alert {
	padding: 12px 14px;
	border-radius: 10px;
	margin-bottom: 16px;
	font-size: 14px;
}

.vsto-alert--error { background: var(--vsto-err-bg); color: var(--vsto-err); }
.vsto-alert--success { background: var(--vsto-ok-bg); color: var(--vsto-ok); }

.vsto-muted { color: var(--vsto-muted); font-size: 13px; }

.vsto-badge {
	display: inline-block;
	padding: 3px 11px;
	border-radius: 999px;
	font-size: 12px;
	font-weight: 600;
}

.vsto-badge.is-on { background: var(--vsto-ok-bg); color: var(--vsto-ok); }
.vsto-badge.is-off { background: #f1f2f4; color: var(--vsto-muted); }

.vsto-summary { margin: 0 0 20px; }

.vsto-summary > div {
	display: flex;
	justify-content: space-between;
	gap: 16px;
	padding: 11px 0;
	border-bottom: 1px solid var(--vsto-line);
}

.vsto-summary dt { color: var(--vsto-muted); font-size: 14px; margin: 0; }
.vsto-summary dd { margin: 0; font-weight: 600; text-align: right; }

.vsto-confirm__when { font-size: 18px; text-transform: capitalize; }

.vsto-cancel { margin-top: 8px; text-align: center; }

.vsto-hp {
	position: absolute;
	left: -9999px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.vsto-footer {
	padding: 22px 20px 36px;
	text-align: center;
	color: var(--vsto-muted);
	font-size: 13px;
}

/* Dossier de candidature -------------------------------------------- */

.vsto-progress { margin: 4px 0 22px; }

.vsto-progress__bar {
	height: 8px;
	border-radius: 999px;
	background: #eceef1;
	overflow: hidden;
}

.vsto-progress__bar span {
	display: block;
	height: 100%;
	background: var(--vsto-accent);
	transition: width .25s;
}

.vsto-progress__label {
	margin: 8px 0 0;
	font-size: 14px;
	font-weight: 600;
}

.vsto-checklist { list-style: none; margin: 0; padding: 0; }

.vsto-checklist li {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 9px 0;
	border-bottom: 1px solid var(--vsto-line);
}

.vsto-checklist__mark {
	width: 22px;
	text-align: center;
	color: var(--vsto-muted);
	font-weight: 700;
}

.vsto-checklist li.is-done .vsto-checklist__mark,
.vsto-doc.is-done .vsto-checklist__mark { color: var(--vsto-ok); }

.vsto-doc {
	border: 1px solid var(--vsto-line);
	border-radius: 10px;
	padding: 14px;
	margin-bottom: 12px;
}

.vsto-doc.is-done { border-color: #bfe3cd; background: #fbfefc; }

.vsto-doc__head {
	display: flex;
	align-items: center;
	gap: 10px;
	flex-wrap: wrap;
}

.vsto-doc__title { flex: 1; font-weight: 600; }
.vsto-doc__title em { font-weight: 400; color: var(--vsto-muted); font-style: normal; }

.vsto-doc__flag {
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: .04em;
	color: var(--vsto-muted);
}

.vsto-doc__flag.is-required { color: var(--vsto-accent); }

.vsto-doc__files { list-style: none; margin: 12px 0 0; padding: 0; }

.vsto-doc__files li {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 6px 0;
	font-size: 14px;
}

.vsto-doc__files li > span:first-child {
	flex: 1;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.vsto-doc__files form { margin: 0; }

.vsto-doc__upload {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-top: 12px;
	flex-wrap: wrap;
}

.vsto-doc__upload input[type="file"] { flex: 1; min-width: 180px; font-size: 13px; }

.vsto-btn--small {
	width: auto;
	padding: 8px 16px;
	background: #eef2ff;
	color: var(--vsto-accent);
	font-size: 14px;
}

.vsto-submit { margin-top: 22px; }

/* Visitio 2026 — interface glacier */
:root{--vsto-ink:#142c3b;--vsto-muted:#59717e;--vsto-line:#dde8ed;--vsto-bg:#f3f7f9;--vsto-accent:#006e94;--vsto-radius:22px}
.vsto-body{min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:-.015em}
.vsto-topbar{height:88px;padding:0 max(28px,calc((100vw - 1280px)/2));display:flex;align-items:center;justify-content:space-between;background:#fff;border-color:#e8eff2}
.vsto-brand{gap:12px;font-size:25px;letter-spacing:-1px}.vsto-brand__mark{height:38px;width:38px;border-radius:12px;background:#173d4e;color:#9fe7fa;font-size:23px;transform:rotate(-7deg)}
.vsto-nav-link{color:var(--vsto-ink);text-decoration:none;font-size:14px;font-weight:600;padding:11px 19px;border:1px solid var(--vsto-line);border-radius:99px}.vsto-nav-link:hover{background:#e9f7fc}
.vsto-shell{max-width:1220px;padding:42px 28px 70px;gap:28px}.vsto-shell--narrow{max-width:720px}
.vsto-card,.vsto-property{box-shadow:0 8px 32px #183b4b05;border-color:#e2ebef}.vsto-card{padding:30px}.vsto-card h1{font-size:30px;letter-spacing:-1px}.vsto-card h2{font-size:21px;letter-spacing:-.5px}
.vsto-property__head{padding:30px 30px 12px}.vsto-property__head h1{font-size:32px;letter-spacing:-1px}.vsto-hero{height:340px}.vsto-features{padding:0 30px;gap:8px 22px}.vsto-description{padding:20px 30px 30px}.vsto-eyebrow{text-transform:none;letter-spacing:0}
.vsto-field{margin-bottom:20px}.vsto-field>span{font-size:14px;margin-bottom:8px}.vsto-field input,.vsto-field textarea{background:#f9fbfc;border:1px solid #dce7ec;border-radius:12px;min-height:48px;padding:12px 15px}
.vsto-btn{text-align:center;text-decoration:none;border-radius:12px;min-height:48px;transition:background .18s,transform .18s}.vsto-btn:hover{transform:translateY(-1px)}.vsto-btn--primary{background:#006e94}.vsto-btn--primary:hover{background:#005875;filter:none}.vsto-btn--ghost{border-color:#dce7ec}
.vsto-slot span{border-color:#c9e7f0;background:#edf9fd;color:#15516a;border-radius:10px;padding:13px 7px}.vsto-slot:hover span{border-color:#006e94}.vsto-slot input:checked+span{background:#006e94;color:#fff}.vsto-slots__day{padding:14px 0;border-bottom:1px solid #edf2f5}
.vsto-summary>div{padding:17px 0}.vsto-doc{padding:20px;border-radius:16px}.vsto-progress__bar{height:6px;background:#e2eef3}.vsto-alert{padding:16px;border-radius:14px}.vsto-footer{border-top:1px solid #e2ebef;margin:0 28px;padding:24px;color:#59717e}.vsto-footer p{margin:0}
.vsto-home{max-width:1280px;margin:0 auto;padding:48px 28px 64px}.vsto-home-hero{min-height:490px;background:#dff3fa;border-radius:32px;display:grid;grid-template-columns:1fr 1fr;align-items:center;overflow:hidden;padding:54px;gap:28px}.vsto-home h1{font-size:clamp(42px,5.7vw,76px);font-weight:600;line-height:1.03;letter-spacing:-4px;margin:0 0 36px;max-width:540px}.vsto-home h1 span{color:#007da4}.vsto-home .vsto-btn{width:fit-content;background:#173d4e;color:white;padding:15px 24px;display:inline-flex;align-items:center;gap:28px}.vsto-home-visual{height:auto;width:116%;max-width:none;transform:rotate(-4deg);filter:drop-shadow(0 22px 22px #18587716)}
.vsto-home-help{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:24px}.vsto-home-help article{border:1px solid #e0e9ed;background:white;border-radius:22px;padding:28px;display:flex;gap:22px;align-items:flex-start}.vsto-home-help h2{font-size:20px;margin:0 0 10px;letter-spacing:-.6px}.vsto-home-help p{font-size:14px;line-height:1.65;margin:0;color:#59717e}.vsto-help-icon{width:44px;height:44px;flex-shrink:0;background:#eff8fc;color:#006e94;border-radius:13px;display:grid;place-items:center;font-size:23px}
a:focus-visible,button:focus-visible{outline:3px solid #007da4;outline-offset:4px}
@media(min-width:900px){.vsto-shell:not(.vsto-shell--narrow){grid-template-columns:minmax(0,1fr) 400px}.vsto-booking{top:28px}}
@media(max-width:760px){.vsto-topbar{height:72px;padding:0 20px}.vsto-brand{font-size:23px}.vsto-home{padding:20px 16px 36px}.vsto-home-hero{padding:32px 24px;grid-template-columns:1fr;min-height:0;gap:28px;border-radius:24px}.vsto-home h1{font-size:48px;letter-spacing:-2.5px;margin-bottom:25px}.vsto-home-visual{width:100%;transform:rotate(-2deg)}.vsto-home-help{grid-template-columns:1fr;gap:14px}.vsto-home-help article{padding:24px}.vsto-shell{padding:24px 16px 40px}.vsto-card{padding:24px}.vsto-hero{height:240px}.vsto-property__head h1{font-size:27px}.vsto-grid-2{grid-template-columns:1fr}.vsto-doc__upload input[type=file]{min-width:0;max-width:100%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}

/* Structure application, sidebar persistante. */
.vsto-body{padding-left:244px;background:#f6f8fa;color:#183b47}.vsto-topbar{height:90px;padding:0 44px;background:transparent;border-bottom:1px solid #e3eaee}.vsto-topbar-title{font-size:15px;font-weight:550;letter-spacing:-.3px}.vsto-nav-link{background:#fff;font-size:12px;padding:9px 16px}.vsto-home{padding:36px 44px 50px;max-width:1440px}.vsto-home-hero{min-height:360px;border-radius:20px;padding:42px;background:#153e48;grid-template-columns:1.1fr 1fr;gap:20px;position:relative}.vsto-home h1{font-size:clamp(38px,4.1vw,64px);letter-spacing:-2.7px;color:#fff;font-weight:550;line-height:1.07;margin-bottom:30px}.vsto-home h1 span{color:#a8e4ce}.vsto-home .vsto-btn{background:#c2efd9;color:#143e39;border-radius:10px;font-size:13px;min-height:46px;padding:13px 19px;gap:26px}.vsto-home-visual{width:115%;height:auto;transform:rotate(-3deg);filter:drop-shadow(0 18px 22px #08232a35);border-radius:14px}.vsto-home-hero p{color:#fff}.vsto-home-help{gap:20px;margin-top:24px}.vsto-home-help article{border:1px solid #e0e8ed;border-radius:18px;padding:28px;display:flex;flex-direction:column;gap:28px;min-height:230px;scroll-margin-top:100px;transition:border-color .2s}.vsto-home-help article:target{border:2px solid #248065}.vsto-home-help h2{font-size:20px;letter-spacing:-.6px;margin-bottom:12px}.vsto-home-help p{font-size:13px;line-height:1.7;max-width:370px}.vsto-help-icon{background:#f0f5f7;border:1px solid #e1e9ee;color:#305663;width:44px;height:44px;border-radius:12px}.vsto-help-icon svg{width:21px;height:21px}.vsto-footer{margin:0 44px;text-align:left;font-size:11px;padding:22px 0}.vsto-shell{padding:36px 32px 56px;grid-template-columns:1fr!important;max-width:1100px}.vsto-shell--narrow{max-width:720px}.vsto-booking{position:static}
@media(min-width:1400px){.vsto-shell:not(.vsto-shell--narrow){grid-template-columns:minmax(0,1fr) 360px!important}.vsto-booking{position:sticky}}
@media(max-width:1100px){.vsto-home{padding:28px}.vsto-home-hero{padding:32px;min-height:320px}.vsto-home h1{font-size:40px;letter-spacing:-1.8px}.vsto-topbar{padding:0 28px}.vsto-home-help article{padding:24px}}
@media(max-width:980px) and (min-width:761px){.vsto-body{padding-left:214px}.vsto-home-hero{grid-template-columns:1fr}.vsto-home-visual{position:absolute;width:45%;right:-5%;bottom:25px;opacity:.35;pointer-events:none}.vsto-home-hero>div{position:relative;z-index:1}.vsto-home-help{grid-template-columns:1fr}.vsto-home-help article{min-height:0;flex-direction:row;gap:20px}}
@media(max-width:760px){.vsto-body{padding-left:0}.vsto-topbar{height:64px;padding:0 20px}.vsto-home{padding:20px 16px 32px}.vsto-home-hero{padding:30px 26px;grid-template-columns:1fr;gap:32px}.vsto-home h1{font-size:43px;letter-spacing:-2px}.vsto-home-visual{width:100%;max-width:380px;margin:auto;transform:rotate(-2deg)}.vsto-home-help{grid-template-columns:1fr;gap:14px}.vsto-home-help article{min-height:0;padding:24px;flex-direction:row;gap:18px}.vsto-home-help h2{font-size:18px}.vsto-footer{margin:0 20px}.vsto-shell{padding:24px 16px}}

/* Navigation horizontale des visiteurs déconnectés -------------------- */

.vsto-body--guest{padding-left:0}
.screen-reader-text{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.vsto-navbar{background:#fff;border-bottom:1px solid #e4ebef;position:relative;z-index:100}
.vsto-quickbar{position:sticky;top:0;z-index:99;background:#fff;border-bottom:1px solid #e4ebef}
.vsto-quickbar a{text-decoration:none}
.vsto-navbar a{text-decoration:none;color:#203b48}
.vsto-navbar-top{display:flex;align-items:center;gap:20px;max-width:1440px;margin:0 auto;padding:14px 20px}
.vsto-navbar-brand{display:flex;align-items:center;gap:9px;font-size:24px;font-weight:700;letter-spacing:-1.3px;line-height:1;flex:none}
.vsto-navbar-brand .vsto-logo{width:33px;height:33px;font-size:24px}
.vsto-navbar-actions{display:flex;align-items:center;gap:14px;flex:none;margin-left:auto}
.vsto-navbar-login{font-size:14px;font-weight:500;white-space:nowrap}
.vsto-navbar-login:hover{text-decoration:underline}
.vsto-navbar-publish{padding:11px 18px;border-radius:11px;background:#278361;color:#fff!important;font-size:14px;font-weight:600;white-space:nowrap}
.vsto-navbar-publish:hover{background:#22634e}

/* Barre de recherche : un seul bloc, découpé en champs ---------------- */
.vsto-navbar-search{flex:1;min-width:0;display:flex;align-items:stretch;border:1px solid #dbe6ea;border-radius:14px;background:#fff;overflow:visible;max-width:900px}
.vsto-search-field{display:flex;flex-direction:column;justify-content:center;gap:2px;min-width:0;padding:7px 14px;border-right:1px solid #e4ebef}
.vsto-search-field--place{flex:1.6;min-width:0}
.vsto-search-field:not(.vsto-search-field--place){flex:1}
.vsto-search-field label{font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#6d828b}
.vsto-search-field input,.vsto-search-field select{width:100%;min-width:0;border:0;padding:0;background:0;font-size:14px;font-family:inherit;color:#203b48;cursor:pointer}
.vsto-search-field input{cursor:text}
.vsto-search-field input:focus,.vsto-search-field select:focus{outline:0}
.vsto-navbar-search>button{display:flex;align-items:center;gap:8px;border:0;background:#133c46;color:#fff;padding:0 20px;margin:-1px -1px -1px 0;border-radius:0 14px 14px 0;font-weight:600;font-size:14px;font-family:inherit;cursor:pointer;flex:none}
.vsto-navbar-search>button:hover{background:#0e2c34}

.vsto-quickbar-row{display:flex;align-items:center;gap:10px;max-width:1440px;margin:0 auto;padding:0 20px}
.vsto-navbar-links{display:flex;flex:1;gap:4px;min-width:0;padding:8px 0;overflow-x:auto;scrollbar-width:none}
/* Le compte n'apparaît que lorsque la barre du haut a quitté l'écran :
   tant qu'elle est là, son propre avatar suffit. */
.vsto-quickbar-avatar{flex:none;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;margin-right:-4px;border:1px solid #dce3df;border-radius:50%;background:#f1f5f3;color:#263c32;text-decoration:none;opacity:0;visibility:hidden;transform:scale(.8);transition:opacity .18s ease,transform .18s ease,visibility .18s}
.vsto-quickbar-avatar:hover{background:#e4eee8;color:#08764b}
.vsto-quickbar-avatar:focus-visible{outline:3px solid #15966a;outline-offset:3px}
body.vsto-scrolled .vsto-quickbar-avatar{opacity:1;visibility:visible;transform:scale(1)}
.vsto-navbar-map{display:inline-flex;align-items:center;gap:6px;margin-right:10px;padding:7px 13px;border:1px solid #dbe6ea;border-radius:9px;background:#fff;font-weight:600;font-size:13px;font-family:inherit;color:#133c46;white-space:nowrap;cursor:pointer}
.vsto-navbar-map:hover{background:#f1f6f7}
.vsto-navbar-links::-webkit-scrollbar{display:none}
.vsto-navbar-links a{padding:7px 13px;border-radius:9px;font-size:13px;font-weight:500;color:#4b6470;white-space:nowrap;transition:background .15s}
.vsto-navbar-links a:hover{background:#f1f6f7;color:#203b48}

@media(max-width:1180px){
	.vsto-navbar-top{flex-wrap:wrap}
	.vsto-navbar-search{order:3;width:100%;max-width:none;flex:1 0 100%}
}

@media(max-width:980px){
	/* Repliés, les quatre filtres occuperaient presque tout l'écran :
	   la barre défile avec la page au lieu de rester collée. */
	.vsto-navbar{position:static}
}

@media(max-width:720px){
	.vsto-navbar-top{gap:12px;padding:12px 16px}
	.vsto-navbar-brand{font-size:21px}
	.vsto-navbar-search{flex-wrap:wrap;border-radius:14px;padding:4px}
	.vsto-search-field{flex:1 1 calc(50% - 2px)!important;border-right:0;border-bottom:1px solid #e4ebef;padding:8px 10px}
	.vsto-search-field--place{flex:1 1 100%!important}
	.vsto-search-field--sort{border-bottom:0}
	.vsto-search-field:nth-last-child(2){border-bottom:0}
	.vsto-navbar-search>button{flex:1 0 100%;margin:6px 0 0;border-radius:10px;height:44px;justify-content:center}
	.vsto-quickbar-row{padding:0 16px}
	.vsto-navbar-links{padding:8px 0}
}

@media(max-width:480px){
	.vsto-navbar-login{display:none}
	.vsto-navbar-publish{padding:9px 14px;font-size:13px}
	.vsto-search-field{flex:1 1 100%!important;border-bottom:1px solid #e4ebef}
	.vsto-search-field--sort{border-bottom:0}
}

/* Autocomplétion géographique ---------------------------------------- */

.vsto-geo-wrap{position:relative;flex:1;min-width:0;display:flex}
.vsto-geo-wrap>input{width:100%;min-width:0}
.vsto-geo-list{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:200;margin:0;padding:6px;list-style:none;background:#fff;border:1px solid #dbe6ea;border-radius:12px;box-shadow:0 14px 34px #133c4618;max-height:320px;overflow-y:auto}
.vsto-geo-list li{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:9px;font-size:14px;cursor:pointer;color:#203b48}
.vsto-geo-list li:hover,.vsto-geo-list li.is-active{background:#f1f6f7}
.vsto-geo-list em{font-style:normal;font-size:11px;color:#6d828b;white-space:nowrap}

/* Account entry: anonymous avatar, including mobile navigation. */
.vsto-navbar-avatar{display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;border:1px solid #dce3df;border-radius:50%;background:#f1f5f3;color:#263c32;text-decoration:none}
.vsto-navbar-avatar:hover{background:#e4eee8;color:#08764b}
.vsto-navbar-avatar:focus-visible{outline:3px solid #15966a;outline-offset:3px}
.vsto-navbar-avatar svg{display:block;flex:none}

.vsto-navbar-pro{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:0 11px;border-radius:12px;background:#fff5d9;color:#99620b;font-size:14px;font-weight:700;text-decoration:none;white-space:nowrap;flex:none}.vsto-navbar-pro:hover{background:#ffedb4;color:#77500b}.vsto-navbar-pro:focus-visible{outline:3px solid #c58a1d;outline-offset:3px}.vsto-navbar-pro svg{display:block;flex:none}

/* Fenêtre de connexion : miroir de la page, appelée depuis la barre. */
.vsto-auth{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:20px}
.vsto-auth[hidden]{display:none}
.vsto-auth-veil{position:absolute;inset:0;background:#0c1f27b0}
.vsto-auth-panel{position:relative;width:100%;max-width:440px;max-height:calc(100vh - 40px);overflow:auto;background:#fff;border-radius:20px;padding:32px;box-shadow:0 30px 70px #0b1f2933}
.vsto-auth-x{position:absolute;top:16px;right:16px;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:0;border-radius:50%;background:#f1f6f7;color:#203b48;cursor:pointer}
.vsto-auth-x:hover{background:#e3ecee}
.vsto-auth-tabs{display:flex;gap:4px;padding:4px;margin:0 0 24px;background:#f1f6f7;border-radius:12px}
.vsto-auth-tabs button{flex:1;border:0;border-radius:9px;background:0;padding:10px;font-weight:600;font-size:14px;font-family:inherit;color:#4b6470;cursor:pointer}
.vsto-auth-tabs button[aria-selected=true]{background:#fff;color:#133c46;box-shadow:0 1px 3px #13324005}
.vsto-auth-pane h2{font-size:24px;letter-spacing:-.7px;margin:0 0 8px;color:#133c46}
.vsto-auth-pane>p{font-size:14px;line-height:1.6;color:#5d7580;margin:0 0 22px}
.vsto-auth-pane label{display:block;font-size:12px;font-weight:600;color:#4b6470;margin:0 0 6px}
.vsto-auth-pane input[type=text],.vsto-auth-pane input[type=email],.vsto-auth-pane input[type=tel],.vsto-auth-pane input[type=password]{width:100%;box-sizing:border-box;padding:12px 14px;margin:0 0 16px;border:1px solid #dbe6ea;border-radius:11px;font-size:15px;font-family:inherit;color:#203b48;background:#fff}
.vsto-auth-pane input:focus{outline:2px solid #15966a;outline-offset:1px;border-color:transparent}
.vsto-auth-duo{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.vsto-auth-check{display:flex!important;align-items:center;gap:8px;font-size:13px;font-weight:400!important;margin:0 0 18px!important;color:#4b6470}
.vsto-auth-submit{width:100%;min-height:48px;border:0;border-radius:12px;background:#278361;color:#fff;font-size:15px;font-weight:650;font-family:inherit;cursor:pointer}
.vsto-auth-submit:hover{background:#22634e}
.vsto-auth-aside{font-size:13px;color:#5d7580;margin:14px 0 0;text-align:center}
.vsto-auth-aside a{color:#278361}
body.vsto-auth-open{overflow:hidden}
@media(max-width:480px){.vsto-auth{padding:0}.vsto-auth-panel{max-width:none;min-height:100vh;border-radius:0;padding:56px 20px 32px}.vsto-auth-duo{grid-template-columns:1fr;gap:0}}

/* Fond de l'accueil : média flouté, voile en dégradé par-dessus. Les réglages
   arrivent en variables, si bien que l'aperçu d'administration et le site
   partagent exactement les mêmes règles. */
.vsto-bg{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0;border-radius:inherit}
.vsto-bg--page{position:fixed;z-index:-1}
.vsto-bg--hero{left:calc(50% - 50vw);width:100vw}
.vsto-bg-media{position:absolute;inset:0;background-size:cover;background-position:center;filter:blur(var(--vsto-bg-blur,0px));transform:scale(var(--vsto-bg-scale,1))}
.vsto-bg-media img,.vsto-bg-media video{display:block;width:100%;height:100%;object-fit:cover}
.vsto-bg-veil{position:absolute;inset:0;background:linear-gradient(var(--vsto-bg-angle,160deg),var(--vsto-bg-from,transparent),var(--vsto-bg-to,transparent))}
.vsto-bg-veil:after{content:'';position:absolute;inset:0;background:#000;opacity:var(--vsto-bg-dim,0)}
.vsto-intro--bg{position:relative}
.vsto-intro--bg>*:not(.vsto-bg){position:relative;z-index:1}
.vsto-intro--bg-hero{padding-left:28px;padding-right:28px;margin-left:-28px;margin-right:-28px;border-bottom:0}
/* La couleur ne vaut que pour le texte posé sur le fond : la carte, elle,
   garde sa carte blanche et son texte sombre. */
.vsto-intro.vsto-intro--text-light .vsto-intro-copy,
.vsto-intro.vsto-intro--text-light .vsto-intro-copy h1,
.vsto-intro.vsto-intro--text-light .vsto-intro-copy p{color:#fff}
.vsto-intro.vsto-intro--text-light .vsto-intro-copy h1 span{color:#a8e4ce}
.vsto-intro.vsto-intro--text-dark .vsto-intro-copy,
.vsto-intro.vsto-intro--text-dark .vsto-intro-copy h1,
.vsto-intro.vsto-intro--text-dark .vsto-intro-copy p{color:#16281e}
.vsto-intro.vsto-intro--text-dark .vsto-intro-copy h1 span{color:#0b5f3d}
@media(prefers-reduced-motion:reduce){.vsto-bg-media video{display:none}.vsto-dock,.vsto-quickbar-avatar{transition:none}}
@media(max-width:600px){.vsto-intro--bg-hero{padding-left:16px;padding-right:16px;margin-left:-16px;margin-right:-16px}}

/* Aperçu d'administration : mêmes couches, dans une boîte. */
.vsto-bg-admin{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,420px);gap:32px;align-items:start}
.vsto-bg-preview{position:relative;overflow:hidden;height:280px;border-radius:14px;display:grid;place-items:center;background:#eef3f0}
.vsto-bg-preview p{position:relative;z-index:1;margin:0;padding:0 24px;font-size:26px;font-weight:750;letter-spacing:-1px;text-align:center;color:#fff}
.vsto-bg-preview.vsto-bg--text-dark p{color:#16281e}
@media(max-width:1100px){.vsto-bg-admin{grid-template-columns:1fr}}

/* Recherche flottante, toujours accessible. Verre dépoli : le fond de la page
   transparaît à travers un flou saturé, bordé d'un liseré clair. */
.vsto-dock{position:fixed;left:50%;transform:translateX(-50%) translateY(14px);opacity:0;visibility:hidden;transition:opacity .18s ease,transform .18s ease,visibility .18s;bottom:calc(18px + env(safe-area-inset-bottom));z-index:9998;display:flex;align-items:center;gap:10px;width:min(520px,calc(100vw - 32px));padding:5px 5px 5px 17px;border:1px solid rgba(255,255,255,.31);border-radius:999px;background:rgba(17,24,20,.74);-webkit-backdrop-filter:blur(25px) saturate(1.57) contrast(1.04);backdrop-filter:blur(25px) saturate(1.57) contrast(1.04);box-shadow:0 18px 46px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.31),inset 0 -1px 0 rgba(255,255,255,.1)}
body.vsto-scrolled .vsto-dock{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
.vsto-dock>svg{flex:none;color:rgba(255,255,255,.72)}
.vsto-dock input{flex:1;min-width:0;padding:11px 0;border:0;background:0;color:#fff;font-size:15px;font-family:inherit;outline:0;-webkit-appearance:none;appearance:none}
.vsto-dock input::placeholder{color:rgba(255,255,255,.62)}
.vsto-dock input::-webkit-search-cancel-button{-webkit-appearance:none}
.vsto-dock button{flex:none;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border:0;border-radius:50%;background:#278361;color:#fff;cursor:pointer}
.vsto-dock button:hover{background:#22634e}
.vsto-dock:focus-within{border-color:rgba(255,255,255,.5);background:rgba(17,24,20,.86)}
.vsto-body--guest{padding-bottom:104px}
/* Une fenêtre ouverte passe devant : la recherche s'efface le temps qu'elle dure. */
body.vsto-auth-open .vsto-dock{display:none}
body:has(.rbpa-modal.is-open) .vsto-dock,body:has(.vsto-map.is-open) .vsto-dock{opacity:0;pointer-events:none}
@media(max-width:600px){.vsto-dock{bottom:calc(12px + env(safe-area-inset-bottom));padding-left:15px}.vsto-body--guest{padding-bottom:92px}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.vsto-dock{background:rgba(16,26,22,.93)}}
.vsto-quickbar-publish{flex:none;display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 15px;border-radius:11px;background:#278361;color:#fff!important;font-size:13px;font-weight:600;text-decoration:none;white-space:nowrap;opacity:0;visibility:hidden;transform:scale(.85);transition:opacity .18s ease,transform .18s ease,visibility .18s}
.vsto-quickbar-publish:hover{background:#22634e}
.vsto-quickbar-publish:focus-visible{outline:3px solid #15966a;outline-offset:3px}
.vsto-quickbar-publish svg{flex:none}
body.vsto-scrolled .vsto-quickbar-publish{opacity:1;visibility:visible;transform:scale(1)}
@media(max-width:600px){.vsto-quickbar-publish span{display:none}.vsto-quickbar-publish{width:38px;padding:0;justify-content:center;border-radius:50%}}
@media(prefers-reduced-motion:reduce){.vsto-quickbar-publish{transition:none}}

/* Options de l'annonce : trois points au bout du titre, rien de plus. */
.rbpa-card-top{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:start;column-gap:6px}
.rbpa-card-top>h3{grid-column:1;grid-row:1;min-width:0}
.rbpa-card-top>strong{grid-column:1/-1;grid-row:2}
/* La carte entière est cliquable via une couche en z-index 3 : le bouton
   doit passer au-dessus, sinon le clic ouvre l'annonce au lieu du menu. */
.vsto-card-more{position:relative;z-index:6;grid-column:2;grid-row:1;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;margin:-2px -4px 0 0;padding:0;border:0;border-radius:7px;background:0;color:#93a4ab;cursor:pointer}
.vsto-card-more:hover{background:#eef3f5;color:#3c545e}
.vsto-card-more:focus-visible{outline:2px solid #15966a;outline-offset:1px}
.vsto-card-menu{position:absolute;z-index:9999;min-width:210px;padding:6px;border:1px solid #e2eaed;border-radius:12px;background:#fff;box-shadow:0 16px 38px #14313c1f}
.vsto-card-menu[hidden]{display:none!important}
.vsto-card-menu button{display:block;width:100%;padding:9px 11px;border:0;border-radius:8px;background:0;color:#203b48;font:14px/1.3 inherit;text-align:left;cursor:pointer}
.vsto-card-menu button:hover{background:#f1f6f7}

.vsto-report{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px}
.vsto-report[hidden]{display:none!important}
.vsto-report-veil{position:absolute;inset:0;background:#0c1f27b0}
.vsto-report-panel{position:relative;width:100%;max-width:440px;max-height:calc(100vh - 40px);overflow:auto;padding:30px;border-radius:20px;background:#fff;box-shadow:0 30px 70px #0b1f2933}
.vsto-report-x{position:absolute;top:14px;right:14px;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:0;border-radius:50%;background:#f1f6f7;color:#203b48;cursor:pointer}
.vsto-report-panel h2{margin:0 0 8px;font-size:22px;letter-spacing:-.6px;color:#133c46}
.vsto-report-panel>p{margin:0 0 20px;font-size:14px;line-height:1.6;color:#5d7580}
.vsto-report-panel label{display:block;margin:0 0 6px;font-size:12px;font-weight:600;color:#4b6470}
.vsto-report-panel select,.vsto-report-panel textarea,.vsto-report-panel input[type=email]{width:100%;box-sizing:border-box;margin:0 0 16px;padding:11px 13px;border:1px solid #dbe6ea;border-radius:11px;background:#fff;color:#203b48;font:15px inherit}
.vsto-report-panel textarea{resize:vertical}
.vsto-report-submit{width:100%;min-height:46px;border:0;border-radius:12px;background:#278361;color:#fff;font-size:15px;font-weight:650;font-family:inherit;cursor:pointer}
.vsto-report-submit:hover{background:#22634e}
.vsto-report-submit:disabled{opacity:.6;cursor:wait}
.vsto-report-alert{margin:0 0 16px;padding:11px 13px;border-radius:10px;background:#fdeceb;color:#a32b21;font-size:14px}
.vsto-report-done{margin:0;padding:14px;border-radius:10px;background:#e8f6ee;color:#1c6141;font-size:14px;line-height:1.5}
@media(max-width:480px){.vsto-report{padding:0}.vsto-report-panel{max-width:none;min-height:100vh;border-radius:0;padding:54px 20px 30px}}
.vsto-card-menu a{display:block;padding:9px 11px;border-radius:8px;color:#203b48;font-size:14px;line-height:1.3;text-decoration:none}
.vsto-card-menu a:hover{background:#f1f6f7}
.vsto-card-menu a[hidden],.vsto-card-menu button[hidden]{display:none!important}
.vsto-card-menu .vsto-card-danger{color:#b42318}
.vsto-card-menu .vsto-card-danger:hover{background:#fdeceb}

/* ---------------------------------------------------------------------------
   Cartes d'annonce, dans l'esprit des grands portails : l'image porte la
   carte, le texte vit à même la page, et le panneau blanc n'apparaît qu'au
   survol. Les règles du module annonces sont chargées après celle-ci et
   portent des !important : on passe donc par la grille pour les dépasser.
   ------------------------------------------------------------------------ */
/* La coquille du module annonces impose 16px de marge intérieure ; la
   gouttière de la page suffit, sinon les résultats rentrent plus que
   l'accueil. Sélecteur plus précis que le sien, qui est en !important. */
body.vsto-body main.vsto-listing .rbpa-shell,body.vsto-body main.vsto-home .rbpa-shell{padding-left:0!important;padding-right:0!important}
.rbpa-grid{gap:22px 18px}
.rbpa-grid .rbpa-card{position:relative;background:none!important;background-color:transparent!important;border:0!important;border-radius:10px;overflow:visible!important;box-shadow:none!important}
/* Le panneau de survol se dessine derrière, pour ne pas déplacer la grille. */
.rbpa-grid .rbpa-card:before{content:'';position:absolute;inset:-10px -10px -12px;z-index:0;border-radius:12px;background:#fff;box-shadow:0 3px 14px #1a2b2914,0 0 0 1px #e6ecea;opacity:0;transition:opacity .14s ease;pointer-events:none}
.rbpa-grid .rbpa-card:hover:before{opacity:1}
/* Positionnés mais sans z-index : ils passent devant le panneau de survol
   sans ouvrir de contexte d'empilement, sinon le bouton d'options s'y
   trouverait enfermé et la couche cliquable de la carte repasserait devant. */
.rbpa-grid .rbpa-card>.rbpa-media,.rbpa-grid .rbpa-card>.rbpa-card-body{position:relative}
.rbpa-grid .rbpa-media{aspect-ratio:1/1;border-radius:8px;overflow:hidden;background:#eef2f1}
.rbpa-grid .rbpa-media img{width:100%;height:100%;object-fit:cover;display:block}
/* Le cœur revient en haut à droite, comme sur la référence demandée. */
.rbpa-grid .rbpa-fav{top:10px;right:10px;bottom:auto}
.rbpa-grid .rbpa-card-body{padding:11px 0 0!important;background:none!important;text-align:left!important}
.rbpa-grid .rbpa-card-top>h3{text-align:left!important;margin:0 0 7px;font-size:15px;font-weight:400;line-height:1.36;color:#1f2a26;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.rbpa-grid .rbpa-card-top>strong{display:block;text-align:left!important;font-size:18px;font-weight:700;letter-spacing:-.2px;color:#278361!important}
/* Tout le texte s'aligne sur le bord gauche de l'image, sans exception :
   le module annonces centrait les lignes de contexte. */
.rbpa-grid .rbpa-meta{display:flex;flex-direction:column;align-items:flex-start!important;justify-content:flex-start;gap:4px;margin-top:8px;font-size:13px;line-height:1.4;color:#6e7c77;text-align:left!important}
.rbpa-grid .rbpa-meta span{color:#6e7c77;text-align:left!important;margin:0!important}
/* Épingle dessinée plutôt qu'un caractère : le glyphe précédent n'existe
   pas dans toutes les polices et sortait en carré vide. */
.rbpa-grid .rbpa-meta-place{display:inline-flex;align-items:center;gap:5px}
.rbpa-grid .rbpa-meta-place:before{content:'';flex:none;width:12px;height:12px;background-color:currentColor;opacity:.75;-webkit-mask:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 2a7 7 0 0 0-7 7c0 5.25 7 13 7 13s7-7.75 7-13a7 7 0 0 0-7-7zm0 9.5A2.5 2.5 0 1 1 12 6.5a2.5 2.5 0 0 1 0 5z'/></svg>") center/contain no-repeat;mask:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 2a7 7 0 0 0-7 7c0 5.25 7 13 7 13s7-7.75 7-13a7 7 0 0 0-7-7zm0 9.5A2.5 2.5 0 1 1 12 6.5a2.5 2.5 0 0 1 0 5z'/></svg>") center/contain no-repeat}
@supports not ((mask-image:url('')) or (-webkit-mask-image:url(''))){.rbpa-grid .rbpa-meta-place:before{display:none}}
.rbpa-grid .rbpa-meta-age{font-size:12px;color:#8a9793!important}
.rbpa-grid .vsto-card-more{color:#8fa09b}
.rbpa-grid .rbpa-card:hover .vsto-card-more{color:#3c545e}
/* Quatre par ligne sur ordinateur, trois sur tablette, deux sur téléphone.
   Les grilles hors accueil suivent la même règle. */
@media(min-width:1024px){.rbpa-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1023px) and (min-width:768px){.rbpa-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:767px){.rbpa-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.rbpa-grid{gap:18px 12px}.rbpa-grid .rbpa-card-top>h3{font-size:14px}.rbpa-grid .rbpa-card-top>strong{font-size:16px}.rbpa-grid .rbpa-card:before{inset:-8px}}
.vsto-card-toast{position:fixed;left:50%;bottom:26px;z-index:10001;transform:translate(-50%,14px);margin:0;padding:11px 18px;border-radius:999px;background:#152e25;color:#fff;font-size:14px;opacity:0;transition:opacity .2s ease,transform .2s ease;pointer-events:none}
.vsto-card-toast.is-visible{opacity:1;transform:translate(-50%,0)}

/* Page dédiée d'une annonce. */
.vsto-single-back{margin:0 0 18px;font-size:13px}
.vsto-single-back a{color:#3c6b58;text-decoration:none}
.vsto-single-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:40px;align-items:start}
.vsto-single-cover{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:12px;display:block;background:#eef2f1}
.vsto-single-thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:8px}
.vsto-single-thumbs img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:8px;display:block}
.vsto-single-noimage{aspect-ratio:4/3;display:grid;place-items:center;border-radius:12px;background:#eef2f1;color:#7d8d88}
.vsto-single-body h1{font-size:clamp(24px,3vw,32px);line-height:1.2;letter-spacing:-.8px;margin:0 0 12px;color:#1f2a26}
.vsto-single-price{margin:0 0 6px;font-size:28px;font-weight:750;letter-spacing:-.6px;color:#278361}
.vsto-single-place{margin:0 0 18px;font-size:14px;color:#6e7c77}
.vsto-single-specs{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0 0 20px;padding:0}
.vsto-single-specs li{padding:6px 11px;border:1px solid #dce7e2;border-radius:999px;font-size:13px;color:#3c544c;background:#fff}
.vsto-single-text{font-size:15px;line-height:1.7;color:#33433d}
.vsto-single-text p{margin:0 0 12px}
.vsto-single-faq{margin:26px 0 0}
.vsto-single-faq h2{font-size:19px;margin:0 0 12px}
.vsto-single-faq details{border-bottom:1px solid #e4ebe7;padding:11px 0}
.vsto-single-faq summary{cursor:pointer;font-weight:600;font-size:14px}
.vsto-single-faq p{margin:9px 0 0;font-size:14px;line-height:1.6;color:#5d6f69}
.vsto-single-seller{margin:22px 0 0;font-size:14px;color:#5d6f69}
.vsto-single-seller a{color:#278361}
.vsto-single-actions{margin:22px 0 0}
.vsto-single-cta{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 26px;border-radius:12px;background:#278361;color:#fff!important;font-size:15px;font-weight:650;text-decoration:none}
.vsto-single-cta:hover{background:#22634e}
@media(max-width:860px){.vsto-single-grid{grid-template-columns:1fr;gap:24px}}

/* Page Réglages : une colonne, des blocs nets, un enregistrement par bloc. */
.vsto-settings{max-width:720px}
.vsto-set-title{margin:0 0 24px}
.vsto-set-title h1{font-size:clamp(26px,3.4vw,34px);letter-spacing:-1px;margin:0 0 6px;color:#1f2a26}
.vsto-set-title p{margin:0;font-size:14px;line-height:1.6;color:#6e7c77}
.vsto-set-alert{margin:0 0 18px;padding:12px 15px;border-radius:11px;background:#fdeceb;color:#a32b21;font-size:14px}
.vsto-set-card{margin:0 0 18px;padding:24px;border:1px solid #e2eae6;border-radius:16px;background:#fff}
.vsto-set-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px;margin:0 0 18px}
.vsto-set-head h2{flex:1;min-width:0;font-size:18px;letter-spacing:-.4px;margin:0;color:#1f2a26}
.vsto-set-head p{flex:1 0 100%;margin:0;font-size:13px;line-height:1.6;color:#6e7c77}
.vsto-set-saved{flex:none;order:-1;margin:0!important;padding:4px 10px;border-radius:999px;background:#e8f6ee;color:#1c6141;font-size:12px;font-weight:600}
.vsto-set-field{display:block;margin:0 0 16px}
.vsto-set-field>span:first-child{display:block;margin:0 0 6px;font-size:13px;font-weight:600;color:#3c544c}
.vsto-set-field input[type=text],.vsto-set-field input[type=email],.vsto-set-field input[type=tel],.vsto-set-field input:not([type]),.vsto-set-field select,.vsto-set-field textarea{width:100%;box-sizing:border-box;padding:11px 13px;border:1px solid #dbe6ea;border-radius:11px;background:#fff;color:#203b48;font:15px inherit}
.vsto-set-field textarea{resize:vertical;line-height:1.6}
.vsto-set-url{display:flex;align-items:center;gap:0;border:1px solid #dbe6ea;border-radius:11px;overflow:hidden;background:#fff}
.vsto-set-url>span{flex:none;padding:11px 0 11px 13px;font-size:14px;color:#8a9793;white-space:nowrap}
.vsto-set-url input{flex:1;min-width:0;border:0!important;border-radius:0!important;padding-left:2px!important}
.vsto-set-switch{display:flex;align-items:center;gap:10px;margin:0 0 14px;font-size:15px;color:#1f2a26;cursor:pointer}
.vsto-set-switch input{width:18px;height:18px;accent-color:#278361}
.vsto-set-note{margin:0 0 14px;font-size:13px;line-height:1.6;color:#6e7c77}
.vsto-set-note a{color:#278361}
.vsto-set-remove{display:inline-flex;align-items:center;gap:7px;margin-top:9px;font-size:13px;color:#6e7c77}
.vsto-set-cover{height:120px;margin:0 0 10px;border-radius:12px;background:#eef3f0 center/cover no-repeat}
.vsto-set-cover.is-empty{border:1px dashed #cfdcd6}
.vsto-set-logo{display:flex;align-items:flex-start;gap:14px}
.vsto-set-avatar{flex:none;display:grid;place-items:center;width:64px;height:64px;border-radius:50%;overflow:hidden;background:#eef3f0;color:#3c544c;font-size:24px;font-weight:700}
.vsto-set-avatar img{width:100%;height:100%;object-fit:cover}
.vsto-set-card button[type=submit]{min-height:44px;padding:0 20px;border:0;border-radius:11px;background:#278361;color:#fff;font:650 14px inherit;cursor:pointer}
.vsto-set-card button[type=submit]:hover{background:#22634e}
@media(max-width:600px){.vsto-set-card{padding:18px}.vsto-set-card button[type=submit]{width:100%}}

/* Raccourcis : liste de liens sur grand écran, liste déroulante sur téléphone. */
.vsto-quickbar-select{display:none}
.vsto-quickbar-select select{width:100%;padding:8px 10px;border:1px solid #dbe6ea;border-radius:10px;background:#fff;color:#203b48;font:600 13px inherit}
.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:767px){
.vsto-navbar-links{display:none}
.vsto-quickbar-select{display:block;flex:1;min-width:0}
.vsto-quickbar-row{gap:8px}
.vsto-navbar-map{margin-right:0}
}
.vsto-card-menu .vsto-card-boost{font-weight:600;color:#8a5a00}
.vsto-card-menu .vsto-card-boost:hover{background:#fdf3dd}

/* Avatar du compte : l'image choisie par l'annonceur, sinon son initiale. */
.vsto-navbar-avatar,.vsto-quickbar-avatar{overflow:hidden;padding:0;cursor:pointer}
.vsto-avatar-image{width:100%;height:100%;object-fit:cover;display:block}
.vsto-avatar-initial{display:grid;place-items:center;width:100%;height:100%;font-size:15px;font-weight:700;color:#263c32}
button.vsto-navbar-avatar,button.vsto-quickbar-avatar{border:1px solid #dce3df;background:#f1f5f3}

/* Menu du compte. */
.vsto-account-menu{position:absolute;z-index:9999;min-width:238px;padding:6px;border:1px solid #e2eaed;border-radius:14px;background:#fff;box-shadow:0 18px 44px #14313c1f}
.vsto-account-menu[hidden]{display:none!important}
.vsto-account-head{display:flex;align-items:center;gap:11px;padding:10px 11px 12px;margin:0 0 6px;border-bottom:1px solid #eef3f5}
.vsto-account-avatar{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;overflow:hidden;background:#f1f5f3}
.vsto-account-head strong{display:block;font-size:14px;color:#1f2a26;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:160px}
.vsto-account-head span{display:block;font-size:12px;color:#8a9793;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:160px}
.vsto-account-menu a{display:block;padding:9px 11px;border-radius:8px;color:#203b48;font-size:14px;text-decoration:none}
.vsto-account-menu a:hover{background:#f1f6f7}
.vsto-account-menu .vsto-account-out{margin-top:6px;border-top:1px solid #eef3f5;border-radius:0 0 8px 8px;color:#b42318}
.vsto-account-menu .vsto-account-out:hover{background:#fdeceb}

/* Réglages : la page ne colle plus à la barre latérale et reste centrée. */
.vsto-settings{margin-left:auto;margin-right:auto;padding-left:max(28px,4vw);padding-right:max(28px,4vw)}
@media(max-width:600px){.vsto-settings{padding-left:16px;padding-right:16px}}

/* ---------------------------------------------------------------------------
   iOS zoome la page dès qu'un champ de saisie fait moins de 16 px, et ne
   revient jamais complètement en arrière : la page reste agrandie. On impose
   donc 16 px sur tous les champs des écrans tactiles — c'est le seul remède
   qui n'interdit pas au visiteur de zoomer lui-même.
   ------------------------------------------------------------------------ */
@media (max-width: 900px) {
	input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),
	select,
	textarea {
		font-size: 16px !important;
	}
}

/* Cloche de notifications : lisible sur ordinateur comme sur téléphone. */
.vsto-navbar-bell{position:relative;flex:none;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1px solid #dce3df;border-radius:50%;background:#f1f5f3;color:#263c32;cursor:pointer}
.vsto-navbar-bell:hover{background:#e4eee8;color:#08764b}
.vsto-navbar-bell:focus-visible{outline:3px solid #15966a;outline-offset:3px}
.vsto-bell-count{position:absolute;top:-2px;right:-2px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#d64b3c;color:#fff;font-size:11px;font-weight:700;line-height:18px;text-align:center}
.vsto-bell-count[hidden]{display:none!important}
.vsto-bell-panel{position:absolute;z-index:9999;width:min(340px,calc(100vw - 20px));border:1px solid #e2eaed;border-radius:14px;background:#fff;box-shadow:0 18px 44px #14313c1f;overflow:hidden}
.vsto-bell-panel[hidden]{display:none!important}
.vsto-bell-panel>header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 15px;border-bottom:1px solid #eef3f5}
.vsto-bell-panel>header strong{font-size:14px;color:#1f2a26}
.vsto-bell-panel>header a{font-size:13px;color:#278361;text-decoration:none}
.vsto-bell-list{max-height:min(60vh,420px);overflow-y:auto}
.vsto-bell-item{display:block;padding:12px 15px;border-bottom:1px solid #f1f5f3;color:#203b48;text-decoration:none}
.vsto-bell-item:last-child{border-bottom:0}
.vsto-bell-item:hover{background:#f7faf9}
.vsto-bell-item.is-new{background:#f2faf5}
.vsto-bell-item strong{display:block;font-size:14px;font-weight:600;margin:0 0 3px}
.vsto-bell-item span{display:block;font-size:13px;line-height:1.5;color:#6e7c77}
.vsto-bell-empty{margin:0;padding:28px 15px;text-align:center;font-size:14px;color:#8a9793}
.vsto-bell-more{margin:0;padding:12px;text-align:center;font-size:13px;color:#8a9793}
.vsto-bell-more[hidden]{display:none!important}
@media(max-width:600px){
.vsto-navbar-bell{width:38px;height:38px}
.vsto-navbar-bell svg{width:19px;height:19px}
.vsto-bell-panel{width:calc(100vw - 20px)}
}

/* Inscription : mot de passe, code de validation */
.vsto-auth-note{font-size:12px;color:#6b818b;margin:-8px 0 14px}
.vsto-auth-trap{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0}
.vsto-auth-error{margin:0 0 12px;padding:10px 12px;border-radius:10px;background:#fdecec;color:#9b1c1c;font-size:13px}
.vsto-auth-code{font-size:24px!important;letter-spacing:.4em;text-align:center}
.vsto-auth-link{border:0;background:0;padding:0;margin-top:6px;color:#278361;font:inherit;text-decoration:underline;cursor:pointer}
.vsto-code-page{max-width:420px;margin:24px auto 60px;padding:28px;border:1px solid #e3eaee;border-radius:16px;background:#fff}
.vsto-code-page h2{margin:0 0 8px;font-size:22px}
.vsto-code-page p{color:#5d7580;font-size:14px;line-height:1.6}
.vsto-code-page input[name=code]{width:100%;box-sizing:border-box;margin:8px 0 14px;padding:12px;border:1px solid #d6e1e5;border-radius:12px;font-size:24px;letter-spacing:.4em;text-align:center}
.vsto-code-hint{font-size:13px!important}
.vsto-code-error{padding:10px 12px;border-radius:10px;background:#fdecec;color:#9b1c1c!important}
.vsto-code-ok{padding:10px 12px;border-radius:10px;background:#e8f5ee;color:#1d6b4a!important}
.vsto-code-resend button{border:0;background:0;color:#278361;text-decoration:underline;cursor:pointer;font:inherit;margin-top:12px}

/* Logo envoyé depuis l'administration */
.vsto-brand-logo{display:block;height:34px;width:auto;max-width:170px;object-fit:contain}
.vsto-sidebar-brand .vsto-brand-logo{height:30px}

/* Barre d'action : connecté, sur mobile et tablette. La recherche se replie
   en icône ; un appui la déplie à la place des raccourcis. */
.vsto-dock .vsto-dock-actions,.vsto-dock button.vsto-dock-open,.vsto-dock button.vsto-dock-close{display:none}
@media(max-width:1024px){
.vsto-dock.vsto-dock--actions{opacity:1;visibility:visible;transform:translateX(-50%);width:auto;max-width:calc(100vw - 32px);gap:0;padding:0;height:52px;border:1px solid rgba(255,255,255,.42);background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,.04)),rgba(18,26,22,.48);-webkit-backdrop-filter:blur(22px) saturate(1.9) brightness(1.05);backdrop-filter:blur(22px) saturate(1.9) brightness(1.05);box-shadow:inset 0 1px 0 rgba(255,255,255,.55),inset 0 -1px 0 rgba(255,255,255,.14),inset 0 0 18px rgba(255,255,255,.08);overflow:hidden;isolation:isolate;transition:width .25s ease,background .25s ease}
.vsto-dock.vsto-dock--actions:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;background:radial-gradient(120% 90% at 30% -20%,rgba(255,255,255,.34),transparent 55%),radial-gradient(80% 70% at 90% 130%,rgba(255,255,255,.12),transparent 60%)}
.vsto-dock--actions:not(.is-searching)>svg,.vsto-dock--actions:not(.is-searching)>input,.vsto-dock--actions:not(.is-searching)>button[type=submit]{display:none}
.vsto-dock.vsto-dock--actions .vsto-dock-actions{display:flex;height:100%}
.vsto-dock--actions .vsto-dock-actions a,.vsto-dock.vsto-dock--actions button.vsto-dock-open{display:inline-flex;width:auto;align-items:center;justify-content:center;gap:7px;height:100%;min-width:48px;padding:0 13px;border:0;border-left:1px solid rgba(255,255,255,.2);border-radius:0;background:transparent;color:#fff!important;font-size:13px;font-weight:800;text-shadow:0 1px 2px rgba(0,0,0,.25);text-decoration:none;cursor:pointer;box-shadow:none}
.vsto-dock--actions .vsto-dock-actions>:first-child{border-left:0;padding-left:18px}
.vsto-dock.vsto-dock--actions button.vsto-dock-open{padding-right:18px}
.vsto-dock--actions .vsto-dock-actions a:active,.vsto-dock--actions .vsto-dock-open:active{background:rgba(255,255,255,.18)}
.vsto-dock--actions .vsto-dock-actions svg,.vsto-dock--actions .vsto-dock-open svg{filter:drop-shadow(0 1px 1px rgba(0,0,0,.25))}
.vsto-dock--actions.is-searching{width:min(520px,calc(100vw - 32px));padding:4px 4px 4px 16px;gap:8px}
.vsto-dock--actions.is-searching .vsto-dock-actions,.vsto-dock.vsto-dock--actions.is-searching button.vsto-dock-open{display:none}
.vsto-dock--actions.is-searching>svg{color:rgba(255,255,255,.8)}
.vsto-dock--actions.is-searching input::placeholder{color:rgba(255,255,255,.75)}
.vsto-dock--actions.is-searching>button[type=submit]{width:40px;height:40px;background:rgba(255,255,255,.22);box-shadow:inset 0 1px 0 rgba(255,255,255,.4)}
.vsto-dock.vsto-dock--actions.is-searching button.vsto-dock-close{display:inline-flex;width:40px;height:40px;background:transparent;border-radius:50%}
.vsto-dock.vsto-dock--actions:focus-within{background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,.04)),rgba(18,26,22,.5);border-color:rgba(255,255,255,.55)}
html[data-theme="dark"] .vsto-dock.vsto-dock--actions{background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.03)),rgba(10,14,12,.45)}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.vsto-dock.vsto-dock--actions{background:rgba(18,28,23,.92)}}
body:has(.vsto-dock--actions){padding-bottom:calc(84px + env(safe-area-inset-bottom))}
}

/* Barre d'action : avatar du compte, et jamais par-dessus une fenêtre ouverte. */
@media(max-width:1024px){
.vsto-dock.vsto-dock--actions .vsto-dock-actions .vsto-dock-profile{display:inline-flex;align-items:center;justify-content:center;width:auto;height:100%;min-width:48px;padding:0 13px;border:0;border-left:1px solid rgba(255,255,255,.2);border-radius:0;background:transparent;cursor:pointer;box-shadow:none}
.vsto-dock.vsto-dock--actions .vsto-dock-profile{color:#fff}
.vsto-dock--actions .vsto-dock-profile svg{filter:drop-shadow(0 1px 1px rgba(0,0,0,.25))}
.vsto-dock--actions .vsto-dock-publish svg{width:23px;height:23px}
}
@media(max-width:360px){.vsto-dock--actions .vsto-dock-actions a,.vsto-dock.vsto-dock--actions button.vsto-dock-open,.vsto-dock.vsto-dock--actions .vsto-dock-actions .vsto-dock-profile{min-width:44px;padding:0 11px}}
body:has(#vsto-map:not([hidden])) .vsto-dock,body:has(#vsto-modal:not([hidden])) .vsto-dock,body:has(.rbpa-modal.is-open) .vsto-dock,body:has(.vsto-auth[data-auth]:not([hidden])) .vsto-dock,body.vsto-auth-open .vsto-dock,body[style*="overflow: hidden"] .vsto-dock{display:none!important}

.vsto-auth-note{margin:4px 0 12px;padding:10px 12px;border-radius:10px;background:#fdf0ec;color:#a33b25;font-size:13px;font-weight:600;line-height:1.45}
.vsto-auth-note.is-ok{background:#e9f5ee;color:#1d6b4a}

/* Barre compacte, mobile et tablette : la cloche remplace « + », déjà dans la barre du bas. */
.vsto-quickbar-bell{display:none}
@media(max-width:1024px){
.vsto-quickbar-publish{display:none!important}
.vsto-quickbar-bell{position:relative;flex:none;display:none;align-items:center;justify-content:center;width:38px;height:38px;padding:0;border:1px solid #dfe8e2;border-radius:50%;background:#fff;color:#1c3328;cursor:pointer;box-shadow:none}
.vsto-quickbar-bell .vsto-bell-count{position:absolute;top:-4px;right:-4px}
}
html[data-theme="dark"] .vsto-quickbar-bell{background:#15211b;border-color:#2c3e35;color:#e4efe8}
body.vsto-navbell-away .vsto-quickbar-bell{display:inline-flex}
@media(min-width:1025px){.vsto-quickbar-bell{position:relative;flex:none;align-items:center;justify-content:center;width:38px;height:38px;padding:0;border:1px solid #dfe8e2;border-radius:50%;background:#fff;color:#1c3328;cursor:pointer;box-shadow:none}.vsto-quickbar-bell .vsto-bell-count{position:absolute;top:-4px;right:-4px}}
/* Mobile et tablette : « Publier » est déjà dans la barre du bas ; la barre du haut tient sur une ligne. */
@media(max-width:1024px){.vsto-navbar-publish{display:none!important}.vsto-navbar-brand{white-space:nowrap}}
@media(max-width:380px){.vsto-navbar-brand{font-size:16px}.vsto-navbar-actions{gap:6px!important}}

/* Pied de page du site */
.vsto-footer.vsto-footer--site{margin:48px 0 0;padding:0;border-top:1px solid #dfe8e2;background:#fff;color:#1c3328;font-size:14px;text-align:left}
.vsto-footer--site .vsto-footer-inner{display:grid;grid-template-columns:minmax(0,1.6fr) repeat(3,minmax(0,1fr));gap:32px;max-width:1280px;margin:0 auto;padding:40px 28px 32px;box-sizing:border-box}
.vsto-footer--site .vsto-footer-brand p{margin:14px 0 18px;max-width:360px;color:#66786d;line-height:1.6;font-size:14px}
.vsto-footer--site .vsto-footer-logo{display:inline-flex;align-items:center;gap:6px;color:#1c3328;text-decoration:none;font-size:20px;font-weight:750;letter-spacing:-.5px}
.vsto-footer--site .vsto-footer-logo img{max-height:36px;width:auto}
.vsto-footer--site .vsto-footer-cta{display:inline-flex;align-items:center;min-height:42px;padding:0 16px;border-radius:12px;background:#117c51;color:#fff!important;font-weight:700;font-size:14px;text-decoration:none;transition:background .2s}
.vsto-footer--site .vsto-footer-cta:hover{background:#0b5f3d}
.vsto-footer--site .vsto-footer-col h2{margin:4px 0 14px;font-size:12px;font-weight:750;letter-spacing:.7px;text-transform:uppercase;color:#66786d}
.vsto-footer--site .vsto-footer-col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.vsto-footer--site .vsto-footer-col a{color:#1c3328;text-decoration:none;font-weight:550}
.vsto-footer--site .vsto-footer-col a:hover{color:#117c51;text-decoration:underline;text-underline-offset:3px}
.vsto-footer--site a:focus-visible{outline:2px solid #1c3328;outline-offset:3px;border-radius:4px}
.vsto-footer--site .vsto-footer-bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 20px;max-width:1280px;margin:0 auto;padding:18px 28px calc(20px + env(safe-area-inset-bottom));border-top:1px solid #edf2ef;box-sizing:border-box;color:#66786d;font-size:13px}
.vsto-footer--site .vsto-footer-bottom p{margin:0}
.vsto-footer--site .vsto-footer-legal{display:flex;flex-wrap:wrap;gap:6px 18px}
.vsto-footer--site .vsto-footer-legal a{color:#66786d;text-decoration:none}
.vsto-footer--site .vsto-footer-legal a:hover{color:#1c3328;text-decoration:underline}
@media(max-width:900px){.vsto-footer--site .vsto-footer-inner{grid-template-columns:repeat(2,minmax(0,1fr))}.vsto-footer--site .vsto-footer-brand{grid-column:1/-1}}
@media(max-width:520px){.vsto-footer--site .vsto-footer-inner{grid-template-columns:1fr 1fr;gap:26px 18px;padding:30px 16px 24px}.vsto-footer--site .vsto-footer-bottom{padding-left:16px;padding-right:16px;flex-direction:column;align-items:flex-start}}
html[data-theme="dark"] .vsto-footer.vsto-footer--site{background:#15211b;border-color:#2c3e35;color:#e4efe8}
html[data-theme="dark"] .vsto-footer--site .vsto-footer-col a,html[data-theme="dark"] .vsto-footer--site .vsto-footer-logo{color:#e4efe8}
html[data-theme="dark"] .vsto-footer--site .vsto-footer-bottom{border-color:#2c3e35}
.vsto-sidebar-legal{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:6px;font-size:11px}
.vsto-sidebar-legal a{color:inherit;opacity:.8;text-decoration:none}
.vsto-sidebar-legal a:hover{opacity:1;text-decoration:underline}
@media print{.vsto-footer--site,.vsto-dock,.vsto-quickbar,.vsto-navbar{display:none!important}}
/* Logo de la navbar, plus présent sur ordinateur */
@media(min-width:1025px){
.vsto-navbar .vsto-navbar-brand{font-size:29px;gap:11px}
.vsto-navbar .vsto-navbar-brand .vsto-logo{width:42px;height:42px;font-size:29px;border-radius:12px}
.vsto-navbar .vsto-brand-logo{height:48px;max-width:260px}
}