body {
	  font-family: 'Inter', sans-serif;
	  background: linear-gradient(135deg, #f9f9f9, #ececec);
	  color: #111;
	  margin: 0;
	  padding: 0;
	}

	/* ====== HEADER ====== */
	header {
	  background-color: #1f1f1fed;
	  color: #fff;
	  padding: 1em;
	  text-align: center;
	}

	/* ====== NAVBAR ====== */
	.nav_main {
	  background: #c4145a;
	  padding: 0.5em;
	  text-align: center;
	  box-shadow: 0 2px 10px rgba(0,0,0,0.15);
	}

	.nav_main a {
	  color: white;
	  margin: 0 1em;
	  text-decoration: none;
	  font-weight: bold;
	  transition: color 0.2s ease;
	}

	.nav_main a:hover {
	  color: #ffd6dd;
	}

	@media (max-width: 768px) {
		.nav_main a {
			margin: 0em;
		}
	}

	.nav_modes {
	  /*background: #c4145a;*/
	  padding: 0.5em;
	  text-align: center;
	  /*box-shadow: 0 2px 10px rgba(0,0,0,0.15);*/
	}

	.nav_modes a {
	  color: #c4145a;
	  margin: 0 1em;
	  text-decoration: none;
	  font-weight: bold;
	  transition: color 0.2s ease;
	}

	.nav_modes a:hover {
	  color: #ffd6dd;
	}


	/* ====== FILTRI ====== */
	.filters {
	  padding: 1em;
	  text-align: center;
	}

	.filters form {
	  display: inline-block;
	}

	input[type="text"], select {
	  padding: 0.6em 1em;
	  font-size: 1em;
	  border: 1px solid #ddd;
	  border-radius: 30px;
	  outline: none;
	  transition: all 0.2s ease-in-out;
	  /*background-color: #fff;*/
	  width: 250px;
	}

	input[type="text"]:focus, select:focus {
	  border-color: #c4145a;
	  box-shadow: 0 0 8px rgba(230, 0, 35, 0.2);
	}

	/* ====== GRIGLIA ====== */
	.grid {
	  display: grid;
	  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
	  gap: 1em;
	  padding-top: 1em;
	  padding-bottom: 1em;
	  margin-left: 16em;
	  margin-right: 16em;
	  /* padding-right: 16em; */
	  /*padding-left: 16em; */
	}

	/* ====== CARD ====== */
	.card {
	  /*background: rgba(255, 255, 255, 0.9);*/
	  backdrop-filter: blur(6px);
	  /*border: 1px solid #ddd;
	  border-radius: 12px;
	  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);*/
	  /*padding: 12px;*/
	  transition: transform 0.2s ease-in-out, box-shadow 0.2s ease;
	  animation: fadeInUp 0.5s ease forwards;
	  opacity: 0;
	}

	.card:hover {
	  transform: scale(1.03);
	  /*box-shadow: 0 6px 14px rgba(0, 0, 0, 0.12);*/
	}

	/*
	.card img {
	  width: 100%;
	  border-radius: 10px;
	  object-fit: cover;
	  aspect-ratio: 4 / 3;
	  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
	}*/

	.card h3 {
	  margin: 0.5em 0 0.2em;
	  color: #c4145a;
	}

	.platform {
	  font-size: 0.8em;
	  color: #555;
	}

	.tags {
	  font-size: 0.9em;
	  color: #777;
	  margin-bottom: 0.5em;
	}

	/* ====== BUTTON ====== */
	.btn {
	  background: linear-gradient(135deg, #c4145a, #c1001b);
	  color: white;
	  font-weight: bold;
	  padding: 0.6em 1.2em;
	  border-radius: 30px;
	  text-decoration: none;
	  display: inline-block;
	  margin-top: 8px;
	  transition: all 0.3s ease-in-out;
	  box-shadow: 0 4px 10px rgba(230, 0, 35, 0.2);
	}

	.btn:hover {
	  background: #a00018;
	  transform: translateY(-2px);
	  box-shadow: 0 6px 14px rgba(230, 0, 35, 0.3);
	}

	/* ====== BADGE ====== */
	.badge {
	  display: inline-block;
	  padding: 0.25em 0.6em;
	  font-size: 0.75em;
	  border-radius: 4px;
	  color: #fff;
	  font-weight: bold;
	  margin-bottom: 0.5em;
	}
	
	.pagination {
	  display: flex;
	  justify-content: center;
	  align-items: center;
	  margin: 2em 0;
	  gap: 0.4em;
	  font-family: 'Inter', sans-serif;
	}

	.pagination a,
	.pagination span.dots {
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  min-width: 30px;
	  height: 38px;
	  text-decoration: none;
	  background: #f4e0e7; /* rosa chiaro */
	  color: #111;
	  font-weight: 600;
	  border-radius: 6px;
	  font-size: 1em;
	  transition: all 0.2s ease;
	}

	.pagination a:hover:not(.active):not(.disabled) {
	  background: #f2b7c8;
	}

	.pagination a.active {
	  background: #c4145a;
	  color: white;
	  cursor: default;
	}

	.pagination a.disabled {
	  opacity: 0.4;
	  pointer-events: none;
	}

	.pagination span.dots {
	  background: transparent;
	  color: #888;
	  cursor: default;
	}

	.badge-f { background-color: #c4145a; }
	.badge-m { background-color: #5045e4d6; }
	.badge-c { background-color: #555; }
	.badge-t { background-color: #2524249f; }
	
	.site-header {
	  background: #1f1f1fed;
	  height: 85px; /* altezza fissa più bassa */
	  display: flex;
	  align-items: center;
	}

	/*
	.site-header .container {
	  display: flex;
	  align-items: center;
	  justify-content: flex-start;
	  width: 100%;
	  padding-left: 20px;
	  position: absolute;
	}*/

	.site-header {
		display: flex;
		align-items: center;
		justify-content: flex-start;
		/*width: 100%;*/
		padding-left: 20px;
	}

	.container {
		display: flex;
		align-items: center;
		justify-content: flex-start;
		padding-left: 90px;
		position: absolute;
	}
	

	.site-logo {
	  height: 200px;  /* dimensione fissa */
	  width: auto;   /* mantiene proporzioni corrette */
	}
	
	.hero {
	  background: linear-gradient(135deg, #ffeef3, #f9f9f9);
	  text-align: center;
	  padding: 1em 1em 1em;
	  border-bottom: 1px solid #e4e4e4;
	}

	.hero-content h1 {
	  font-size: 2.2em;
	  font-weight: 700;
	  color: #c4145a;
	  margin-bottom: 0.5em;
	}

	.hero-content p {
	  font-size: 1.1em;
	  color: #444;
	  margin-bottom: 1.5em;
	}

	.heroCenter {
	  text-align: center;
	  padding: 1em 1em 1em;
	  min-height: 600px;
	}

	.heroCenter-content h1 {
	  font-size: 2.2em;
	  font-weight: 700;
	  color: #c4145a;
	  margin-bottom: 0.5em;
	}

	.heroCenter-content p {
	  font-size: 1.1em;
	  color: #444;
	  margin-bottom: 1.5em;
	}

	.btn-hero {
	  background: #c4145a;
	  color: white;
	  font-weight: bold;
	  padding: 0.8em 1.6em;
	  border-radius: 30px;
	  text-decoration: none;
	  display: inline-block;
	  transition: all 0.3s ease-in-out;
	  box-shadow: 0 4px 10px rgba(230, 0, 35, 0.2);
	}

	.btn-hero:hover {
	  background: #a00018;
	  transform: translateY(-2px);
	  box-shadow: 0 6px 14px rgba(230, 0, 35, 0.3);
	}
	
	.telegram-inline {
	  margin-top: 1.5em;
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  gap: 8px;
	}

	.telegram-inline img {
	  width: 28px;
	  height: 28px;
	}

	.telegram-inline a {
	  color: #0088cc;
	  font-weight: 600;
	  text-decoration: none;
	  font-size: 1.05em;
	}

	.telegram-inline a:hover {
	  text-decoration: underline;
	}
	
	.telegram-floating {
		position: fixed;
		bottom: 20px;
		right: 20px;
		background: #0088cc;
		border-radius: 50%;
		width: 50px;
		height: 50px;
		display: flex;
		justify-content: center;
		align-items: center;
		box-shadow: 0 4px 10px rgba(0,0,0,0.25);
		z-index: 999;
		transition: transform 0.2s ease, background 0.2s ease;
	}

	.telegram-floating img {
	  width: 100%;
	  height: 100%;
	}

	.telegram-floating:hover {
	  background: #0077b3;
	  transform: scale(1.05);
	}


	.age-modal {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,0.92); /* più scuro */
		backdrop-filter: blur(4px);
		display: none;
		justify-content: center;
		align-items: center;
		z-index: 9999;
	}

	.age-modal__body {
		grid-template-columns: 1.2fr 1fr;
		gap: 16px; padding: 18px;
		max-height: 600px;
		background: white;
		border-radius: 10px;
		text-align: center;
	}

	.age-modal.show { display: flex; }

	.age-buttons {
		display: flex;
		flex-direction: column;
		gap: 1em;
	}

	.age-buttons .btn {
		background: #c4145a;
		color: #fff;
		font-weight: bold;
		border-radius: 8px;
		padding: 0.8em 1em;
		font-size: 1em;
		cursor: pointer;
		border: none;
	}

	.age-buttons .btn:hover {
		background: #c1001b;
	}

	.age-buttons .btn-exit {
		background: #ddd;
		color: #111;
		font-weight: bold;
		border-radius: 8px;
		padding: 0.8em 1em;
		font-size: 1em;
		cursor: pointer;
		border: none;
	}

	.age-buttons .btn-exit:hover {
		background: #bbb;
	}

	/* ===== MODALE INFO MODELLO ===== */
	.model-modal { display: none; position: fixed; inset: 0; z-index: 9999; }
	.model-modal.is-open { display: block; }

	.model-modal__backdrop {
		position: absolute; inset: 0;
		background: rgba(0,0,0,0.85);
		backdrop-filter: blur(4px);
	}

	.model-modal__dialog {
		position: relative;
		background: #fff;
		color: #111;
		max-width: 900px;
		margin: 5vh auto;
		border-radius: 12px;
		box-shadow: 0 8px 30px rgba(0,0,0,0.25);
		overflow: hidden;
	}

	.model-modal__close {
		position: absolute; top: 10px; right: 12px;
		background: transparent; border: none; color: #999;
		font-size: 28px; font-weight: 700; cursor: pointer;
	}
	.model-modal__close:hover { color: #c4145a; }

	.model-modal__body {
		display: grid;
		grid-template-columns: 1.2fr 1fr;
		gap: 16px; 
		padding: 18px;
		max-height: 600px;
	}

	.geo-modal__body {
		gap: 16px; padding: 18px;
		max-height: 600px;
		text-align: center;
	}

	.geo-modal__dialog {
		position: relative;
		background: #fff;
		color: #111;
		max-width: 900px;
		margin: 15vh auto;
		border-radius: 12px;
		box-shadow: 0 8px 30px rgba(0,0,0,0.25);
		overflow: hidden;
	}

	.model-modal__left img {
		width: 100%; height: auto; border-radius: 10px;
		box-shadow: 0 2px 8px rgba(0,0,0,0.12);
	}

	.model-modal__right h2 {
		margin: 0 0 6px; color: #c4145a;
	}
	.mm-meta { font-size: 0.95em; color: #444; margin-bottom: 14px; }
	.mm-meta span { display: inline-block; margin-right: 10px; }

	.model-modal__similar { padding: 0 18px 18px; }
	.model-modal__similar h3 { margin: 8px 0 12px; }

	.similar-grid {
		display: grid;
		grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
		gap: 10px;
	}
	.similar-grid a {
		display: block; text-decoration: none;
	}
	.similar-grid img {
		width: 100%; border-radius: 8px; display: block;
		box-shadow: 0 2px 8px rgba(0,0,0,0.12);
		transition: transform .2s ease;
	}
	.similar-grid img:hover { transform: scale(1.03); }

	/* Bottoncini coerenti */
	.btn-live {
		background: linear-gradient(135deg, #c4145a, #c1001b);
		color: #fff; font-weight: 700; border-radius: 30px;
		padding: .6em 1.2em; text-decoration: none;
		display: inline-block; box-shadow: 0 4px 10px rgba(230,0,35,.2);
		transition: all .2s ease;
	}
	.btn-live:hover { background: #a00018; transform: translateY(-2px); }

	.btn-info {
		background: #c4145a; color: #fff; font-weight: 700; border-radius: 30px;
		padding: .6em 1.2em; border: none; cursor: pointer;
		transition: all .2s ease;
	}
	.btn-info:hover { background: #333; transform: translateY(-2px); }

	.similar-item {
		display: block;
		text-decoration: none;
		color: inherit;
	}

	.similar-thumb {
		position: relative;
		border-radius: 8px;
		overflow: hidden;
		box-shadow: 0 2px 8px rgba(0,0,0,0.12);
	}

	.similar-thumb img {
		width: 100%;
		height: auto;
		display: block;
	}

	.similar-viewers {
		position: absolute;
		bottom: 6px;
		right: 6px;
		background: rgba(0,0,0,0.75);
		color: #fff;
		font-size: 12px;
		padding: 3px 6px;
		border-radius: 999px;
		display: flex;
		align-items: center;
		gap: 4px;
	}

	.similar-username {
		margin-top: 6px;
		font-size: 0.95em;
		font-weight: 600;
		color: #111;
		text-align: center;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	/* Responsive modale */
	@media (max-width: 768px) {
		.model-modal__dialog { 
			width: 92%; 
			margin: 3vh auto; 
		}
		.model-modal__body { 
			grid-template-columns: 1fr;
			padding-top:50px; 
		}
		.model-modal__left img {
			border: 1px solid rgb(159, 0, 69) 
		}
	}



	.sidebar-toggle {
		position: absolute;
		top: 10px;
		left: 10px;
		/*z-index: 10001;*/
		background: #c4145a;
		color: #fff;
		border: none;
		border-radius: 8px;
		padding: 0.6em 0.9em;
		font-size: 24px;
		font-weight: bold;
		cursor: pointer;
		box-shadow: 0 4px 10px rgba(230,0,35,0.25);
		transition: background 0.2s ease, transform 0.2s ease;
	}
	.sidebar-toggle:hover {
		background: #a00018;
		transform: scale(1.05);
	}
	.sidebar-toggle.hidden {
		display: none;
	}

	/* Sidebar */
	.sidebar {
		position: fixed;
		top: 0;
		left: 0;
		height: 100vh;
		width: 280px;
		background: #fff;
		color: #111;
		z-index: 10000;
		border-right: 1px solid #eee;
		box-shadow: 4px 0 24px rgba(0,0,0,0.08);
		transform: translateX(-105%);
		transition: transform 0.25s ease;
		display: flex;
		flex-direction: column;
	}
	.sidebar.open {
		transform: translateX(0);
	}

	/* Backdrop */
	.sidebar-backdrop {
		position: fixed;
		inset: 0;
		z-index: 9999;
		background: rgba(0,0,0,0.4);
		display: none;
	}
	.sidebar-backdrop.show {
		display: block;
	}

	/* Header Sidebar */
	.sidebar-header {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 14px 16px;
		border-bottom: 1px solid #eee;
	}
	.sidebar-header h3 {
		margin: 0;
		font-size: 1.1em;
		color: #c4145a;
	}
	.sidebar-close {
		background: transparent;
		border: none;
		font-size: 22px;
		cursor: pointer;
		color: #666;
	}
	.sidebar-close:hover {
		color: #c4145a;
	}

	/* Corpo Sidebar */
	.sidebar-body {
		flex: 1;
		overflow-y: auto;
		padding: 8px 12px;
	}

	/* Sezioni */
	.filter-section {
		margin-bottom: 14px;
	}
	.filter-section h4 {
		font-size: 0.95em;
		margin: 8px 0;
		color: #333;
		border-bottom: 1px solid #eee;
		padding-bottom: 4px;
	}
	.filter-scroll {
		max-height: 150px; /* Scroll dedicato per ogni sezione */
		overflow-y: auto;
		padding-right: 6px;
	}

	/* Tag */
	.tag-list {
		display: grid;
		gap: 6px;
	}
	.tag-item {
		display: grid;
		grid-template-columns: 20px 1fr auto;
		align-items: center;
		gap: 6px;
		padding: 4px 6px;
		border: 1px solid #eee;
		border-radius: 6px;
		background: #fafafa;
		font-size: 0.85em;
	}
	.tag-item:hover {
		background: #f4e0e7;
	}
	.tag-count {
		background: #f4e0e7;
		font-size: 11px;
		padding: 2px 6px;
		border-radius: 999px;
	}

	/* Quando sidebar aperta: griglia spostata */
	/*
	body.sidebar-open #main-content {
		transform: translateX(280px);
		transition: transform 0.25s ease;
	}
		*/



		/* ===== Language Switcher ===== */
	.lang-switch {
		position: absolute;
		top: 10px;
		right: 12px;
		/*z-index: 11000;*/
		font-family: 'Inter', sans-serif;
	}

	.lang-switch-modal {
		top: 10px;
		right: 12px;
		/*z-index: 11000;*/
		font-family: 'Inter', sans-serif;
		text-align:left;
	}

	.lang-trigger {
		display: inline-flex;
		align-items: center;
		gap: 6px;
		padding: 6px 10px;
		border: 1px solid #ddd;
		background: #fff;
		border-radius: 10px;
		cursor: pointer;
		box-shadow: 0 2px 8px rgba(0,0,0,.08);
		transition: border-color .2s ease, transform .1s ease;
	}
	.lang-trigger:hover { border-color: #c4145a; }
	.lang-trigger:active { transform: scale(0.98); }

	.lang-trigger .flag { width: 18px; height: 18px; border-radius: 2px; }
	.lang-trigger .abbr { font-weight: 700; font-size: 13px; color: #333; letter-spacing: .3px; }
	.lang-trigger .chevron { font-size: 12px; color: #666; }

	.lang-menu {
		position: absolute;
		top: 42px;
		right: 0;
		background: #fff;
		border: 1px solid #eee;
		border-radius: 10px;
		box-shadow: 0 8px 24px rgba(0,0,0,.12);
		list-style: none;
		margin: 6px 0 0;
		padding: 6px;
		min-width: 120px;
		display: none;
	}
	.lang-menu.show { display: block; }

	.lang-menu-modal {
		top: 42px;
		right: 0;
		background: #fff;
		border: 1px solid #eee;
		border-radius: 10px;
		box-shadow: 0 8px 24px rgba(0,0,0,.12);
		list-style: none;
		margin: 6px 0 0;
		padding: 6px;
		min-width: 120px;
		display: none;
	}
	.lang-menu-modal.show { display: block; }

	.lang-option {
		display: flex;
		align-items: center;
		gap: 8px;
		padding: 6px 8px;
		border-radius: 8px;
		cursor: pointer;
		font-weight: 600;
		font-size: 13px;
		color: #333;
	}
	.lang-option img { width: 18px; height: 18px; border-radius: 2px; }
	.lang-option:hover { background: #f4e0e7; }

	/* Mobile: ancora più compatto */
	@media (max-width: 480px) {
	.lang-trigger { padding: 6px 8px; }
	.lang-trigger .abbr { font-size: 12px; }
	.lang-menu { min-width: 110px; }
	.lang-option { padding: 6px; font-size: 12px; }
	.lang-option img { width: 16px; height: 16px; }
	}



	
	/* ====== ANIMAZIONI ====== */
	@keyframes fadeInUp {
	  0% {
		opacity: 0;
		transform: translateY(20px);
	  }
	  100% {
		opacity: 1;
		transform: translateY(0);
	  }
	}

	/* ====== RESPONSIVE ====== */
	@media screen and (max-width: 768px) {
	  .grid {
		grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
		padding: 0.5em;
		gap: 0.5em;
		margin-left: 0em;
	  	margin-right: 0em;
	  }
	  header, nav {
		font-size: 0.9em;
	  }
	  .card h3 {
		font-size: 1em;
	  }
	  .btn {
		font-size: 0.85em;
		padding: 0.4em 0.8em;
	  }
	  .filters form {
		display: block;
		margin: 0 auto;
		width: 100%;
		padding: 0.5em;
	  }
	  .filters input, .filters select, .filters button {
		width: 50%;
		margin-bottom: 0.5em;
	  }
	}
	
	
	@media screen and (max-width: 768px) {
	  .hero-content h1 { font-size: 1.6em; }
	  .hero-content p { font-size: 1em; }
	}

	/*body.hydrating #modelli { visibility: hidden; } */


	/* FOOTER CSS */

	.site-footer{
		background:#1f1f1fed;
		color:#ddd;
		margin-top:40px;
		padding:32px 20px 16px;
		border-top:1px solid #2a2a2a;
	}
	.footer-inner{
		max-width:1200px;
		margin:0 auto;
		display:grid;
		grid-template-columns: repeat(4,1fr);
		gap:24px;
	}
	.footer-col h4{
		color:#fff;
		margin:0 0 12px;
		font-size:16px;
	}
	.footer-col ul{ list-style:none; padding:0; margin:0; }
	.footer-col li{ margin:8px 0; }
	.footer-col a{
		color:#c12faef0; text-decoration:none; font-size:14px;
		font-family: 'Inter', sans-serif;
	}
	/* .footer-col a:hover{ text-decoration:underline; } */

	.footer-bottom{
		max-width:1200px; margin:16px auto 0;
		padding-top:12px; border-top:1px solid #2a2a2a;
		font-size:13px; color:#aaa; text-align:center;
	}

	@media (max-width:900px){
		.footer-inner{ grid-template-columns: repeat(2,1fr); }
	}
	@media (max-width:520px){
		.footer-inner{ grid-template-columns: 1fr; }
	}

	/* LEGAL PAGE */

	.legal-page .container { max-width: 900px; margin: 24px auto; }



	/* ===== Cookie banner/panel ===== */
	.cc-banner{
		position:fixed; left:0; right:0; bottom:0; z-index:10000;
		background:#111; color:#eee; padding:12px 14px; box-shadow:0 -6px 20px rgba(0,0,0,.25);
		font-size:14px;
	}
	.cc-inner{max-width:1100px;margin:0 auto;display:flex;gap:16px;align-items:center;justify-content:space-between}
	.cc-text p{margin:6px 0}
	.cc-text a{color:#c12faef0;text-decoration:none}
	.cc-actions{display:flex;gap:8px;flex-wrap:wrap}
	.cc-btn{border:none;border-radius:8px;padding:8px 12px;cursor:pointer;font-weight:700}
	.cc-accept{background:#1ea672;color:#fff}
	.cc-reject{background:#444;color:#fff}
	.cc-manage{background:#fff;color:#111}

	.cc-panel{position:fixed;inset:0;background:rgba(0,0,0,.6);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:10001}
	.cc-panel-dialog{background:#fff;color:#111;min-width:280px;max-width:520px;width:92%;border-radius:12px;padding:16px;box-shadow:0 10px 30px rgba(0,0,0,.25)}
	.cc-panel h3{margin:0 0 8px}
	.cc-row{margin:10px 0}
	.cc-panel-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:12px}
	@media (max-width:560px){
		.cc-inner{flex-direction:column;align-items:flex-start}
	}

	/* HOT IT WORKS */

	.why-register-block{
	display:grid; grid-template-columns: 1.2fr .8fr; gap:24px;
	background:#1f1f1fed; color:#eee; border-radius:14px; padding:16px 18px; margin:22px 0;
	border:1px solid #222; box-shadow: 0 10px 24px rgba(0,0,0,.18) inset;
	}
	.why-register-block h3{ margin:0 0 10px; color:#fff; }
	.why-register-block ul{ margin:0 0 12px; padding-left:18px; }
	.why-register-block li{ margin:6px 0; }
	.why-register-block .btn{ margin-top:4px; }
	.why-register-block .disclaimer{ font-size:12px; color:#bbb; margin-top:8px; }
	.why-visual{ width:100%; height:120px; border-radius:10px; background:linear-gradient(135deg,#e60023 0,#ff6a8f 100%); opacity:.85; }
	@media (max-width:820px){
	.why-register-block{ grid-template-columns:1fr; }
	.why-visual{ height:80px; }
	}

	.cta-inline{
		display:flex; gap:8px; align-items:center; justify-content:center;
		background:#1f1f1fed; color:#ddd; border:1px solid #222; border-radius:10px; padding:10px; margin:12px 0 18px;
	}
	.cta-inline a{ color:#c12faef0; font-weight:700; text-decoration:none; margin-left:6px; }
	.cta-inline a:hover{ text-decoration:underline; }


	/* ===== Ad slots ===== */
	.ad-slot {
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.ad-left, .ad-right {
		/*position: absolute;*/
		top: 520px;       /* distanza dall’alto */
		width: 230px;
		height: auto;
		align-self: start; /* li allinea in alto rispetto al contenitore */
	}

	/* posizionamento accanto alla griglia */
	.ad-left  { float: left;  margin-left: 10px; }
	.ad-right { float: right; margin-right: 10px; }

	.ad-bottom {
		margin: 18px auto 12px;
		max-width: 728px;      /* 728x90 oppure 468x60 */
		min-height: 90px;      /* evita “saltelli” in attesa del caricamento */
	}

	/* Ad box “contenitore” per i banner immagine */
	.ad-box {
		border: 1px solid #222;
		border-radius: 10px;
		padding: 6px;
		box-shadow: 0 8px 22px rgba(0,0,0,.15);
	}

	/* Responsiveness: nascondi laterali su schermi stretti */
	@media (max-width: 1280px) {
		.ad-left, .ad-right { display: none; }
		.ad-bottom { max-width: 468px; min-height: 60px; }
	}

	/* Su mobile solo bottom */
	@media (max-width: 768px) {
		.ad-left, .ad-right { display: none !important; }
		.ad-bottom { max-width: 320px; min-height: 50px; }
	}


	/* SIDEBAR ACTIONS */

	.sidebar-actions {
		position: sticky;
		bottom: 0;
		background: #fff;
		padding: 10px 12px;
		border-top: 1px solid #eee;
	}

	.btn-apply {
		width: 100%;
		display: inline-block;
		padding: 10px 14px;
		border: none;
		border-radius: 8px;
		font-weight: 700;
		cursor: pointer;
		background: #c4145a;
		color: #fff;
		box-shadow: 0 4px 10px rgba(230,0,35,.20);
		transition: opacity .2s, transform .05s;
	}
	.btn-apply:disabled {
		opacity: .5;
		cursor: default;
		box-shadow: none;
	}
	.btn-apply:not(:disabled):active {
		transform: translateY(1px);
	}

	/* Pulsante reset dentro sidebar */
	.btn-reset{
		width:100%;
		margin-top:10px;
		padding:10px 14px;
		border:1px solid #ddd;
		background:#fff;
		color:#333;
		border-radius:8px;
		font-weight:700;
		cursor:pointer;
		transition:background .2s, color .2s, border-color .2s;
	}
	.btn-reset:hover{ background:#f7f7f7; border-color:#ccc; }

	.btn-search {
		/* width: 100%; */
		display: inline-block;
		padding: 10px 14px;
		border: none;
		border-radius: 8px;
		/* font-weight: 700; */
		cursor: pointer;
		background: #c4145a;
		color: #fff;
		box-shadow: 0 4px 10px rgba(230, 0, 35, .20);
		/* transition: opacity .2s, transform .05s; */
	}

	.btn-search2 {
		/* width: 100%; */
		display: inline-block;
		padding: 10px 10px;
		border: none;
		border-radius: 30px;
		/* font-weight: 700; */
		cursor: pointer;

		color: #fff;

		/* transition: opacity .2s, transform .05s; */
	}


	/* BADGE FILTRI ATTIVI */

	.filter-badge {
		position: absolute;
		top: -6px;
		right: -6px;
		background: #c4145a;  /* rosa/rosso del tema */
		color: #fff;
		border: 2px solid #ddd;
		border-radius: 999px;
		padding: 2px 6px;
		font-size: 12px;
		font-weight: 700;
		line-height: 1;
		min-width: 20px;
		text-align: center;
		box-shadow: 0 2px 8px rgba(0,0,0,.2);
		display: none; /* nascosto quando count = 0 */
	}

	/* quando attivo */
	.filter-badge.show { display: inline-block; }

	/* TAGS SUL MODALE */

	.chip-list {display:flex;
		flex-wrap:wrap;
		gap:6px;
		margin-top:6px
	}
	.chip{
		background:#f4e0e7;
		color:#c4145a;
		padding:4px 8px;
		border-radius:999px;
		font-size:12px;
		font-weight:600;
	}
	.chip-muted {
		color:#888;
		font-size:12px}
	.chip-more {
		color:#ecbcbc;
		background-color: #333;
		font-size:12px;
		text-decoration:none;
	}

	/* SCROLL MODALE */

	/* ===== Modal: contenitore/pannello ===== */
	#model-info-modal .model-modal__panel{
		width: min(880px, 92vw);
		/* Limita l’altezza del pannello e rendi il contenuto interno scrollabile */
		max-height: min(92vh, 900px);
		display: flex;
		flex-direction: column;
		overflow: hidden; /* il body interno scrollerà */
	}

	/* Area contenuti che deve scorrere verticalmente */
	#model-info-modal .model-modal__body{
		overflow-y: auto;
		padding-right: 6px; /* piccolo spazio per non attaccare la scrollbar al testo */
	}

	/* Migliora lo scroll su mobile */
	#model-info-modal .model-modal__body{
		-webkit-overflow-scrolling: touch;
	}

	/* Opzionale: stile sottile per la scrollbar (browser che lo supportano) */
	#model-info-modal .model-modal__body::-webkit-scrollbar{ 
		width: 8px; 
	}
	#model-info-modal .model-modal__body::-webkit-scrollbar-thumb{
		background: rgba(0,0,0,.25);
		border-radius: 8px;
	}

	/* ===== Sezione simili: scroll orizzontale ===== */
	#mm-similar{
	  display: flex;
	  gap: 12px;
	  overflow-x: auto;
	  overflow-y: hidden;
	  padding: 6px 2px 10px;
	  scroll-snap-type: x mandatory;
	  -webkit-overflow-scrolling: touch;
	}

	/* Card compatte e “snap” all’inizio */
	#mm-similar .mm-similar-card{
	  flex: 0 0 180px;            /* larghezza fissa, cambia se vuoi 160/200 */
	  scroll-snap-align: start;
	  border-radius: 10px;
	  background: #111;
	  border: 1px solid #222;
	  text-decoration: none;
	  color: #eee;
	  overflow: hidden;
	  box-shadow: 0 6px 16px rgba(0,0,0,.2);
	}
	#mm-similar .mm-similar-card img{
	  width: 100%;
	  height: 120px;
	  object-fit: cover;
	  display: block;
	}
	#mm-similar .mm-similar-meta{
	  display: flex;
	  justify-content: space-between;
	  align-items: center;
	  gap: 6px;
	  padding: 6px 8px 8px;
	  font-size: 12px;
	}
	#mm-similar .mm-similar-name{
	  font-weight: 700;
	  overflow: hidden;
	  white-space: nowrap;
	  text-overflow: ellipsis;
	  max-width: 120px;
	}
	#mm-similar .mm-similar-views{ opacity:.8; }

	/* Nascondi la scrollbar orizzontale (se vuoi più pulito) */
	#mm-similar::-webkit-scrollbar{ height: 8px; }
	#mm-similar::-webkit-scrollbar-thumb{
	  background: rgba(0,0,0,.25);
	  border-radius: 8px;
	}
	#mm-similar{ scrollbar-width: thin; scrollbar-color: rgba(0,0,0,.25) transparent; }

	/* ===== Responsive ===== */
	@media (max-width: 640px){
	  #model-info-modal .model-modal__panel{
		width: 96vw;
		max-height: 96vh; /* quasi full-screen su mobile */
		border-radius: 12px;
	  }
	  #mm-similar .mm-similar-card{
		flex-basis: 160px; /* un po’ più strette su mobile */
	  }
	}

	/* GENDER TABS */
/*
	.gender-tabs{
		color: white;
		margin: 0 1em;
		text-decoration: none;
		font-weight: bold;
		transition: color 0.2s ease;
	}
*/
	.gender-tab{
		position:relative;
		display:inline-flex;
		align-items:center;
		gap:.45rem;
		padding:.5rem .9rem;
		margin:.15rem .35rem;
		font-weight:800;
		color:#fff;
		border:1px solid transparent;
		border-radius:999px;
		background:rgba(255,255,255,.06);
		text-decoration:none;
		transition:transform .08s ease, background .15s ease, border-color .2s ease;
	}
	.gender-tab:hover{
		background:rgba(255,255,255,.14);
		border-color:rgba(255,255,255,.28);
	}
	.gender-tab:active{
		transform:translateY(1px);
	}
	.gender-tab:focus-visible{
		outline:none;
		box-shadow:0 0 0 3px rgba(255,255,255,.45);
	}
	.gender-tab.active{
		background:#fff;
		color:var(--brand);
		border-color:#fff;
	}
	.gender-tab .gt-ic{
		display:inline-grid;
		place-items:center;
		width:18px;
		height:18px;
		line-height:1;
	}

	@media (max-width: 768px) {
		.gender-tab {
			margin: 0em;
			padding-left: 10px;
			padding-right: 10px;
			padding-top: 5px;
			padding-bottom: 5px;
		}
	}

	
	.sortbar{
		/*display:flex; */
		align-items:center; 
		gap:.5rem;
		margin: .5rem 0 1rem 0;
	}
	.sort-label{
		font-size:.9rem; opacity:.8;
	}
	.sort-select{
		appearance:none;
		padding:.5rem .75rem;
		border:1px solid #ddd;
		background: rgba(255,255,255,.06);
		color:#c4145a;
		border-radius:10px;
		font-size:.95rem;
		background-color: #fff;
		outline:none;
		transition: border-color .2s ease, background .2s ease, transform .1s ease;
	}
	.sort-select:hover { border-color: rgba(255,255,255,.3); }
	.sort-select:focus { border-color: #ff3b6e; box-shadow: 0 0 0 3px rgba(255,59,110,.15); }

		/* base inputs */
	.search-input,
	.mobile-search-input {
		width: 100%;
		padding: .65rem .9rem;
		border-radius: 12px;
		border: 1px solid rgba(255,255,255,.14);
		background: rgba(255,255,255,.06);
		color: #fff;
		outline: none;
		transition: border-color .2s ease, box-shadow .2s ease;
		font-size: .95rem;
	}
	.search-input:focus,
	.mobile-search-input:focus {
		border-color: #ff3b6e;
		box-shadow: 0 0 0 3px rgba(255,59,110,.15);
	}

	/* desktop */
	.searchbar-desktop {
		width: min(560px, 60vw);
		margin-inline: auto;          /* centrata */
		display: none;                 /* visibile solo su desktop */
	}

	/* bottone lente (mobile) */
	.search-toggle-btn {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 36px; 
		height: 36px;
		border-radius: 10px;
		border: 1px solid rgba(255,255,255,.14);
		background: rgba(255,255,255,.06);
		color: #fff;
		cursor: pointer;
		transition: transform .12s ease, border-color .2s ease, background .2s ease;
		margin-left: 325px;
		margin-top: 30px;
	}
	.search-toggle-btn:hover { border-color: rgba(255,255,255,.28); }
	.search-toggle-btn:active { transform: scale(.98); }

	/* overlay mobile */
	.mobile-search-overlay {
		position: fixed;
		inset: 0;
		z-index: 1050;
		display: none;                 /* hidden by default */
		background: rgba(10,10,14,.55);
		-webkit-backdrop-filter: blur(6px);
		backdrop-filter: blur(6px);
	}
	.mobile-search-overlay.is-open { display: block; }

	.mobile-search-panel {
		position: absolute;
		top: 0; left: 0; right: 0;
		padding: max(24px, env(safe-area-inset-top)) 14px 14px 14px;
		background: linear-gradient(180deg, rgba(18,18,24,.98) 0%, rgba(18,18,24,.92) 100%);
		border-bottom: 1px solid rgba(255,255,255,.1);
	}

	.mobile-search-form {
		display: grid;
		grid-template-columns: 1fr auto;
		gap: .6rem;
		align-items: center;
	}

	.mobile-search-cancel {
		padding: .6rem .8rem;
		border-radius: 12px;
		border: 1px solid rgba(255,255,255,.14);
		background: rgba(255,255,255,.06);
		color: #fff;
		font-size: .92rem;
		cursor: pointer;
	}

	/* responsive visibilità */
	@media (min-width: 769px) {
	.searchbar-desktop { display: block; }
	.search-toggle-btn, .mobile-search-overlay { display: none !important; }
	}

	@media (max-width: 768px) {
	.searchbar-desktop { display: none; }
	}

	/* blocco scroll quando overlay aperto */
	.body--search-open {
		overflow: hidden;
		height: 100dvh;
	}


	/* slider */
	.age-slider-wrap { padding: .5rem .25rem 1rem; }
	.age-values { display:flex; gap:.35rem; font-weight:600; margin-bottom:.35rem; }
	.range-dual { position:relative; height: 36px; }
	.range-dual input[type=range] {
	position:absolute; left:0; right:0; width:100%;
	-webkit-appearance:none; appearance:none; background:transparent; pointer-events:auto;
	}
	.range-dual input[type=range]::-webkit-slider-runnable-track { height:6px; background:#e8196c; border-radius:6px;}
	.range-dual input[type=range]::-webkit-slider-thumb { -webkit-appearance:none; width:18px; height:18px; border-radius:50%; background:#fff; border:2px solid #e2e2e7; margin-top:-6px; }
	.range-dual input[type=range]::-moz-range-track { height:6px; background:#e8196c; border-radius:6px;}
	.range-dual input[type=range]::-moz-range-thumb { width:18px; height:18px; border-radius:50%; background:#fff; border:2px solid #e2e2e7; }
	.age-all { display:flex; align-items:center; gap:.5rem; margin-top:.5rem; font-size:.95rem;}


	/* CARD NUOVE */

	/* === CARD TILE (index + correlati modale) === */
	.cb-card{
		/*--radius: 12px;*/
		/*--shadow: 0 6px 18px rgba(0,0,0,.12);*/
		background: none;
		/*border:1px solid #eee;*/
		/*border-radius:var(--radius);
		box-shadow:var(--shadow);*/
		/*overflow:hidden;*/
		transition:transform .15s ease, box-shadow .15s ease;
	}
	/*.cb-card:hover{ transform:translateY(-2px); box-shadow:0 10px 24px rgba(0,0,0,.18); }*/

	.cb-thumb{
		position:relative;
		aspect-ratio: 4/3;
		background:none;
	}
	.cb-thumb a{ display:block; width:100%; height:100%; }
	.cb-thumb img{
		/*width:100%;*/ 
		height:100%; 
		object-fit:cover; 
		display:block;
		border:1px solid #c56161;
		border-radius: 15px;
	}

	.cb-thumb img:hover { 
		box-shadow:8px 7px 16px rgba(0, 0, 0, 0.274)
	}

	/* ribbon LIVE (alto-sx) */
	.cb-live{
		position:absolute; left:8px; top:8px;
		background:#c91e03; color:#fff; font-weight:800; letter-spacing:.2px;
		font-size:.75rem; padding:3px 8px; border-radius:20px;
		box-shadow:0 2px 6px rgba(0,0,0,.15);
	}

	/* piccolo badge (alto-dx) tipo "cam" */
	.cb-badge{
		position:absolute; right:8px; top:8px;
		width:22px; height:22px; border-radius:6px;
		background:rgba(0,0,0,.55); color:#fff;
		display:grid; place-items:center; font-size:.85rem;
	}

	/* fascia info (basso) */
	.cb-strip{
		position:absolute; left:0; right:0; bottom:0;
		display:flex; align-items:center; justify-content:space-between; gap:8px;
		padding:4px 10px;
		/*background:linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.55) 45%, rgba(0,0,0,.72) 100%);*/
		background:linear-gradient(180deg, rgba(184, 53, 254, 0.064) 0%, rgb(0 0 0 / 73%) 45%, rgb(191 3 225 / 84%) 100%);
		color:#fff;
		border-radius: 15px;
		margin-left: 0px;
		margin-right: -1px;
		margin-bottom: -2px;
	}
	.cb-user{
		display:flex; align-items:center; gap:6px; font-weight:800; font-size:.95rem;
		overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
	}
	.cb-user .info-dot{
		width:18px; height:18px; border-radius:50%; display:grid; place-items:center;
		background:rgba(0,0,0,.5); border:1px solid rgba(255,255,255,.35);
	}
	/* viewers a dx con occhio */
	.cb-viewers{
		display:inline-flex; align-items:center; gap:6px;
		font-weight:800; font-size:.95rem;
	}
	.cb-viewers svg{ width:18px; height:18px; }

	/* footer con bottone */
	.cb-footer{
		padding:8px 10px 12px; display:flex; justify-content:center;
	}
	.cb-more{
		background:#555; color:#fff; font-weight:800; border:none; cursor:pointer;
		border-radius:999px; padding:6px 12px; font-size:.85rem;
		transition:background .15s ease, transform .15s ease;
	}
	.cb-more:hover{ background:#333; transform:translateY(-1px); }

	/* variante per card correlate nel modale (stesso look, un po' più compatta) */
	.cb-card.is-mini .cb-thumb{ aspect-ratio: 16/12; }
	.cb-card.is-mini .cb-user{ font-size:.9rem; }
	.cb-card.is-mini .cb-viewers{ font-size:.9rem; }


	/* Card simili nel modale */
	.cb-card--similar {
		width: 160px;   /* più grandi rispetto alle card mini */
		flex: 0 0 auto; /* evita di restringerle nella scrollbar */
	}

	.cb-card--similar img {
		height: 100px;  /* aumenta proporzione immagine */
		object-fit: cover;
	}

	.cb-card--similar .cb-footer {
		text-align: center;
		margin-top: 6px;
	}

	.cb-card--similar .btn-info {
		font-size: 12px;         /* più piccolo rispetto al bottone normale */
		padding: 3px 8px;
		border-radius: 12px;
	}


	.similar-cb-strip{
		position:absolute; left:0; right:0;
		display:flex; align-items:center; justify-content:space-between; gap:8px;
		padding:4px 10px;
		/*background:linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.55) 45%, rgba(0,0,0,.72) 100%);*/
		background:linear-gradient(180deg, rgba(184, 53, 254, 0.064) 0%, rgb(0 0 0 / 73%) 45%, rgb(191 3 225 / 84%) 100%);
		color:#fff;
		border-radius: 15px;
		margin-left: 0px;
		margin-right: -1px;
		margin-bottom: -2px;
	}

	.cb-card--similar .similar-cb-strip {
		left: 0;
		right: 0;
		bottom: none;
		top: 75px;
	}

	.how-container{max-width:1000px;margin:24px auto;padding:0 16px}
    .how-hero{background:#141414;color:#eee;border-radius:14px;padding:18px;border:1px solid #222}
    .how-hero h1{margin:0 0 6px}
    .how-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}
    .how-card{background:#fff;border-radius:12px;padding:14px;border:1px solid #eee}
    .how-card h3{margin:0 0 10px}
    .how-cta{margin-top:16px;text-align:center}
    .how-cta .btn{min-width:220px}
	
	.cb-thumb{position:relative}
	.cb-spinner.hidden{display:none}
	.cb-spinner{position:absolute;inset:0;display:grid;place-items:center;background:rgba(0,0,0,.35);z-index:2;border-radius:10px}
	.cb-spinner__dot{width:26px;height:26px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:cbspin .8s linear infinite}
	@keyframes cbspin{to{transform:rotate(360deg)}}


	
	@media (max-width:800px){ .how-grid{grid-template-columns:1fr} }
	/* ====== PAGE LAYOUT HELPERS (non invasive) ====== */
	.content-wrap{
		max-width: 1100px;
		margin: 0 auto;
		padding: 0 16px;
	}

	.section{
		margin: 24px auto;
	}

	.section h2{
		margin-top: 16px;
		color: #c4145a;
	}

	/* variante 'centrata' per blocchi testo semplici */
	.section--center{
		text-align: center;
	}
												

	.contentbox {
		min-height: 600px;
	}

	/* ===== Mode switch (pill) ===== */
	/* ===== Mode switch (pill) ===== */
	.mode-switch{
		display:flex;
		gap:8px;
		align-items:center;
		justify-content:center;
		margin:10px 0 12px;
		color: #0f0f0f;
	}
	.mode-pill{
		display:inline-flex;
		gap:10px;
		align-items:center;
		padding:8px 14px;
		border:1px solid #eee;
		border-radius:999px;
		color:#444;
		background:#fff;
		box-shadow:0 1px 3px rgba(0,0,0,.04);
		text-decoration:none;
		font-weight:700
	}
	.mode-pill .icon{
		font-size:50px;
		line-height:1
	}
	.mode-pill.is-active{
		border-color:#c4145a;
		color:#c4145a;
		box-shadow:0 2px 8px rgba(196,20,90,.15)
	}

		/* ====== PAGE LAYOUT HELPERS (non invasive) ====== */
	.content-wrap{
		max-width: 1100px;
		margin: 0 auto;
		padding: 0 16px;
	}


	.contentbox {
		min-height: 600px;
	}

	/* ===== Mode switch (pill) ===== */				 
	.content-random{
		margin: 0 auto;
		padding: 0 16px;

	}

	.iframeSize{
		width: 50%;
	}

	@media (min-width: 769px) {
		.iframeSize { display: block; }
	}

	.embed-wrap { position: relative; overflow: hidden; width: 100%; }
	.embed-scaler { position: relative; width: 100%; height: auto; }
	.embed-scaler iframe { 
		position: absolute; 
		top: 0; left: 0; 
		transform-origin: 0 0;   /* importante per lo scaling */
		border: 0;
		display: block;
	}

	.tag-suggest-box button:hover {
		background-color: rgba(255, 255, 255, 0.08);
		color: var(--accent, #f06);
		transition: background 0.2s ease;
	}

	.results-for{
		display:flex; 
		flex-wrap:wrap; 
		gap:.75rem 1rem;
		padding:.65rem .9rem; 
		margin:.9rem 0 0;
		border:1px solid rgba(255,255,255,.08);
		border-radius:12px; 
	}
	.results-for__block{ 
		display:flex; 
		align-items:center; 
		gap:15px; 
		flex-wrap:wrap; 
		color:white;
	}
	.results-for__label{ 
		opacity: .8;
		font-size: .95rem;
		color: black;
		border-radius: 999px;
		padding: 6px;
	}
	.results-for__sublabel{ 
		font-size:.95rem; 
		margin-left: 10px;
		color:#c4145a;
	}
	.results-for__query{ 
		font-weight:600;
		color:#c4145a;
	}
	.rf-chip {
		display:inline-flex; 
		align-items:center; gap:.35rem;
		padding:.25rem .5rem; 
		border-radius:999px;
		border:1px solid rgba(255,255,255,.12);
		background:#c4145a;
		font-size:.85rem; 
		line-height:1;
	}

	.rf-chip__remove {
		background:none; border:0; 
		color:inherit; 
		font-size:.9em;
		cursor:pointer; 
		opacity:.65; 
		padding:0 0 0 .2rem; 
		line-height:1;
		transition:opacity .2s ease;
	}
	.rf-chip__remove:hover { 
		opacity:1; 
	}

	.rf-chip:hover{
		background:rgba(255,255,255,.14);
		border-color:rgba(255,255,255,.28);
		background:#c4145aa2;
	}

	.rf-chip__label { display:inline-block; }
	.rf-chip__remove { margin-left:.1rem; }
	
	.modes_icon{
		width: 50px;
		height: 50px;
	}

	img {
		-webkit-user-drag: none;
	}

	.cb-news {
		display: inline-flex;
		align-items: center;
		gap: .35rem;
		padding: .15rem .5rem;
		border-radius: 999px;
		font-size: .78rem;
		font-weight: 700;
		letter-spacing: .02em;
		line-height: 1;
		vertical-align: middle;
    }

    .cb-news--new {
		background: #ff2d55;
		color: #fff;
		box-shadow: 0 6px 18px rgba(255, 45, 85, .25);
    }

    .cb-news--new::before {
		content: "";
		width: .45rem;
		height: .45rem;
		border-radius: 999px;
		background: rgba(255,255,255,.9);
		box-shadow: 0 0 0 3px rgba(255,255,255,.25);
		display: inline-block;
    }

	.heroPrelanding {
	  text-align: center;
	  padding: 1em 1em 1em;
	  /*min-height: 600px; */
	}

	.heroPrelanding-content h1 {
	  font-size: 2.2em;
	  font-weight: 700;
	  color: #c4145a;
	  margin-bottom: 0.5em;
	}

	.heroPrelanding-content p {
	  font-size: 1.1em;
	  color: #444;
	  margin-bottom: 1.5em;
	}

	.prelanding-v2 .hero-sub {
    	max-width: 680px;
    	margin: 8px auto 14px;
    }

    .prelanding-benefits {
    	list-style: none;
    	padding: 0;
    	margin: 12px auto;
    	max-width: 520px;
    }

    .prelanding-benefits li {
    	font-size: 14px;
    	margin: 6px 0;
    	color: var(--text-muted);
    }

    .prelanding-cta {
    	margin-top: 16px;
    }

    .microcopy {
    	font-size: 12px;
    	color: #777;
    	margin-top: 6px;
    }

    .prelanding-bottom-cta {
    	text-align: center;
    	margin-top: 20px;
    }

    .trust-text {
    	font-size: 13px;
    	color: #888;
    	margin-top: 8px;
    }