#skip-to-content {
    display: none;
}
/*02-12-2025 Zee*/
/* Category 2562 -- BIM Object Touchless Bathroom Faucets (https://www.fontanashowers.com/Installation-Instructions-For-Fontana-Alberni-Stainless-Ste-s/2562.htm) at 02-12-2025 Start Here*/
#content_area .bim-object-t-faucets-wrapper .fs-hero {
	width: 100%;
	padding: 60px 24px 80px;
	background: linear-gradient(180deg, #f8fbff 0%, #ffffff 60%);
	border-radius: 34px;
	box-shadow: 0 20px 60px rgba(0,0,0,0.08);
	text-align: center;
	font-family: "Inter", sans-serif;
	position: relative;
	overflow: hidden;
}
#content_area .bim-object-t-faucets-wrapper .fs-hero:before {
	content: "";
	position: absolute;
	top: -40px;
	left: 0;
	right: 0;
	height: 220px;
	background: radial-gradient(circle at 50% 0%, rgba(92,225,255,0.22), rgba(255,255,255,0));
	opacity: 0.5;
}
#content_area .bim-object-t-faucets-wrapper .fs-hero .fs-kicker {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 6px 14px;
	border-radius: 16px;
	font-size: 12px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	background: rgba(92,225,255,0.12);
	color: #7d8a9a;
	margin-bottom: 22px;
}
#content_area .bim-object-t-faucets-wrapper .fs-hero .fs-kicker-dot {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #5ce1ff;
	box-shadow: 0 0 8px rgba(92,225,255,0.45);
}
#content_area .bim-object-t-faucets-wrapper .fs-hero .fs-title {
	font-size: clamp(30px, 4vw, 56px);
	font-weight: 300;
	line-height: 1.18;
	color: #444;
	margin: 0 0 22px;
}
#content_area .bim-object-t-faucets-wrapper .fs-hero .fs-subtext {
	color: #666;
	font-size: 18px;
	margin-bottom: 32px;
}
#content_area .bim-object-t-faucets-wrapper .fs-hero .fs-btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 16px 26px;
	border-radius: 20px;
	background: linear-gradient(135deg, #e2faff, #f3f0ff);
	box-shadow: 0 10px 30px rgba(0,0,0,0.12);
	text-decoration: none;
	font-size: 17px;
	font-weight: 600;
	color: #4a5b66;
	transition: all 0.2s ease;
}
#content_area .bim-object-t-faucets-wrapper .fs-hero .fs-btn:hover {
	transform: translateY(-3px);
	box-shadow: 0 16px 45px rgba(0,0,0,0.16);
}
#content_area .bim-object-t-faucets-wrapper .fs-hero .fs-btn svg {
	width: 18px;
	height: 18px;
}
/* Category 2562 -- BIM Object Touchless Bathroom Faucets (https://www.fontanashowers.com/Installation-Instructions-For-Fontana-Alberni-Stainless-Ste-s/2562.htm) at 02-12-2025 End Here*/

/* Category 9986 -- (https://www.fontanashowers.com/FontanaEdge-s/9986.htm) at 02-12-2025 Start Here*/
#content_area .fontanaEdge-series-aec-community-wrapper {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: #1d252c;
  line-height: 1.6;
}

#content_area .fontanaEdge-series-aec-community-wrapper a {
  color: #6b7280;
  text-decoration: none;
}

#content_area .fontanaEdge-series-aec-community-wrapper a:hover {
  text-decoration: underline;
}

#content_area .fontanaEdge-series-aec-community-wrapper .fontanaEdge-series-aec-community-page {
  max-width: 1200px;
  margin: 0 auto;
  padding: 24px 16px 60px;
}

/* --------- TOP BANNER / HERO --------- */
#content_area .fontanaEdge-series-aec-community-wrapper .fontanaEdge-series-aec-community-hero-banner {
  position: relative;
  margin: 12px 0 32px;
  padding: 32px 28px;
  border-radius: 28px;
  overflow: hidden;
  background: linear-gradient(135deg, #ffffff, #e0f6ff);
  border: 1px solid #c7e2f6;
  color: #1f3444;
  display: grid;
  grid-template-columns: minmax(0, 2.1fr) minmax(0, 2fr);
  gap: 20px;
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.06);
}

#content_area .fontanaEdge-series-aec-community-wrapper .fontanaEdge-series-aec-community-hero-left-badge {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 4px 14px;
  border-radius: 999px;
  background: #ffffff;
  border: 1px solid #dde3ec;
  color: #0d47a1;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

#content_area .fontanaEdge-series-aec-community-wrapper .fontanaEdge-series-aec-community-hero-left-badge span.fontanaEdge-series-aec-community-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #22c55e;
}

#content_area .fontanaEdge-series-aec-community-wrapper h1 {
  font-size: 32px;
  margin: 18px 0 10px;
  letter-spacing: -0.03em;
  color: #1f3444;
}

#content_area .fontanaEdge-series-aec-community-wrapper .fontanaEdge-series-aec-community-hero-subtitle {
  font-size: 15px;
  max-width: 520px;
  color: #6b7280;
}

#content_area .fontanaEdge-series-aec-community-wrapper .fontanaEdge-series-aec-community-hero-kpis {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
  margin-top: 22px;
}

#content_area .fontanaEdge-series-aec-community-wrapper .fontanaEdge-series-aec-community-hero-kpi {
  min-width: 120px;
}

#content_area .fontanaEdge-series-aec-community-wrapper .fontanaEdge-series-aec-community-hero-kpi-label {
  font-size: 11px;
  color: #6b7280;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

#content_area .fontanaEdge-series-aec-community-wrapper .fontanaEdge-series-aec-community-hero-kpi-value {
  font-size: 14px;
  font-weight: 600;
  color: #1f3444;
}

#content_area .fontanaEdge-series-aec-community-wrapper .fontanaEdge-series-aec-community-hero-cta-row {
  margin-top: 24px;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
}

#content_area .fontanaEdge-series-aec-community-wrapper .fontanaEdge-series-aec-community-btn-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 10px 22px;
  font-size: 14px;
  font-weight: 600;
  border-radius: 999px;
  border: 1px solid #c7e2f6;
  background: linear-gradient(135deg, #e3f2fd, #c7e2f6);
  color: #0d47a1;
  cursor: pointer;
  box-shadow: 0 10px 24px rgba(13, 71, 161, 0.12);
  text-decoration: none;
  white-space: nowrap;
}

#content_area .fontanaEdge-series-aec-community-wrapper .fontanaEdge-series-aec-community-btn-primary span.fontanaEdge-series-aec-community-icon {
  font-size: 16px;
}

.fontanaEdge-series-aec-community-btn-outline {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 9px 18px;
  font-size: 13px;
  font-weight: 500;
  border-radius: 999px;
  border: 1px solid #c7e2f6;
  color: #0d47a1;
  background: #ffffff;
  cursor: pointer;
  text-decoration: none;
  white-space: nowrap;
}

#content_area .fontanaEdge-series-aec-community-wrapper .fontanaEdge-series-aec-community-hero-right {
  position: relative;
  display: flex;
  align-items: stretch;
  justify-content: center;
}

/* --------- RIGHT HERO “VISIBLE BANNER” --------- */
#content_area .fontanaEdge-series-aec-community-wrapper .fontanaEdge-series-aec-community-hero-visual-banner {
  position: relative;
  width: 100%;
  max-width: 420px;
  border-radius: 24px;
  padding: 16px 16px 18px;
  background: linear-gradient(145deg, #ffffff, #e3f2fd);
  border: 1px solid #c7e2f6;
  color: #1f3444;
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.08);
  overflow: hidden;
}

#content_area .fontanaEdge-series-aec-community-wrapper .fontanaEdge-series-aec-community-hero-visual-top-tag {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: #0d47a1;
  margin-bottom: 6px;
  font-weight: 600;
}

#content_area .fontanaEdge-series-aec-community-wrapper .fontanaEdge-series-aec-community-hero-visual-title {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 2px;
  color: #1f3444;
}

#content_area .fontanaEdge-series-aec-community-wrapper .fontanaEdge-series-aec-community-hero-visual-subtitle {
  font-size: 12px;
  color: #6b7280;
  margin-bottom: 12px;
}

#content_area .fontanaEdge-series-aec-community-wrapper .fontanaEdge-series-aec-community-hero-visual-specband {
  display: flex;
  gap: 10px;
  margin-bottom: 12px;
}

#content_area .fontanaEdge-series-aec-community-wrapper .fontanaEdge-series-aec-community-hero-pill {
  padding: 4px 10px;
  border-radius: 999px;

  font-size: 11px;
  background: #ffffff;
  border: 1px solid #d1e3ff;
  color: #1f3444;
  white-space: nowrap;
}

#content_area .fontanaEdge-series-aec-community-wrapper .fontanaEdge-series-aec-community-hero-visual-mock {
  position: relative;
  margin-top: 8px;
  padding: 18px 16px;
  border-radius: 18px;
  background: radial-gradient(circle at top left, rgba(13, 71, 161, 0.06), transparent 60%);
  border: 1px solid #dde3ec;
}

#content_area .fontanaEdge-series-aec-community-wrapper .fontanaEdge-series-aec-community-hero-visual-mock-main {
  height: 110px;
  border-radius: 16px;
  background: linear-gradient(145deg, #d8dde5, #8f9ba7);
  position: relative;
  overflow: hidden;
}

/* simplified “faucet silhouette” */
#content_area .fontanaEdge-series-aec-community-wrapper .fontanaEdge-series-aec-community-hero-faucet {
  position: absolute;
  right: 14px;
  bottom: 18px;
  width: 110px;
  height: 62px;
  border-radius: 20px;
  background: linear-gradient(145deg, #f7f7f8, #b3bcc7);
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.25);
}

#content_area .fontanaEdge-series-aec-community-wrapper .fontanaEdge-series-aec-community-hero-faucet-neck {
  position: absolute;
  left: 16px;
  top: 12px;
  width: 24px;
  height: 40px;
  border-radius: 22px;
  background: linear-gradient(160deg, #d2d7de, #9198a3);
}

#content_area .fontanaEdge-series-aec-community-wrapper .fontanaEdge-series-aec-community-hero-faucet-arm {
  position: absolute;
  left: 32px;
  top: 14px;
  width: 60px;
  height: 22px;
  border-radius: 14px;
  background: linear-gradient(155deg, #f3f3f3, #a9b0bb);
}

#content_area .fontanaEdge-series-aec-community-wrapper .fontanaEdge-series-aec-community-hero-faucet-sensor {
  position: absolute;
  left: 36px;
  top: 22px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #0d47a1;
  box-shadow: 0 0 12px rgba(13, 71, 161, 0.6);
}

#content_area .fontanaEdge-series-aec-community-wrapper .fontanaEdge-series-aec-community-hero-faucet-base {
  position: absolute;
  right: 6px;
  bottom: -3px;
  width: 70%;
  height: 12px;
  border-radius: 60px;
  background: radial-gradient(circle, rgba(0, 0, 0, 0.3), transparent 75%);
  filter: blur(4px);
  opacity: 0.85;
}

#content_area .fontanaEdge-series-aec-community-wrapper .fontanaEdge-series-aec-community-hero-visual-badges {
  margin-top: 12px;
  display: flex;
  justify-content: space-between;
  gap: 10px;
  font-size: 11px;
  color: #6b7280;
}

#content_area .fontanaEdge-series-aec-community-wrapper .fontanaEdge-series-aec-community-hero-mini-label {
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: #6b7280;
  margin-bottom: 2px;
}

#content_area .fontanaEdge-series-aec-community-wrapper .fontanaEdge-series-aec-community-hero-mini-value {
  font-weight: 600;
  color: #1f3444;
}

/* --------- CONTENT SECTIONS --------- */
#content_area .fontanaEdge-series-aec-community-wrapper .fontanaEdge-series-aec-community-main {
  margin-top: 8px;
}

#content_area .fontanaEdge-series-aec-community-wrapper section {
  margin-bottom: 40px;
}

#content_area .fontanaEdge-series-aec-community-wrapper h2 {
  font-size: 24px;
  margin-bottom: 10px;
  letter-spacing: -0.02em;
}

#content_area .fontanaEdge-series-aec-community-wrapper h3 {
  font-size: 18px;
  margin: 18px 0 8px;
}

#content_area .fontanaEdge-series-aec-community-wrapper h4 {
  font-size: 15px;
  margin: 12px 0 4px;
}

#content_area .fontanaEdge-series-aec-community-wrapper h5 {
  font-size: 16px;
  margin: 8px 0 2px;
  text-transform: uppercase !important;
  letter-spacing: 0.11em;
  color: #6b7681;
}

#content_area .fontanaEdge-series-aec-community-wrapper p {
  font-size: 14px;
  margin-bottom: 10px;
  color: #1d252c;
}

#content_area .fontanaEdge-series-aec-community-wrapper .muted {
  color: #6b7681;
  font-size: 13px;
}

#content_area .fontanaEdge-series-aec-community-wrapper .grid-3 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

#content_area .fontanaEdge-series-aec-community-wrapper .grid-2 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

#content_area .fontanaEdge-series-aec-community-wrapper .card {
  background: #ffffff;
  border-radius: 18px;
  padding: 16px 16px 18px;
  border: 1px solid #dde3ec;
  box-shadow: 0 10px 26px rgba(15, 23, 42, 0.05);
}

#content_area .fontanaEdge-series-aec-community-wrapper .card-banner {
  position: relative;
  padding: 14px 16px;
  border-radius: 26px;
  background: linear-gradient(135deg, #ffffff, #e4f2ff);
  border: 1px solid #d0e1f5;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

#content_area .fontanaEdge-series-aec-community-wrapper .card-banner-label {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: #6b7681;
}

#content_area .fontanaEdge-series-aec-community-wrapper .card-banner-title {
  font-size: 16px;
  font-weight: 600;
}

#content_area .fontanaEdge-series-aec-community-wrapper .card-banner-pill-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 6px;
}

#content_area .fontanaEdge-series-aec-community-wrapper .small-pill {
  padding: 3px 10px;
  border-radius: 999px;
  border: 1px dashed #b5c7de;
  font-size: 11px;
  color: #445267;
  background: rgba(255, 255, 255, 0.9);
}

#content_area .fontanaEdge-series-aec-community-wrapper ul {
  padding-left: 18px;
  margin-bottom: 10px;
  font-size: 14px;
}

#content_area .fontanaEdge-series-aec-community-wrapper li + li {
  margin-top: 3px;
}

#content_area .fontanaEdge-series-aec-community-wrapper .keyline {
  border-top: 1px dashed #d7dde8;
  margin: 16px 0 14px;
}

#content_area .fontanaEdge-series-aec-community-wrapper .badge-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 8px 0;
}

#content_area .fontanaEdge-series-aec-community-wrapper .badge {
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 11px;
  background: #f5f7fa;
  border: 1px solid #dde3ec;
  color: #38414b;
  white-space: nowrap;
}

#content_area .fontanaEdge-series-aec-community-wrapper .highlight-block {
  background: #f5f7fa;
  border-radius: 18px;
  border: 1px solid #dde3ec;
  padding: 14px 16px;
  font-size: 13px;
}

#content_area .fontanaEdge-series-aec-community-wrapper .highlight-block strong {
  display: inline-block;
  margin-bottom: 2px;
}

/* --------- TABLE-LIKE LAYOUTS --------- */
#content_area .fontanaEdge-series-aec-community-wrapper .spec-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px 18px;
  font-size: 13px;
}

#content_area .fontanaEdge-series-aec-community-wrapper .spec-item-label {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: #6b7681;
}

#content_area .fontanaEdge-series-aec-community-wrapper .spec-item-value {
  font-size: 14px;
  font-weight: 500;
}

/* --------- FOOTER --------- */
#content_area .fontanaEdge-series-aec-community-wrapper .fontanaEdge-series-aec-community-footer {
  padding-top: 16px;
  border-top: 1px solid #dde3ec;
  margin-top: 26px;
  font-size: 12px;
  color: #6b7681;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: space-between;
}

/* --------- RESPONSIVE --------- */
@media (max-width: 920px) {
  .fontanaEdge-series-aec-community-hero-banner {
	grid-template-columns: minmax(0, 1fr);
	padding: 24px 20px;
  }

  .fontanaEdge-series-aec-community-hero-right {
	order: -1;
  }
}

@media (max-width: 720px) {
  #content_area .fontanaEdge-series-aec-community-wrapper .grid-3,
  #content_area .fontanaEdge-series-aec-community-wrapper .grid-2,
  #content_area .fontanaEdge-series-aec-community-wrapper .spec-grid {
	grid-template-columns: minmax(0, 1fr);
  }

  .fontanaEdge-series-aec-community-hero-banner {
	border-radius: 0;
	margin-left: -16px;
	margin-right: -16px;
  }

  .fontanaEdge-series-aec-community-page {
	padding-inline: 16px;
  }
}

/* Category 9986 -- (https://www.fontanashowers.com/FontanaEdge-s/9986.htm) at 02-12-2025 End Here*/

/* Category 9987 -- (https://www.fontanashowers.com/Fontana-Skyline-Curve-s/9987.htm) at 02-12-2025 Start Here*/
#content_area .ftf-skyline-curve-series-wrapper {
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.6;
  color: #222;
}
#content_area .ftf-skyline-curve-series-wrapper a {
  text-decoration: none;
}
#content_area .ftf-skyline-curve-series-wrapper .page-wrapper {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 1.5rem 3rem;
}
/* TOP BANNER / HERO */
#content_area .ftf-skyline-curve-series-wrapper .hero-banner {
  background: linear-gradient(135deg, #ffffff, #e0f6ff);
  color: #1f2933;
  padding: 4rem 1.5rem 4.5rem;
  position: relative;
  overflow: hidden;
  width: 100%;
  border: 1px solid #c7e2f6;
  border-radius: 26px;
}
#content_area .ftf-skyline-curve-series-wrapper .hero-inner {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  gap: 2rem;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  align-items: center;
}
#content_area .ftf-skyline-curve-series-wrapper .hero-badge {
  display: inline-block;
  background: #ffffff;
  color: #1f3444;
  border: 1px solid #dde3ec;
  border-radius: 999px;
  padding: 0.35rem 1rem;
  font-size: 1rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 1rem;
}
#content_area .ftf-skyline-curve-series-wrapper .hero-title {
  font-size: 2.6rem;
  margin-bottom: 0.8rem;
  color: #1f3444;
}
#content_area .ftf-skyline-curve-series-wrapper .hero-subtitle {
  font-size: 1.1rem;
  /* max-width: 32rem; */
  margin-bottom: 1.5rem;
  color: #6b7280;
}
#content_area .ftf-skyline-curve-series-wrapper .hero-meta {
  font-size: 1.2rem;
  color: #7c7c7c;
  margin-bottom: 1.5rem;
}
#content_area .ftf-skyline-curve-series-wrapper .hero-cta-group {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem;
  margin-bottom: 1.5rem;
}
#content_area .ftf-skyline-curve-series-wrapper .btn-primary,
#content_area .ftf-skyline-curve-series-wrapper .btn-ghost {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.8rem 1.4rem;
  border-radius: 999px;
  font-size: 1.2rem;
  border: 1px solid transparent;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  font-weight: 600;
}
#content_area .ftf-skyline-curve-series-wrapper .btn-primary {
  background: linear-gradient(135deg, #e3f2fd, #c7e2f6);
  color: #1f3444;
  border-color: #c7e2f6;
}
#content_area .ftf-skyline-curve-series-wrapper .btn-primary:hover {
  background: linear-gradient(135deg, #d6ecfb, #b5d8ef);
  border-color: #b5d8ef;
  transform: translateY(-1px);
}
#content_area .ftf-skyline-curve-series-wrapper .btn-ghost {
  background: transparent;
  color: #1f3444;
  border-color: #c7e2f6;
}
#content_area .ftf-skyline-curve-series-wrapper .btn-ghost:hover {
  background: rgba(255, 255, 255, 0.6);
  border-color: #0d47a1;
  transform: translateY(-1px);
}
#content_area .ftf-skyline-curve-series-wrapper .hero-meta-list {
  display: flex;
  flex-wrap: wrap;
  gap: 1.4rem;
  font-size: 0.85rem;
  color: #7c7c7c;
}
#content_area .ftf-skyline-curve-series-wrapper .hero-meta-item span {
  display: block;
}
#content_area .ftf-skyline-curve-series-wrapper .hero-meta-label {
  font-size: 1rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  opacity: 0.75;
  color: #6b7280;
}
#content_area .ftf-skyline-curve-series-wrapper .hero-meta-value {
  font-weight: 600;
  color: #1f3444;
  font-size: 1.2rem;
}
#content_area .ftf-skyline-curve-series-wrapper .hero-image-banner {
  background: linear-gradient(135deg, #e3f2fd, #ffffff);
  border: 1px solid #c7e2f6;
  border-radius: 18px;
  min-height: 260px;
  position: relative;
  padding: 1.5rem;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  color: #1f3444;
  overflow: hidden;
}
#content_area .ftf-skyline-curve-series-wrapper .hero-image-placeholder {
  border-radius: 999px;
  width: 200px;
  height: 200px;
  border: 2px dashed #c7e2f6;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.8rem;
  text-align: center;
  padding: 0.8rem;
  background: rgba(255, 255, 255, 0.6);
  color: #6b7280;
}
#content_area .ftf-skyline-curve-series-wrapper .hero-image-text {
  max-width: 260px;
  font-size: 0.9rem;
  color: #6b7280;
}
#content_area .ftf-skyline-curve-series-wrapper .hero-image-text h2 {
  font-size: 1.1rem;
  margin-bottom: 0.3rem;
  color: #7c7c7c;
  font-weight: 300;
}
/* CONTENT SECTIONS */
#content_area .ftf-skyline-curve-series-wrapper .section {
  padding: 3rem 0 0;
  width: 100%;
}
#content_area .ftf-skyline-curve-series-wrapper .section-header {
  margin-bottom: 1.8rem;
}
#content_area .ftf-skyline-curve-series-wrapper .section-header h2 {
  font-size: 1.7rem;
  margin-bottom: 0.4rem;
  color: #101820;
}
#content_area .ftf-skyline-curve-series-wrapper .section-header p {
  color: #555;
  /* max-width: 40rem; */
  font-size: 0.98rem;
}
#content_area .ftf-skyline-curve-series-wrapper .grid-2 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 2rem;
  align-items: flex-start;
}
#content_area .ftf-skyline-curve-series-wrapper .card {
  background: #ffffff;
  border-radius: 14px;
  padding: 1.6rem;
  box-shadow: 0 14px 35px rgba(15, 23, 42, 0.09);
}
#content_area .ftf-skyline-curve-series-wrapper .card h3 {
  font-size: 1.6rem;
  margin-bottom: 0.6rem;
  color: #111827;
}
#content_area .ftf-skyline-curve-series-wrapper .card p {
  font-size: 0.95rem;
  color: #4b5563;
}
#content_area .ftf-skyline-curve-series-wrapper .features-list {
  list-style: none;
  margin-top: 0.8rem;
}
#content_area .ftf-skyline-curve-series-wrapper .features-list li {
  padding-left: 1.4rem;
  position: relative;
  margin-bottom: 0.4rem;
  font-size: 0.95rem;
  color: #374151;
}
#content_area .ftf-skyline-curve-series-wrapper .features-list li::before {
  content: "•";
  position: absolute;
  left: 0;
  top: 10px;
  color: #e0b973;
  font-size: 1.1rem;
  line-height: 1;
}
#content_area .ftf-skyline-curve-series-wrapper .mid-banner {
  margin-top: 3.5rem;
  background: linear-gradient(135deg, #ffffff, #e0f6ff);
  border: 1px solid #c7e2f6;
  border-radius: 26px;
  padding: 2rem 1.6rem;
  color: #1f3444;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 1.6rem;
}
#content_area .ftf-skyline-curve-series-wrapper .mid-banner h2 {
  font-size: 1.4rem;
  margin-bottom: 0.4rem;
  color: #1f3444;
}
#content_area .ftf-skyline-curve-series-wrapper .mid-banner p {
  font-size: 0.95rem;
  /* max-width: 32rem; */
  color: #6b7280;
}
#content_area .ftf-skyline-curve-series-wrapper .mid-banner .btn-primary {
  background: linear-gradient(135deg, #e3f2fd, #c7e2f6);
  border-color: #c7e2f6;
  color: #1f3444;
}
#content_area .ftf-skyline-curve-series-wrapper .mid-banner .btn-primary:hover {
 background: linear-gradient(135deg, #d6ecfb, #b5d8ef);
  border-color: #b5d8ef;
}
/* TECH SPECS TABLE */
#content_area .ftf-skyline-curve-series-wrapper .specs-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.9rem;
  background: #fff;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 12px 30px rgba(15, 23, 42, 0.06);
}
#content_area .ftf-skyline-curve-series-wrapper .specs-table th,
#content_area .ftf-skyline-curve-series-wrapper .specs-table td {
  padding: 0.75rem 1rem;
  border-bottom: 1px solid #e5e7eb;
  text-align: left;
  font-size: 1.2rem;
}
#content_area .ftf-skyline-curve-series-wrapper .specs-table th {
  background: #f3f4f6;
  font-weight: 600;
  color: #111827;
  font-size: 1.3rem;
}
#content_area .ftf-skyline-curve-series-wrapper .specs-table tr:last-child td {
  border-bottom: none;
}
#content_area .ftf-skyline-curve-series-wrapper .tag-row {
  font-size: 1.2rem;
  color: #4b5563;
  margin-top: 1.4rem;
}
#content_area .ftf-skyline-curve-series-wrapper .tag-row span {
  display: inline-block;
  background: #e5e7eb;
  border-radius: 999px;
  padding: 0.25rem 0.7rem;
  margin: 0 0.25rem 0.4rem 0;
}
/* FOOTER CTA BANNER */
#content_area .ftf-skyline-curve-series-wrapper .footer-banner {
  margin-top: 4rem;
  background: linear-gradient(135deg, #ffffff, #e0f6ff);
  color: #1f3444;
  padding: 2.5rem 1.6rem 2.8rem;
  border: 1px solid #c7e2f6;
  border-radius: 26px;
}
#content_area .ftf-skyline-curve-series-wrapper .footer-banner h2 {
  font-size: 1.5rem;
  margin-bottom: 0.6rem;
  color: #1f3444;
}
#content_area .ftf-skyline-curve-series-wrapper .footer-banner p {
  font-size: 0.95rem;
  /* max-width: 34rem; */
  margin-bottom: 1.4rem;
  color: #6b7280;
}
#content_area .ftf-skyline-curve-series-wrapper .footer-banner .btn-ghost {
  color: #1f3444;
  border-color: #c7e2f6;
}
#content_area .ftf-skyline-curve-series-wrapper .footer-banner .btn-ghost:hover {
  background: rgba(255, 255, 255, 0.6);
  border-color: #0d47a1;
}
#content_area .ftf-skyline-curve-series-wrapper .footer-meta {
  font-size: 0.8rem;
  color: #7c7c7c;
  margin-top: 0.7rem;
}
/* RESPONSIVE */
@media (max-width: 768px) {
  #content_area .ftf-skyline-curve-series-wrapper .hero-title {
    font-size: 2.1rem;
  }
}
/* Category 9987 -- (https://www.fontanashowers.com/Fontana-Skyline-Curve-s/9987.htm) at 02-12-2025 End Here*/

/* Category 9988 -- (https://www.fontanashowers.com/FontanaArc-s/9988.htm) at 02-12-2025 Start Here*/
#content_area .fs-fontanaArc-series-wrapper {
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.6;
  color: #222;
}
#content_area .fs-fontanaArc-series-wrapper a {
  text-decoration: none;
}
#content_area .fs-fontanaArc-series-wrapper .page-wrapper {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 1.5rem 3rem;
}
/* TOP BANNER / HERO */
#content_area .fs-fontanaArc-series-wrapper .hero-banner {
  background: linear-gradient(135deg, #ffffff, #e0f6ff);
  color: #1f2933;
  padding: 4rem 1.5rem 4.5rem;
  position: relative;
  overflow: hidden;
  border: 1px solid #c7e2f6;
  border-radius: 26px;
}
#content_area .fs-fontanaArc-series-wrapper .hero-inner {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  gap: 2rem;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  align-items: center;
}
#content_area .fs-fontanaArc-series-wrapper .hero-badge {
  display: inline-block;
  background: #ffffff;
  color: #1f3444;
  border: 1px solid #dde3ec;
  border-radius: 999px;
  padding: 0.4rem 1rem;
  font-size: 1rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 1rem;
}
#content_area .fs-fontanaArc-series-wrapper .hero-title {
  font-size: 2.6rem;
  margin-bottom: 0.8rem;
  color: #1f3444;
}
#content_area .fs-fontanaArc-series-wrapper .hero-subtitle {
  font-size: 1.1rem;
  /* max-width: 32rem; */
  margin-bottom: 1.5rem;
  color: #6b7280;
}
#content_area .fs-fontanaArc-series-wrapper .hero-meta {
  font-size: 1.2rem;
  color: #6b7280;
  margin-bottom: 1.5rem;
}
#content_area .fs-fontanaArc-series-wrapper .hero-cta-group {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem;
  margin-bottom: 1.5rem;
}
#content_area .fs-fontanaArc-series-wrapper .btn-primary,
#content_area .fs-fontanaArc-series-wrapper .btn-ghost {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.85rem 1.6rem;
  border-radius: 999px;
  font-size: 1.2rem;
  border: 1px solid transparent;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  font-weight: 600;
}
#content_area .fs-fontanaArc-series-wrapper .btn-primary {
  background: linear-gradient(135deg, #e3f2fd, #c7e2f6);
  color: #1f3444;
}
#content_area .fs-fontanaArc-series-wrapper .btn-primary:hover {
  background: linear-gradient(135deg, #d6ecfb, #b5d8ef);
  border-color: #b5d8ef;
  transform: translateY(-1px);
}
#content_area .fs-fontanaArc-series-wrapper .btn-ghost {
  background: #ffffff;
  color: #1f3444;
  border-color: #c7e2f6;
}
#content_area .fs-fontanaArc-series-wrapper .btn-ghost:hover {
  background: #f5faff;
  border-color: #0d47a1;
  transform: translateY(-1px);
}
#content_area .fs-fontanaArc-series-wrapper .hero-meta-list {
  display: flex;
  flex-wrap: wrap;
  gap: 1.4rem;
  font-size: 0.95rem;
  color: #6b7280;
}
#content_area .fs-fontanaArc-series-wrapper .hero-meta-item span {
  display: block;
}
#content_area .fs-fontanaArc-series-wrapper .hero-meta-label {
  font-size: 1rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #6b7280;
}
#content_area .fs-fontanaArc-series-wrapper .hero-meta-value {
  font-weight: 600;
  color: #1f3444;
  font-size: 1.2rem;
}
#content_area .fs-fontanaArc-series-wrapper .hero-image-banner {
  background: linear-gradient(135deg, #e3f2fd, #ffffff);
  border: 1px solid #c7e2f6;
  border-radius: 18px;
  min-height: 260px;
  position: relative;
  padding: 1.5rem;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  color: #1f3444;
  overflow: hidden;
}
#content_area .fs-fontanaArc-series-wrapper .hero-image-placeholder {
  border-radius: 999px;
  width: 200px;
  height: 200px;
  border: 2px dashed #c7e2f6;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.9rem;
  text-align: center;
  padding: 0.8rem;
  background: rgba(255, 255, 255, 0.6);
  color: #6b7280;
}
#content_area .fs-fontanaArc-series-wrapper .hero-image-text {
  max-width: 260px;
  font-size: 1rem;
  color: #6b7280;
}
#content_area .fs-fontanaArc-series-wrapper .hero-image-text h2 {
  font-size: 1.35rem;
  margin-bottom: 0.4rem;
  color: #1f3444;
  font-weight: 600;
}
/* CONTENT SECTIONS */
#content_area .fs-fontanaArc-series-wrapper .section {
  padding: 3rem 0 0;
  width: 100%;
}
#content_area .fs-fontanaArc-series-wrapper .section-header {
  margin-bottom: 1.8rem;
}
#content_area .fs-fontanaArc-series-wrapper .section-header h2 {
  font-size: 1.9rem;
  margin-bottom: 0.5rem;
  color: #101820;
  font-weight: 700;
}
#content_area .fs-fontanaArc-series-wrapper .section-header p {
  color: #4b5563;
  max-width: 100%;
  font-size: 1.05rem;
  line-height: 1.65;
}
#content_area .fs-fontanaArc-series-wrapper .grid-2 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 2rem;
  align-items: flex-start;
}
#content_area .fs-fontanaArc-series-wrapper .card {
  background: #ffffff;
  border-radius: 14px;
  padding: 1.8rem;
  box-shadow: 0 14px 35px rgba(15, 23, 42, 0.09);
}
#content_area .fs-fontanaArc-series-wrapper .card h3 {
  font-size: 1.7rem;
  margin-bottom: 0.9rem;
  color: #111827;
  font-weight: 700;
  line-height: 1.3;
}
#content_area .fs-fontanaArc-series-wrapper .card h4 {
  font-size: 1.5rem;
  margin-bottom: 0.8rem;
  color: #111827;
  font-weight: 700;
  line-height: 1.3;
}
#content_area .fs-fontanaArc-series-wrapper .card p {
  font-size: 1.05rem;
  color: #4b5563;
  line-height: 1.65;
}
#content_area .fs-fontanaArc-series-wrapper .card-followup {
  margin-top: 0.9rem;
  font-size: 1.05rem;
  color: #4b5563;
  line-height: 1.65;
}
#content_area .fs-fontanaArc-series-wrapper .card-cta {
  margin-top: 1.2rem;
}
#content_area .fs-fontanaArc-series-wrapper .features-list {
  list-style: none;
  margin-top: 0.9rem;
  padding-left: 0;
}
#content_area .fs-fontanaArc-series-wrapper .features-list li {
  padding-left: 1.5rem;
  position: relative;
  margin-bottom: 0.6rem;
  font-size: 1.05rem;
  color: #374151;
  line-height: 1.6;
}
#content_area .fs-fontanaArc-series-wrapper .features-list li::before {
  content: "•";
  position: absolute;
  left: 0;
  top: 6px;
  color: #0d47a1;
  font-size: 1.3rem;
  line-height: 1;
}
/* MID-PAGE BANNER */
#content_area .fs-fontanaArc-series-wrapper .mid-banner {
  margin-top: 3.5rem;
  background: linear-gradient(135deg, #ffffff, #e0f6ff);
  border: 1px solid #c7e2f6;
  border-radius: 26px;
  padding: 2.2rem 2rem;
  color: #1f3444;
  /* display: flex; */
  /* flex-wrap: wrap; */
  align-items: center;
  justify-content: space-between;
  gap: 1.6rem;
}
#content_area .fs-fontanaArc-series-wrapper .mid-banner > div:first-child {
  flex: 1 1 400px;
  min-width: 0;
}
#content_area .fs-fontanaArc-series-wrapper .mid-banner h2 {
  font-size: 1.6rem;
  margin-bottom: 0.6rem;
  color: #1f3444;
  font-weight: 700;
  line-height: 1.3;
}
#content_area .fs-fontanaArc-series-wrapper .mid-banner p {
  font-size: 1.05rem;
  max-width: 100%;
  color: #6b7280;
  line-height: 1.65;
}
#content_area .fs-fontanaArc-series-wrapper .mid-banner .btn-primary {
  background: linear-gradient(135deg, #e3f2fd, #c7e2f6);
  border-color: #c7e2f6;
  color: #1f3444;
}
#content_area .fs-fontanaArc-series-wrapper .mid-banner .btn-primary:hover {
  background: linear-gradient(135deg, #d6ecfb, #b5d8ef);
  border-color: #b5d8ef;
}
/* TECH SPECS TABLE */
#content_area .fs-fontanaArc-series-wrapper .specs-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 1.05rem;
  background: #fff;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 12px 30px rgba(15, 23, 42, 0.06);
}
#content_area .fs-fontanaArc-series-wrapper .specs-table th,
#content_area .fs-fontanaArc-series-wrapper .specs-table td {
  padding: 1.1rem 1.3rem;
  border-bottom: 1px solid #e5e7eb;
  text-align: left;
  font-size: 1.2rem;
  line-height: 1.55;
  color: #374151;
}
#content_area .fs-fontanaArc-series-wrapper .specs-table th {
  background: #f3f4f6;
  font-weight: 700;
  color: #111827;
  font-size: 1.3rem;
}
#content_area .fs-fontanaArc-series-wrapper .specs-table tr:last-child td {
  border-bottom: none;
}
/* SEO HEADING + PARAGRAPH */
#content_area .fs-fontanaArc-series-wrapper .seo-heading {
  margin-top: 2rem;
  font-size: 1.35rem;
  color: #111827;
  font-weight: 700;
  line-height: 1.35;
}
#content_area .fs-fontanaArc-series-wrapper .seo-paragraph {
  margin-top: 0.6rem;
  font-size: 1.05rem;
  color: #4b5563;
  line-height: 1.65;
}
#content_area .fs-fontanaArc-series-wrapper .tag-row {
  font-size: 0.95rem;
  color: #4b5563;
  margin-top: 1.4rem;
}
#content_area .fs-fontanaArc-series-wrapper .tag-row span {
  display: inline-block;
  background: #e5e7eb;
  border-radius: 999px;
  padding: 0.4rem 0.9rem;
  margin: 0 0.3rem 0.5rem 0;
  font-size: 0.95rem;
}
/* FOOTER CTA BANNER */
#content_area .fs-fontanaArc-series-wrapper .footer-banner {
  margin-top: 4rem;
  background: linear-gradient(135deg, #ffffff, #e0f6ff);
  color: #1f3444;
  padding: 2.5rem 2rem 2.8rem;
  border: 1px solid #c7e2f6;
  border-radius: 26px;
}
#content_area .fs-fontanaArc-series-wrapper .footer-banner h2 {
  font-size: 1.7rem;
  margin-bottom: 0.7rem;
  color: #1f3444;
  font-weight: 700;
  line-height: 1.3;
}
#content_area .fs-fontanaArc-series-wrapper .footer-banner p {
  font-size: 1.05rem;
  max-width: 100%;
  margin-bottom: 1.4rem;
  color: #6b7280;
  line-height: 1.65;
}
#content_area .fs-fontanaArc-series-wrapper .footer-banner .btn-ghost {
  color: #1f3444;
  border-color: #c7e2f6;
  background: #ffffff;
  /* font-size: 1.2rem; */
}
#content_area .fs-fontanaArc-series-wrapper .footer-banner .btn-ghost:hover {
  background: #f5faff;
  border-color: #0d47a1;
}
#content_area .fs-fontanaArc-series-wrapper .footer-meta {
  font-size: 0.9rem;
  color: #7c7c7c;
  margin-top: 0.8rem;
  line-height: 1.6;
}
/* RESPONSIVE */
@media (max-width: 768px) {
  #content_area .fs-fontanaArc-series-wrapper .hero-title {
    font-size: 2.1rem;
  }
  #content_area .fs-fontanaArc-series-wrapper .card h3 {
    font-size: 1.45rem;
  }
  #content_area .fs-fontanaArc-series-wrapper .card h4 {
    font-size: 1.3rem;
  }
  #content_area .fs-fontanaArc-series-wrapper .section-header h2 {
    font-size: 1.6rem;
  }
  #content_area .fs-fontanaArc-series-wrapper .specs-table,
  #content_area .fs-fontanaArc-series-wrapper .specs-table th,
  #content_area .fs-fontanaArc-series-wrapper .specs-table td {
    font-size: 0.95rem;
  }
  #content_area .fs-fontanaArc-series-wrapper .specs-table th,
  #content_area .fs-fontanaArc-series-wrapper .specs-table td {
    padding: 0.85rem 0.9rem;
  }
}
/* Category 9988 -- (https://www.fontanashowers.com/FontanaArc-s/9988.htm) at 02-12-2025 Start Here*/

/* Category 9990 -- (https://www.fontanashowers.com/Fontana-AeroSense-Collection-s/9990.htm) at 02-12-2025 Start Here*/
#content_area .ftf-aerosense-collection-series-wrapper {
      font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
      line-height: 1.6;
      color: #1f3444;
    }
    #content_area .ftf-aerosense-collection-series-wrapper a {
      text-decoration: none;
      color: inherit;
    }
    #content_area .ftf-aerosense-collection-series-wrapper img {
      max-width: 100%;
      display: block;
    }
    #content_area .ftf-aerosense-collection-series-wrapper .page-wrapper {
      max-width: 1280px;
      margin: 0 auto;
      padding: 1.5rem 1rem 3rem;
    }
    /* HERO BANNER */
    #content_area .ftf-aerosense-collection-series-wrapper .hero-banner {
      position: relative;
      overflow: hidden;
      border-radius: 1.5rem;
      background: linear-gradient(135deg, #ffffff, #e0f6ff);
      border: 1px solid #c7e2f6;
      color: #1f3444;
      padding: 3rem 2rem;
      margin-bottom: 2.5rem;
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
      gap: 2.5rem;
      align-items: center;
      box-shadow: 0 18px 40px rgba(15, 23, 42, 0.06);
    }    #content_area .ftf-aerosense-collection-series-wrapper .hero-tag {
      display: inline-flex;
      align-items: center;
      gap: 0.5rem;
      padding: 0.3rem 0.85rem;
      border-radius: 999px;
      background: #ffffff;
      border: 1px solid #c7e2f6;
      color: #5a8db5;
      font-size: 10px;
      text-transform: uppercase;
      letter-spacing: 0.08em;
      font-weight: 600;
    }
    #content_area .ftf-aerosense-collection-series-wrapper .hero-tag-dot {
      width: 8px;
      height: 8px;
      border-radius: 999px;
      background-color: #22c55e;
    }
    #content_area .ftf-aerosense-collection-series-wrapper .hero-title {
      margin-top: 1rem;
      font-size: 2.5rem;
      line-height: 1.1;
      letter-spacing: -0.04em;
      color: #1f3444;
    }
    #content_area .ftf-aerosense-collection-series-wrapper .hero-subtitle {
      margin-top: 0.75rem;
      font-size: 1rem;
      /* max-width: 32rem; */
      color: #6b7280;
    }
    #content_area .ftf-aerosense-collection-series-wrapper .hero-actions {
      margin-top: 1.75rem;
      display: flex;
      flex-wrap: wrap;
      gap: 0.75rem;
    }
    #content_area .ftf-aerosense-collection-series-wrapper .btn-primary {
      border-radius: 999px;
      padding: 0.75rem 1.5rem;
      font-weight: 600;
      background: linear-gradient(135deg, #e3f2fd, #c7e2f6);
      border: 1px solid #c7e2f6;
      color: #1f3444;
      cursor: pointer;
      box-shadow: 0 10px 24px rgba(127, 179, 221, 0.25);
      font-size: 12px;
      display: inline-flex;
      align-items: center;
      gap: 0.5rem;
      transition: all 0.15s ease;
    }
    #content_area .ftf-aerosense-collection-series-wrapper .btn-primary:hover {
      background: linear-gradient(135deg, #d6ecfb, #b5d8ef);
      border-color: #b5d8ef;
      transform: translateY(-1px);
    }
    #content_area .ftf-aerosense-collection-series-wrapper .btn-secondary {
      border-radius: 999px;
      padding: 0.75rem 1.5rem;
      font-weight: 500;
      border: 1px solid #c7e2f6;
      background-color: #ffffff;
      color: #1f3444;
      cursor: pointer;
      font-size: 12px;
      display: inline-flex;
      align-items: center;
      gap: 0.5rem;
      transition: all 0.15s ease;
    }
    #content_area .ftf-aerosense-collection-series-wrapper .btn-secondary:hover {
      background: #f5faff;
      border-color: #7fb3dd;
    }
    #content_area .ftf-aerosense-collection-series-wrapper .hero-metrics {
      margin-top: 20px;
      display: flex;
      flex-wrap: wrap;
      gap: 1.25rem;
      font-size: 12px;
      color: #6b7280;
    }
    #content_area .ftf-aerosense-collection-series-wrapper .hero-metric-item strong {
      display: block;
      font-size: 12px;
      color: #1f3444;
    }
    #content_area .ftf-aerosense-collection-series-wrapper .hero-visual {
      position: relative;
      isolation: isolate;
    }
    #content_area .ftf-aerosense-collection-series-wrapper .hero-device {
      border-radius: 1.25rem;
      background: linear-gradient(145deg, #ffffff, #f5faff);
      border: 1px solid #c7e2f6;
      padding: 1.5rem;
      box-shadow: 0 18px 40px rgba(15, 23, 42, 0.08);
    }
    #content_area .ftf-aerosense-collection-series-wrapper .hero-device-header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 1rem;
      font-size: 10px;
      color: #1f3444;
      gap: 0.5rem;
      flex-wrap: wrap;
    }
    #content_area .ftf-aerosense-collection-series-wrapper .hero-pill {
      padding: 0.3rem 0.85rem;
      border-radius: 999px;
      font-size: 10px;
      background-color: #ffffff;
      border: 1px solid #c7e2f6;
      color: #5a8db5;
      font-weight: 600;
    }
    #content_area .ftf-aerosense-collection-series-wrapper .hero-sensor-preview {
      border-radius: 1rem;
      background: linear-gradient(135deg, #e3f2fd, #c7e2f6 50%, #7fb3dd);
      border: 1px solid #c7e2f6;
      padding: 1.5rem 1.25rem;
      display: flex;
      flex-direction: column;
      gap: 1.25rem;
      align-items: stretch;
    }    #content_area .ftf-aerosense-collection-series-wrapper .hero-sensor-ring {
      width: 140px;
      height: 140px;
      border-radius: 999px;
      margin: 0 auto;
      border: 1px solid rgba(31, 52, 68, 0.4);
      background: rgba(255, 255, 255, 0.5);
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative;
      overflow: hidden;
    }
    #content_area .ftf-aerosense-collection-series-wrapper .hero-sensor-inner {
      width: 90px;
      height: 90px;
      border-radius: 999px;
      background: radial-gradient(circle, rgba(127, 179, 221, 0.5), rgba(255, 255, 255, 0.3));
      display: flex;
      align-items: center;
      justify-content: center;
      color: #1f3444;
      font-size: 0.78rem;
      text-align: center;
      padding: 0.25rem;
      font-weight: 600;
    }
    #content_area .ftf-aerosense-collection-series-wrapper .hero-sensor-wave {
      position: absolute;
      inset: -40%;
      opacity: 0.25;
      background: conic-gradient(from 120deg, #7fb3dd, #c7e2f6, #5a8db5, #7fb3dd);
      animation: ff-spin 14s linear infinite;
    }
    #content_area .ftf-aerosense-collection-series-wrapper .hero-sensor-inner span {
      position: relative;
      z-index: 1;
    }
    @keyframes ff-spin {
      to {
        transform: rotate(360deg);
      }
    }
    #content_area .ftf-aerosense-collection-series-wrapper .hero-spec {
      font-size: 0.8rem;
      color: #1f3444;
    }
    #content_area .ftf-aerosense-collection-series-wrapper .hero-spec-list {
      list-style: none;
      margin-top: 0.5rem;
      display: grid;
      gap: 0.3rem;
      color: #4b5563;
    }
    #content_area .ftf-aerosense-collection-series-wrapper .hero-spec-list li::before {
      content: "•";
      margin-right: 0.4rem;
      color: #7fb3dd;
      font-weight: 700;
    }
    #content_area .ftf-aerosense-collection-series-wrapper .hero-stamp {
      position: absolute;
      right: -10px;
      bottom: -12px;
      border-radius: 999px;
      border: 1px dashed #c7e2f6;
      padding: 0.5rem 1rem;
      font-size: 10px;
      background-color: #ffffff;
      color: #5a8db5;
      text-transform: uppercase;
      letter-spacing: 0.12em;
      font-weight: 600;
    }
    /* SECTION LAYOUTS */
    #content_area .ftf-aerosense-collection-series-wrapper section {
      margin-bottom: 2.5rem;
    }
    #content_area .ftf-aerosense-collection-series-wrapper .section-header {
      display: flex;
      justify-content: space-between;
      align-items: flex-end;
      gap: 1rem;
      margin-bottom: 1.25rem;
      flex-wrap: wrap;
    }
    #content_area .ftf-aerosense-collection-series-wrapper .section-header-text {
      /* max-width: 46rem; */
    }
    #content_area .ftf-aerosense-collection-series-wrapper .section-kicker {
      font-size: 12px!important;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      color: #5a8db5;
      margin-bottom: 0.25rem;
      font-weight: 700;
    }
    #content_area .ftf-aerosense-collection-series-wrapper .section-description {
      font-size: 0.95rem;
      color: #6b7280;
      margin-top: 0.4rem;
    }
    /* CATEGORY BANNERS */
    #content_area .ftf-aerosense-collection-series-wrapper .banner-row {
      display: grid;
      grid-template-columns: 2fr 3fr;
      gap: 1.5rem;
      margin-bottom: 1.5rem;
    }
    #content_area .ftf-aerosense-collection-series-wrapper .banner-card {
      border-radius: 1.25rem;
      padding: 1.5rem;
      background: linear-gradient(135deg, #ffffff, #e0f6ff);
      border: 1px solid #c7e2f6;
      color: #1f3444;
      position: relative;
      overflow: hidden;
      box-shadow: 0 14px 30px rgba(15, 23, 42, 0.06);
    }
    #content_area .ftf-aerosense-collection-series-wrapper .banner-card::before {
      content: "";
      position: absolute;
      inset: 0;
      background: radial-gradient(circle at top left, rgba(127, 179, 221, 0.18), transparent 55%);
      opacity: 0.9;
      pointer-events: none;
    }
    #content_area .ftf-aerosense-collection-series-wrapper .banner-card-inner {
      position: relative;
      z-index: 1;
    }
    #content_area .ftf-aerosense-collection-series-wrapper .banner-card h2,
    #content_area .ftf-aerosense-collection-series-wrapper .banner-card h3 {
      color: #1f3444;
    }
    #content_area .ftf-aerosense-collection-series-wrapper .banner-chip {
      display: inline-flex;
      align-items: center;
      gap: 0.4rem;
      padding: 0.35rem 0.85rem;
      border-radius: 999px;
      background-color: #ffffff;
      border: 1px solid #c7e2f6;
      color: #5a8db5;
      font-size: 10px;
      margin-bottom: 0.6rem;
      font-weight: 600;
    }
    #content_area .ftf-aerosense-collection-series-wrapper .banner-chip-dot {
      width: 6px;
      height: 6px;
      border-radius: 999px;
      background-color: #7fb3dd;
    }
    #content_area .ftf-aerosense-collection-series-wrapper .banner-card p {
      font-size: 0.9rem;
      margin-top: 0.35rem;
      color: #6b7280;
    }
    #content_area .ftf-aerosense-collection-series-wrapper .banner-highlight {
      margin-top: 0.75rem;
      padding-top: 0.7rem;
      border-top: 1px solid #c7e2f6;
      font-size: 11px;
      display: flex;
      flex-wrap: wrap;
      gap: 0.75rem;
    }
    #content_area .ftf-aerosense-collection-series-wrapper .banner-highlight span {
      display: inline-flex;
      align-items: center;
      gap: 0.25rem;
      padding: 0.35rem 0.85rem;
      border-radius: 999px;
      background-color: #ffffff;
      border: 1px solid #dde3ec;
      color: #1f3444;
    }
    #content_area .ftf-aerosense-collection-series-wrapper .banner-highlight span strong {
      font-size: 0.8rem;
      color: #5a8db5;
    }
    #content_area .ftf-aerosense-collection-series-wrapper .banner-secondary {
      border-radius: 1.25rem;
      padding: 1.5rem;
      background: linear-gradient(135deg, #ffffff, #f5faff);
      border: 1px solid #c7e2f6;
      display: grid;
      grid-template-columns: 3fr 1fr;
      gap: 1.25rem;
      align-items: center;
    }
    #content_area .ftf-aerosense-collection-series-wrapper .banner-secondary h3 {
      margin-bottom: 0.4rem;
      font-size: 16px;
      color: #1f3444;
    }
    #content_area .ftf-aerosense-collection-series-wrapper .banner-secondary p {
      font-size: 0.9rem;
      color: #6b7280;
      margin-bottom: 0.5rem;
    }
    #content_area .ftf-aerosense-collection-series-wrapper .banner-secondary-list {
      list-style: none;
      font-size: 0.85rem;
      color: #4b5563;
      display: grid;
      gap: 0.3rem;
      margin-bottom: 0.5rem;
    }
    #content_area .ftf-aerosense-collection-series-wrapper .banner-secondary-list li::before {
      content: "✓";
      margin-right: 0.4rem;
      color: #5a8db5;
      font-size: 0.8rem;
      font-weight: 700;
    }
    #content_area .ftf-aerosense-collection-series-wrapper .banner-badge {
      width: 130px;
      height: 130px;
      border-radius: 999px;
      border: 1px dashed #c7e2f6;
      background: #ffffff;
      color: #5a8db5;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      font-size: 0.8rem;
      padding: 0.5rem;
      font-weight: 600;
    }
    /* PRODUCT GRID */
    #content_area .ftf-aerosense-collection-series-wrapper .product-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 1.5rem;
    }
    #content_area .ftf-aerosense-collection-series-wrapper .product-card {
      background-color: #ffffff;
      border-radius: 1.25rem;
      border: 1px solid #e5e7eb;
      padding: 1.4rem;
      display: flex;
      flex-direction: column;
      gap: 0.75rem;
      box-shadow: 0 10px 24px rgba(15, 23, 42, 0.05);
    }
    #content_area .ftf-aerosense-collection-series-wrapper .product-tag {
      font-size: 10px;
      text-transform: uppercase;
      letter-spacing: 0.08em;
      color: #5a8db5;
      font-weight: 700;
    }
    #content_area .ftf-aerosense-collection-series-wrapper .product-title {
      font-size: 15px;
      font-weight: 700;
      color: #1f3444;
    }
    #content_area .ftf-aerosense-collection-series-wrapper .product-desc {
      font-size: 0.85rem;
      color: #6b7280;
      flex: 1;
    }
    #content_area .ftf-aerosense-collection-series-wrapper .product-meta {
      font-size: 11px;
      color: #6b7280;
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 0.5rem;
      margin-top: 0.15rem;
      flex-wrap: wrap;
    }
    #content_area .ftf-aerosense-collection-series-wrapper .product-meta span {
      display: inline-flex;
      align-items: center;
      gap: 0.25rem;
    }
    #content_area .ftf-aerosense-collection-series-wrapper .product-cta {
      margin-top: 0.75rem;
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 0.5rem;
      font-size: 11px;
      flex-wrap: wrap;
    }
    #content_area .ftf-aerosense-collection-series-wrapper .link-inline {
      font-weight: 600;
      color: #5a8db5;
      display: inline-flex;
      align-items: center;
      gap: 0.25rem;
      cursor: pointer;
    }
    #content_area .ftf-aerosense-collection-series-wrapper .link-inline:hover {
      color: #1f3444;
    }
    /* TECH + SPEC SECTION */
    #content_area .ftf-aerosense-collection-series-wrapper .spec-grid {
      display: grid;
      grid-template-columns: 2.2fr 1.8fr;
      gap: 1.5rem;
      align-items: flex-start;
    }
    #content_area .ftf-aerosense-collection-series-wrapper .spec-card {
      background-color: #ffffff;
      border-radius: 1.25rem;
      border: 1px solid #e5e7eb;
      padding: 1.5rem;
      box-shadow: 0 10px 24px rgba(15, 23, 42, 0.05);
    }
    #content_area .ftf-aerosense-collection-series-wrapper .spec-card h3 {
      margin-bottom: 0.5rem;
      color: #1f3444;
    }
    #content_area .ftf-aerosense-collection-series-wrapper .spec-list {
      list-style: none;
      display: grid;
      gap: 0.4rem;
      font-size: 0.85rem;
      color: #4b5563;
    }
    #content_area .ftf-aerosense-collection-series-wrapper .spec-list li::before {
      content: "•";
      margin-right: 0.4rem;
      color: #7fb3dd;
      font-weight: 700;
    }
    #content_area .ftf-aerosense-collection-series-wrapper .spec-pills {
      margin-top: 0.9rem;
      display: flex;
      flex-wrap: wrap;
      gap: 0.5rem;
    }
    #content_area .ftf-aerosense-collection-series-wrapper .pill {
      border-radius: 999px;
      padding: 0.4rem 0.85rem;
      font-size: 10px;
      background-color: #f5faff;
      color: #5a8db5;
      border: 1px solid #c7e2f6;
      font-weight: 600;
    }
    #content_area .ftf-aerosense-collection-series-wrapper .spec-note {
      margin-top: 0.85rem;
      font-size: 0.78rem;
      color: #6b7280;
    }
    #content_area .ftf-aerosense-collection-series-wrapper .spec-note strong {
      color: #1f3444;
    }
    #content_area .ftf-aerosense-collection-series-wrapper .spec-callout {
      border-radius: 1.25rem;
      padding: 1.5rem;
      background: linear-gradient(135deg, #ffffff, #e0f6ff);
      border: 1px solid #c7e2f6;
      color: #1f3444;
      font-size: 0.85rem;
      position: relative;
      overflow: hidden;
      box-shadow: 0 14px 30px rgba(15, 23, 42, 0.06);
    }
    #content_area .ftf-aerosense-collection-series-wrapper .spec-callout::before {
      content: "";
      position: absolute;
      inset: -30%;
      background: radial-gradient(circle at top, rgba(127, 179, 221, 0.18), transparent 60%);
      opacity: 0.9;
    }
    #content_area .ftf-aerosense-collection-series-wrapper .spec-callout-inner {
      position: relative;
      z-index: 1;
    }
    #content_area .ftf-aerosense-collection-series-wrapper .spec-callout h4 {
      margin-bottom: 0.5rem;
      font-size: 15px;
      color: #1f3444;
      font-weight: 700;
    }
    #content_area .ftf-aerosense-collection-series-wrapper .spec-callout-list {
      list-style: none;
      display: grid;
      gap: 0.3rem;
      font-size: 0.85rem;
      color: #4b5563;
    }
    #content_area .ftf-aerosense-collection-series-wrapper .spec-callout-list li::before {
      content: "↳";
      margin-right: 0.4rem;
      color: #5a8db5;
      font-weight: 700;
    }
    #content_area .ftf-aerosense-collection-series-wrapper .spec-callout-footnote {
      margin-top: 0.7rem;
      font-size: 0.75rem;
      color: #6b7280;
    }
    /* FAQ / CONTENT SECTION */
    #content_area .ftf-aerosense-collection-series-wrapper .content-columns {
      /* display: grid; */
      grid-template-columns: 3fr 2fr;
      gap: 1.5rem;
    }
    #content_area .ftf-aerosense-collection-series-wrapper .faq-list {
      list-style: none;
      display: grid;
      gap: 0.85rem;
      font-size: 0.9rem;
    }
    #content_area .ftf-aerosense-collection-series-wrapper .faq-item {
      border-radius: 0.85rem;
      background-color: #ffffff;
      border: 1px solid #e5e7eb;
      padding: 1rem 1.1rem;
    }
    #content_area .ftf-aerosense-collection-series-wrapper .faq-item h4 {
      font-size: 15px;
      margin-bottom: 0.3rem;
      color: #1f3444;
      font-weight: 700;
    }
    #content_area .ftf-aerosense-collection-series-wrapper .faq-item p {
      font-size: 0.85rem;
      color: #6b7280;
    }
    #content_area .ftf-aerosense-collection-series-wrapper .seo-note {
      background-color: #f5faff;
      border-radius: 1rem;
      border: 1px dashed #c7e2f6;
      padding: 1rem;
      font-size: 0.8rem;
      color: #6b7280;
    }
    #content_area .ftf-aerosense-collection-series-wrapper .seo-note strong {
      color: #1f3444;
    }
    /* FOOTER CTA */
    #content_area .ftf-aerosense-collection-series-wrapper .footer-cta {
      margin-top: 2.5rem;
      border-radius: 1.5rem;
      background: linear-gradient(135deg, #ffffff, #e0f6ff);
      border: 1px solid #c7e2f6;
      color: #1f3444;
      padding: 1.85rem 1.6rem;
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: space-between;
      gap: 1.25rem;
      box-shadow: 0 14px 30px rgba(15, 23, 42, 0.06);
    }
    #content_area .ftf-aerosense-collection-series-wrapper .footer-cta h3 {
      font-size: 15px;
      margin-bottom: 0.3rem;
      color: #1f3444;
    }
    #content_area .ftf-aerosense-collection-series-wrapper .footer-cta p {
      font-size: 0.9rem;
      color: #6b7280;
    }
    #content_area .ftf-aerosense-collection-series-wrapper .footer-cta-actions {
      display: flex;
      gap: 0.75rem;
      flex-wrap: wrap;
    }
    /* RESPONSIVE */
    @media (max-width: 960px) {
      #content_area .ftf-aerosense-collection-series-wrapper .hero-banner {
        grid-template-columns: 1fr;
      }
      #content_area .ftf-aerosense-collection-series-wrapper .hero-visual {
        order: -1;
      }
      #content_area .ftf-aerosense-collection-series-wrapper .banner-row {
        grid-template-columns: 1fr;
      }
      #content_area .ftf-aerosense-collection-series-wrapper .banner-secondary {
        grid-template-columns: 1fr;
      }
      #content_area .ftf-aerosense-collection-series-wrapper .product-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
      #content_area .ftf-aerosense-collection-series-wrapper .spec-grid {
        grid-template-columns: 1fr;
      }
      #content_area .ftf-aerosense-collection-series-wrapper .content-columns {
        grid-template-columns: 1fr;
      }
    }
    @media (max-width: 640px) {
      #content_area .ftf-aerosense-collection-series-wrapper .page-wrapper {
        padding: 1rem 0.75rem 2.25rem;
      }
      #content_area .ftf-aerosense-collection-series-wrapper .hero-banner {
        padding: 2.25rem 1.5rem;
      }
      #content_area .ftf-aerosense-collection-series-wrapper .hero-title {
        font-size: 2rem;
      }
      #content_area .ftf-aerosense-collection-series-wrapper .product-grid {
        grid-template-columns: 1fr;
      }
    }
/* Category 9990 -- (https://www.fontanashowers.com/Fontana-AeroSense-Collection-s/9990.htm) at 02-12-2025 Start Here*/

/* Category 9991 -- (https://www.fontanashowers.com/Fontana-Glacier-Series-s/9991.htm) at 02-12-2025 Start Here*/
#content_area .ftf-glacier-seriesaec-projects-wrapper {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    color: #1f3444;
    line-height: 1.6;
  }
  #content_area .ftf-glacier-seriesaec-projects-wrapper a {
    color: #5a8db5;
    text-decoration: none;
  }
  #content_area .ftf-glacier-seriesaec-projects-wrapper a:hover {
    text-decoration: underline;
  }
  #content_area .ftf-glacier-seriesaec-projects-wrapper .fff-page {
    max-width: 1200px;
    margin: 0 auto;
    padding: 24px 16px 60px;
  }
  /* --------- TOP BANNER / HERO --------- */
  #content_area .ftf-glacier-seriesaec-projects-wrapper .hero-banner {
    position: relative;
    margin: 12px 0 32px;
    padding: 32px 28px;
    border-radius: 28px;
    overflow: hidden;
    background: linear-gradient(135deg, #ffffff, #e0f6ff);
    border: 1px solid #c7e2f6;
    color: #1f3444;
    display: grid;
    grid-template-columns: minmax(0, 2.1fr) minmax(0, 2fr);
    gap: 24px;
    box-shadow: 0 18px 40px rgba(15, 23, 42, 0.06);
  }
  #content_area .ftf-glacier-seriesaec-projects-wrapper .hero-left-badge {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 5px 14px;
    border-radius: 999px;
    background: #ffffff;
    border: 1px solid #c7e2f6;
    color: #5a8db5;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-weight: 600;
  }
  #content_area .ftf-glacier-seriesaec-projects-wrapper .hero-left-badge span.dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #7fb3dd;
  }
  #content_area .ftf-glacier-seriesaec-projects-wrapper h1 {
    font-size: 32px;
    margin: 18px 0 10px;
    letter-spacing: -0.03em;
    color: #1f3444;
  }
  #content_area .ftf-glacier-seriesaec-projects-wrapper .hero-subtitle {
    font-size: 15px;
    max-width: 520px;
    color: #6b7280;
  }
  #content_area .ftf-glacier-seriesaec-projects-wrapper .hero-kpis {
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
    margin-top: 22px;
  }
  #content_area .ftf-glacier-seriesaec-projects-wrapper .hero-kpi {
    min-width: 120px;
  }
  #content_area .ftf-glacier-seriesaec-projects-wrapper .hero-kpi-label {
    font-size: 11px;
    color: #5a8db5;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-weight: 600;
  }
  #content_area .ftf-glacier-seriesaec-projects-wrapper .hero-kpi-value {
    font-size: 12px;
    font-weight: 700;
    color: #1f3444;
  }
  #content_area .ftf-glacier-seriesaec-projects-wrapper .hero-cta-row {
    margin-top: 24px;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: center;
  }
  #content_area .ftf-glacier-seriesaec-projects-wrapper .btn-primary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 11px 22px;
    font-size: 14px;
    font-weight: 600;
    border-radius: 999px;
    border: 1px solid #c7e2f6;
    background: linear-gradient(135deg, #e3f2fd, #c7e2f6);
    color: #1f3444;
    cursor: pointer;
    box-shadow: 0 10px 24px rgba(127, 179, 221, 0.25);
    text-decoration: none;
    white-space: nowrap;
    transition: all 0.15s ease;
  }
  #content_area .ftf-glacier-seriesaec-projects-wrapper .btn-primary:hover {
    background: linear-gradient(135deg, #d6ecfb, #b5d8ef);
    border-color: #b5d8ef;
    transform: translateY(-1px);
    text-decoration: none;
  }
  #content_area .ftf-glacier-seriesaec-projects-wrapper .btn-primary span.icon {
    font-size: 16px;
  }
  #content_area .ftf-glacier-seriesaec-projects-wrapper .btn-outline {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 10px 20px;
    font-size: 13px;
    font-weight: 600;
    border-radius: 999px;
    border: 1px solid #c7e2f6;
    color: #1f3444;
    background: #ffffff;
    cursor: pointer;
    text-decoration: none;
    white-space: nowrap;
    transition: all 0.15s ease;
  }
  #content_area .ftf-glacier-seriesaec-projects-wrapper .btn-outline:hover {
    background: #f5faff;
    border-color: #7fb3dd;
    text-decoration: none;
  }
  #content_area .ftf-glacier-seriesaec-projects-wrapper .hero-right {
    position: relative;
    display: flex;
    align-items: stretch;
    justify-content: center;
  }
  /* --------- RIGHT HERO "VISIBLE BANNER" --------- */
  #content_area .ftf-glacier-seriesaec-projects-wrapper .hero-visual-banner {
    position: relative;
    width: 100%;
    max-width: 420px;
    border-radius: 24px;
    padding: 18px 18px 20px;
    background: linear-gradient(150deg, #ffffff, #e3f2fd 55%, #c7e2f6);
    border: 1px solid #c7e2f6;
    color: #1f3444;
    box-shadow: 0 18px 40px rgba(15, 23, 42, 0.08);
    overflow: hidden;
  }
  #content_area .ftf-glacier-seriesaec-projects-wrapper .hero-visual-top-tag {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: #5a8db5;
    margin-bottom: 6px;
    font-weight: 700;
  }
  #content_area .ftf-glacier-seriesaec-projects-wrapper .hero-visual-title {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 2px;
    color: #1f3444;
  }
  #content_area .ftf-glacier-seriesaec-projects-wrapper .hero-visual-subtitle {
    font-size: 12px;
    color: #6b7280;
    margin-bottom: 12px;
  }
  #content_area .ftf-glacier-seriesaec-projects-wrapper .hero-visual-specband {
    display: flex;
    gap: 8px;
    margin-bottom: 12px;
    flex-wrap: wrap;
  }
  #content_area .ftf-glacier-seriesaec-projects-wrapper .hero-pill {
    padding: 5px 11px;
    border-radius: 999px;
    font-size: 11px;
    background: #ffffff;
    border: 1px solid #c7e2f6;
    color: #5a8db5;
    white-space: nowrap;
    font-weight: 600;
  }
  #content_area .ftf-glacier-seriesaec-projects-wrapper .hero-visual-mock {
    position: relative;
    margin-top: 8px;
    padding: 18px 16px;
    border-radius: 18px;
    background: radial-gradient(circle at top left, rgba(127, 179, 221, 0.18), transparent 60%), #ffffff;
    border: 1px solid #c7e2f6;
  }
  #content_area .ftf-glacier-seriesaec-projects-wrapper .hero-visual-mock-main {
    height: 110px;
    border-radius: 16px;
    background: linear-gradient(145deg, #f5faff, #c7e2f6);
    position: relative;
    overflow: hidden;
  }
  /* stylized "glacier faucet silhouette" - kept metallic look on light bg */
  #content_area .ftf-glacier-seriesaec-projects-wrapper .hero-faucet {
    position: absolute;
    right: 14px;
    bottom: 18px;
    width: 110px;
    height: 62px;
    border-radius: 20px;
    background: linear-gradient(145deg, #ffffff, #b4c3d6);
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.15);
  }
  #content_area .ftf-glacier-seriesaec-projects-wrapper .hero-faucet-neck {
    position: absolute;
    left: 16px;
    top: 10px;
    width: 26px;
    height: 42px;
    border-radius: 22px;
    background: linear-gradient(160deg, #d9e4f0, #94a1b5);
  }
  #content_area .ftf-glacier-seriesaec-projects-wrapper .hero-faucet-arm {
    position: absolute;
    left: 34px;
    top: 14px;
    width: 60px;
    height: 22px;
    border-radius: 14px;
    background: linear-gradient(155deg, #ffffff, #a9b4c7);
  }
  #content_area .ftf-glacier-seriesaec-projects-wrapper .hero-faucet-sensor {
    position: absolute;
    left: 38px;
    top: 22px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #1f3444;
    box-shadow: 0 0 12px rgba(127, 179, 221, 0.9);
  }
  #content_area .ftf-glacier-seriesaec-projects-wrapper .hero-faucet-base {
    position: absolute;
    right: 6px;
    bottom: -3px;
    width: 70%;
    height: 12px;
    border-radius: 60px;
    background: radial-gradient(circle, rgba(15, 23, 42, 0.25), transparent 75%);
    filter: blur(4px);
    opacity: 0.85;
  }
  #content_area .ftf-glacier-seriesaec-projects-wrapper .hero-visual-badges {
    margin-top: 14px;
    display: flex;
    justify-content: space-between;
    gap: 10px;
    font-size: 11px;
    color: #1f3444;
  }
  #content_area .ftf-glacier-seriesaec-projects-wrapper .hero-mini-label {
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: #5a8db5;
    margin-bottom: 2px;
    font-weight: 600;
  }
  #content_area .ftf-glacier-seriesaec-projects-wrapper .hero-mini-value {
    font-weight: 700;
    color: #1f3444;
  }
  /* --------- CONTENT SECTIONS --------- */
  #content_area .ftf-glacier-seriesaec-projects-wrapper .fff-main {
    margin-top: 8px;
  }
  #content_area .ftf-glacier-seriesaec-projects-wrapper section {
    margin-bottom: 40px;
  }
  #content_area .ftf-glacier-seriesaec-projects-wrapper h2 {
    font-size: 24px;
    margin-bottom: 10px;
    letter-spacing: -0.02em;
    color: #1f3444;
  }
  #content_area .ftf-glacier-seriesaec-projects-wrapper h3 {
    font-size: 16px;
    margin: 18px 0 8px;
    color: #1f3444;
  }
  #content_area .ftf-glacier-seriesaec-projects-wrapper h4 {
    font-size: 15px;
    margin: 12px 0 4px;
    color: #1f3444;
  }
  #content_area .ftf-glacier-seriesaec-projects-wrapper h5 {
    font-size: 15px;
    margin: 8px 0 2px;
    text-transform: uppercase;
    letter-spacing: 0.11em;
    color: #5a8db5;
    font-weight: 700;
  }
  #content_area .ftf-glacier-seriesaec-projects-wrapper p {
    font-size: 14px;
    margin-bottom: 10px;
    color: #4b5563;
  }
  #content_area .ftf-glacier-seriesaec-projects-wrapper .muted {
    color: #6b7280;
    font-size: 13px;
  }
  #content_area .ftf-glacier-seriesaec-projects-wrapper .grid-3 {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
  }
  #content_area .ftf-glacier-seriesaec-projects-wrapper .grid-2 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
  }
  #content_area .ftf-glacier-seriesaec-projects-wrapper .card {
    background: #ffffff;
    border-radius: 18px;
    padding: 18px 18px 20px;
    border: 1px solid #dde3ec;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.05);
  }
  #content_area .ftf-glacier-seriesaec-projects-wrapper .card-banner {
    position: relative;
    padding: 16px 18px;
    border-radius: 26px;
    background: linear-gradient(135deg, #ffffff, #e8f5ff);
    border: 1px solid #c7e2f6;
    display: flex;
    flex-direction: column;
    gap: 4px;
  }
  #content_area .ftf-glacier-seriesaec-projects-wrapper .card-banner-label {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: #5a8db5;
    font-weight: 700;
  }
  #content_area .ftf-glacier-seriesaec-projects-wrapper .card-banner-title {
    font-size: 16px;
    font-weight: 700;
    color: #1f3444;
  }
  #content_area .ftf-glacier-seriesaec-projects-wrapper .card-banner-pill-row {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 6px;
  }
  #content_area .ftf-glacier-seriesaec-projects-wrapper .small-pill {
    padding: 4px 11px;
    border-radius: 999px;
    border: 1px dashed #c7e2f6;
    font-size: 11px;
    color: #5a8db5;
    background: #ffffff;
    font-weight: 600;
  }
  #content_area .ftf-glacier-seriesaec-projects-wrapper ul {
    padding-left: 18px;
    margin-bottom: 10px;
    font-size: 14px;
    color: #4b5563;
  }
  #content_area .ftf-glacier-seriesaec-projects-wrapper li + li {
    margin-top: 4px;
  }
  #content_area .ftf-glacier-seriesaec-projects-wrapper .keyline {
    border-top: 1px dashed #c7e2f6;
    margin: 16px 0 14px;
  }
  #content_area .ftf-glacier-seriesaec-projects-wrapper .badge-row {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 8px 0;
  }
  #content_area .ftf-glacier-seriesaec-projects-wrapper .badge {
    padding: 5px 11px;
    border-radius: 999px;
    font-size: 11px;
    background: #f5faff;
    border: 1px solid #c7e2f6;
    color: #5a8db5;
    white-space: nowrap;
    font-weight: 600;
  }
  #content_area .ftf-glacier-seriesaec-projects-wrapper .highlight-block {
    background: linear-gradient(135deg, #ffffff, #f5faff);
    border-radius: 18px;
    border: 1px solid #c7e2f6;
    padding: 16px 18px;
    font-size: 13px;
    color: #4b5563;
  }
  #content_area .ftf-glacier-seriesaec-projects-wrapper .highlight-block strong {
    display: inline-block;
    margin-bottom: 2px;
    color: #1f3444;
  }
  /* --------- TABLE-LIKE LAYOUTS --------- */
  #content_area .ftf-glacier-seriesaec-projects-wrapper .spec-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px 18px;
    font-size: 13px;
  }
  #content_area .ftf-glacier-seriesaec-projects-wrapper .spec-item-label {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: #5a8db5;
    font-weight: 600;
  }
  #content_area .ftf-glacier-seriesaec-projects-wrapper .spec-item-value {
    font-size: 14px;
    font-weight: 600;
    color: #1f3444;
  }
  /* --------- FOOTER --------- */
  #content_area .ftf-glacier-seriesaec-projects-wrapper .fff-footer {
    padding-top: 16px;
    border-top: 1px solid #dde3ec;
    margin-top: 26px;
    font-size: 12px;
    color: #6b7280;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: space-between;
  }
  /* --------- RESPONSIVE --------- */
  @media (max-width: 920px) {
    #content_area .ftf-glacier-seriesaec-projects-wrapper .hero-banner {
      grid-template-columns: minmax(0, 1fr);
      padding: 24px 20px;
    }
    #content_area .ftf-glacier-seriesaec-projects-wrapper .hero-right {
      order: -1;
    }
  }
  @media (max-width: 720px) {
    #content_area .ftf-glacier-seriesaec-projects-wrapper .grid-3,
    #content_area .ftf-glacier-seriesaec-projects-wrapper .grid-2,
    #content_area .ftf-glacier-seriesaec-projects-wrapper .spec-grid {
      grid-template-columns: minmax(0, 1fr);
    }
    #content_area .ftf-glacier-seriesaec-projects-wrapper .hero-banner {
      border-radius: 0;
      margin-left: -16px;
      margin-right: -16px;
    }
    #content_area .ftf-glacier-seriesaec-projects-wrapper .page {
      padding-inline: 16px;
    }
  }
/* Category 9991 -- (https://www.fontanashowers.com/Fontana-Glacier-Series-s/9991.htm) at 02-12-2025 End Here*/

/* Category 9992 -- (https://www.fontanashowers.com/Fontana-Axis-Tower-Duo-s/9992.htm) at 02-12-2025 Start Here*/
#content_area .axis-tower-duo-dual-station-aec-pro-wrapper {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: #1f3444;
  line-height: 1.6;
}
#content_area .axis-tower-duo-dual-station-aec-pro-wrapper a {
  color: #5a8db5;
  text-decoration: none;
}
#content_area .axis-tower-duo-dual-station-aec-pro-wrapper a:hover {
  text-decoration: underline;
}
#content_area .axis-tower-duo-dual-station-aec-pro-wrapper .fff-page {
  max-width: 1200px;
  margin: 0 auto;
  padding: 24px 16px 60px;
}
/* --------- TOP BANNER / HERO --------- */
#content_area .axis-tower-duo-dual-station-aec-pro-wrapper .hero-banner {
  position: relative;
  margin: 12px 0 32px;
  padding: 32px 28px;
  border-radius: 28px;
  overflow: hidden;
  background: linear-gradient(135deg, #ffffff, #e0f6ff);
  border: 1px solid #c7e2f6;
  color: #1f3444;
  display: grid;
  grid-template-columns: minmax(0, 2.1fr) minmax(0, 2fr);
  gap: 24px;
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.06);
}
#content_area .axis-tower-duo-dual-station-aec-pro-wrapper .hero-left-badge {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 5px 14px;
  border-radius: 999px;
  background: #ffffff;
  border: 1px solid #c7e2f6;
  color: #5a8db5;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-weight: 600;
}
#content_area .axis-tower-duo-dual-station-aec-pro-wrapper .hero-left-badge span.dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #7fb3dd;
}
#content_area .axis-tower-duo-dual-station-aec-pro-wrapper h1 {
  font-size: 32px;
  margin: 18px 0 10px;
  letter-spacing: -0.03em;
  color: #1f3444;
}
#content_area .axis-tower-duo-dual-station-aec-pro-wrapper .hero-subtitle {
  font-size: 15px;
  max-width: 520px;
  color: #6b7280;
}
#content_area .axis-tower-duo-dual-station-aec-pro-wrapper .hero-kpis {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
  margin-top: 22px;
}
#content_area .axis-tower-duo-dual-station-aec-pro-wrapper .hero-kpi {
  min-width: 120px;
}
#content_area .axis-tower-duo-dual-station-aec-pro-wrapper .hero-kpi-label {
  font-size: 11px;
  color: #5a8db5;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-weight: 600;
}
#content_area .axis-tower-duo-dual-station-aec-pro-wrapper .hero-kpi-value {
  font-size: 12px;
  font-weight: 700;
  color: #1f3444;
}
#content_area .axis-tower-duo-dual-station-aec-pro-wrapper .hero-cta-row {
  margin-top: 24px;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
}
#content_area .axis-tower-duo-dual-station-aec-pro-wrapper .btn-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 11px 22px;
  font-size: 14px;
  font-weight: 600;
  border-radius: 999px;
  border: 1px solid #c7e2f6;
  background: linear-gradient(135deg, #e3f2fd, #c7e2f6);
  color: #1f3444;
  cursor: pointer;
  box-shadow: 0 10px 24px rgba(127, 179, 221, 0.25);
  text-decoration: none;
  white-space: nowrap;
  transition: all 0.15s ease;
}
#content_area .axis-tower-duo-dual-station-aec-pro-wrapper .btn-primary:hover {
  background: linear-gradient(135deg, #d6ecfb, #b5d8ef);
  border-color: #b5d8ef;
  transform: translateY(-1px);
  text-decoration: none;
}
#content_area .axis-tower-duo-dual-station-aec-pro-wrapper .btn-primary span.icon {
  font-size: 16px;
}
#content_area .axis-tower-duo-dual-station-aec-pro-wrapper .btn-outline {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 10px 20px;
  font-size: 13px;
  font-weight: 600;
  border-radius: 999px;
  border: 1px solid #c7e2f6;
  color: #1f3444;
  background: #ffffff;
  cursor: pointer;
  text-decoration: none;
  white-space: nowrap;
  transition: all 0.15s ease;
}
#content_area .axis-tower-duo-dual-station-aec-pro-wrapper .btn-outline:hover {
  background: #f5faff;
  border-color: #7fb3dd;
  text-decoration: none;
}
#content_area .axis-tower-duo-dual-station-aec-pro-wrapper .hero-right {
  position: relative;
  display: flex;
  align-items: stretch;
  justify-content: center;
}
/* --------- RIGHT HERO BANNER --------- */
#content_area .axis-tower-duo-dual-station-aec-pro-wrapper .hero-visual-banner {
  position: relative;
  width: 100%;
  max-width: 420px;
  border-radius: 24px;
  padding: 18px 18px 20px;
  background: linear-gradient(150deg, #ffffff, #e3f2fd 55%, #c7e2f6);
  border: 1px solid #c7e2f6;
  color: #1f3444;
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.08);
  overflow: hidden;
}
#content_area .axis-tower-duo-dual-station-aec-pro-wrapper .hero-visual-top-tag {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: #5a8db5;
  margin-bottom: 6px;
  font-weight: 700;
}
#content_area .axis-tower-duo-dual-station-aec-pro-wrapper .hero-visual-title {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 2px;
  color: #1f3444;
}
#content_area .axis-tower-duo-dual-station-aec-pro-wrapper .hero-visual-subtitle {
  font-size: 12px;
  color: #6b7280;
  margin-bottom: 12px;
}
#content_area .axis-tower-duo-dual-station-aec-pro-wrapper .hero-visual-specband {
  display: flex;
  gap: 8px;
  margin-bottom: 12px;
  flex-wrap: wrap;
}
#content_area .axis-tower-duo-dual-station-aec-pro-wrapper .hero-pill {
  padding: 5px 11px;
  border-radius: 999px;
  font-size: 11px;
  background: #ffffff;
  border: 1px solid #c7e2f6;
  color: #5a8db5;
  white-space: nowrap;
  font-weight: 600;
}
#content_area .axis-tower-duo-dual-station-aec-pro-wrapper .hero-visual-mock {
  position: relative;
  margin-top: 8px;
  padding: 18px 16px;
  border-radius: 18px;
  background: radial-gradient(circle at top left, rgba(127, 179, 221, 0.18), transparent 60%), #ffffff;
  border: 1px solid #c7e2f6;
}
#content_area .axis-tower-duo-dual-station-aec-pro-wrapper .hero-visual-mock-main {
  height: 140px;
  border-radius: 16px;
  background: linear-gradient(180deg, #f5faff 0%, #c7e2f6 55%, #b5d8ef 100%);
  position: relative;
  overflow: hidden;
}
/* --------- AXIS TOWER SHAPE (kept visible with metallic light tones) --------- */
#content_area .axis-tower-duo-dual-station-aec-pro-wrapper .hero-tower {
  position: absolute;
  bottom: 12px;
  left: 34px;
  width: 38px;
  height: 104px;
  border-radius: 18px;
  background: linear-gradient(180deg, #ffffff, #bcc4d5);
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.18);
}
#content_area .axis-tower-duo-dual-station-aec-pro-wrapper .hero-tower::after {
  content: "";
  position: absolute;
  right: -30px;
  top: 8px;
  width: 38px;
  height: 96px;
  border-radius: 18px;
  background: linear-gradient(180deg, #ffffff, #aeb5c3);
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.16);
}
#content_area .axis-tower-duo-dual-station-aec-pro-wrapper .hero-tower-head {
  position: absolute;
  top: 8px;
  left: -10px;
  width: 58px;
  height: 16px;
  border-radius: 14px;
  background: linear-gradient(135deg, #ffffff, #c8cfdb);
}
#content_area .axis-tower-duo-dual-station-aec-pro-wrapper .hero-tower-head::after {
  content: "";
  position: absolute;
  top: -2px;
  left: 32px;
  width: 54px;
  height: 15px;
  border-radius: 14px;
  background: linear-gradient(135deg, #ffffff, #c2c9d7);
}
#content_area .axis-tower-duo-dual-station-aec-pro-wrapper .hero-tower-sensor {
  position: absolute;
  top: 12px;
  left: 4px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #1f3444;
  box-shadow: 0 0 10px rgba(127, 179, 221, 0.9);
}
#content_area .axis-tower-duo-dual-station-aec-pro-wrapper .hero-tower-sensor.duo {
  left: 42px;
}
#content_area .axis-tower-duo-dual-station-aec-pro-wrapper .hero-tower-base {
  position: absolute;
  bottom: -4px;
  left: -6px;
  width: 120%;
  height: 16px;
  border-radius: 32px;
  background: radial-gradient(circle, rgba(15, 23, 42, 0.25), transparent 75%);
  filter: blur(4px);
  opacity: 0.85;
}
#content_area .axis-tower-duo-dual-station-aec-pro-wrapper .hero-visual-badges {
  margin-top: 14px;
  display: flex;
  justify-content: space-between;
  gap: 10px;
  font-size: 11px;
  color: #1f3444;
}
#content_area .axis-tower-duo-dual-station-aec-pro-wrapper .hero-mini-label {
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: #5a8db5;
  margin-bottom: 2px;
  font-weight: 600;
}
#content_area .axis-tower-duo-dual-station-aec-pro-wrapper .hero-mini-value {
  font-weight: 700;
  color: #1f3444;
}
/* --------- CONTENT --------- */
#content_area .axis-tower-duo-dual-station-aec-pro-wrapper .fff-main {
  margin-top: 8px;
}
#content_area .axis-tower-duo-dual-station-aec-pro-wrapper section {
  margin-bottom: 40px;
}
#content_area .axis-tower-duo-dual-station-aec-pro-wrapper h2 {
  font-size: 24px;
  margin-bottom: 10px;
  letter-spacing: -0.02em;
  color: #1f3444;
}
#content_area .axis-tower-duo-dual-station-aec-pro-wrapper h3 {
  font-size: 16px;
  margin: 18px 0 8px;
  color: #1f3444;
}
#content_area .axis-tower-duo-dual-station-aec-pro-wrapper h4 {
  font-size: 15px;
  margin: 12px 0 4px;
  color: #1f3444;
}
#content_area .axis-tower-duo-dual-station-aec-pro-wrapper h5 {
  font-size: 13px;
  margin: 8px 0 2px;
  text-transform: uppercase;
  letter-spacing: 0.11em;
  color: #5a8db5;
  font-weight: 700;
}
#content_area .axis-tower-duo-dual-station-aec-pro-wrapper p {
  font-size: 14px;
  margin-bottom: 10px;
  color: #4b5563;
}
#content_area .axis-tower-duo-dual-station-aec-pro-wrapper .muted {
  color: #6b7280;
  font-size: 13px;
}
#content_area .axis-tower-duo-dual-station-aec-pro-wrapper .grid-3 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}
#content_area .axis-tower-duo-dual-station-aec-pro-wrapper .grid-2 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}
#content_area .axis-tower-duo-dual-station-aec-pro-wrapper .card {
  background: #ffffff;
  border-radius: 18px;
  padding: 18px 18px 20px;
  border: 1px solid #dde3ec;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.05);
}
#content_area .axis-tower-duo-dual-station-aec-pro-wrapper .card-banner {
  position: relative;
  padding: 16px 18px;
  border-radius: 26px;
  background: linear-gradient(135deg, #ffffff, #e8f5ff);
  border: 1px solid #c7e2f6;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
#content_area .axis-tower-duo-dual-station-aec-pro-wrapper .card-banner-label {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: #5a8db5;
  font-weight: 700;
}
#content_area .axis-tower-duo-dual-station-aec-pro-wrapper .card-banner-title {
  font-size: 16px;
  font-weight: 700;
  color: #1f3444;
}
#content_area .axis-tower-duo-dual-station-aec-pro-wrapper .card-banner-pill-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 6px;
}
#content_area .axis-tower-duo-dual-station-aec-pro-wrapper .small-pill {
  padding: 4px 11px;
  border-radius: 999px;
  border: 1px dashed #c7e2f6;
  font-size: 11px;
  color: #5a8db5;
  background: #ffffff;
  font-weight: 600;
}
#content_area .axis-tower-duo-dual-station-aec-pro-wrapper ul {
  padding-left: 18px;
  margin-bottom: 10px;
  font-size: 14px;
  color: #4b5563;
}
#content_area .axis-tower-duo-dual-station-aec-pro-wrapper li + li {
  margin-top: 4px;
}
#content_area .axis-tower-duo-dual-station-aec-pro-wrapper .keyline {
  border-top: 1px dashed #c7e2f6;
  margin: 16px 0 14px;
}
#content_area .axis-tower-duo-dual-station-aec-pro-wrapper .badge-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 8px 0;
}
#content_area .axis-tower-duo-dual-station-aec-pro-wrapper .badge {
  padding: 5px 11px;
  border-radius: 999px;
  font-size: 11px;
  background: #f5faff;
  border: 1px solid #c7e2f6;
  color: #5a8db5;
  white-space: nowrap;
  font-weight: 600;
}
#content_area .axis-tower-duo-dual-station-aec-pro-wrapper .highlight-block {
  background: linear-gradient(135deg, #ffffff, #f5faff);
  border-radius: 18px;
  border: 1px solid #c7e2f6;
  padding: 16px 18px;
  font-size: 15px;
  color: #4b5563;
}
#content_area .axis-tower-duo-dual-station-aec-pro-wrapper .highlight-block strong {
  display: inline-block;
  margin-bottom: 2px;
  color: #1f3444;
}
/* --------- TABLE --------- */
#content_area .axis-tower-duo-dual-station-aec-pro-wrapper .spec-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px 18px;
  font-size: 13px;
}
#content_area .axis-tower-duo-dual-station-aec-pro-wrapper .spec-item-label {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: #5a8db5;
  font-weight: 600;
}
#content_area .axis-tower-duo-dual-station-aec-pro-wrapper .spec-item-value {
  font-size: 14px;
  font-weight: 600;
  color: #1f3444;
}
/* --------- FOOTER (REMOVED / HIDDEN) --------- */
#content_area .axis-tower-duo-dual-station-aec-pro-wrapper .fff-footer {
  display: none;
}
/* --------- RESPONSIVE --------- */
@media (max-width: 920px) {
  #content_area .axis-tower-duo-dual-station-aec-pro-wrapper .hero-banner {
    grid-template-columns: minmax(0, 1fr);
    padding: 24px 20px;
  }
  #content_area .axis-tower-duo-dual-station-aec-pro-wrapper .hero-right {
    order: -1;
  }
}
@media (max-width: 720px) {
  #content_area .axis-tower-duo-dual-station-aec-pro-wrapper .grid-3,
  #content_area .axis-tower-duo-dual-station-aec-pro-wrapper .grid-2,
  #content_area .axis-tower-duo-dual-station-aec-pro-wrapper .spec-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  #content_area .axis-tower-duo-dual-station-aec-pro-wrapper .hero-banner {
    border-radius: 0;
    margin-left: -16px;
    margin-right: -16px;
  }
  #content_area .axis-tower-duo-dual-station-aec-pro-wrapper .fff-page {
    padding-inline: 16px;
  }
}
/* Category 9992 -- (https://www.fontanashowers.com/Fontana-Axis-Tower-Duo-s/9992.htm) at 02-12-2025 End Here*/

/* Category 9993 -- (https://www.fontanashowers.com/Fontana-Serene-Arch-s/9993.htm) at 02-12-2025 Start Here*/
#content_area .fontana-serene-arch-wrapper {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    color: #1f3444;
    line-height: 1.6;
}
#content_area .fontana-serene-arch-wrapper a {
    color: #5a8db5;
    text-decoration: none;
}
#content_area .fontana-serene-arch-wrapper a:hover {
    text-decoration: underline;
}
#content_area .fontana-serene-arch-wrapper .fff-page {
    max-width: 1200px;
    margin: 0 auto;
    padding: 24px 16px 60px;
}

/* --------- TOP BANNER / HERO --------- */
#content_area .fontana-serene-arch-wrapper .hero-banner {
    position: relative;
    margin: 12px 0 32px;
    padding: 32px 28px;
    border-radius: 28px;
    overflow: hidden;
    background: linear-gradient(135deg, #ffffff, #e0f6ff);
    border: 1px solid #c7e2f6;
    color: #1f3444;
    display: grid;
    grid-template-columns: minmax(0, 2.1fr) minmax(0, 2fr);
    gap: 24px;
    box-shadow: 0 18px 40px rgba(15, 23, 42, 0.06);
}
#content_area .fontana-serene-arch-wrapper .hero-left-badge {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 5px 14px;
    border-radius: 999px;
    background: #ffffff;
    border: 1px solid #c7e2f6;
    color: #5a8db5;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-weight: 600;
}
#content_area .fontana-serene-arch-wrapper .hero-left-badge span.dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #7fb3dd;
}
#content_area .fontana-serene-arch-wrapper h1 {
    font-size: 32px;
    margin: 18px 0 10px;
    letter-spacing: -0.03em;
    color: #1f3444;
}
#content_area .fontana-serene-arch-wrapper .hero-subtitle {
    font-size: 15px;
    max-width: 520px;
    color: #6b7280;
}
#content_area .fontana-serene-arch-wrapper .hero-kpis {
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
    margin-top: 22px;
}
#content_area .fontana-serene-arch-wrapper .hero-kpi {
    min-width: 120px;
}
#content_area .fontana-serene-arch-wrapper .hero-kpi-label {
    font-size: 11px;
    color: #5a8db5;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-weight: 600;
}
#content_area .fontana-serene-arch-wrapper .hero-kpi-value {
    font-size: 12px;
    font-weight: 700;
    color: #1f3444;
}
#content_area .fontana-serene-arch-wrapper .hero-cta-row {
    margin-top: 24px;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: center;
}
#content_area .fontana-serene-arch-wrapper .btn-primary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 11px 22px;
    font-size: 14px;
    font-weight: 600;
    border-radius: 999px;
    border: 1px solid #c7e2f6;
    background: linear-gradient(135deg, #e3f2fd, #c7e2f6);
    color: #1f3444;
    cursor: pointer;
    box-shadow: 0 10px 24px rgba(127, 179, 221, 0.25);
    text-decoration: none;
    white-space: nowrap;
    transition: all 0.15s ease;
}
#content_area .fontana-serene-arch-wrapper .btn-primary:hover {
    background: linear-gradient(135deg, #d6ecfb, #b5d8ef);
    border-color: #b5d8ef;
    transform: translateY(-1px);
    text-decoration: none;
}
#content_area .fontana-serene-arch-wrapper .btn-primary span.icon {
    font-size: 16px;
}
#content_area .fontana-serene-arch-wrapper .btn-outline {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 10px 20px;
    font-size: 13px;
    font-weight: 600;
    border-radius: 999px;
    border: 1px solid #c7e2f6;
    color: #1f3444;
    background: #ffffff;
    cursor: pointer;
    text-decoration: none;
    white-space: nowrap;
    transition: all 0.15s ease;
}
#content_area .fontana-serene-arch-wrapper .btn-outline:hover {
    background: #f5faff;
    border-color: #7fb3dd;
    text-decoration: none;
}
#content_area .fontana-serene-arch-wrapper .hero-right {
    position: relative;
    display: flex;
    align-items: stretch;
    justify-content: center;
}

/* --------- RIGHT HERO VISUAL --------- */
#content_area .fontana-serene-arch-wrapper .hero-visual-banner {
    position: relative;
    width: 100%;
    max-width: 420px;
    border-radius: 24px;
    padding: 18px 18px 20px;
    background: linear-gradient(150deg, #ffffff, #e3f2fd 55%, #c7e2f6);
    border: 1px solid #c7e2f6;
    color: #1f3444;
    box-shadow: 0 18px 40px rgba(15, 23, 42, 0.08);
    overflow: hidden;
}
#content_area .fontana-serene-arch-wrapper .hero-visual-top-tag {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: #5a8db5;
    margin-bottom: 6px;
    font-weight: 700;
}
#content_area .fontana-serene-arch-wrapper .hero-visual-title {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 2px;
    color: #1f3444;
}
#content_area .fontana-serene-arch-wrapper .hero-visual-subtitle {
    font-size: 12px;
    color: #6b7280;
    margin-bottom: 12px;
}
#content_area .fontana-serene-arch-wrapper .hero-visual-specband {
    display: flex;
    gap: 8px;
    margin-bottom: 12px;
    flex-wrap: wrap;
}
#content_area .fontana-serene-arch-wrapper .hero-pill {
    padding: 5px 11px;
    border-radius: 999px;
    font-size: 11px;
    background: #ffffff;
    border: 1px solid #c7e2f6;
    color: #5a8db5;
    white-space: nowrap;
    font-weight: 600;
}
#content_area .fontana-serene-arch-wrapper .hero-visual-mock {
    position: relative;
    margin-top: 8px;
    padding: 18px 16px;
    border-radius: 18px;
    background: radial-gradient(circle at top left, rgba(127, 179, 221, 0.18), transparent 60%), #ffffff;
    border: 1px solid #c7e2f6;
}
#content_area .fontana-serene-arch-wrapper .hero-visual-mock-main {
    height: 110px;
    border-radius: 16px;
    background: linear-gradient(145deg, #f5faff, #c7e2f6);
    position: relative;
    overflow: hidden;
}

/* Faucet Arch Silhouette - kept visible with metallic light tones */
#content_area .fontana-serene-arch-wrapper .hero-faucet-arch {
    position: absolute;
    left: 22px;
    bottom: 10px;
    width: 120px;
    height: 80px;
    border-radius: 60px;
    background: linear-gradient(145deg, #ffffff, #b9c7d6);
    box-shadow: 0 12px 24px rgba(15, 23, 42, 0.18);
}
#content_area .fontana-serene-arch-wrapper .hero-faucet-arch-neck {
    position: absolute;
    left: 14px;
    bottom: 6px;
    width: 92px;
    height: 46px;
    border-radius: 32px;
    background: radial-gradient(circle at top, #ffffff, #c5d2dd);
}
#content_area .fontana-serene-arch-wrapper .hero-faucet-arch-arm {
    position: absolute;
    left: 18px;
    top: 16px;
    width: 84px;
    height: 32px;
    border-radius: 32px;
    background: linear-gradient(150deg, #ffffff, #c2ceda);
}
#content_area .fontana-serene-arch-wrapper .hero-faucet-arch-sensor {
    position: absolute;
    right: 18px;
    top: 26px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #1f3444;
    box-shadow: 0 0 12px rgba(127, 179, 221, 0.95);
}
#content_area .fontana-serene-arch-wrapper .hero-faucet-arch-base {
    position: absolute;
    left: 16px;
    bottom: -6px;
    width: 72%;
    height: 14px;
    border-radius: 40px;
    background: radial-gradient(circle, rgba(15, 23, 42, 0.25), transparent 75%);
    filter: blur(4px);
    opacity: 0.85;
}

#content_area .fontana-serene-arch-wrapper .hero-visual-badges {
    margin-top: 14px;
    display: flex;
    justify-content: space-between;
    gap: 10px;
    font-size: 11px;
    color: #1f3444;
}
#content_area .fontana-serene-arch-wrapper .hero-mini-label {
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: #5a8db5;
    margin-bottom: 2px;
    font-weight: 600;
}
#content_area .fontana-serene-arch-wrapper .hero-mini-value {
    font-weight: 700;
    color: #1f3444;
}

/* --------- CONTENT --------- */
#content_area .fontana-serene-arch-wrapper .fff-main {
    margin-top: 8px;
}
#content_area .fontana-serene-arch-wrapper section {
    margin-bottom: 40px;
}
#content_area .fontana-serene-arch-wrapper h2 {
    font-size: 24px;
    margin-bottom: 10px;
    letter-spacing: -0.02em;
    color: #1f3444;
}
#content_area .fontana-serene-arch-wrapper h3 {
    font-size: 15px;
    margin: 18px 0 8px;
    color: #1f3444;
}
#content_area .fontana-serene-arch-wrapper h4 {
    font-size: 15px;
    margin: 12px 0 4px;
    color: #1f3444;
}
#content_area .fontana-serene-arch-wrapper h5 {
    font-size: 15px;
    margin: 8px 0 2px;
    text-transform: uppercase;
    letter-spacing: 0.11em;
    color: #5a8db5;
    font-weight: 700;
}
#content_area .fontana-serene-arch-wrapper p {
    font-size: 14px;
    margin-bottom: 10px;
    color: #4b5563;
}
#content_area .fontana-serene-arch-wrapper .muted {
    color: #6b7280;
    font-size: 13px;
}
#content_area .fontana-serene-arch-wrapper .grid-3 {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}
#content_area .fontana-serene-arch-wrapper .grid-2 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}
#content_area .fontana-serene-arch-wrapper .card {
    background: #ffffff;
    border-radius: 18px;
    padding: 18px 18px 20px;
    border: 1px solid #dde3ec;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.05);
}
#content_area .fontana-serene-arch-wrapper .card-banner {
    position: relative;
    padding: 16px 18px;
    border-radius: 26px;
    background: linear-gradient(135deg, #ffffff, #e8f5ff);
    border: 1px solid #c7e2f6;
    display: flex;
    flex-direction: column;
    gap: 4px;
}
#content_area .fontana-serene-arch-wrapper .card-banner-label {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: #5a8db5;
    font-weight: 700;
}
#content_area .fontana-serene-arch-wrapper .card-banner-title {
    font-size: 16px;
    font-weight: 700;
    color: #1f3444;
}
#content_area .fontana-serene-arch-wrapper .card-banner-pill-row {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 6px;
}
#content_area .fontana-serene-arch-wrapper .small-pill {
    padding: 4px 11px;
    border-radius: 999px;
    border: 1px dashed #c7e2f6;
    font-size: 11px;
    color: #5a8db5;
    background: #ffffff;
    font-weight: 600;
}
#content_area .fontana-serene-arch-wrapper ul {
    padding-left: 18px;
    margin-bottom: 10px;
    font-size: 14px;
    color: #4b5563;
}
#content_area .fontana-serene-arch-wrapper li + li {
    margin-top: 4px;
}
#content_area .fontana-serene-arch-wrapper .keyline {
    border-top: 1px dashed #c7e2f6;
    margin: 16px 0 14px;
}
#content_area .fontana-serene-arch-wrapper .badge-row {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 8px 0;
}
#content_area .fontana-serene-arch-wrapper .badge {
    padding: 5px 11px;
    border-radius: 999px;
    font-size: 11px;
    background: #f5faff;
    border: 1px solid #c7e2f6;
    color: #5a8db5;
    white-space: nowrap;
    font-weight: 600;
}
#content_area .fontana-serene-arch-wrapper .highlight-block {
    background: linear-gradient(135deg, #ffffff, #f5faff);
    border-radius: 18px;
    border: 1px solid #c7e2f6;
    padding: 16px 18px;
    font-size: 15px;
    color: #4b5563;
}
#content_area .fontana-serene-arch-wrapper .highlight-block strong {
    display: inline-block;
    margin-bottom: 2px;
    color: #1f3444;
}

/* --------- TABLE LAYOUTS --------- */
#content_area .fontana-serene-arch-wrapper .spec-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px 18px;
    font-size: 13px;
}
#content_area .fontana-serene-arch-wrapper .spec-item-label {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: #5a8db5;
    font-weight: 600;
}
#content_area .fontana-serene-arch-wrapper .spec-item-value {
    font-size: 14px;
    font-weight: 600;
    color: #1f3444;
}

/* --------- FOOTER --------- */
#content_area .fontana-serene-arch-wrapper .fff-footer {
    display: none;
}

/* --------- RESPONSIVE --------- */
@media (max-width: 920px) {
    #content_area .fontana-serene-arch-wrapper .hero-banner {
      grid-template-columns: minmax(0, 1fr);
      padding: 24px 20px;
    }
    #content_area .fontana-serene-arch-wrapper .hero-right {
      order: -1;
    }
}
@media (max-width: 720px) {
    #content_area .fontana-serene-arch-wrapper .grid-3,
    #content_area .fontana-serene-arch-wrapper .grid-2,
    #content_area .fontana-serene-arch-wrapper .spec-grid {
      grid-template-columns: minmax(0, 1fr);
    }
    #content_area .fontana-serene-arch-wrapper .hero-banner {
      border-radius: 0;
      margin-left: -16px;
      margin-right: -16px;
    }
    #content_area .fontana-serene-arch-wrapper .fff-page {
      padding-inline: 16px;
    }
}
/* Category 9993 -- (https://www.fontanashowers.com/Fontana-Serene-Arch-s/9993.htm) at 02-12-2025 End Here*/

/* Category 9994 -- (https://www.fontanashowers.com/Fontana-Torchline-Wallmounted-Duo-s/9994.htm) at 02-12-2025 Start Here*/
#content_area .fontana-torchline-wallmounted-duo-wrapper {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    color: #1f3444;
    line-height: 1.6;
  }
  #content_area .fontana-torchline-wallmounted-duo-wrapper a {
    color: #5a8db5;
    text-decoration: none;
  }
  #content_area .fontana-torchline-wallmounted-duo-wrapper a:hover {
    text-decoration: underline;
  }
  #content_area .fontana-torchline-wallmounted-duo-wrapper .fff-page {
    max-width: 1200px;
    margin: 0 auto;
    padding: 24px 16px 60px;
  }
  /* --------- TOP BANNER / HERO --------- */
  #content_area .fontana-torchline-wallmounted-duo-wrapper .hero-banner {
    position: relative;
    margin: 12px 0 32px;
    padding: 32px 28px;
    border-radius: 28px;
    overflow: hidden;
    background: linear-gradient(135deg, #ffffff, #e0f6ff);
    border: 1px solid #c7e2f6;
    color: #1f3444;
    display: grid;
    grid-template-columns: minmax(0, 2.1fr) minmax(0, 2fr);
    gap: 24px;
    box-shadow: 0 18px 40px rgba(15, 23, 42, 0.06);
  }
  #content_area .fontana-torchline-wallmounted-duo-wrapper .hero-left-badge {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 5px 14px;
    border-radius: 999px;
    background: #ffffff;
    border: 1px solid #c7e2f6;
    color: #5a8db5;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-weight: 600;
  }
  #content_area .fontana-torchline-wallmounted-duo-wrapper .hero-left-badge span.dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #7fb3dd;
  }
  #content_area .fontana-torchline-wallmounted-duo-wrapper h1 {
    font-size: 32px;
    margin: 18px 0 10px;
    letter-spacing: -0.03em;
    color: #1f3444;
  }
  #content_area .fontana-torchline-wallmounted-duo-wrapper .hero-subtitle {
    font-size: 15px;
    max-width: 520px;
    color: #6b7280;
  }
  #content_area .fontana-torchline-wallmounted-duo-wrapper .hero-kpis {
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
    margin-top: 22px;
  }
  #content_area .fontana-torchline-wallmounted-duo-wrapper .hero-kpi {
    min-width: 120px;
  }
  #content_area .fontana-torchline-wallmounted-duo-wrapper .hero-kpi-label {
    font-size: 11px;
    color: #5a8db5;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-weight: 600;
  }
  #content_area .fontana-torchline-wallmounted-duo-wrapper .hero-kpi-value {
    font-size: 12px;
    font-weight: 700;
    color: #1f3444;
  }
  #content_area .fontana-torchline-wallmounted-duo-wrapper .hero-cta-row {
    margin-top: 24px;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: center;
  }
  #content_area .fontana-torchline-wallmounted-duo-wrapper .btn-primary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 11px 22px;
    font-size: 14px;
    font-weight: 600;
    border-radius: 999px;
    border: 1px solid #c7e2f6;
    background: linear-gradient(135deg, #e3f2fd, #c7e2f6);
    color: #1f3444;
    cursor: pointer;
    box-shadow: 0 10px 24px rgba(127, 179, 221, 0.25);
    text-decoration: none;
    white-space: nowrap;
    transition: all 0.15s ease;
  }
  #content_area .fontana-torchline-wallmounted-duo-wrapper .btn-primary:hover {
    background: linear-gradient(135deg, #d6ecfb, #b5d8ef);
    border-color: #b5d8ef;
    transform: translateY(-1px);
    text-decoration: none;
  }
  #content_area .fontana-torchline-wallmounted-duo-wrapper .btn-primary span.icon {
    font-size: 16px;
  }
  #content_area .fontana-torchline-wallmounted-duo-wrapper .btn-outline {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 10px 20px;
    font-size: 13px;
    font-weight: 600;
    border-radius: 999px;
    border: 1px solid #c7e2f6;
    color: #1f3444;
    background: #ffffff;
    cursor: pointer;
    text-decoration: none;
    white-space: nowrap;
    transition: all 0.15s ease;
  }
  #content_area .fontana-torchline-wallmounted-duo-wrapper .btn-outline:hover {
    background: #f5faff;
    border-color: #7fb3dd;
    text-decoration: none;
  }
  #content_area .fontana-torchline-wallmounted-duo-wrapper .hero-right {
    position: relative;
    display: flex;
    align-items: stretch;
    justify-content: center;
  }
  /* --------- RIGHT HERO "VISIBLE BANNER" --------- */
  #content_area .fontana-torchline-wallmounted-duo-wrapper .hero-visual-banner {
    position: relative;
    width: 100%;
    max-width: 420px;
    border-radius: 24px;
    padding: 18px 18px 20px;
    background: linear-gradient(150deg, #ffffff, #e3f2fd 55%, #c7e2f6);
    border: 1px solid #c7e2f6;
    color: #1f3444;
    box-shadow: 0 18px 40px rgba(15, 23, 42, 0.08);
    overflow: hidden;
  }
  #content_area .fontana-torchline-wallmounted-duo-wrapper .hero-visual-top-tag {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: #5a8db5;
    margin-bottom: 6px;
    font-weight: 700;
  }
  #content_area .fontana-torchline-wallmounted-duo-wrapper .hero-visual-title {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 2px;
    color: #1f3444;
  }
  #content_area .fontana-torchline-wallmounted-duo-wrapper .hero-visual-subtitle {
    font-size: 12px;
    color: #6b7280;
    margin-bottom: 12px;
  }
  #content_area .fontana-torchline-wallmounted-duo-wrapper .hero-visual-specband {
    display: flex;
    gap: 8px;
    margin-bottom: 12px;
    flex-wrap: wrap;
  }
  #content_area .fontana-torchline-wallmounted-duo-wrapper .hero-pill {
    padding: 5px 11px;
    border-radius: 999px;
    font-size: 11px;
    background: #ffffff;
    border: 1px solid #c7e2f6;
    color: #5a8db5;
    white-space: nowrap;
    font-weight: 600;
  }
  #content_area .fontana-torchline-wallmounted-duo-wrapper .hero-visual-mock {
    position: relative;
    margin-top: 8px;
    padding: 18px 16px;
    border-radius: 18px;
    background: radial-gradient(circle at top left, rgba(127, 179, 221, 0.18), transparent 60%), #ffffff;
    border: 1px solid #c7e2f6;
  }
  #content_area .fontana-torchline-wallmounted-duo-wrapper .hero-visual-mock-main {
    height: 110px;
    border-radius: 16px;
    background: linear-gradient(145deg, #f5faff, #c7e2f6);
    position: relative;
    overflow: hidden;
  }
  /* Stylized Torchline wall-mounted duo silhouette - kept visible */
  #content_area .fontana-torchline-wallmounted-duo-wrapper .hero-faucet-wall {
    position: absolute;
    top: 32px;
    left: 20px;
    width: 140px;
    height: 42px;
    border-radius: 18px;
    background: linear-gradient(135deg, #ffffff, #c1c7d3);
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.18);
  }
  #content_area .fontana-torchline-wallmounted-duo-wrapper .hero-faucet-wall::before {
    content: "";
    position: absolute;
    top: -14px;
    left: -6px;
    width: 152px;
    height: 18px;
    border-radius: 12px;
    background: linear-gradient(90deg, #ffffff, #d1d5df);
  }
  #content_area .fontana-torchline-wallmounted-duo-wrapper .hero-faucet-wall-arm {
    position: absolute;
    top: 8px;
    left: 16px;
    width: 38px;
    height: 16px;
    border-radius: 10px;
    background: linear-gradient(135deg, #ffffff, #cfd4df);
  }
  #content_area .fontana-torchline-wallmounted-duo-wrapper .hero-faucet-wall-arm.duo {
    left: 76px;
  }
  #content_area .fontana-torchline-wallmounted-duo-wrapper .hero-faucet-wall-sensor {
    position: absolute;
    top: 12px;
    left: 26px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #1f3444;
    box-shadow: 0 0 9px rgba(127, 179, 221, 0.9);
  }
  #content_area .fontana-torchline-wallmounted-duo-wrapper .hero-faucet-wall-sensor.duo {
    left: 86px;
  }
  #content_area .fontana-torchline-wallmounted-duo-wrapper .hero-faucet-wall-shadow {
    position: absolute;
    bottom: 10px;
    left: 30px;
    width: 120px;
    height: 14px;
    border-radius: 40px;
    background: radial-gradient(circle, rgba(15, 23, 42, 0.25), transparent 75%);
    filter: blur(4px);
    opacity: 0.85;
  }
  #content_area .fontana-torchline-wallmounted-duo-wrapper .hero-visual-badges {
    margin-top: 14px;
    display: flex;
    justify-content: space-between;
    gap: 10px;
    font-size: 11px;
    color: #1f3444;
  }
  #content_area .fontana-torchline-wallmounted-duo-wrapper .hero-mini-label {
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: #5a8db5;
    margin-bottom: 2px;
    font-weight: 600;
  }
  #content_area .fontana-torchline-wallmounted-duo-wrapper .hero-mini-value {
    font-weight: 700;
    color: #1f3444;
  }
  /* --------- CONTENT SECTIONS --------- */
  #content_area .fontana-torchline-wallmounted-duo-wrapper .fff-main {
    margin-top: 8px;
  }
  #content_area .fontana-torchline-wallmounted-duo-wrapper section {
    margin-bottom: 40px;
  }
  #content_area .fontana-torchline-wallmounted-duo-wrapper h2 {
    font-size: 24px;
    margin-bottom: 10px;
    letter-spacing: -0.02em;
    color: #1f3444;
  }
  #content_area .fontana-torchline-wallmounted-duo-wrapper h3 {
    font-size: 16px;
    margin: 18px 0 8px;
    color: #1f3444;
  }
  #content_area .fontana-torchline-wallmounted-duo-wrapper h4 {
    font-size: 15px;
    margin: 12px 0 4px;
    color: #1f3444;
  }
  #content_area .fontana-torchline-wallmounted-duo-wrapper h5 {
    font-size: 16px;
    margin: 8px 0 2px;
    text-transform: uppercase;
    letter-spacing: 0.11em;
    color: #5a8db5;
    font-weight: 700;
  }
  #content_area .fontana-torchline-wallmounted-duo-wrapper p {
    font-size: 14px;
    margin-bottom: 10px;
    color: #4b5563;
  }
  #content_area .fontana-torchline-wallmounted-duo-wrapper .muted {
    color: #6b7280;
    font-size: 13px;
  }
  #content_area .fontana-torchline-wallmounted-duo-wrapper .grid-3 {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
  }
  #content_area .fontana-torchline-wallmounted-duo-wrapper .grid-2 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
  }
  #content_area .fontana-torchline-wallmounted-duo-wrapper .card {
    background: #ffffff;
    border-radius: 18px;
    padding: 18px 18px 20px;
    border: 1px solid #dde3ec;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.05);
  }
  #content_area .fontana-torchline-wallmounted-duo-wrapper .card-banner {
    position: relative;
    padding: 16px 18px;
    border-radius: 26px;
    background: linear-gradient(135deg, #ffffff, #e8f5ff);
    border: 1px solid #c7e2f6;
    display: flex;
    flex-direction: column;
    gap: 4px;
  }
  #content_area .fontana-torchline-wallmounted-duo-wrapper .card-banner-label {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: #5a8db5;
    font-weight: 700;
  }
  #content_area .fontana-torchline-wallmounted-duo-wrapper .card-banner-title {
    font-size: 16px;
    font-weight: 700;
    color: #1f3444;
  }
  #content_area .fontana-torchline-wallmounted-duo-wrapper .card-banner-pill-row {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 6px;
  }
  #content_area .fontana-torchline-wallmounted-duo-wrapper .small-pill {
    padding: 4px 11px;
    border-radius: 999px;
    border: 1px dashed #c7e2f6;
    font-size: 11px;
    color: #5a8db5;
    background: #ffffff;
    font-weight: 600;
  }
  #content_area .fontana-torchline-wallmounted-duo-wrapper ul {
    padding-left: 18px;
    margin-bottom: 10px;
    font-size: 14px;
    color: #4b5563;
  }
  #content_area .fontana-torchline-wallmounted-duo-wrapper li + li {
    margin-top: 4px;
  }
  #content_area .fontana-torchline-wallmounted-duo-wrapper .keyline {
    border-top: 1px dashed #c7e2f6;
    margin: 16px 0 14px;
  }
  #content_area .fontana-torchline-wallmounted-duo-wrapper .badge-row {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 8px 0;
  }
  #content_area .fontana-torchline-wallmounted-duo-wrapper .badge {
    padding: 5px 11px;
    border-radius: 999px;
    font-size: 11px;
    background: #f5faff;
    border: 1px solid #c7e2f6;
    color: #5a8db5;
    white-space: nowrap;
    font-weight: 600;
  }
  #content_area .fontana-torchline-wallmounted-duo-wrapper .highlight-block {
    background: linear-gradient(135deg, #ffffff, #f5faff);
    border-radius: 18px;
    border: 1px solid #c7e2f6;
    padding: 16px 18px;
    font-size: 13px;
    color: #4b5563;
  }
  #content_area .fontana-torchline-wallmounted-duo-wrapper .highlight-block strong {
    display: inline-block;
    margin-bottom: 2px;
    color: #1f3444;
  }
  /* --------- TABLE-LIKE LAYOUTS --------- */
  #content_area .fontana-torchline-wallmounted-duo-wrapper .spec-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px 18px;
    font-size: 13px;
  }
  #content_area .fontana-torchline-wallmounted-duo-wrapper .spec-item-label {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: #5a8db5;
    font-weight: 600;
  }
  #content_area .fontana-torchline-wallmounted-duo-wrapper .spec-item-value {
    font-size: 14px;
    font-weight: 600;
    color: #1f3444;
  }
  /* --------- FOOTER (HIDDEN) --------- */
  #content_area .fontana-torchline-wallmounted-duo-wrapper .fff-footer {
    display: none;
  }
  /* --------- RESPONSIVE --------- */
  @media (max-width: 920px) {
    #content_area .fontana-torchline-wallmounted-duo-wrapper .hero-banner {
      grid-template-columns: minmax(0, 1fr);
      padding: 24px 20px;
    }
    #content_area .fontana-torchline-wallmounted-duo-wrapper .hero-right {
      order: -1;
    }
  }
  @media (max-width: 720px) {
    #content_area .fontana-torchline-wallmounted-duo-wrapper .grid-3,
    #content_area .fontana-torchline-wallmounted-duo-wrapper .grid-2,
    #content_area .fontana-torchline-wallmounted-duo-wrapper .spec-grid {
      grid-template-columns: minmax(0, 1fr);
    }
    #content_area .fontana-torchline-wallmounted-duo-wrapper .hero-banner {
      border-radius: 0;
      margin-left: -16px;
      margin-right: -16px;
    }
    #content_area .fontana-torchline-wallmounted-duo-wrapper .fff-page {
      padding-inline: 16px;
    }
  }
/* Category 9994 -- (https://www.fontanashowers.com/Fontana-Torchline-Wallmounted-Duo-s/9994.htm) at 02-12-2025 End Here*/

/* Category 9995 -- (https://www.fontanashowers.com/Fontana-SquareArc-Duo-s/9995.htm) at 02-12-2025 Start Here*/
#content_area .fontana-ct-square-arc-duo-wrapper {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    color: #1f3444;
    line-height: 1.6;
  }
  #content_area .fontana-ct-square-arc-duo-wrapper a {
    color: #5a8db5;
    text-decoration: none;
  }
  #content_area .fontana-ct-square-arc-duo-wrapper a:hover {
    text-decoration: underline;
  }
  #content_area .fontana-ct-square-arc-duo-wrapper .fff-page {
    max-width: 1200px;
    margin: 0 auto;
    padding: 24px 16px 60px;
  }
  /* --------- TOP BANNER / HERO --------- */
  #content_area .fontana-ct-square-arc-duo-wrapper .hero-banner {
    position: relative;
    margin: 12px 0 32px;
    padding: 32px 28px;
    border-radius: 28px;
    overflow: hidden;
    background: linear-gradient(135deg, #ffffff, #e0f6ff);
    border: 1px solid #c7e2f6;
    color: #1f3444;
    display: grid;
    grid-template-columns: minmax(0, 2.1fr) minmax(0, 2fr);
    gap: 24px;
    box-shadow: 0 18px 40px rgba(15, 23, 42, 0.06);
  }
  #content_area .fontana-ct-square-arc-duo-wrapper .hero-left-badge {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 5px 14px;
    border-radius: 999px;
    background: #ffffff;
    border: 1px solid #c7e2f6;
    color: #5a8db5;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-weight: 600;
  }
  #content_area .fontana-ct-square-arc-duo-wrapper .hero-left-badge span.dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #7fb3dd;
  }
  #content_area .fontana-ct-square-arc-duo-wrapper h1 {
    font-size: 32px;
    margin: 18px 0 10px;
    letter-spacing: -0.03em;
    color: #1f3444;
  }
  #content_area .fontana-ct-square-arc-duo-wrapper .hero-subtitle {
    font-size: 15px;
    max-width: 520px;
    color: #6b7280;
  }
  #content_area .fontana-ct-square-arc-duo-wrapper .hero-kpis {
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
    margin-top: 22px;
  }
  #content_area .fontana-ct-square-arc-duo-wrapper .hero-kpi {
    min-width: 120px;
  }
  #content_area .fontana-ct-square-arc-duo-wrapper .hero-kpi-label {
    font-size: 11px;
    color: #5a8db5;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-weight: 600;
  }
  #content_area .fontana-ct-square-arc-duo-wrapper .hero-kpi-value {
    font-size: 12px;
    font-weight: 700;
    color: #1f3444;
  }
  #content_area .fontana-ct-square-arc-duo-wrapper .hero-cta-row {
    margin-top: 24px;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: center;
  }
  #content_area .fontana-ct-square-arc-duo-wrapper .btn-primary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 11px 22px;
    font-size: 14px;
    font-weight: 600;
    border-radius: 999px;
    border: 1px solid #c7e2f6;
    background: linear-gradient(135deg, #e3f2fd, #c7e2f6);
    color: #1f3444;
    cursor: pointer;
    box-shadow: 0 10px 24px rgba(127, 179, 221, 0.25);
    text-decoration: none;
    white-space: nowrap;
    transition: all 0.15s ease;
  }
  #content_area .fontana-ct-square-arc-duo-wrapper .btn-primary:hover {
    background: linear-gradient(135deg, #d6ecfb, #b5d8ef);
    border-color: #b5d8ef;
    transform: translateY(-1px);
    text-decoration: none;
  }
  #content_area .fontana-ct-square-arc-duo-wrapper .btn-primary span.icon {
    font-size: 16px;
  }
  #content_area .fontana-ct-square-arc-duo-wrapper .btn-outline {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 10px 20px;
    font-size: 13px;
    font-weight: 600;
    border-radius: 999px;
    border: 1px solid #c7e2f6;
    color: #1f3444;
    background: #ffffff;
    cursor: pointer;
    text-decoration: none;
    white-space: nowrap;
    transition: all 0.15s ease;
  }
  #content_area .fontana-ct-square-arc-duo-wrapper .btn-outline:hover {
    background: #f5faff;
    border-color: #7fb3dd;
    text-decoration: none;
  }
  #content_area .fontana-ct-square-arc-duo-wrapper .hero-right {
    position: relative;
    display: flex;
    align-items: stretch;
    justify-content: center;
  }
  /* --------- RIGHT HERO "VISIBLE BANNER" --------- */
  #content_area .fontana-ct-square-arc-duo-wrapper .hero-visual-banner {
    position: relative;
    width: 100%;
    max-width: 420px;
    border-radius: 24px;
    padding: 18px 18px 20px;
    background: linear-gradient(150deg, #ffffff, #e3f2fd 55%, #c7e2f6);
    border: 1px solid #c7e2f6;
    color: #1f3444;
    box-shadow: 0 18px 40px rgba(15, 23, 42, 0.08);
    overflow: hidden;
  }
  #content_area .fontana-ct-square-arc-duo-wrapper .hero-visual-top-tag {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: #5a8db5;
    margin-bottom: 6px;
    font-weight: 700;
  }
  #content_area .fontana-ct-square-arc-duo-wrapper .hero-visual-title {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 2px;
    color: #1f3444;
  }
  #content_area .fontana-ct-square-arc-duo-wrapper .hero-visual-subtitle {
    font-size: 12px;
    color: #6b7280;
    margin-bottom: 12px;
  }
  #content_area .fontana-ct-square-arc-duo-wrapper .hero-visual-specband {
    display: flex;
    gap: 8px;
    margin-bottom: 12px;
    flex-wrap: wrap;
  }
  #content_area .fontana-ct-square-arc-duo-wrapper .hero-pill {
    padding: 5px 11px;
    border-radius: 999px;
    font-size: 11px;
    background: #ffffff;
    border: 1px solid #c7e2f6;
    color: #5a8db5;
    white-space: nowrap;
    font-weight: 600;
  }
  #content_area .fontana-ct-square-arc-duo-wrapper .hero-visual-mock {
    position: relative;
    margin-top: 8px;
    padding: 18px 16px;
    border-radius: 18px;
    background: radial-gradient(circle at top left, rgba(127, 179, 221, 0.18), transparent 60%), #ffffff;
    border: 1px solid #c7e2f6;
  }
  #content_area .fontana-ct-square-arc-duo-wrapper .hero-visual-mock-main {
    height: 120px;
    border-radius: 16px;
    background: linear-gradient(145deg, #f5faff, #c7e2f6);
    position: relative;
    overflow: hidden;
  }
  /* Stylized SquareArc Duo faucet silhouette - kept visible */
  #content_area .fontana-ct-square-arc-duo-wrapper .hero-faucet-squarearc-base {
    position: absolute;
    left: 22px;
    bottom: 16px;
    width: 140px;
    height: 40px;
    border-radius: 16px;
    background: linear-gradient(135deg, #ffffff, #c1c9d6);
    box-shadow: 0 12px 24px rgba(15, 23, 42, 0.18);
  }
  #content_area .fontana-ct-square-arc-duo-wrapper .hero-faucet-squarearc-stand {
    position: absolute;
    left: 32px;
    bottom: 36px;
    width: 20px;
    height: 40px;
    border-radius: 8px;
    background: linear-gradient(180deg, #ffffff, #b6c1cf);
  }
  #content_area .fontana-ct-square-arc-duo-wrapper .hero-faucet-squarearc-stand.duo {
    left: 96px;
  }
  #content_area .fontana-ct-square-arc-duo-wrapper .hero-faucet-squarearc-arc {
    position: absolute;
    left: 24px;
    bottom: 64px;
    width: 44px;
    height: 32px;
    border-radius: 14px 14px 4px 4px;
    background: linear-gradient(145deg, #ffffff, #c8d2dd);
  }
  #content_area .fontana-ct-square-arc-duo-wrapper .hero-faucet-squarearc-arc.duo {
    left: 88px;
  }
  #content_area .fontana-ct-square-arc-duo-wrapper .hero-faucet-squarearc-sensor {
    position: absolute;
    left: 42px;
    bottom: 50px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #1f3444;
    box-shadow: 0 0 10px rgba(127, 179, 221, 0.9);
  }
  #content_area .fontana-ct-square-arc-duo-wrapper .hero-faucet-squarearc-sensor.duo {
    left: 106px;
  }
  #content_area .fontana-ct-square-arc-duo-wrapper .hero-faucet-squarearc-shadow {
    position: absolute;
    left: 30px;
    bottom: 10px;
    width: 120px;
    height: 16px;
    border-radius: 32px;
    background: radial-gradient(circle, rgba(15, 23, 42, 0.25), transparent 75%);
    filter: blur(4px);
    opacity: 0.85;
  }
  #content_area .fontana-ct-square-arc-duo-wrapper .hero-visual-badges {
    margin-top: 14px;
    display: flex;
    justify-content: space-between;
    gap: 10px;
    font-size: 11px;
    color: #1f3444;
  }
  #content_area .fontana-ct-square-arc-duo-wrapper .hero-mini-label {
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: #5a8db5;
    margin-bottom: 2px;
    font-weight: 600;
  }
  #content_area .fontana-ct-square-arc-duo-wrapper .hero-mini-value {
    font-weight: 700;
    color: #1f3444;
  }
  /* --------- CONTENT SECTIONS --------- */
  #content_area .fontana-ct-square-arc-duo-wrapper .fff-main {
    margin-top: 8px;
  }
  #content_area .fontana-ct-square-arc-duo-wrapper section {
    margin-bottom: 40px;
  }
  #content_area .fontana-ct-square-arc-duo-wrapper h2 {
    font-size: 24px;
    margin-bottom: 10px;
    letter-spacing: -0.02em;
    color: #1f3444;
  }
  #content_area .fontana-ct-square-arc-duo-wrapper h3 {
    font-size: 16px;
    margin: 18px 0 8px;
    color: #1f3444;
  }
  #content_area .fontana-ct-square-arc-duo-wrapper h4 {
    font-size: 15px;
    margin: 12px 0 4px;
    color: #1f3444;
  }
  #content_area .fontana-ct-square-arc-duo-wrapper h5 {
    font-size: 16px;
    margin: 8px 0 2px;
    text-transform: uppercase;
    letter-spacing: 0.11em;
    color: #5a8db5;
    font-weight: 700;
  }
  #content_area .fontana-ct-square-arc-duo-wrapper p {
    font-size: 14px;
    margin-bottom: 10px;
    color: #4b5563;
  }
  #content_area .fontana-ct-square-arc-duo-wrapper .muted {
    color: #6b7280;
    font-size: 13px;
  }
  #content_area .fontana-ct-square-arc-duo-wrapper .grid-3 {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
  }
  #content_area .fontana-ct-square-arc-duo-wrapper .grid-2 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
  }
  #content_area .fontana-ct-square-arc-duo-wrapper .card {
    background: #ffffff;
    border-radius: 18px;
    padding: 18px 18px 20px;
    border: 1px solid #dde3ec;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.05);
  }
  #content_area .fontana-ct-square-arc-duo-wrapper .card-banner {
    position: relative;
    padding: 16px 18px;
    border-radius: 26px;
    background: linear-gradient(135deg, #ffffff, #e8f5ff);
    border: 1px solid #c7e2f6;
    display: flex;
    flex-direction: column;
    gap: 4px;
  }
  #content_area .fontana-ct-square-arc-duo-wrapper .card-banner-label {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: #5a8db5;
    font-weight: 700;
  }
  #content_area .fontana-ct-square-arc-duo-wrapper .card-banner-title {
    font-size: 16px;
    font-weight: 700;
    color: #1f3444;
  }
  #content_area .fontana-ct-square-arc-duo-wrapper .card-banner-pill-row {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 6px;
  }
  #content_area .fontana-ct-square-arc-duo-wrapper .small-pill {
    padding: 4px 11px;
    border-radius: 999px;
    border: 1px dashed #c7e2f6;
    font-size: 11px;
    color: #5a8db5;
    background: #ffffff;
    font-weight: 600;
  }
  #content_area .fontana-ct-square-arc-duo-wrapper ul {
    padding-left: 18px;
    margin-bottom: 10px;
    font-size: 14px;
    color: #4b5563;
  }
  #content_area .fontana-ct-square-arc-duo-wrapper li + li {
    margin-top: 4px;
  }
  #content_area .fontana-ct-square-arc-duo-wrapper .keyline {
    border-top: 1px dashed #c7e2f6;
    margin: 16px 0 14px;
  }
  #content_area .fontana-ct-square-arc-duo-wrapper .badge-row {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 8px 0;
  }
  #content_area .fontana-ct-square-arc-duo-wrapper .badge {
    padding: 5px 11px;
    border-radius: 999px;
    font-size: 11px;
    background: #f5faff;
    border: 1px solid #c7e2f6;
    color: #5a8db5;
    white-space: nowrap;
    font-weight: 600;
  }
  #content_area .fontana-ct-square-arc-duo-wrapper .highlight-block {
    background: linear-gradient(135deg, #ffffff, #f5faff);
    border-radius: 18px;
    border: 1px solid #c7e2f6;
    padding: 16px 18px;
    font-size: 13px;
    color: #4b5563;
  }
  #content_area .fontana-ct-square-arc-duo-wrapper .highlight-block strong {
    display: inline-block;
    margin-bottom: 2px;
    color: #1f3444;
  }
  /* --------- TABLE-LIKE LAYOUTS --------- */
  #content_area .fontana-ct-square-arc-duo-wrapper .spec-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px 18px;
    font-size: 13px;
  }
  #content_area .fontana-ct-square-arc-duo-wrapper .spec-item-label {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: #5a8db5;
    font-weight: 600;
  }
  #content_area .fontana-ct-square-arc-duo-wrapper .spec-item-value {
    font-size: 14px;
    font-weight: 600;
    color: #1f3444;
  }
  /* --------- FOOTER (HIDDEN) --------- */
  #content_area .fontana-ct-square-arc-duo-wrapper .fff-footer {
    display: none;
  }
  /* --------- RESPONSIVE --------- */
  @media (max-width: 920px) {
    #content_area .fontana-ct-square-arc-duo-wrapper .hero-banner {
      grid-template-columns: minmax(0, 1fr);
      padding: 24px 20px;
    }
    #content_area .fontana-ct-square-arc-duo-wrapper .hero-right {
      order: -1;
    }
  }
  @media (max-width: 720px) {
    #content_area .fontana-ct-square-arc-duo-wrapper .grid-3,
    #content_area .fontana-ct-square-arc-duo-wrapper .grid-2,
    #content_area .fontana-ct-square-arc-duo-wrapper .spec-grid {
      grid-template-columns: minmax(0, 1fr);
    }
    #content_area .fontana-ct-square-arc-duo-wrapper .hero-banner {
      border-radius: 0;
      margin-left: -16px;
      margin-right: -16px;
    }
    #content_area .fontana-ct-square-arc-duo-wrapper .fff-page {
      padding-inline: 16px;
    }
  }
/* Category 9995 -- (https://www.fontanashowers.com/Fontana-SquareArc-Duo-s/9995.htm) at 02-12-2025 End Here*/

/* Category 9996 -- (https://www.fontanashowers.com/Fontana-ArcBlock-Series-s/9996.htm) at 02-12-2025 Start Here*/
#content_area .fontana-ft-arc-block-series-wrapper {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    color: #1f3444;
    line-height: 1.6;
  }
  #content_area .fontana-ft-arc-block-series-wrapper a {
    color: #5a8db5;
    text-decoration: none;
  }
  #content_area .fontana-ft-arc-block-series-wrapper a:hover {
    text-decoration: underline;
  }
  #content_area .fontana-ft-arc-block-series-wrapper .fff-page {
    max-width: 1200px;
    margin: 0 auto;
    padding: 24px 16px 60px;
  }
  /* --------- TOP BANNER / HERO --------- */
  #content_area .fontana-ft-arc-block-series-wrapper .hero-banner {
    position: relative;
    margin: 12px 0 32px;
    padding: 32px 28px;
    border-radius: 28px;
    overflow: hidden;
    background: linear-gradient(135deg, #ffffff, #e0f6ff);
    border: 1px solid #c7e2f6;
    color: #1f3444;
    display: grid;
    grid-template-columns: minmax(0, 2.1fr) minmax(0, 2fr);
    gap: 24px;
    box-shadow: 0 18px 40px rgba(15, 23, 42, 0.06);
  }
  #content_area .fontana-ft-arc-block-series-wrapper .hero-left-badge {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 5px 14px;
    border-radius: 999px;
    background: #ffffff;
    border: 1px solid #c7e2f6;
    color: #5a8db5;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-weight: 600;
  }
  #content_area .fontana-ft-arc-block-series-wrapper .hero-left-badge span.dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #7fb3dd;
  }
  #content_area .fontana-ft-arc-block-series-wrapper h1 {
    font-size: 32px;
    margin: 18px 0 10px;
    letter-spacing: -0.03em;
    color: #1f3444;
  }
  #content_area .fontana-ft-arc-block-series-wrapper .hero-subtitle {
    font-size: 15px;
    max-width: 520px;
    color: #6b7280;
  }
  #content_area .fontana-ft-arc-block-series-wrapper .hero-kpis {
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
    margin-top: 22px;
  }
  #content_area .fontana-ft-arc-block-series-wrapper .hero-kpi {
    min-width: 120px;
  }
  #content_area .fontana-ft-arc-block-series-wrapper .hero-kpi-label {
    font-size: 11px;
    color: #5a8db5;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-weight: 600;
  }
  #content_area .fontana-ft-arc-block-series-wrapper .hero-kpi-value {
    font-size: 12px;
    font-weight: 700;
    color: #1f3444;
  }
  #content_area .fontana-ft-arc-block-series-wrapper .hero-cta-row {
    margin-top: 24px;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: center;
  }
  #content_area .fontana-ft-arc-block-series-wrapper .btn-primary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 11px 22px;
    font-size: 14px;
    font-weight: 600;
    border-radius: 999px;
    border: 1px solid #c7e2f6;
    background: linear-gradient(135deg, #e3f2fd, #c7e2f6);
    color: #1f3444;
    cursor: pointer;
    box-shadow: 0 10px 24px rgba(127, 179, 221, 0.25);
    text-decoration: none;
    white-space: nowrap;
    transition: all 0.15s ease;
  }
  #content_area .fontana-ft-arc-block-series-wrapper .btn-primary:hover {
    background: linear-gradient(135deg, #d6ecfb, #b5d8ef);
    border-color: #b5d8ef;
    transform: translateY(-1px);
    text-decoration: none;
  }
  #content_area .fontana-ft-arc-block-series-wrapper .btn-primary span.icon {
    font-size: 16px;
  }
  #content_area .fontana-ft-arc-block-series-wrapper .btn-outline {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 10px 20px;
    font-size: 13px;
    font-weight: 600;
    border-radius: 999px;
    border: 1px solid #c7e2f6;
    color: #1f3444;
    background: #ffffff;
    cursor: pointer;
    text-decoration: none;
    white-space: nowrap;
    transition: all 0.15s ease;
  }
  #content_area .fontana-ft-arc-block-series-wrapper .btn-outline:hover {
    background: #f5faff;
    border-color: #7fb3dd;
    text-decoration: none;
  }
  #content_area .fontana-ft-arc-block-series-wrapper .hero-right {
    position: relative;
    display: flex;
    align-items: stretch;
    justify-content: center;
  }
  /* --------- RIGHT HERO "VISIBLE BANNER" --------- */
  #content_area .fontana-ft-arc-block-series-wrapper .hero-visual-banner {
    position: relative;
    width: 100%;
    max-width: 420px;
    border-radius: 24px;
    padding: 18px 18px 20px;
    background: linear-gradient(150deg, #ffffff, #e3f2fd 55%, #c7e2f6);
    border: 1px solid #c7e2f6;
    color: #1f3444;
    box-shadow: 0 18px 40px rgba(15, 23, 42, 0.08);
    overflow: hidden;
  }
  #content_area .fontana-ft-arc-block-series-wrapper .hero-visual-top-tag {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: #5a8db5;
    margin-bottom: 6px;
    font-weight: 700;
  }
  #content_area .fontana-ft-arc-block-series-wrapper .hero-visual-title {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 2px;
    color: #1f3444;
  }
  #content_area .fontana-ft-arc-block-series-wrapper .hero-visual-subtitle {
    font-size: 12px;
    color: #6b7280;
    margin-bottom: 12px;
  }
  #content_area .fontana-ft-arc-block-series-wrapper .hero-visual-specband {
    display: flex;
    gap: 8px;
    margin-bottom: 12px;
    flex-wrap: wrap;
  }
  #content_area .fontana-ft-arc-block-series-wrapper .hero-pill {
    padding: 5px 11px;
    border-radius: 999px;
    font-size: 11px;
    background: #ffffff;
    border: 1px solid #c7e2f6;
    color: #5a8db5;
    white-space: nowrap;
    font-weight: 600;
  }
  #content_area .fontana-ft-arc-block-series-wrapper .hero-visual-mock {
    position: relative;
    margin-top: 8px;
    padding: 18px 16px;
    border-radius: 18px;
    background: radial-gradient(circle at top left, rgba(127, 179, 221, 0.18), transparent 60%), #ffffff;
    border: 1px solid #c7e2f6;
  }
  #content_area .fontana-ft-arc-block-series-wrapper .hero-visual-mock-main {
    height: 120px;
    border-radius: 16px;
    background: linear-gradient(145deg, #f5faff, #c7e2f6);
    position: relative;
    overflow: hidden;
  }
  /* Stylized ArcBlock rectangular faucet silhouette - kept visible */
  #content_area .fontana-ft-arc-block-series-wrapper .hero-arcblock-base {
    position: absolute;
    left: 32px;
    bottom: 18px;
    width: 120px;
    height: 34px;
    border-radius: 10px;
    background: linear-gradient(135deg, #ffffff, #c2cad7);
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.18);
  }
  #content_area .fontana-ft-arc-block-series-wrapper .hero-arcblock-column {
    position: absolute;
    left: 44px;
    bottom: 40px;
    width: 30px;
    height: 52px;
    border-radius: 8px;
    background: linear-gradient(180deg, #ffffff, #b4c0cf);
  }
  #content_area .fontana-ft-arc-block-series-wrapper .hero-arcblock-head {
    position: absolute;
    left: 60px;
    bottom: 72px;
    width: 56px;
    height: 22px;
    border-radius: 6px;
    background: linear-gradient(135deg, #ffffff, #c5cfdd);
  }
  #content_area .fontana-ft-arc-block-series-wrapper .hero-arcblock-sensor {
    position: absolute;
    right: 22px;
    bottom: 58px;
    width: 7px;
    height: 7px;
    border-radius: 3px;
    background: #1f3444;
    box-shadow: 0 0 12px rgba(127, 179, 221, 0.9);
  }
  #content_area .fontana-ft-arc-block-series-wrapper .hero-arcblock-shadow {
    position: absolute;
    left: 40px;
    bottom: 10px;
    width: 104px;
    height: 16px;
    border-radius: 40px;
    background: radial-gradient(circle, rgba(15, 23, 42, 0.25), transparent 75%);
    filter: blur(4px);
    opacity: 0.85;
  }
  #content_area .fontana-ft-arc-block-series-wrapper .hero-visual-badges {
    margin-top: 14px;
    display: flex;
    justify-content: space-between;
    gap: 10px;
    font-size: 11px;
    color: #1f3444;
  }
  #content_area .fontana-ft-arc-block-series-wrapper .hero-mini-label {
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: #5a8db5;
    margin-bottom: 2px;
    font-weight: 600;
  }
  #content_area .fontana-ft-arc-block-series-wrapper .hero-mini-value {
    font-weight: 700;
    color: #1f3444;
  }
  /* --------- CONTENT SECTIONS --------- */
  #content_area .fontana-ft-arc-block-series-wrapper .fff-main {
    margin-top: 8px;
  }
  #content_area .fontana-ft-arc-block-series-wrapper section {
    margin-bottom: 40px;
  }
  #content_area .fontana-ft-arc-block-series-wrapper h2 {
    font-size: 24px;
    margin-bottom: 10px;
    letter-spacing: -0.02em;
    color: #1f3444;
  }
  #content_area .fontana-ft-arc-block-series-wrapper h3 {
    font-size: 16px;
    margin: 18px 0 8px;
    color: #1f3444;
  }
  #content_area .fontana-ft-arc-block-series-wrapper h4 {
    font-size: 15px;
    margin: 12px 0 4px;
    color: #1f3444;
  }
  #content_area .fontana-ft-arc-block-series-wrapper h5 {
    font-size: 16px;
    margin: 8px 0 2px;
    text-transform: uppercase;
    letter-spacing: 0.11em;
    color: #5a8db5;
    font-weight: 700;
  }
  #content_area .fontana-ft-arc-block-series-wrapper p {
    font-size: 14px;
    margin-bottom: 10px;
    color: #4b5563;
  }
  #content_area .fontana-ft-arc-block-series-wrapper .muted {
    color: #6b7280;
    font-size: 13px;
  }
  #content_area .fontana-ft-arc-block-series-wrapper .grid-3 {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
  }
  #content_area .fontana-ft-arc-block-series-wrapper .grid-2 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
  }
  #content_area .fontana-ft-arc-block-series-wrapper .card {
    background: #ffffff;
    border-radius: 18px;
    padding: 18px 18px 20px;
    border: 1px solid #dde3ec;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.05);
  }
  #content_area .fontana-ft-arc-block-series-wrapper .card-banner {
    position: relative;
    padding: 16px 18px;
    border-radius: 26px;
    background: linear-gradient(135deg, #ffffff, #e0f6ff);
    border: 1px solid #c7e2f6;
    display: flex;
    flex-direction: column;
    gap: 4px;
  }
  #content_area .fontana-ft-arc-block-series-wrapper .card-banner-label {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: #5a8db5;
    font-weight: 700;
  }
  #content_area .fontana-ft-arc-block-series-wrapper .card-banner-title {
    font-size: 16px;
    font-weight: 700;
    color: #1f3444;
  }
  #content_area .fontana-ft-arc-block-series-wrapper .card-banner-pill-row {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 6px;
  }
  #content_area .fontana-ft-arc-block-series-wrapper .small-pill {
    padding: 4px 11px;
    border-radius: 999px;
    border: 1px dashed #c7e2f6;
    font-size: 11px;
    color: #5a8db5;
    background: #ffffff;
    font-weight: 600;
  }
  #content_area .fontana-ft-arc-block-series-wrapper ul {
    padding-left: 18px;
    margin-bottom: 10px;
    font-size: 14px;
    color: #4b5563;
  }
  #content_area .fontana-ft-arc-block-series-wrapper li + li {
    margin-top: 4px;
  }
  #content_area .fontana-ft-arc-block-series-wrapper .keyline {
    border-top: 1px dashed #c7e2f6;
    margin: 16px 0 14px;
  }
  #content_area .fontana-ft-arc-block-series-wrapper .badge-row {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 8px 0;
  }
  #content_area .fontana-ft-arc-block-series-wrapper .badge {
    padding: 5px 11px;
    border-radius: 999px;
    font-size: 11px;
    background: #f5faff;
    border: 1px solid #c7e2f6;
    color: #5a8db5;
    white-space: nowrap;
    font-weight: 600;
  }
  #content_area .fontana-ft-arc-block-series-wrapper .highlight-block {
    background: linear-gradient(135deg, #ffffff, #f5faff);
    border-radius: 18px;
    border: 1px solid #c7e2f6;
    padding: 16px 18px;
    font-size: 13px;
    color: #4b5563;
  }
  #content_area .fontana-ft-arc-block-series-wrapper .highlight-block strong {
    display: inline-block;
    margin-bottom: 2px;
    color: #1f3444;
  }
  /* --------- TABLE-LIKE LAYOUTS --------- */
  #content_area .fontana-ft-arc-block-series-wrapper .spec-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px 18px;
    font-size: 13px;
  }
  #content_area .fontana-ft-arc-block-series-wrapper .spec-item-label {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: #5a8db5;
    font-weight: 600;
  }
  #content_area .fontana-ft-arc-block-series-wrapper .spec-item-value {
    font-size: 14px;
    font-weight: 600;
    color: #1f3444;
  }
  /* --------- FOOTER (HIDDEN) --------- */
  #content_area .fontana-ft-arc-block-series-wrapper .fff-footer {
    display: none;
  }
  /* --------- RESPONSIVE --------- */
  @media (max-width: 920px) {
    #content_area .fontana-ft-arc-block-series-wrapper .hero-banner {
      grid-template-columns: minmax(0, 1fr);
      padding: 24px 20px;
    }
    #content_area .fontana-ft-arc-block-series-wrapper .hero-right {
      order: -1;
    }
  }
  @media (max-width: 720px) {
    #content_area .fontana-ft-arc-block-series-wrapper .grid-3,
    #content_area .fontana-ft-arc-block-series-wrapper .grid-2,
    #content_area .fontana-ft-arc-block-series-wrapper .spec-grid {
      grid-template-columns: minmax(0, 1fr);
    }
    #content_area .fontana-ft-arc-block-series-wrapper .hero-banner {
      border-radius: 0;
      margin-left: -16px;
      margin-right: -16px;
    }
    #content_area .fontana-ft-arc-block-series-wrapper .fff-page {
      padding-inline: 16px;
    }
  }
/* Category 9996 -- (https://www.fontanashowers.com/Fontana-ArcBlock-Series-s/9996.htm) at 02-12-2025 End Here*/

/* Category 10011 -- (https://www.fontanashowers.com/Fontana-Pavilion-Curve-s/10011.htm) at 02-12-2025 Start Here*/
#content_area .fontana-pavilion-curve-series-wrapper {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: #1f2933;
  line-height: 1.5;
}
#content_area .fontana-pavilion-curve-series-wrapper a {
  color: #0d47a1;
  text-decoration: none;
}
#content_area .fontana-pavilion-curve-series-wrapper a:hover {
  text-decoration: underline;
}
#content_area .fontana-pavilion-curve-series-wrapper .page-wrapper {
  max-width: 1200px;
  margin: 0 auto;
  padding: 24px 16px 64px;
}
#content_area .fontana-pavilion-curve-series-wrapper .site-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 24px;
  gap: 16px;
}
#content_area .fontana-pavilion-curve-series-wrapper .logo {
  font-weight: 700;
  font-size: 1.3rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  gap: 8px;
}
#content_area .fontana-pavilion-curve-series-wrapper .logo-mark {
  width: 26px;
  height: 26px;
  border-radius: 999px;
  background: radial-gradient(circle at 20% 20%, #ffffff, #90caf9);
  border: 2px solid #bbdefb;
  display: inline-block;
}
#content_area .fontana-pavilion-curve-series-wrapper .top-nav {
  display: flex;
  gap: 20px;
  font-size: 1.2rem;
}
#content_area .fontana-pavilion-curve-series-wrapper .top-nav a {
  font-weight: 500;
  color: #6b7280;
}
#content_area .fontana-pavilion-curve-series-wrapper .top-nav a.nav-cta {
  padding: 8px 18px;
  border-radius: 999px;
  background: linear-gradient(135deg, #e3f2fd, #c7e2f6);
  color: #1f3444;
  border: 1px solid #c7e2f6;
  box-shadow: 0 8px 18px rgba(13, 71, 161, 0.12);
  text-decoration: none;
}
#content_area .fontana-pavilion-curve-series-wrapper .top-nav a.nav-cta:hover {
  transform: translateY(-1px);
}
/* HERO BANNER (VISIBLE BANNER) */
#content_area .fontana-pavilion-curve-series-wrapper .hero-banner {
  display: grid;
  grid-template-columns: minmax(0, 1.6fr) minmax(0, 1.4fr);
  gap: 32px;
  padding: 32px 32px 28px;
  border-radius: 32px;
  background: linear-gradient(120deg, #e3f2fd, #ffffff);
  border: 1px solid #dde3ec;
  color: #1f3444;
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.06);
  margin-bottom: 40px;
  position: relative;
  overflow: hidden;
}
#content_area .fontana-pavilion-curve-series-wrapper .hero-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 14px;
  border-radius: 999px;
  background: #ffffff;
  border: 1px solid #dde3ec;
  color: #1f3444;
  font-size: 1rem;
  margin-bottom: 16px;
  backdrop-filter: blur(6px);
}
#content_area .fontana-pavilion-curve-series-wrapper .hero-badge-dot {
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: #4ade80;
  box-shadow: 0 0 0 4px rgba(74, 222, 128, 0.35);
}
#content_area .fontana-pavilion-curve-series-wrapper h1 {
  font-size: 2.15rem;
  line-height: 1.15;
  margin-bottom: 14px;
  color: #1f3444;
}
#content_area .fontana-pavilion-curve-series-wrapper .hero-subtitle {
  font-size: 0.96rem;
  max-width: 480px;
  color: #6b7280;
  margin-bottom: 24px;
}
#content_area .fontana-pavilion-curve-series-wrapper .hero-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 22px;
  font-size: 0.82rem;
}
#content_area .fontana-pavilion-curve-series-wrapper .meta-pill {
  padding: 6px 11px;
  border-radius: 999px;
  background: #ffffff;
  border: 1px solid #d1e3ff;
  color: #1f3444;
  font-size: 1rem;
}
#content_area .fontana-pavilion-curve-series-wrapper .hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
#content_area .fontana-pavilion-curve-series-wrapper .btn-primary {
  padding: 10px 22px;
  border-radius: 999px;
  border: 1px solid #c7e2f6;
  cursor: pointer;
  background: linear-gradient(135deg, #e3f2fd, #c7e2f6);
  color: #1f3444;
  font-weight: 600;
  font-size: 1.1rem;
  box-shadow: 0 10px 20px rgba(13, 71, 161, 0.12);
}
#content_area .fontana-pavilion-curve-series-wrapper .btn-outline {
  padding: 10px 18px;
  border-radius: 999px;
  border: 1px solid #c7e2f6;
  cursor: pointer;
  background: transparent;
  color: #1f3444;
  font-weight: 500;
  font-size: 1.1rem;
}
#content_area .fontana-pavilion-curve-series-wrapper .hero-visual {
  position: relative;
  align-self: center;
}
#content_area .fontana-pavilion-curve-series-wrapper .hero-card {
  border-radius: 28px;
  background: #ffffff;
  border: 1px solid #c7e2f6;
  padding: 18px;
  backdrop-filter: blur(12px);
}
#content_area .fontana-pavilion-curve-series-wrapper .hero-faucet {
  width: 100%;
  min-height: 220px;
  border-radius: 22px;
  background:
    radial-gradient(circle at 10% 20%, rgba(13, 71, 161, 0.08), transparent 55%),
    radial-gradient(circle at 90% 80%, rgba(13, 71, 161, 0.06), transparent 60%),
    linear-gradient(135deg, #e3f2fd, #ffffff);
  border: 1px solid #dde3ec;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
}
#content_area .fontana-pavilion-curve-series-wrapper .hero-faucet::before {
  content: "";
  position: absolute;
  width: 80%;
  height: 42%;
  border-radius: 999px;
  border: 3px solid rgba(13, 71, 161, 0.35);
  transform: rotate(-22deg) translateY(24px);
  box-shadow: 0 0 40px rgba(13, 71, 161, 0.15);
  opacity: 0.82;
}
#content_area .fontana-pavilion-curve-series-wrapper .hero-faucet::after {
  content: "";
  position: absolute;
  width: 60%;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(to right, transparent, #60a5fa, transparent);
  transform: translateY(46px);
  opacity: 0.7;
}
#content_area .fontana-pavilion-curve-series-wrapper .hero-faucet-label {
  position: absolute;
  bottom: 16px;
  left: 18px;
  font-size: 1rem;
  color: #6b7280;
  background: #ffffff;
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid #dde3ec;
}
#content_area .fontana-pavilion-curve-series-wrapper .hero-stat-row {
  display: flex;
  justify-content: space-between;
  margin-top: 12px;
  gap: 10px;
  font-size: 0.75rem;
  color: #6b7280;
  font-size: 1rem;
}
#content_area .fontana-pavilion-curve-series-wrapper .hero-stat {
  padding: 8px 10px;
  border-radius: 12px;
  background: #f5faff;
  border: 1px solid #dde3ec;
  flex: 1;
}
#content_area .fontana-pavilion-curve-series-wrapper .hero-stat span {
  display: block;
}
#content_area .fontana-pavilion-curve-series-wrapper .hero-stat span.value {
  font-weight: 600;
  font-size: 1.1rem;
  color: #1f3444;
}
/* SECONDARY BANNER (VISIBLE BANNER) */
#content_area .fontana-pavilion-curve-series-wrapper .aec-banner {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(0, 1.6fr);
  gap: 22px;
  padding: 20px 22px;
  border-radius: 26px;
  background: linear-gradient(120deg, #e3f2fd, #ffffff);
  border: 1px solid #dde3ec;
  margin-bottom: 36px;
  align-items: center;
}
#content_area .fontana-pavilion-curve-series-wrapper .aec-label {
  font-size: 1rem;
  font-weight: 600;
  color: #0d47a1;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  margin-bottom: 6px;
}
#content_area .fontana-pavilion-curve-series-wrapper h2 {
  font-size: 1.35rem;
  margin-bottom: 6px;
}
#content_area .fontana-pavilion-curve-series-wrapper .aec-banner p {
  font-size: 0.88rem;
  color: #6b7280;
  max-width: 520px;
}
#content_area .fontana-pavilion-curve-series-wrapper .aec-points {
  display: flex;
  flex-wrap: wrap;
  margin-top: 10px;
  gap: 10px;
  font-size: 1rem;
}
#content_area .fontana-pavilion-curve-series-wrapper .aec-chip {
  padding: 6px 10px;
  border-radius: 999px;
  background: #ffffff;
  border: 1px solid #d1e3ff;
}
#content_area .fontana-pavilion-curve-series-wrapper .aec-kpi-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  font-size: 0.78rem;
}
#content_area .fontana-pavilion-curve-series-wrapper .aec-kpi-card {
  padding: 10px 10px 9px;
  border-radius: 14px;
  background: #ffffff;
  border: 1px dashed #cbd5e1;
  text-align: center;
}
#content_area .fontana-pavilion-curve-series-wrapper .aec-kpi-card .kpi-label {
  color: #6b7280;
  font-size: 1rem;
  margin-bottom: 3px;
}
#content_area .fontana-pavilion-curve-series-wrapper .aec-kpi-card .kpi-value {
  font-size: 1.1rem;
  font-weight: 700;
  color: #0d47a1;
}
#content_area .fontana-pavilion-curve-series-wrapper .main-curve-series {
  margin-top: 16px;
}
#content_area .fontana-pavilion-curve-series-wrapper .section {
  margin-bottom: 40px;
}
#content_area .fontana-pavilion-curve-series-wrapper .section-header {
  margin-bottom: 14px;
}
#content_area .fontana-pavilion-curve-series-wrapper .section-header h2 {
  margin-bottom: 4px;
}
#content_area .fontana-pavilion-curve-series-wrapper .section-header p {
  font-size: 0.88rem;
  color: #6b7280;
}
/* PRODUCT HIGHLIGHTS GRID */
#content_area .fontana-pavilion-curve-series-wrapper .highlight-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}
#content_area .fontana-pavilion-curve-series-wrapper .card {
  background: #ffffff;
  border-radius: 18px;
  border: 1px solid #dde3ec;
  padding: 16px 16px 14px;
  box-shadow: 0 8px 22px rgba(15, 23, 42, 0.04);
}
#content_area .fontana-pavilion-curve-series-wrapper .card h3 {
  font-size: 1.6rem;
  margin-bottom: 6px;
}
#content_area .fontana-pavilion-curve-series-wrapper .card h4 {
  font-size: 1.5rem;
  margin-top: 8px;
  margin-bottom: 3px;
}
#content_area .fontana-pavilion-curve-series-wrapper .card p {
  font-size: 0.86rem;
  color: #6b7280;
}
#content_area .fontana-pavilion-curve-series-wrapper .card ul {
  margin-top: 6px;
  margin-left: 18px;
  font-size: 0.84rem;
  color: #6b7280;
}
#content_area .fontana-pavilion-curve-series-wrapper .card li + li {
  margin-top: 3px;
}
/* SPECIFICATIONS, APPLICATIONS */
#content_area .fontana-pavilion-curve-series-wrapper .two-column {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(0, 1.6fr);
  gap: 24px;
}
#content_area .fontana-pavilion-curve-series-wrapper h3 {
  font-size: 1.5rem;
  margin-bottom: 6px;
}
#content_area .fontana-pavilion-curve-series-wrapper h4 {
  font-size: 1.5rem;
  margin-top: 10px;
  margin-bottom: 4px;
}
#content_area .fontana-pavilion-curve-series-wrapper h5 {
  font-size: 1.5rem;
  margin-top: 8px;
  margin-bottom: 4px;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: #6b7280;
}
#content_area .fontana-pavilion-curve-series-wrapper .spec-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.84rem;
  background: #ffffff;
  border-radius: 18px;
  overflow: hidden;
  border: 1px solid #dde3ec;
}
#content_area .fontana-pavilion-curve-series-wrapper .spec-table thead {
  background: #e3f2fd;
}
#content_area .fontana-pavilion-curve-series-wrapper .spec-table th,
#content_area .fontana-pavilion-curve-series-wrapper .spec-table td {
  padding: 8px 12px;
  border-bottom: 1px solid #e5e7eb;
  text-align: left;
  font-size: 1.2rem;
}
#content_area .fontana-pavilion-curve-series-wrapper .spec-table th {
  font-weight: 600;
  font-size: 1.2rem;
}
#content_area .fontana-pavilion-curve-series-wrapper .spec-table tr:last-child td {
  border-bottom: none;
}
#content_area .fontana-pavilion-curve-series-wrapper .tag-row {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 8px;
}
#content_area .fontana-pavilion-curve-series-wrapper .tag {
  font-size: 1rem;
  padding: 4px 8px;
  border-radius: 999px;
  background: #f5f7fb;
  border: 1px solid #e2e8f0;
  color: #6b7280;
}
#content_area .fontana-pavilion-curve-series-wrapper .app-list {
  list-style: none;
  font-size: 0.86rem;
  color: #6b7280;
  padding-left: 0;
}
#content_area .fontana-pavilion-curve-series-wrapper .app-list li {
  padding: 6px 0;
  border-bottom: 1px dashed #e5e7eb;
}
#content_area .fontana-pavilion-curve-series-wrapper .app-list li:last-child {
  border-bottom: none;
}
/* MODELS BANNER / SERIES STRIP */
#content_area .fontana-pavilion-curve-series-wrapper .models-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 10px;
  font-size: 0.84rem;
}
#content_area .fontana-pavilion-curve-series-wrapper .model-pill {
  flex: 1 1 210px;
  padding: 10px 12px;
  border-radius: 999px;
  background: linear-gradient(135deg, #e3f2fd, #c7e2f6);
  color: #1f3444;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: 1px solid #c7e2f6;
}
#content_area .fontana-pavilion-curve-series-wrapper .model-pill span.code {
  font-weight: 600;
  font-size: 1rem;
  color: #1f3444;
}
#content_area .fontana-pavilion-curve-series-wrapper .model-pill span.desc {
  font-size: 1rem;
  color: #6b7280;
}
/* RESOURCES SECTION */
#content_area .fontana-pavilion-curve-series-wrapper .resource-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin-top: 10px;
}
#content_area .fontana-pavilion-curve-series-wrapper .resource-card {
  border-radius: 18px;
  padding: 14px 14px 12px;
  background: linear-gradient(135deg, #ffffff, #e0f6ff);
  color: #1f3444;
  border: 1px solid #c7e2f6;
}
#content_area .fontana-pavilion-curve-series-wrapper .resource-card h4 {
  color: #1f3444;
  margin-bottom: 4px;
}
#content_area .fontana-pavilion-curve-series-wrapper .resource-meta {
  font-size: 0.78rem;
  color: #6b7280;
  margin-bottom: 6px;
}
#content_area .fontana-pavilion-curve-series-wrapper .resource-card ul {
  font-size: 0.8rem;
  margin-left: 18px;
  color: #6b7280;
}
/* FAQ */
#content_area .fontana-pavilion-curve-series-wrapper .faq-list {
  margin-top: 12px;
}
#content_area .fontana-pavilion-curve-series-wrapper .faq-item {
  border-radius: 14px;
  border: 1px solid #dde3ec;
  padding: 10px 12px;
  margin-bottom: 10px;
  background: #ffffff;
}
#content_area .fontana-pavilion-curve-series-wrapper .faq-item h4 {
  margin-bottom: 4px;
  font-size: 1.6rem;
}
#content_area .fontana-pavilion-curve-series-wrapper .faq-item p {
  font-size: 0.84rem;
  color: #6b7280;
}
/* BOTTOM CTA BANNER */
#content_area .fontana-pavilion-curve-series-wrapper .cta-banner {
  margin-top: 18px;
  padding: 18px 20px;
  border-radius: 26px;
  background: linear-gradient(120deg, #e3f2fd, #ffffff);
  border: 1px solid #dde3ec;
  color: #1f3444;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
}
#content_area .fontana-pavilion-curve-series-wrapper .cta-banner h3 {
  font-size: 1.5rem;
  margin-bottom: 2px;
  color: #1f3444;
}
#content_area .fontana-pavilion-curve-series-wrapper .cta-banner p {
  font-size: 0.84rem;
  max-width: 540px;
  color: #6b7280;
}
#content_area .fontana-pavilion-curve-series-wrapper .cta-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
#content_area .fontana-pavilion-curve-series-wrapper .cta-btn-primary,
#content_area .fontana-pavilion-curve-series-wrapper .cta-btn-secondary {
  padding: 9px 18px;
  border-radius: 999px;
  font-size: 1.2rem;
  font-weight: 500;
  border: none;
  cursor: pointer;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
#content_area .fontana-pavilion-curve-series-wrapper .cta-btn-primary {
  background: linear-gradient(135deg, #e3f2fd, #c7e2f6);
  color: #1f3444;
  border: 1px solid #c7e2f6;
}
#content_area .fontana-pavilion-curve-series-wrapper .cta-btn-secondary {
  background: transparent;
  color: #1f3444;
  border: 1px solid #c7e2f6;
}
#content_area .fontana-pavilion-curve-series-wrapper .main-curve-series-footer {
  margin-top: 32px;
  font-size: 0.78rem;
  color: #6b7280;
  border-top: 1px solid #e5e7eb;
  padding-top: 16px;
  display: flex;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
}
#content_area .fontana-pavilion-curve-series-wrapper .main-curve-series-footer .footer-links {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}
@media (max-width: 900px) {
  #content_area .fontana-pavilion-curve-series-wrapper .hero-banner,
  #content_area .fontana-pavilion-curve-series-wrapper .aec-banner,
  #content_area .fontana-pavilion-curve-series-wrapper .two-column {
    grid-template-columns: minmax(0, 1fr);
  }
  #content_area .fontana-pavilion-curve-series-wrapper .highlight-grid,
  #content_area .fontana-pavilion-curve-series-wrapper .resource-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 640px) {
  #content_area .fontana-pavilion-curve-series-wrapper .page-wrapper {
    padding: 16px 12px 40px;
  }
  #content_area .fontana-pavilion-curve-series-wrapper .hero-banner {
    padding: 22px 18px;
    gap: 20px;
  }
  #content_area .fontana-pavilion-curve-series-wrapper h1 {
    font-size: 1.7rem;
  }
  #content_area .fontana-pavilion-curve-series-wrapper .highlight-grid,
  #content_area .fontana-pavilion-curve-series-wrapper .resource-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  #content_area .fontana-pavilion-curve-series-wrapper .site-header {
    flex-direction: column;
    align-items: flex-start;
  }
  #content_area .fontana-pavilion-curve-series-wrapper .top-nav {
    flex-wrap: wrap;
  }
}
/* Category 10011 -- (https://www.fontanashowers.com/Fontana-Pavilion-Curve-s/10011.htm) at 02-12-2025 End Here*/

/* Category 10013 -- (https://www.fontanashowers.com/Fontana-Kitchen-Faucet-s/10013.htm) at 02-12-2025 Start Here*/
#content_area .fontana-kitchen-faucet-series-specifications-wrapper {
  font-family: Arial, Helvetica, sans-serif;
  color: #222;
  line-height: 1.6;
}
#content_area .fontana-kitchen-faucet-series-specifications-wrapper a {
  text-decoration: none;
  color: inherit;
}
#content_area .fontana-kitchen-faucet-series-specifications-wrapper .page-wrapper {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 16px 40px;
}
/* HERO BANNER */
#content_area .fontana-kitchen-faucet-series-specifications-wrapper .hero-banner {
  position: relative;
  margin-top: 24px;
  margin-bottom: 32px;
  padding: 50px 24px;
  border-radius: 16px;
  background: linear-gradient(135deg, #ffffff, #e0f6ff);
  border: 1px solid #c7e2f6;
  color: #1f3444;
  overflow: hidden;
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.06);
}
#content_area .fontana-kitchen-faucet-series-specifications-wrapper .hero-banner::after {
  content: "";
  position: absolute;
  right: -80px;
  top: -40px;
  width: 280px;
  height: 280px;
  border-radius: 50%;
  opacity: 0.4;
  background: radial-gradient(circle, rgba(13, 71, 161, 0.08) 0, transparent 60%);
}
#content_area .fontana-kitchen-faucet-series-specifications-wrapper .hero-content {
  position: relative;
  /* max-width: 650px; */
  z-index: 1;
}
#content_area .fontana-kitchen-faucet-series-specifications-wrapper .hero-badge {
  display: inline-block;
  padding: 6px 12px;
  border-radius: 999px;
  font-size: 12px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  background-color: #ffffff;
  border: 1px solid #dde3ec;
  color: #0d47a1;
  margin-bottom: 10px;
  font-weight: 600;
}
#content_area .fontana-kitchen-faucet-series-specifications-wrapper .hero-title {
  font-size: 32px;
  margin-bottom: 10px;
  color: #1f3444;
}
#content_area .fontana-kitchen-faucet-series-specifications-wrapper .hero-subtitle {
  font-size: 16px;
  color: #6b7280;
  margin-bottom: 18px;
}
#content_area .fontana-kitchen-faucet-series-specifications-wrapper .hero-highlights {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 20px;
  font-size: 13px;
}
#content_area .fontana-kitchen-faucet-series-specifications-wrapper .hero-pill {
  padding: 6px 10px;
  border-radius: 999px;
  background-color: #ffffff;
  border: 1px solid #d1e3ff;
  color: #1f3444;
}
#content_area .fontana-kitchen-faucet-series-specifications-wrapper .hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
#content_area .fontana-kitchen-faucet-series-specifications-wrapper .btn-primary {
  background: linear-gradient(135deg, #e3f2fd, #c7e2f6);
  color: #1f3444;
  padding: 10px 18px;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 600;
  border: 1px solid #c7e2f6;
  cursor: pointer;
  box-shadow: 0 8px 20px rgba(13, 71, 161, 0.12);
}
#content_area .fontana-kitchen-faucet-series-specifications-wrapper .btn-primary:hover {
  background: linear-gradient(135deg, #d6ecfb, #b5d8ef);
  border-color: #b5d8ef;
}
#content_area .fontana-kitchen-faucet-series-specifications-wrapper .btn-ghost {
  background-color: #ffffff;
  color: #1f3444;
  padding: 10px 18px;
  border-radius: 999px;
  font-size: 14px;
  border: 1px solid #c7e2f6;
  cursor: pointer;
}
#content_area .fontana-kitchen-faucet-series-specifications-wrapper .btn-ghost:hover {
  background-color: #f5faff;
  border-color: #0d47a1;
}
/* SUB-BANNER (VISIBLE STRIP) */
#content_area .fontana-kitchen-faucet-series-specifications-wrapper .strip-banner {
  background-color: #fff;
  border-radius: 12px;
  padding: 14px 16px;
  margin-bottom: 28px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  border: 1px solid #dbe2ea;
}
#content_area .fontana-kitchen-faucet-series-specifications-wrapper .strip-banner-label {
  font-weight: 600;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #0b1f37;
}
#content_area .fontana-kitchen-faucet-series-specifications-wrapper .strip-banner-text {
  font-size: 13px;
  color: #44505e;
}
#content_area .fontana-kitchen-faucet-series-specifications-wrapper .strip-banner-cta {
  margin-left: auto;
  font-size: 13px;
  font-weight: 600;
  color: #0a6ad4;
  cursor: pointer;
  white-space: nowrap;
}
/* MAIN GRID */
#content_area .fontana-kitchen-faucet-series-specifications-wrapper .grid {
  display: grid;
  grid-template-columns: 2.1fr 1.2fr;
  gap: 24px;
}
@media (max-width: 900px) {
  #content_area .fontana-kitchen-faucet-series-specifications-wrapper .grid {
	grid-template-columns: 1fr;
  }
}
#content_area .fontana-kitchen-faucet-series-specifications-wrapper .card {
  background-color: #ffffff;
  border-radius: 12px;
  padding: 18px 18px 16px;
  margin-bottom: 16px;
  border: 1px solid #dbe2ea;
}
#content_area .fontana-kitchen-faucet-series-specifications-wrapper .card h2,
#content_area .fontana-kitchen-faucet-series-specifications-wrapper .card h3,
#content_area .fontana-kitchen-faucet-series-specifications-wrapper .card h4,
#content_area .fontana-kitchen-faucet-series-specifications-wrapper .card h5 {
  margin-bottom: 8px;
  color: #0b1f37;
  
}
#content_area .fontana-kitchen-faucet-series-specifications-wrapper .card h3,
#content_area .fontana-kitchen-faucet-series-specifications-wrapper .card h4,
#content_area .fontana-kitchen-faucet-series-specifications-wrapper .card h5{
font-size: 15px !important;
}
#content_area .fontana-kitchen-faucet-series-specifications-wrapper .card p {
  font-size: 14px !important;
  color: #44505e;
  margin-bottom: 8px;
}
#content_area .fontana-kitchen-faucet-series-specifications-wrapper .card ul {
  margin-left: 18px;
  margin-bottom: 8px;
  font-size: 14px;
  color: #44505e;
}
#content_area .fontana-kitchen-faucet-series-specifications-wrapper .card li {
  margin-bottom: 4px;
}
#content_area .fontana-kitchen-faucet-series-specifications-wrapper .tag-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 6px;
}
#content_area .fontana-kitchen-faucet-series-specifications-wrapper .tag {
  font-size: 11px;
  padding: 4px 8px;
  border-radius: 999px;
  background-color: #f0f4fa;
  border: 1px solid #d0d9e6;
  color: #243346;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}
#content_area .fontana-kitchen-faucet-series-specifications-wrapper .spec-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: 10px;
}
#content_area .fontana-kitchen-faucet-series-specifications-wrapper .spec-item {
  font-size: 13px;
  padding: 8px 10px;
  border-radius: 8px;
  background-color: #f7f9fc;
}
#content_area .fontana-kitchen-faucet-series-specifications-wrapper .spec-label {
  font-weight: 600;
  display: block;
  margin-bottom: 2px;
  color: #0b1f37;
}
#content_area .fontana-kitchen-faucet-series-specifications-wrapper .spec-value {
  color: #455365;
}
#content_area .fontana-kitchen-faucet-series-specifications-wrapper .series-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 16px;
  margin-top: 10px;
}
#content_area .fontana-kitchen-faucet-series-specifications-wrapper .series-card {
  border-radius: 10px;
  border: 1px solid #dbe2ea;
  padding: 12px 12px 10px;
  background-color: #fff;
}
#content_area .fontana-kitchen-faucet-series-specifications-wrapper .series-banner {
  height: 130px;
  border-radius: 8px;
  background: #e9edf3;
  border: 1px dashed #bac4d3;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  color: #5c6775;
  text-align: center;
  padding: 8px;
}
#content_area .fontana-kitchen-faucet-series-specifications-wrapper .series-title {
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 4px;
  color: #0b1f37;
}
#content_area .fontana-kitchen-faucet-series-specifications-wrapper .series-meta {
  font-size: 12px;
  color: #6a7482;
  margin-bottom: 6px;
}
#content_area .fontana-kitchen-faucet-series-specifications-wrapper .series-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 8px;
}
#content_area .fontana-kitchen-faucet-series-specifications-wrapper .series-tag {
  font-size: 11px;
  padding: 4px 7px;
  border-radius: 999px;
  border: 1px solid #d0d9e6;
  background-color: #f7f9fc;
}
#content_area .fontana-kitchen-faucet-series-specifications-wrapper .series-link {
  font-size: 12px;
  color: #0a6ad4;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
#content_area .fontana-kitchen-faucet-series-specifications-wrapper .sidebar-section {
  margin-bottom: 16px;
}
#content_area .fontana-kitchen-faucet-series-specifications-wrapper .checklist {
  list-style: none;
  margin-top: 6px;
}
#content_area .fontana-kitchen-faucet-series-specifications-wrapper .checklist li::before {
  content: "✔";
  margin-right: 6px;
  color: #0d47a1;
  font-size: 11px;
}
#content_area .fontana-kitchen-faucet-series-specifications-wrapper .checklist li {
  font-size: 13px;
  margin-bottom: 4px;
  color: #44505e;
}
/* BOTTOM CTA BANNER */
#content_area .fontana-kitchen-faucet-series-specifications-wrapper .cta-banner {
  margin-top: 28px;
  padding: 20px 18px;
  border-radius: 14px;
  background: linear-gradient(135deg, #ffffff, #e0f6ff);
  border: 1px solid #c7e2f6;
  color: #1f3444;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px;
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.06);
}
#content_area .fontana-kitchen-faucet-series-specifications-wrapper .cta-banner-main {
  flex: 1;
  min-width: 240px;
}
#content_area .fontana-kitchen-faucet-series-specifications-wrapper .cta-banner-main h3 {
  margin-bottom: 6px;
  font-size: 18px;
  color: #1f3444;
}
#content_area .fontana-kitchen-faucet-series-specifications-wrapper .cta-banner-main p {
  font-size: 14px;
  color: #6b7280;
}
#content_area .fontana-kitchen-faucet-series-specifications-wrapper .cta-banner-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
#content_area .fontana-kitchen-faucet-series-specifications-wrapper .cta-banner-note {
  font-size: 11px;
  color: #7c7c7c;
  margin-top: 4px;
}
@media (max-width: 600px) {
  #content_area .fontana-kitchen-faucet-series-specifications-wrapper .hero-title {
	font-size: 26px;
  }
  #content_area .fontana-kitchen-faucet-series-specifications-wrapper .hero-banner {
	padding: 32px 18px;
  }
  #content_area .fontana-kitchen-faucet-series-specifications-wrapper .strip-banner {
	flex-direction: column;
	align-items: flex-start;
  }
  #content_area .fontana-kitchen-faucet-series-specifications-wrapper .strip-banner-cta {
	margin-left: 0;
  }
  #content_area .fontana-kitchen-faucet-series-specifications-wrapper .cta-banner {
	flex-direction: column;
	align-items: flex-start;
  }
}
/* Category 10013 -- (https://www.fontanashowers.com/Fontana-Kitchen-Faucet-s/10013.htm) at 02-12-2025 End Here*/

/* Category 10014 -- (https://www.fontanashowers.com/Fontana-Crystal-Regent-Collection-s/10014.htm) at 02-12-2025 Start Here*/
#content_area .fontana-crystal-regent-faucet-collection-wrapper {
  margin: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: #111827;
  line-height: 1.6;
}
#content_area .fontana-crystal-regent-faucet-collection-wrapper a {
  color: inherit;
  text-decoration: none;
}
#content_area .fontana-crystal-regent-faucet-collection-wrapper .page-wrapper {
  max-width: 1240px;
  margin: 0 auto;
  padding: 32px 16px 56px;
}
/* BANNERS / HERO */
#content_area .fontana-crystal-regent-faucet-collection-wrapper .hero-banner {
  position: relative;
  background: linear-gradient(135deg, #ffffff, #e0f6ff);
  border: 1px solid #c7e2f6;
  color: #1f3444;
  border-radius: 32px;
  padding: 32px 28px;
  overflow: hidden;
  box-shadow: 0 28px 60px rgba(15, 23, 42, 0.06);
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr);
  gap: 24px;
  align-items: center;
}
#content_area .fontana-crystal-regent-faucet-collection-wrapper .hero-left-badge {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 6px 16px;
  border-radius: 999px;
  border: 1px solid #dde3ec;
  background: #ffffff;
  color: #0d47a1;
  margin-bottom: 18px;
  font-size: 13px;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  font-weight: 600;
}
#content_area .fontana-crystal-regent-faucet-collection-wrapper .hero-left-badge span:first-child {
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: #22c55e;
  box-shadow: 0 0 0 6px rgba(34, 197, 94, 0.2);
}
#content_area .fontana-crystal-regent-faucet-collection-wrapper h1 {
  margin: 0 0 12px;
  font-size: clamp(2.2rem, 3vw, 2.8rem);
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: #1f3444;
}
#content_area .fontana-crystal-regent-faucet-collection-wrapper .hero-subtitle {
  font-size: 15px;
  color: #6b7280;
  max-width: 540px;
  margin-bottom: 20px;
}
#content_area .fontana-crystal-regent-faucet-collection-wrapper .hero-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 24px;
  font-size: 13px;
  color: #1f3444;
}
#content_area .fontana-crystal-regent-faucet-collection-wrapper .hero-meta-pill {
  padding: 6px 14px;
  border-radius: 999px;
  background: #ffffff;
  border: 1px solid #d1e3ff;
  color: #1f3444;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
#content_area .fontana-crystal-regent-faucet-collection-wrapper .hero-meta-pill-dot {
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: #0d47a1;
}
#content_area .fontana-crystal-regent-faucet-collection-wrapper .hero-cta-row {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
}
#content_area .fontana-crystal-regent-faucet-collection-wrapper .btn-primary {
  padding: 11px 22px;
  border-radius: 999px;
  border: 1px solid #c7e2f6;
  background: linear-gradient(135deg, #e3f2fd, #c7e2f6);
  color: #1f3444;
  font-weight: 600;
  font-size: 14px;
  cursor: pointer;
  box-shadow: 0 10px 24px rgba(13, 71, 161, 0.12);
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
#content_area .fontana-crystal-regent-faucet-collection-wrapper .btn-primary:hover {
  background: linear-gradient(135deg, #d6ecfb, #b5d8ef);
  border-color: #b5d8ef;
}
#content_area .fontana-crystal-regent-faucet-collection-wrapper .btn-primary span.icon {
  font-size: 15px;
}
#content_area .fontana-crystal-regent-faucet-collection-wrapper .btn-ghost {
  padding: 11px 18px;
  border-radius: 999px;
  border: 1px solid #c7e2f6;
  background: #ffffff;
  color: #1f3444;
  font-weight: 600;
  font-size: 13px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
#content_area .fontana-crystal-regent-faucet-collection-wrapper .btn-ghost:hover {
  background: #f5faff;
  border-color: #0d47a1;
}
#content_area .fontana-crystal-regent-faucet-collection-wrapper .btn-ghost span.icon {
  font-size: 16px;
}
#content_area .fontana-crystal-regent-faucet-collection-wrapper .hero-right-banner {
  position: relative;
  border-radius: 26px;
  background: linear-gradient(135deg, #e3f2fd, #ffffff);
  border: 1px solid #c7e2f6;
  padding: 18px 18px 24px;
  overflow: hidden;
  box-shadow: 0 24px 50px rgba(15, 23, 42, 0.08);
}
#content_area .fontana-crystal-regent-faucet-collection-wrapper .hero-right-tag {
  position: absolute;
  top: 16px;
  left: 16px;
  padding: 6px 14px;
  border-radius: 999px;
  background: #ffffff;
  border: 1px solid #dde3ec;
  color: #0d47a1;
  font-size: 11px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-weight: 600;
  z-index: 2;
}
#content_area .fontana-crystal-regent-faucet-collection-wrapper .hero-right-spec {
  position: absolute;
  bottom: 16px;
  left: 16px;
  right: 16px;
  padding: 10px 12px;
  border-radius: 18px;
  background: #ffffff;
  border: 1px solid #dde3ec;
  font-size: 11px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  z-index: 2;
}
#content_area .fontana-crystal-regent-faucet-collection-wrapper .hero-right-spec-item {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
#content_area .fontana-crystal-regent-faucet-collection-wrapper .hero-right-spec-label {
  color: #6b7280;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-weight: 600;
}
#content_area .fontana-crystal-regent-faucet-collection-wrapper .hero-right-spec-value {
  color: #1f3444;
  font-size: 12px;
  font-weight: 600;
}
#content_area .fontana-crystal-regent-faucet-collection-wrapper .hero-product-silhouette {
  width: 100%;
  aspect-ratio: 4/5;
  border-radius: 20px;
  border: 1px solid #dde3ec;
  background:
	radial-gradient(circle at 20% 0, rgba(13, 71, 161, 0.05) 0, transparent 40%),
	radial-gradient(circle at 80% 20%, rgba(255, 255, 255, 0.9) 0, transparent 46%),
	linear-gradient(135deg, #e3f2fd 0%, #ffffff 50%, #e0f6ff 100%);
  position: relative;
  overflow: hidden;
}
#content_area .fontana-crystal-regent-faucet-collection-wrapper .hero-product-inner-glow {
  position: absolute;
  inset: 12%;
  border-radius: 100px;
  border: 1px solid rgba(13, 71, 161, 0.2);
  background:
	linear-gradient(145deg, rgba(227, 242, 253, 0.5), rgba(156, 163, 175, 0.15)),
	radial-gradient(circle at 25% 0, rgba(255, 255, 255, 0.7) 0, transparent 45%);
  box-shadow:
	0 0 0 1px rgba(199, 226, 246, 0.4),
	0 0 24px rgba(13, 71, 161, 0.1);
}
#content_area .fontana-crystal-regent-faucet-collection-wrapper .hero-product-crest {
  position: absolute;
  inset: 26% 22%;
  border-radius: 999px;
  border: 1px solid rgba(13, 71, 161, 0.25);
  background:
	radial-gradient(circle at 50% 0, rgba(255, 255, 255, 0.9) 0, transparent 55%),
	radial-gradient(circle at 50% 100%, rgba(199, 226, 246, 0.4) 0, rgba(227, 242, 253, 0.6) 60%);
  overflow: hidden;
}
#content_area .fontana-crystal-regent-faucet-collection-wrapper .hero-product-crest::after {
  content: "";
  position: absolute;
  inset: 12%;
  border-radius: 999px;
  border: 1px solid rgba(13, 71, 161, 0.3);
  background:
	linear-gradient(145deg, rgba(255, 255, 255, 0.9), rgba(199, 226, 246, 0.2)),
	radial-gradient(circle at 30% 0, rgba(248, 250, 252, 0.85) 0, transparent 45%);
  opacity: 0.9;
}
#content_area .fontana-crystal-regent-faucet-collection-wrapper .hero-product-base {
  position: absolute;
  bottom: 12%;
  left: 18%;
  right: 18%;
  height: 18%;
  border-radius: 18px;
  background:
	linear-gradient(180deg, rgba(255, 255, 255, 0.8), rgba(199, 226, 246, 0.4)),
	radial-gradient(circle at 50% 0, rgba(255, 255, 255, 0.85) 0, transparent 50%);
  border: 1px solid rgba(13, 71, 161, 0.2);
  box-shadow:
	0 12px 24px rgba(15, 23, 42, 0.08),
	0 0 0 1px rgba(255, 255, 255, 0.5);
}
#content_area .fontana-crystal-regent-faucet-collection-wrapper .hero-product-light {
  position: absolute;
  top: 10%;
  left: 50%;
  transform: translateX(-50%);
  width: 130%;
  height: 80%;
  background: radial-gradient(circle at 50% 0, rgba(255, 255, 255, 0.7) 0, transparent 65%);
  opacity: 0.75;
}
/* SECONDARY BANNERS */
#content_area .fontana-crystal-regent-faucet-collection-wrapper .banner-row {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin: 28px 0 32px;
}
#content_area .fontana-crystal-regent-faucet-collection-wrapper .banner-card {
  position: relative;
  border-radius: 18px;
  padding: 20px 20px 22px;
  background: linear-gradient(135deg, #ffffff, #e0f6ff);
  border: 1px solid #c7e2f6;
  color: #1f3444;
  overflow: hidden;
  box-shadow: 0 12px 30px rgba(15, 23, 42, 0.06);
}
#content_area .fontana-crystal-regent-faucet-collection-wrapper .banner-card-title {
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 6px;
  color: #1f3444;
}
#content_area .fontana-crystal-regent-faucet-collection-wrapper .banner-card-sub {
  font-size: 12px;
  color: #6b7280;
  max-width: 220px;
}
#content_area .fontana-crystal-regent-faucet-collection-wrapper .banner-card-tag {
  position: absolute;
  right: 16px;
  top: 14px;
  font-size: 11px;
  padding: 4px 10px;
  border-radius: 999px;
  border: 1px solid #dde3ec;
  background: #ffffff;
  color: #0d47a1;
  font-weight: 600;
}
#content_area .fontana-crystal-regent-faucet-collection-wrapper .banner-card-gradient {
  position: absolute;
  inset: 40% -10px -40%;
  background:
	radial-gradient(circle at 0 0, rgba(13, 71, 161, 0.08) 0, transparent 48%),
	radial-gradient(circle at 100% 100%, rgba(13, 71, 161, 0.06) 0, transparent 50%);
  opacity: 0.6;
  pointer-events: none;
}
/* SECTION BASE */
#content_area .fontana-crystal-regent-faucet-collection-wrapper section {
  margin-top: 40px;
}
#content_area .fontana-crystal-regent-faucet-collection-wrapper h2 {
  font-size: 1.6rem;
  margin: 0 0 6px;
}
#content_area .fontana-crystal-regent-faucet-collection-wrapper h3 {
  font-size: 1.5rem;
  margin: 0 0 8px;
}
#content_area .fontana-crystal-regent-faucet-collection-wrapper h4 {
  font-size: 1.4rem;
  margin: 0 0 6px;
}
#content_area .fontana-crystal-regent-faucet-collection-wrapper h5 {
  font-size: 1.4rem;
  margin: 0 0 4px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #0d47a1;
}
#content_area .fontana-crystal-regent-faucet-collection-wrapper .section-eyebrow {
  font-size: 1rem;
  text-transform: uppercase;
  letter-spacing: 0.18em;
  color: #0d47a1;
  margin-bottom: 4px;
  font-weight: 700;
}
#content_area .fontana-crystal-regent-faucet-collection-wrapper .section-header-row {
  /* display: flex; */
  justify-content: space-between;
  gap: 16px;
  align-items: flex-end;
  margin-bottom: 16px;
}
#content_area .fontana-crystal-regent-faucet-collection-wrapper .section-header-row p {
  margin: 0;
  font-size: 0.95rem;
  color: #6b7280;
  /* max-width: 520px; */
}
#content_area .fontana-crystal-regent-faucet-collection-wrapper .tag-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  font-size: 0.78rem;
  color: #6b7280;
}
#content_area .fontana-crystal-regent-faucet-collection-wrapper .tag-pill {
  padding: 4px 11px;
  border-radius: 999px;
  border: 1px dashed #c7e2f6;
  background: #ffffff;
  color: #1f3444;
}
/* GRID + CARDS */
#content_area .fontana-crystal-regent-faucet-collection-wrapper .two-column {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
  gap: 22px;
  align-items: flex-start;
}
#content_area .fontana-crystal-regent-faucet-collection-wrapper .card {
  border-radius: 24px;
  background: #ffffff;
  box-shadow: 0 16px 40px rgba(15, 23, 42, 0.08);
  border: 1px solid #e5e7eb;
  padding: 20px 18px;
}
#content_area .fontana-crystal-regent-faucet-collection-wrapper .card-soft {
  border-radius: 18px;
  background: #f5faff;
  border: 1px solid #c7e2f6;
  padding: 16px 16px 18px;
}
#content_area .fontana-crystal-regent-faucet-collection-wrapper .card-divider {
  height: 1px;
  background: linear-gradient(to right, transparent, rgba(199, 226, 246, 0.9), transparent);
  margin: 14px 0;
}
#content_area .fontana-crystal-regent-faucet-collection-wrapper ul.feature-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 12px;
}
#content_area .fontana-crystal-regent-faucet-collection-wrapper ul.feature-list li {
  display: flex;
  gap: 10px;
  font-size: 0.9rem;
  color: #6b7280;
}
#content_area .fontana-crystal-regent-faucet-collection-wrapper .bullet-dot {
  margin-top: 12px;
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: #7c7c7c;
  flex-shrink: 0;
}
/* SPEC TABLE STYLE */
#content_area .fontana-crystal-regent-faucet-collection-wrapper .spec-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-top: 12px;
  font-size: 0.84rem;
}
#content_area .fontana-crystal-regent-faucet-collection-wrapper .spec-item {
  padding: 9px 10px;
  border-radius: 12px;
  background: #ffffff;
  border: 1px solid #dde3ec;
}
#content_area .fontana-crystal-regent-faucet-collection-wrapper .spec-label {
  font-size: 1rem;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: #6b7280;
  margin-bottom: 4px;
}
#content_area .fontana-crystal-regent-faucet-collection-wrapper .spec-value {
  font-weight: 600;
  color: #111827;
  font-size: 1.2rem;
}
/* CATEGORY SERIES GRID (H3/H4/H5 Usage) */
#content_area .fontana-crystal-regent-faucet-collection-wrapper .series-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  margin-top: 12px;
}
#content_area .fontana-crystal-regent-faucet-collection-wrapper .series-card {
  border-radius: 18px;
  background: #ffffff;
  border: 1px solid #e5e7eb;
  box-shadow: 0 14px 30px rgba(15, 23, 42, 0.08);
  padding: 16px 14px 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
#content_area .fontana-crystal-regent-faucet-collection-wrapper .series-type-label {
  font-size: 1rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #0d47a1;
  font-weight: 700;
}
#content_area .fontana-crystal-regent-faucet-collection-wrapper .series-meta-row {
  display: flex;
  justify-content: space-between;
  font-size: 1.2rem;
  color: #6b7280;
}
#content_area .fontana-crystal-regent-faucet-collection-wrapper .series-meta-row span {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}
#content_area .fontana-crystal-regent-faucet-collection-wrapper .series-meta-dot {
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: #0d47a1;
}
#content_area .fontana-crystal-regent-faucet-collection-wrapper .series-application-list {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 0.85rem;
  color: #6b7280;
}
#content_area .fontana-crystal-regent-faucet-collection-wrapper .series-application-list li::before {
  content: "• ";
  color: #0d47a1;
  font-weight: 700;
}
/* AEC CTA PANEL */
#content_area .fontana-crystal-regent-faucet-collection-wrapper .aec-panel {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 1.1fr);
  gap: 18px;
  margin-top: 16px;
}
#content_area .fontana-crystal-regent-faucet-collection-wrapper .aec-stat-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 10px;
  font-size: 1.2rem;
}
#content_area .fontana-crystal-regent-faucet-collection-wrapper .aec-stat-pill {
  border-radius: 999px;
  border: 1px solid #c7e2f6;
  padding: 5px 10px;
  background: #ffffff;
  color: #1f3444;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
#content_area .fontana-crystal-regent-faucet-collection-wrapper .aec-stat-pill strong {
  font-size: 0.95rem;
  color: #0d47a1;
}
#content_area .fontana-crystal-regent-faucet-collection-wrapper .aec-note {
  font-size: 0.85rem;
  color: #6b7280;
  margin-top: 4px;
}
/* RESPONSIVE */
@media (max-width: 992px) {
  #content_area .fontana-crystal-regent-faucet-collection-wrapper .hero-banner {
	grid-template-columns: minmax(0, 1fr);
	padding: 26px 22px;
  }
  #content_area .fontana-crystal-regent-faucet-collection-wrapper .hero-right-banner {
	order: -1;
  }
  #content_area .fontana-crystal-regent-faucet-collection-wrapper .banner-row {
	grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  #content_area .fontana-crystal-regent-faucet-collection-wrapper .series-grid {
	grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  #content_area .fontana-crystal-regent-faucet-collection-wrapper .aec-panel {
	grid-template-columns: minmax(0, 1fr);
  }
}
@media (max-width: 720px) {
  #content_area .fontana-crystal-regent-faucet-collection-wrapper .page-wrapper {
	padding: 20px 14px 34px;
  }
  #content_area .fontana-crystal-regent-faucet-collection-wrapper .banner-row {
	grid-template-columns: minmax(0, 1fr);
  }
  #content_area .fontana-crystal-regent-faucet-collection-wrapper .two-column {
	grid-template-columns: minmax(0, 1fr);
  }
  #content_area .fontana-crystal-regent-faucet-collection-wrapper .series-grid {
	grid-template-columns: minmax(0, 1fr);
  }
  #content_area .fontana-crystal-regent-faucet-collection-wrapper .hero-banner {
	border-radius: 26px;
  }
}
/* Category 10014 -- (https://www.fontanashowers.com/Fontana-Crystal-Regent-Collection-s/10014.htm) at 02-12-2025 End Here*/

/* Category 10015 -- (https://www.fontanashowers.com/Fontana-Streamline-Wall-Series-s/10015.htm) at 02-12-2025 Start Here*/
#content_area .fontana-streamline-wall-series-wrapper {
      margin: 0;
      font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
      color: #22252a;
      line-height: 1.6;
    }
    #content_area .fontana-streamline-wall-series-wrapper a {
      color: inherit;
      text-decoration: none;
    }
    #content_area .fontana-streamline-wall-series-wrapper img {
      max-width: 100%;
      display: block;
    }
    #content_area .fontana-streamline-wall-series-wrapper .page-wrapper {
      max-width: 1200px;
      margin: 0 auto;
      padding: 20px 20px 60px;
    }
    /* TOP BANNER / HERO */
    #content_area .fontana-streamline-wall-series-wrapper .hero-banner {
      position: relative;
      background: linear-gradient(135deg, #ffffff, #e0f6ff);
      border: 1px solid #c7e2f6;
      border-radius: 26px;
      padding: 40px 32px 32px;
      color: #1f3444;
      overflow: hidden;
      box-shadow: 0 12px 25px rgba(15, 23, 42, 0.06);
      display: grid;
      grid-template-columns: 1.3fr 1fr;
      gap: 30px;
    }
    #content_area .fontana-streamline-wall-series-wrapper .hero-badge {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      padding: 6px 12px;
      border-radius: 999px;
      background: #ffffff;
      border: 1px solid #dde3ec;
      color: #1f3444;
      font-size: 12px;
      letter-spacing: 0.06em;
      text-transform: uppercase;
    }
    #content_area .fontana-streamline-wall-series-wrapper .hero-badge span.dot {
      width: 6px;
      height: 6px;
      border-radius: 999px;
      background: #38d996;
    }
    #content_area .fontana-streamline-wall-series-wrapper h1 {
      font-size: 34px;
      margin: 18px 0 10px;
      letter-spacing: 0.02em;
      color: #1f3444;
    }
    #content_area .fontana-streamline-wall-series-wrapper .hero-subtitle {
      font-size: 16px;
      max-width: 460px;
      color: #6b7280;
    }
    #content_area .fontana-streamline-wall-series-wrapper .hero-meta {
      display: flex;
      flex-wrap: wrap;
      gap: 12px;
      margin: 18px 0 26px;
      font-size: 13px;
    }
    #content_area .fontana-streamline-wall-series-wrapper .hero-meta-item {
      padding: 6px 10px;
      border-radius: 999px;
      background: #ffffff;
      border: 1px solid #d1e3ff;
      color: #1f3444;
    }
    #content_area .fontana-streamline-wall-series-wrapper .hero-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 12px;
      align-items: center;
    }
    #content_area .fontana-streamline-wall-series-wrapper .btn-primary {
      padding: 10px 20px;
      border-radius: 999px;
      border: 1px solid #c7e2f6;
      background: linear-gradient(135deg, #e3f2fd, #c7e2f6);
      font-size: 14px;
      font-weight: 600;
      cursor: pointer;
      color: #1f3444;
      box-shadow: 0 8px 20px rgba(15, 23, 42, 0.08);
    }
    #content_area .fontana-streamline-wall-series-wrapper .btn-primary:hover {
      background: linear-gradient(135deg, #d6ecfb, #b5d8ef);
      border-color: #b5d8ef;
    }
    #content_area .fontana-streamline-wall-series-wrapper .btn-ghost {
      padding: 10px 16px;
      border-radius: 999px;
      border: 1px solid #c7e2f6;
      background: #ffffff;
      font-size: 14px;
      color: #1f3444;
      cursor: pointer;
    }
    #content_area .fontana-streamline-wall-series-wrapper .btn-ghost:hover {
      background: #f5faff;
    }
    #content_area .fontana-streamline-wall-series-wrapper .hero-note {
      font-size: 12px;
      color: #7c7c7c;
      margin-top: 10px;
    }
    #content_area .fontana-streamline-wall-series-wrapper .hero-visual {
      position: relative;
      border-radius: 24px;
      background: linear-gradient(145deg, #e3f2fd, #ffffff);
      border: 1px solid #c7e2f6;
      padding: 18px;
      display: flex;
      align-items: stretch;
      justify-content: center;
      isolation: isolate;
    }
    #content_area .fontana-streamline-wall-series-wrapper .hero-visual-inner {
      position: relative;
      flex: 1;
      border-radius: 18px;
      background: radial-gradient(circle at 20% 0, rgba(199, 226, 246, 0.4), transparent 55%),
                  radial-gradient(circle at 80% 100%, rgba(199, 226, 246, 0.5), transparent 55%);
      border: 1px solid #dde3ec;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      padding: 16px 16px 14px;
    }
    #content_area .fontana-streamline-wall-series-wrapper .hero-visual-label {
      font-size: 11px;
      text-transform: uppercase;
      letter-spacing: 0.18em;
      color: #6b7280;
    }
    #content_area .fontana-streamline-wall-series-wrapper .hero-visual-main {
      margin: 12px 0 16px;
      text-align: center;
    }
    #content_area .fontana-streamline-wall-series-wrapper .hero-visual-main .shape {
      height: 120px;
      border-radius: 999px;
      border: 1px solid #dde3ec;
      background: linear-gradient(135deg, #cccccc 0, #f5f5f5 40%, #c0c0c0 100%);
      position: relative;
      overflow: hidden;
    }
    #content_area .fontana-streamline-wall-series-wrapper .hero-visual-main .shape::before {
      content: "";
      position: absolute;
      inset: 18px 22px;
      border-radius: 999px;
      background: linear-gradient(135deg, #f1f1f1, #d1d1d1);
      box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08);
    }
    #content_area .fontana-streamline-wall-series-wrapper .hero-visual-main .stream-line {
      position: absolute;
      bottom: 20px;
      left: 50%;
      width: 56px;
      height: 4px;
      background: #4da8ff;
      border-radius: 999px;
      transform: translateX(-50%);
      box-shadow: 0 0 16px rgba(77, 168, 255, 0.85);
    }
    #content_area .fontana-streamline-wall-series-wrapper .hero-visual-footer {
      display: flex;
      justify-content: space-between;
      align-items: center;
      font-size: 11px;
      color: #6b7280;
    }
    #content_area .fontana-streamline-wall-series-wrapper .hero-visual-badge {
      padding: 4px 10px;
      border-radius: 999px;
      background: #ffffff;
      border: 1px solid #dde3ec;
      color: #1f3444;
      font-size: 11px;
    }
    /* SECTION LAYOUT */
    #content_area .fontana-streamline-wall-series-wrapper section {
      margin-top: 40px;
    }
    #content_area .fontana-streamline-wall-series-wrapper h2 {
      font-size: 26px;
      margin-bottom: 10px;
    }
    #content_area .fontana-streamline-wall-series-wrapper h3 {
      font-size: 20px;
      margin: 20px 0 8px;
    }
    #content_area .fontana-streamline-wall-series-wrapper h4 {
      font-size: 16px;
      margin: 18px 0 6px;
      text-transform: uppercase;
      letter-spacing: 0.12em;
      color: #6f7a88;
    }
    #content_area .fontana-streamline-wall-series-wrapper h5 {
      font-size: 14px;
      margin: 10px 0 4px;
      color: #244c75;
      text-transform: uppercase;
      letter-spacing: 0.18em;
    }
    #content_area .fontana-streamline-wall-series-wrapper p {
      margin: 0 0 8px;
      color: #22252a;
    }
    #content_area .fontana-streamline-wall-series-wrapper .muted {
      color: #6f7a88;
    }
    #content_area .fontana-streamline-wall-series-wrapper .two-column {
      display: grid;
      grid-template-columns: 1.5fr 1.2fr;
      gap: 26px;
      align-items: flex-start;
    }
    #content_area .fontana-streamline-wall-series-wrapper .card {
      background: #ffffff;
      border-radius: 18px;
      padding: 22px 22px 20px;
      box-shadow: 0 12px 25px rgba(0, 0, 0, 0.08);
      border: 1px solid #e2e7f0;
    }
    #content_area .fontana-streamline-wall-series-wrapper .pill {
      display: inline-block;
      padding: 4px 10px;
      border-radius: 999px;
      background: #eef2f8;
      font-size: 11px;
      text-transform: uppercase;
      letter-spacing: 0.16em;
      color: #6f7a88;
      margin-bottom: 6px;
    }
    #content_area .fontana-streamline-wall-series-wrapper .features-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
      gap: 18px;
      margin-top: 18px;
    }
    #content_area .fontana-streamline-wall-series-wrapper .feature {
      background: #f8fafc;
      border-radius: 16px;
      padding: 14px 14px 12px;
      border: 1px solid #e6edf6;
    }
    #content_area .fontana-streamline-wall-series-wrapper .feature-title {
      font-weight: 600;
      font-size: 14px;
      margin-bottom: 4px;
    }
    #content_area .fontana-streamline-wall-series-wrapper .feature-tag {
      font-size: 11px;
      text-transform: uppercase;
      letter-spacing: 0.16em;
      color: #6f7a88;
      margin-bottom: 4px;
    }
    #content_area .fontana-streamline-wall-series-wrapper ul {
      padding-left: 18px;
      margin: 6px 0 10px;
    }
    #content_area .fontana-streamline-wall-series-wrapper li {
      margin-bottom: 4px;
      font-size: 14px;
    }
    /* VISIBLE BANNERS */
    #content_area .fontana-streamline-wall-series-wrapper .banner-row {
      display: grid;
      grid-template-columns: 2fr 1.3fr;
      gap: 16px;
      margin-top: 32px;
    }
    #content_area .fontana-streamline-wall-series-wrapper .banner {
      position: relative;
      border-radius: 20px;
      padding: 16px 18px;
      color: #1f3444;
      overflow: hidden;
      box-shadow: 0 12px 25px rgba(15, 23, 42, 0.06);
    }
    #content_area .fontana-streamline-wall-series-wrapper .banner-spec {
      background: linear-gradient(135deg, #ffffff, #e0f6ff);
      border: 1px solid #c7e2f6;
      border-left: 5px solid #7fb3dd;
    }
    #content_area .fontana-streamline-wall-series-wrapper .banner-bim {
      background: linear-gradient(135deg, #ffffff, #e0f6ff);
      border: 1px solid #c7e2f6;
      border-left: 5px solid #7fb3dd;
    }
    #content_area .fontana-streamline-wall-series-wrapper .banner-tag {
      font-size: 11px;
      text-transform: uppercase;
      letter-spacing: 0.18em;
      color: #5a8db5;
    }
    #content_area .fontana-streamline-wall-series-wrapper .banner-title {
      font-size: 16px;
      font-weight: 600;
      margin: 5px 0 6px;
      color: #1f3444;
    }
    #content_area .fontana-streamline-wall-series-wrapper .banner p {
      font-size: 13px;
      margin-bottom: 6px;
      color: #6b7280;
    }
    #content_area .fontana-streamline-wall-series-wrapper .banner-cta {
      font-size: 12px;
      font-weight: 600;
      text-decoration: underline;
      cursor: pointer;
      display: inline-flex;
      align-items: center;
      gap: 4px;
      color: #5a8db5;
    }
    #content_area .fontana-streamline-wall-series-wrapper .banner-cta::after {
      content: "↗";
      font-size: 10px;
    }
    /* TABLES / SPECS */
    #content_area .fontana-streamline-wall-series-wrapper table {
      width: 100%;
      border-collapse: collapse;
      font-size: 13px;
      margin-top: 8px;
    }
    #content_area .fontana-streamline-wall-series-wrapper th,
	#content_area .fontana-streamline-wall-series-wrapper td {
      padding: 8px 6px;
      border-bottom: 1px solid #e3e8f0;
      text-align: left;
    }
    #content_area .fontana-streamline-wall-series-wrapper th {
      font-weight: 600;
      background: #f1f5fb;
    }
    /* FOOTER NOTE */
    #content_area .fontana-streamline-wall-series-wrapper .footnote {
      font-size: 11px;
      color: #6f7a88;
      margin-top: 18px;
    }
    /* RESPONSIVE */
    @media (max-width: 960px) {
      #content_area .fontana-streamline-wall-series-wrapper .hero-banner {
        grid-template-columns: 1fr;
      }
      #content_area .fontana-streamline-wall-series-wrapper .hero-visual {
        order: -1;
      }
      #content_area .fontana-streamline-wall-series-wrapper .two-column {
        grid-template-columns: 1fr;
      }
      #content_area .fontana-streamline-wall-series-wrapper .banner-row {
        grid-template-columns: 1fr;
      }
    }
    @media (max-width: 600px) {
      #content_area .fontana-streamline-wall-series-wrapper .page-wrapper {
        padding: 16px 14px 40px;
      }
      #content_area .fontana-streamline-wall-series-wrapper h1 {
        font-size: 26px;
      }
      #content_area .fontana-streamline-wall-series-wrapper h2 {
        font-size: 22px;
      }
    }
/* Category 10015 -- (https://www.fontanashowers.com/Fontana-Streamline-Wall-Series-s/10015.htm) at 02-12-2025 End Here*/

/* Category 10016 -- (https://www.fontanashowers.com/Fontana-Pav-Glass-Collection-s/10016.htm) at 02-12-2025 Start Here*/
#content_area .fontana-pave-glass-collection-wrapper {
      font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
      background: linear-gradient(135deg, #ffffff, #f5faff);
      color: #22252a;
      line-height: 1.6;
      padding: 0;
      margin: 0;
    }
    #content_area .fontana-pave-glass-collection-wrapper a {
      color: #5a8db5;
      text-decoration: none;
    }
    #content_area .fontana-pave-glass-collection-wrapper a:hover {
      text-decoration: underline;
    }
    #content_area .fontana-pave-glass-collection-wrapper .fff-header {
      border-bottom: 1px solid #dde3ec;
      background: #ffffff;
      position: sticky;
      top: 0;
      z-index: 50;
    }
    #content_area .fontana-pave-glass-collection-wrapper .nav {
      max-width: 1200px;
      margin: 0 auto;
      padding: 1rem 1.5rem;
      display: flex;
      justify-content: space-between;
      align-items: center;
    }
    #content_area .fontana-pave-glass-collection-wrapper .brand {
      display: flex;
      align-items: center;
      gap: 0.75rem;
    }
    #content_area .fontana-pave-glass-collection-wrapper .brand-logo {
      width: 38px;
      height: 38px;
      border-radius: 18px;
      background: radial-gradient(circle at 20% 20%, #ffffff, #c7e2f6 45%, #7fb3dd 90%);
      box-shadow: 0 0 18px rgba(127, 179, 221, 0.35);
    }
    #content_area .fontana-pave-glass-collection-wrapper .brand-text {
      display: flex;
      flex-direction: column;
      font-size: 0.8rem;
      text-transform: uppercase;
      letter-spacing: 0.18em;
      color: #6b7280;
    }
    #content_area .fontana-pave-glass-collection-wrapper .brand-text span:first-child {
      font-size: 1.2rem;
      font-weight: 700;
      color: #1f3444;
    }
    #content_area .fontana-pave-glass-collection-wrapper .nav-links {
      display: flex;
      gap: 1.75rem;
      font-size: 1rem;
      align-items: center;
    }
    #content_area .fontana-pave-glass-collection-wrapper .nav-links a {
      text-transform: uppercase;
      letter-spacing: 0.15em;
      font-weight: 500;
      color: #6b7280;
    }
    #content_area .fontana-pave-glass-collection-wrapper .nav-links a:hover {
      color: #1f3444;
    }
    #content_area .fontana-pave-glass-collection-wrapper .btn-spec {
      padding: 0.55rem 1.1rem;
      border-radius: 999px;
      border: 1px solid #c7e2f6;
      background: linear-gradient(135deg, #e3f2fd, #c7e2f6);
      font-size: 0.75rem;
      text-transform: uppercase;
      letter-spacing: 0.16em;
      font-weight: 600;
      color: #1f3444;
      cursor: pointer;
      display: flex;
      align-items: center;
      gap: 0.5rem;
    }
    #content_area .fontana-pave-glass-collection-wrapper .btn-spec span {
      font-size: 1.1rem;
      transform: translateY(1px);
    }
    #content_area .fontana-pave-glass-collection-wrapper .fff-main {
      max-width: 1200px;
      margin: 0 auto;
      padding: 2rem 1.5rem 4rem 1.5rem;
    }
    /* HERO BANNER */
    #content_area .fontana-pave-glass-collection-wrapper .hero {
      margin-top: 1.5rem;
      padding: 2.5rem;
      border-radius: 22px;
      background: linear-gradient(135deg, #ffffff, #e0f6ff);
      border: 1px solid #c7e2f6;
      display: grid;
      grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr);
      gap: 2rem;
      box-shadow: 0 18px 40px rgba(15, 23, 42, 0.06);
      position: relative;
      overflow: hidden;
      align-items: center;
    }
    #content_area .fontana-pave-glass-collection-wrapper .hero::before {
      /* content: ""; */
      position: absolute;
      inset: 16%;
      border-radius: 22px;
      border: 1px solid rgba(199, 226, 246, 0.4);
      pointer-events: none;
    }
    #content_area .fontana-pave-glass-collection-wrapper .hero-copy {
      min-width: 0;
      max-width: 100%;
      position: relative;
      z-index: 1;
    }
    #content_area .fontana-pave-glass-collection-wrapper .hero-copy h1 {
      font-size: 2.4rem;
      line-height: 1.15;
      letter-spacing: 0.02em;
      margin-bottom: 0.85rem;
      color: #1f3444;
    }
    #content_area .fontana-pave-glass-collection-wrapper .hero-copy h2 {
      font-size: 1.05rem;
      text-transform: uppercase;
      letter-spacing: 0.24em;
      color: #5a8db5;
      margin-bottom: 0.85rem;
      font-weight: 600;
    }
    #content_area .fontana-pave-glass-collection-wrapper .hero-copy p {
      max-width: 100%;
      font-size: 0.95rem;
      color: #6b7280;
      margin-bottom: 1.4rem;
      line-height: 1.6;
    }
    #content_area .fontana-pave-glass-collection-wrapper .hero-badges {
      display: flex;
      flex-wrap: wrap;
      gap: 0.5rem;
      margin-bottom: 1.4rem;
      /* font-size: 1.2rem; */
    }
    #content_area .fontana-pave-glass-collection-wrapper .badge {
      font-size: 1rem;
      text-transform: uppercase;
      letter-spacing: 0.16em;
      padding: 0.35rem 0.7rem;
      border-radius: 999px;
      border: 1px solid #dde3ec;
      background: #ffffff;
      color: #6b7280;
    }
    #content_area .fontana-pave-glass-collection-wrapper .badge-contrast {
      background: #ffffff;
      color: #1f3444;
      border-color: #7fb3dd;
    }
    #content_area .fontana-pave-glass-collection-wrapper .hero-cta {
      display: flex;
      flex-wrap: wrap;
      gap: 0.75rem;
      align-items: center;
    }
    #content_area .fontana-pave-glass-collection-wrapper .hero-cta .primary {
      padding: 0.8rem 1.6rem;
      border-radius: 999px;
      border: 1px solid #c7e2f6;
      cursor: pointer;
      font-size: 1rem;
      font-weight: 600;
      letter-spacing: 0.16em;
      text-transform: uppercase;
      background: linear-gradient(135deg, #e3f2fd, #c7e2f6);
      box-shadow: 0 10px 24px rgba(127, 179, 221, 0.25);
      color: #1f3444;
    }
    #content_area .fontana-pave-glass-collection-wrapper .hero-cta .secondary {
      font-size: 0.85rem;
      text-transform: uppercase;
      letter-spacing: 0.16em;
      color: #5a8db5;
      display: flex;
      align-items: center;
      gap: 0.35rem;
      cursor: pointer;
      font-weight: 600;
    }
    #content_area .fontana-pave-glass-collection-wrapper .hero-cta .secondary span {
      font-size: 1.2rem;
      transform: translateY(1px);
    }
    #content_area .fontana-pave-glass-collection-wrapper .hero-visual {
      position: relative;
      display: grid;
      place-items: center;
      min-width: 0;
    }
    #content_area .fontana-pave-glass-collection-wrapper .glass-card {
      width: 100%;
      max-width: 360px;
      height: 260px;
      border-radius: 24px;
      background: linear-gradient(135deg, #e3f2fd, #ffffff);
      border: 1px solid #c7e2f6;
      box-shadow:
        0 18px 40px rgba(15, 23, 42, 0.08),
        0 0 0 1px rgba(255, 255, 255, 0.5) inset;
      padding: 1.6rem;
      position: relative;
      overflow: hidden;
    }
    #content_area .fontana-pave-glass-collection-wrapper .glass-outline {
      position: absolute;
      inset: 16px;
      border-radius: 20px;
      /* border: 1px solid rgba(127, 179, 221, 0.2); */
      pointer-events: none;
    }
    #content_area .fontana-pave-glass-collection-wrapper .glass-grid {
      position: absolute;
      inset: 0;
      background-image: linear-gradient(rgba(127, 179, 221, 0.18) 1px, transparent 1px),
                        linear-gradient(90deg, rgba(127, 179, 221, 0.18) 1px, transparent 1px);
      background-size: 26px 26px;
      opacity: 0.5;
      mask-image: radial-gradient(circle at 10% 0, black, transparent 65%);
    }
    #content_area .fontana-pave-glass-collection-wrapper .glass-title {
      font-size: 1.1rem;
      letter-spacing: 0.18em;
      text-transform: uppercase;
      color: #1f3444;
      margin-bottom: 0.4rem;
      font-weight: 700;
      position: relative;
      z-index: 1;
    }
    #content_area .fontana-pave-glass-collection-wrapper .glass-subtitle {
      font-size: 1rem;
      color: #6b7280;
      text-transform: uppercase;
      letter-spacing: 0.16em;
      margin-bottom: 1.1rem;
      position: relative;
      z-index: 1;
    }
    #content_area .fontana-pave-glass-collection-wrapper .glass-pill {
      display: inline-flex;
      align-items: center;
      padding: 0.35rem 0.75rem;
      border-radius: 999px;
      background: #ffffff;
      border: 1px solid #dde3ec;
      font-size: 0.8rem;
      text-transform: uppercase;
      letter-spacing: 0.18em;
      color: #5a8db5;
      gap: 0.5rem;
      margin-bottom: 0.9rem;
      position: relative;
      z-index: 1;
      font-weight: 600;
    }
    #content_area .fontana-pave-glass-collection-wrapper .glass-pill-indicator {
      width: 9px;
      height: 9px;
      border-radius: 999px;
      background: radial-gradient(circle at 30% 20%, #7fb3dd, #5a8db5);
      box-shadow: 0 0 12px rgba(127, 179, 221, 0.7);
    }
    #content_area .fontana-pave-glass-collection-wrapper .glass-specs {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 0.7rem 1.25rem;
      font-size: 0.7rem;
      margin-bottom: 1.1rem;
      position: relative;
      z-index: 1;
    }
    #content_area .fontana-pave-glass-collection-wrapper .glass-spec-label {
      text-transform: uppercase;
      letter-spacing: 0.16em;
      color: #6b7280;
      font-size: 0.9rem;
    }
    #content_area .fontana-pave-glass-collection-wrapper .glass-spec-value {
      font-size: 1rem;
      color: #1f3444;
      font-weight: 600;
    }
    #content_area .fontana-pave-glass-collection-wrapper .glass-footer {
      display: flex;
      justify-content: space-between;
      align-items: center;
      font-size: 0.9rem;
      color: #6b7280;
      position: relative;
      z-index: 1;
    }
    #content_area .fontana-pave-glass-collection-wrapper .glass-footer strong {
      color: #1f3444;
      font-size: 0.9rem;
    }
    #content_area .fontana-pave-glass-collection-wrapper .glass-badge {
      padding: 0.3rem 0.85rem;
      border-radius: 999px;
      border: 1px solid #7fb3dd;
      background: #ffffff;
      font-size: 0.7rem;
      text-transform: uppercase;
      letter-spacing: 0.18em;
      color: #1f3444;
      font-weight: 600;
    }
    /* SECONDARY BANNERS */
    #content_area .fontana-pave-glass-collection-wrapper .banner-row {
      margin-top: 2.25rem;
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 1rem;
    }
    #content_area .fontana-pave-glass-collection-wrapper .banner-tile {
      border-radius: 18px;
      padding: 1.2rem;
      background: linear-gradient(135deg, #ffffff, #e0f6ff);
      border: 1px solid #c7e2f6;
      font-size: 0.8rem;
      position: relative;
      overflow: hidden;
      box-shadow: 0 12px 30px rgba(15, 23, 42, 0.05);
    }
    #content_area .fontana-pave-glass-collection-wrapper .banner-tile h3 {
      font-size: 1.1rem;
      text-transform: uppercase;
      letter-spacing: 0.18em;
      margin-bottom: 0.35rem;
      color: #1f3444;
      font-weight: 700;
    }
    #content_area .fontana-pave-glass-collection-wrapper .banner-tile p {
      color: #6b7280;
      font-size: 0.78rem;
    }
    #content_area .fontana-pave-glass-collection-wrapper .banner-tile span {
      position: absolute;
      bottom: 0.8rem;
      right: 1rem;
      font-size: 1.1rem;
      opacity: 0.35;
      color: #5a8db5;
    }
    /* CONTENT SECTIONS */
    #content_area .fontana-pave-glass-collection-wrapper section {
      margin-top: 3rem;
    }
    #content_area .fontana-pave-glass-collection-wrapper h2 {
      font-size: 1.5rem;
      margin-bottom: 0.4rem;
      color: #1f3444;
    }
    #content_area .fontana-pave-glass-collection-wrapper .eyebrow {
      font-size: 1.1rem;
      text-transform: uppercase;
      letter-spacing: 0.22em;
      color: #5a8db5;
      margin-bottom: 0.4rem;
      font-weight: 600;
    }
    #content_area .fontana-pave-glass-collection-wrapper .section-intro {
      /* max-width: 640px; */
      color: #6b7280;
      font-size: 0.9rem;
    }
    #content_area .fontana-pave-glass-collection-wrapper .grid-3 {
      margin-top: 1.6rem;
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 1.5rem;
    }
    #content_area .fontana-pave-glass-collection-wrapper .card {
      padding: 1.4rem;
      border-radius: 18px;
      border: 1px solid #e5e7eb;
      background: #ffffff;
      font-size: 0.86rem;
      box-shadow: 0 10px 25px rgba(15, 23, 42, 0.05);
    }
    #content_area .fontana-pave-glass-collection-wrapper .card h3 {
      font-size: 1.5rem;
      margin-bottom: 0.25rem;
      color: #1f3444;
    }
    #content_area .fontana-pave-glass-collection-wrapper .card h4 {
      font-size: 1.1rem;
      text-transform: uppercase;
      letter-spacing: 0.16em;
      color: #5a8db5;
      margin-bottom: 0.5rem;
      font-weight: 700;
    }
    #content_area .fontana-pave-glass-collection-wrapper .card p {
      color: #6b7280;
      font-size: 0.86rem;
    }
    #content_area .fontana-pave-glass-collection-wrapper ul {
      margin: 0.6rem 0 0 1.1rem;
      padding-left: 0;
      font-size: 0.86rem;
      color: #6b7280;
    }
    #content_area .fontana-pave-glass-collection-wrapper li {
      margin-bottom: 0.25rem;
    }
    #content_area .fontana-pave-glass-collection-wrapper .two-col {
      margin-top: 1.8rem;
      display: grid;
      grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
      gap: 2rem;
      align-items: flex-start;
    }
    #content_area .fontana-pave-glass-collection-wrapper .spec-block {
      padding: 1.5rem;
      border-radius: 18px;
      border: 1px solid #c7e2f6;
      background: linear-gradient(135deg, #ffffff, #e0f6ff);
      font-size: 0.86rem;
    }
    #content_area .fontana-pave-glass-collection-wrapper .spec-grid {
      margin-top: 0.8rem;
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 0.7rem 1.2rem;
      font-size: 0.8rem;
    }
    #content_area .fontana-pave-glass-collection-wrapper .spec-label {
      text-transform: uppercase;
      letter-spacing: 0.16em;
      color: #6b7280;
      font-size: 1.1rem;
      font-weight: 600;
    }
    #content_area .fontana-pave-glass-collection-wrapper .spec-value {
      color: #1f3444;
      font-weight: 600;
      font-size: 1.1rem;
    }
    #content_area .fontana-pave-glass-collection-wrapper .callout {
      font-size: 0.8rem;
      color: #6b7280;
      margin-top: 0.7rem;
    }
    #content_area .fontana-pave-glass-collection-wrapper .callout strong {
      color: #1f3444;
    }
    #content_area .fontana-pave-glass-collection-wrapper .tag-list {
      margin-top: 0.8rem;
      display: flex;
      flex-wrap: wrap;
      gap: 0.4rem;
    }
    #content_area .fontana-pave-glass-collection-wrapper .tag {
      font-size: 1rem;
      text-transform: uppercase;
      letter-spacing: 0.16em;
      padding: 0.35rem 0.7rem;
      border-radius: 999px;
      border: 1px solid #dde3ec;
      color: #6b7280;
      background: #ffffff;
    }
    /* APPLICATION BANNER */
    #content_area .fontana-pave-glass-collection-wrapper .application-banner {
      margin-top: 3rem;
      padding: 2rem 1.8rem;
      border-radius: 20px;
      border: 1px solid #c7e2f6;
      background: linear-gradient(135deg, #ffffff, #e0f6ff);
      display: grid;
      grid-template-columns: 3fr 2fr;
      gap: 2rem;
      align-items: center;
      box-shadow: 0 18px 40px rgba(15, 23, 42, 0.06);
    }
    #content_area .fontana-pave-glass-collection-wrapper .application-banner h3 {
      font-size: 1.5rem;
      margin-bottom: 0.4rem;
      color: #1f3444;
    }
    #content_area .fontana-pave-glass-collection-wrapper .application-banner p {
      font-size: 0.9rem;
      color: #6b7280;
    }
    #content_area .fontana-pave-glass-collection-wrapper .application-chips {
      display: flex;
      flex-wrap: wrap;
      gap: 0.4rem;
      margin-top: 0.85rem;
    }
    #content_area .fontana-pave-glass-collection-wrapper .chip {
      padding: 0.4rem 0.75rem;
      border-radius: 999px;
      font-size: 1rem;
      text-transform: uppercase;
      letter-spacing: 0.16em;
      background: #ffffff;
      border: 1px solid #dde3ec;
      color: #6b7280;
    }
    #content_area .fontana-pave-glass-collection-wrapper .chip.highlight {
      border-color: #7fb3dd;
      color: #1f3444;
      background: #ffffff;
    }
    #content_area .fontana-pave-glass-collection-wrapper .application-metrics {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 1rem;
      font-size: 1.2rem;
    }
    #content_area .fontana-pave-glass-collection-wrapper .metric {
      padding: 0.9rem 1rem;
      border-radius: 16px;
      border: 1px dashed #c7e2f6;
      background: #ffffff;
      color: #6b7280;
    }
    #content_area .fontana-pave-glass-collection-wrapper .metric strong {
      display: block;
      font-size: 1.1rem;
      color: #1f3444;
      margin-bottom: 0.2rem;
    }
    /* SEO FOOTER / h5 */
    #content_area .fontana-pave-glass-collection-wrapper .fff-footer {
      margin-top: 3rem;
      padding-top: 2rem;
      /* border-top: 1px solid #dde3ec; */
      font-size: 0.78rem;
      color: #6b7280;
    }
    #content_area .fontana-pave-glass-collection-wrapper .fff-footer h5 {
      font-size: 1.5rem;
      text-transform: uppercase;
      letter-spacing: 0.18em;
      margin-bottom: 0.5rem;
      color: #1f3444;
      font-weight: 700;
    }
    #content_area .fontana-pave-glass-collection-wrapper .fff-footer .seo-grid {
      /* display: grid; */
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 1.5rem;
    }
    #content_area .fontana-pave-glass-collection-wrapper .fff-footer p {
      font-size: 0.78rem;
    }
    #content_area .fontana-pave-glass-collection-wrapper .fff-copyright {
      margin-top: 1.5rem;
      font-size: 0.7rem;
      color: #7c7c7c;
    }
    @media (max-width: 960px) {
      #content_area .fontana-pave-glass-collection-wrapper .hero {
        grid-template-columns: minmax(0, 1fr);
        padding: 1.8rem;
      }
      #content_area .fontana-pave-glass-collection-wrapper .hero-visual {
        order: -1;
      }
      #content_area .fontana-pave-glass-collection-wrapper .banner-row {
        grid-template-columns: minmax(0, 1fr);
      }
      #content_area .fontana-pave-glass-collection-wrapper .grid-3 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
      #content_area .fontana-pave-glass-collection-wrapper .application-banner {
        grid-template-columns: minmax(0, 1fr);
      }
      #content_area .fontana-pave-glass-collection-wrapper .fff-footer .seo-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
    }
    @media (max-width: 720px) {
      #content_area .fontana-pave-glass-collection-wrapper .nav {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.7rem;
      }
      #content_area .fontana-pave-glass-collection-wrapper .nav-links {
        gap: 1rem;
        flex-wrap: wrap;
      }
      #content_area .fontana-pave-glass-collection-wrapper .grid-3 {
        grid-template-columns: minmax(0, 1fr);
      }
      #content_area .fontana-pave-glass-collection-wrapper .two-col {
        grid-template-columns: minmax(0, 1fr);
      }
      #content_area .fontana-pave-glass-collection-wrapper .fff-footer .seo-grid {
        grid-template-columns: minmax(0, 1fr);
      }
    }
/* Category 10016 -- (https://www.fontanashowers.com/Fontana-Pav-Glass-Collection-s/10016.htm) at 02-12-2025 End Here*/

/* Category 10017 -- (https://www.fontanashowers.com/Fontana-Manor-Column-Collection-s/10017.htm) at 02-12-2025 Start Here*/
#content_area .fontana-manor-column-collection-wrapper {
      font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
      color: #1a1a1a;
      line-height: 1.6;
    }
    #content_area .fontana-manor-column-collection-wrapper a {
      text-decoration: none;
      color: inherit;
    }
    #content_area .fontana-manor-column-collection-wrapper .fff-page {
      max-width: 1240px;
      margin: 0 auto;
      padding: 24px 20px 80px;
    }
    /* TOP BANNER (VISIBLE) */
    #content_area .fontana-manor-column-collection-wrapper .top-banner {
      background: linear-gradient(135deg, #ffffff, #e0f6ff);
      border: 1px solid #c7e2f6;
      border-radius: 0 0 24px 24px;
      padding: 12px 24px;
      margin: -24px -20px 20px;
      color: #1f3444;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 20px;
      flex-wrap: wrap;
      border-bottom: 1px solid #c7e2f6;
    }
    #content_area .fontana-manor-column-collection-wrapper .top-banner-badge {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      border-radius: 999px;
      border: 1px solid #dde3ec;
      background: #ffffff;
      padding: 5px 12px;
      font-size: 11px;
      text-transform: uppercase;
      letter-spacing: 0.14em;
      color: #5a8db5;
      font-weight: 600;
    }
    #content_area .fontana-manor-column-collection-wrapper .top-banner-badge span.dot {
      width: 7px;
      height: 7px;
      border-radius: 999px;
      background: #7fb3dd;
    }
    #content_area .fontana-manor-column-collection-wrapper .top-banner-text {
      font-size: 13px;
      color: #6b7280;
    }
    #content_area .fontana-manor-column-collection-wrapper .top-banner-cta {
      display: flex;
      gap: 10px;
      flex-wrap: wrap;
      align-items: center;
    }
    #content_area .fontana-manor-column-collection-wrapper .top-banner-cta a {
      font-size: 12px;
      padding: 6px 12px;
      border-radius: 999px;
      border: 1px solid #c7e2f6;
      background: #ffffff;
      color: #1f3444;
      transition: 0.2s ease;
      display: inline-flex;
      align-items: center;
      gap: 6px;
      cursor: pointer;
    }
    #content_area .fontana-manor-column-collection-wrapper .top-banner-cta a.primary {
      background: linear-gradient(135deg, #e3f2fd, #c7e2f6);
      border-color: #c7e2f6;
      color: #1f3444;
      font-weight: 600;
    }
    #content_area .fontana-manor-column-collection-wrapper .top-banner-cta a:hover {
      transform: translateY(-1px);
      box-shadow: 0 8px 24px rgba(15, 23, 42, 0.08);
    }
    /* HERO SECTION (MAIN BANNER) */
    #content_area .fontana-manor-column-collection-wrapper .hero {
      margin-top: 18px;
      background: linear-gradient(135deg, #ffffff, #e0f6ff);
      border: 1px solid #c7e2f6;
      border-radius: 24px;
      color: #1f3444;
      padding: 32px 28px;
      box-shadow: 0 18px 45px rgba(15, 23, 42, 0.06);
      display: grid;
      grid-template-columns: 1.5fr 1.2fr;
      gap: 40px;
      align-items: center;
    }
    #content_area .fontana-manor-column-collection-wrapper .hero-left h1 {
      font-size: 2.4rem;
      line-height: 1.15;
      margin-bottom: 10px;
      letter-spacing: -0.03em;
      color: #1f3444;
    }
    #content_area .fontana-manor-column-collection-wrapper .hero-left h2 {
      font-size: 1.05rem;
      font-weight: 500;
      color: #5a8db5;
      margin-bottom: 18px;
    }
    #content_area .fontana-manor-column-collection-wrapper .hero-tagline {
      font-size: 0.95rem;
      color: #6b7280;
      margin-bottom: 18px;
    }
    #content_area .fontana-manor-column-collection-wrapper .hero-pills {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      margin-bottom: 26px;
    }
    #content_area .fontana-manor-column-collection-wrapper .pill {
      font-size: 11px;
      text-transform: uppercase;
      letter-spacing: 0.18em;
      border-radius: 999px;
      border: 1px solid #dde3ec;
      background: #ffffff;
      padding: 5px 10px;
      color: #1f3444;
    }
    #content_area .fontana-manor-column-collection-wrapper .pill.accent {
      border: 1px solid #7fb3dd;
      background: #f5faff;
      color: #5a8db5;
      font-weight: 600;
    }
    #content_area .fontana-manor-column-collection-wrapper .hero-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 12px;
      align-items: center;
    }
    #content_area .fontana-manor-column-collection-wrapper .btn {
      border-radius: 999px;
      padding: 10px 18px;
      font-size: 0.85rem;
      font-weight: 600;
      border: 1px solid transparent;
      cursor: pointer;
      display: inline-flex;
      align-items: center;
      gap: 8px;
      transition: 0.2s ease;
      text-transform: uppercase;
      letter-spacing: 0.15em;
    }
    #content_area .fontana-manor-column-collection-wrapper .btn-primary {
      background: linear-gradient(135deg, #e3f2fd, #c7e2f6);
      border-color: #c7e2f6;
      color: #1f3444;
      box-shadow: 0 10px 24px rgba(127, 179, 221, 0.2);
    }
    #content_area .fontana-manor-column-collection-wrapper .btn-outline {
      background: #ffffff;
      border-color: #c7e2f6;
      color: #1f3444;
      font-size: 1.2rem !important;
    }
    #content_area .fontana-manor-column-collection-wrapper .btn:hover {
      transform: translateY(-1px);
      box-shadow: 0 12px 30px rgba(15, 23, 42, 0.1);
    }
    #content_area .fontana-manor-column-collection-wrapper .hero-meta {
      display: flex;
      flex-wrap: wrap;
      gap: 18px;
      margin-top: 22px;
      font-size: 1.1rem;
      color: #6b7280;
    }
    #content_area .fontana-manor-column-collection-wrapper .hero-meta-item strong {
      color: #1f3444;
      font-weight: 600;
    }
    #content_area .fontana-manor-column-collection-wrapper .hero-right {
      position: relative;
    }
    #content_area .fontana-manor-column-collection-wrapper .hero-card {
      background: linear-gradient(145deg, #e3f2fd, #ffffff);
      border-radius: 26px;
      padding: 16px 16px 18px;
      border: 1px solid #c7e2f6;
      box-shadow: 0 18px 40px rgba(15, 23, 42, 0.08);
      position: relative;
      overflow: hidden;
    }
    #content_area .fontana-manor-column-collection-wrapper .hero-card-header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 16px;
    }
    #content_area .fontana-manor-column-collection-wrapper .hero-card-title {
      font-size: 1rem;
      text-transform: uppercase;
      letter-spacing: 0.18em;
      color: #5a8db5;
      font-weight: 600;
    }
    #content_area .fontana-manor-column-collection-wrapper .hero-card-chip {
      font-size: 1rem;
      padding: 4px 10px;
      border-radius: 999px;
      background: #ffffff;
      color: #059669;
      border: 1px solid rgba(34, 197, 94, 0.4);
    }
    #content_area .fontana-manor-column-collection-wrapper .hero-image-placeholder {
      border-radius: 20px;
      border: 1px solid #dde3ec;
      background: linear-gradient(135deg, #f5faff, #e3f2fd);
      height: 230px;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      gap: 6px;
      position: relative;
      overflow: hidden;
    }
    #content_area .fontana-manor-column-collection-wrapper .hero-image-placeholder span {
      font-size: 0.8rem;
      color: #1f3444;
      font-weight: 600;
      position: relative;
      z-index: 1;
    }
    #content_area .fontana-manor-column-collection-wrapper .hero-image-placeholder small {
      font-size: 0.7rem;
      color: #6b7280;
      position: relative;
      z-index: 1;
    }
    #content_area .fontana-manor-column-collection-wrapper .hero-image-ring {
      position: absolute;
      width: 160%;
      height: 160%;
      border-radius: 999px;
      border: 1px solid rgba(127, 179, 221, 0.3);
      opacity: 0.6;
      transform: rotate(-6deg);
    }
    #content_area .fontana-manor-column-collection-wrapper .hero-stat-bar {
      margin-top: 16px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      font-size: 0.75rem;
      color: #6b7280;
    }
    #content_area .fontana-manor-column-collection-wrapper .hero-stat-bar strong {
      color: #1f3444;
      font-size: 0.8rem;
    }
    #content_area .fontana-manor-column-collection-wrapper .hero-stat-dot {
      width: 6px;
      height: 6px;
      border-radius: 999px;
      background: #22c55e;
      display: inline-block;
      margin-right: 6px;
    }
    /* SECTION SHELLS */
    #content_area .fontana-manor-column-collection-wrapper section {
      margin-top: 42px;
    }
    #content_area .fontana-manor-column-collection-wrapper h2 {
      font-size: 1.5rem;
      margin-bottom: 4px;
      letter-spacing: -0.02em;
    }
    #content_area .fontana-manor-column-collection-wrapper h3 {
      font-size: 1.6rem;
      margin-bottom: 4px;
    }
    #content_area .fontana-manor-column-collection-wrapper h4 {
      font-size: 1.5rem;
      margin-bottom: 4px;
    }
    #content_area .fontana-manor-column-collection-wrapper h5 {
      font-size: 1.4rem;
      margin-bottom: 2px;
    }
    #content_area .fontana-manor-column-collection-wrapper .section-lead {
      color: #6c7280;
      font-size: 0.9rem;
      /* max-width: 640px; */
      margin-bottom: 18px;
    }
    #content_area .fontana-manor-column-collection-wrapper .grid-3 {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 18px;
    }
    #content_area .fontana-manor-column-collection-wrapper .grid-2 {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 20px;
    }
    #content_area .fontana-manor-column-collection-wrapper .card {
      background: #ffffff;
      border-radius: 18px;
      padding: 18px 16px 16px;
      border: 1px solid #e0e3ec;
      box-shadow: 0 10px 30px rgba(15, 23, 42, 0.04);
    }
    #content_area .fontana-manor-column-collection-wrapper .card-header {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 8px;
    }
    #content_area .fontana-manor-column-collection-wrapper .card-tag {
      font-size: 1rem;
      text-transform: uppercase;
      letter-spacing: 0.18em;
      color: #6c7280;
    }
    #content_area .fontana-manor-column-collection-wrapper .card-badge {
      font-size: 1rem;
      padding: 3px 8px;
      border-radius: 999px;
      border: 1px solid #e0e3ec;
      background: #f9fafb;
    }
    #content_area .fontana-manor-column-collection-wrapper .card-body {
      font-size: 0.85rem;
      color: #374151;
    }
    #content_area .fontana-manor-column-collection-wrapper .card-body ul {
      margin-top: 8px;
      padding-left: 18px;
    }
    #content_area .fontana-manor-column-collection-wrapper .card-body li {
      margin-bottom: 4px;
    }
    /* MID PAGE BANNER */
    #content_area .fontana-manor-column-collection-wrapper .mid-banner {
      margin-top: 36px;
      border-radius: 20px;
      padding: 22px 22px;
      background: linear-gradient(135deg, #ffffff, #e0f6ff);
      border: 1px solid #c7e2f6;
      color: #1f3444;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 20px;
      flex-wrap: wrap;
      box-shadow: 0 18px 45px rgba(15, 23, 42, 0.06);
    }
    #content_area .fontana-manor-column-collection-wrapper .mid-banner h3 {
      font-size: 1.5rem;
      margin-bottom: 4px;
      color: #1f3444;
      font-weight: 700;
    }
    #content_area .fontana-manor-column-collection-wrapper .mid-banner p {
      font-size: 0.9rem;
      max-width: 530px;
      color: #6b7280;
    }
    #content_area .fontana-manor-column-collection-wrapper .mid-banner a {
      border-radius: 999px;
      padding: 10px 18px;
      font-size: 1rem;
      font-weight: 600;
      text-transform: uppercase;
      letter-spacing: 0.12em;
      border: 1px solid #c7e2f6;
      display: inline-flex;
      align-items: center;
      gap: 6px;
      background: #ffffff;
      color: #1f3444;
    }
    #content_area .fontana-manor-column-collection-wrapper .mid-banner a:hover {
      background: #f5faff;
      border-color: #7fb3dd;
    }
    /* TABLE & DETAILS */
    #content_area .fontana-manor-column-collection-wrapper .spec-table {
      width: 100%;
      border-collapse: collapse;
      font-size: 1.2rem;
      margin-top: 8px;
      background: #ffffff;
      border-radius: 16px;
      overflow: hidden;
      border: 1px solid #e0e3ec;
    }
    #content_area .fontana-manor-column-collection-wrapper .spec-table th,
    #content_area .fontana-manor-column-collection-wrapper .spec-table td {
      padding: 9px 10px;
      text-align: left;
      border-bottom: 1px solid #edf0f6;
    }
    #content_area .fontana-manor-column-collection-wrapper .spec-table th {
      background: #f9fafb;
      font-weight: 600;
      font-size: 1.2rem;
      text-transform: uppercase;
      letter-spacing: 0.12em;
      color: #6b7280;
    }
    #content_area .fontana-manor-column-collection-wrapper .spec-table tr:last-child td {
      border-bottom: none;
    }
    #content_area .fontana-manor-column-collection-wrapper .label-chip {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      padding: 3px 10px;
      border-radius: 999px;
      background: #f5faff;
      font-size: 0.75rem;
      color: #5a8db5;
      border: 1px solid #c7e2f6;
    }
    #content_area .fontana-manor-column-collection-wrapper .label-chip span.dot {
      width: 6px;
      height: 6px;
      border-radius: 999px;
      background: #7fb3dd;
    }
    /* BOTTOM CTA BANNER */
    #content_area .fontana-manor-column-collection-wrapper .bottom-banner {
      margin-top: 42px;
      padding: 26px 22px;
      border-radius: 24px;
      background: linear-gradient(135deg, #ffffff, #e0f6ff);
      border: 1px solid #c7e2f6;
      color: #1f3444;
      display: flex;
      flex-wrap: wrap;
      gap: 20px;
      justify-content: space-between;
      align-items: center;
      box-shadow: 0 18px 45px rgba(15, 23, 42, 0.06);
    }
    #content_area .fontana-manor-column-collection-wrapper .bottom-banner h2 {
      font-size: 1.45rem;
      margin-bottom: 6px;
      color: #1f3444;
    }
    #content_area .fontana-manor-column-collection-wrapper .bottom-banner p {
      font-size: 0.9rem;
      color: #6b7280;
      /* max-width: 520px; */
    }
    #content_area .fontana-manor-column-collection-wrapper .bottom-banner-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      font-size: 1.2rem !important;
    }
    #content_area .fontana-manor-column-collection-wrapper .bottom-banner-actions a {
      border-radius: 999px;
      padding: 10px 18px;
      font-size: 1rem;
      font-weight: 600;
      letter-spacing: 0.14em;
      text-transform: uppercase;
      border: 1px solid #c7e2f6;
      background: #ffffff;
      color: #1f3444;
      display: inline-flex;
      align-items: center;
      gap: 8px;
      cursor: pointer;
    }
    #content_area .fontana-manor-column-collection-wrapper .bottom-banner-actions a.primary {
      background: linear-gradient(135deg, #e3f2fd, #c7e2f6);
      color: #1f3444;
      border-color: #c7e2f6;
    }
    /* RESPONSIVE */
    @media (max-width: 960px) {
      #content_area .fontana-manor-column-collection-wrapper .hero {
        grid-template-columns: 1fr;
        padding: 24px 20px;
      }
      #content_area .fontana-manor-column-collection-wrapper .hero-right {
        order: -1;
      }
      #content_area .fontana-manor-column-collection-wrapper .grid-3 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
    }
    @media (max-width: 720px) {
      #content_area .fontana-manor-column-collection-wrapper .fff-page {
        padding: 20px 16px 60px;
      }
      #content_area .fontana-manor-column-collection-wrapper .hero {
        padding: 20px 16px;
      }
      #content_area .fontana-manor-column-collection-wrapper .grid-3,
      #content_area .fontana-manor-column-collection-wrapper .grid-2 {
        grid-template-columns: 1fr;
      }
      #content_area .fontana-manor-column-collection-wrapper .top-banner {
        border-radius: 0 0 18px 18px;
        margin: -20px -16px 20px;
      }
    }
/* Category 10017 -- (https://www.fontanashowers.com/Fontana-Manor-Column-Collection-s/10017.htm) at 02-12-2025 End Here*/

/* Category 10018 -- (https://www.fontanashowers.com/Fontana-Tessera-Collection-s/10018.htm) at 02-12-2025 Start Here*/
#content_area .fs-tessera-collection-wrapper {
      font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
      color: #111827;
      line-height: 1.6;
    }
    #content_area .fs-tessera-collection-wrapper a {
      color: inherit;
      text-decoration: none;
    }
    #content_area .fs-tessera-collection-wrapper .fff-page {
      max-width: 1160px;
      margin: 0 auto 4rem auto;
      padding: 1.5rem 1.5rem 4rem 1.5rem;
    }
    /* HERO BANNER */
    #content_area .fs-tessera-collection-wrapper .hero-banner {
      position: relative;
      margin: 1.5rem auto 2.5rem auto;
      padding: 2.5rem 2rem;
      border-radius: 1.75rem;
      background: linear-gradient(135deg, #ffffff, #e0f6ff);
      border: 1px solid #c7e2f6;
      color: #1f3444;
      overflow: hidden;
      box-shadow: 0 18px 40px rgba(15, 23, 42, 0.06);
      display: grid;
      grid-template-columns: minmax(0, 3fr) minmax(0, 2.2fr);
      gap: 2.5rem;
      align-items: center;
    }

    #content_area .fs-tessera-collection-wrapper .hero-left h1 {
      font-size: clamp(2.2rem, 3.1vw, 2.9rem);
      letter-spacing: 0.03em;
      margin-bottom: 0.75rem;
      color: #1f3444;
    }
    #content_area .fs-tessera-collection-wrapper .hero-eyebrow {
      font-size: 1rem;
      text-transform: uppercase;
      letter-spacing: 0.18em;
      color: #5a8db5;
      margin-bottom: 0.35rem;
      font-weight: 600;
    }
    #content_area .fs-tessera-collection-wrapper .hero-subtitle {
      font-size: 1rem;
      color: #6b7280;
      max-width: 32rem;
      margin-bottom: 1.5rem;
    }
    #content_area .fs-tessera-collection-wrapper .hero-badges {
      display: flex;
      flex-wrap: wrap;
      gap: 0.75rem;
      margin-bottom: 1.5rem;
    }
    #content_area .fs-tessera-collection-wrapper .hero-badge {
      padding: 0.4rem 0.85rem;
      border-radius: 999px;
      background: #ffffff;
      border: 1px solid #c7e2f6;
      color: #1f3444;
      font-size: 1rem;
      display: inline-flex;
      align-items: center;
      gap: 0.4rem;
    }
    #content_area .fs-tessera-collection-wrapper .hero-badge-dot {
      width: 6px;
      height: 6px;
      border-radius: 999px;
      background: #10b981;
    }
    #content_area .fs-tessera-collection-wrapper .hero-cta {
      display: flex;
      flex-wrap: wrap;
      gap: 0.75rem;
      align-items: center;
    }
    #content_area .fs-tessera-collection-wrapper .btn-primary {
      padding: 0.75rem 1.55rem;
      border-radius: 999px;
      border: 1px solid #c7e2f6;
      background: linear-gradient(135deg, #e3f2fd, #c7e2f6);
      color: #1f3444;
      font-weight: 600;
      font-size: 1rem;
      cursor: pointer;
      box-shadow: 0 10px 24px rgba(127, 179, 221, 0.25);
      transition: transform 160ms ease, box-shadow 160ms ease, filter 160ms ease;
    }
    #content_area .fs-tessera-collection-wrapper .btn-primary:hover {
      transform: translateY(-1px);
      background: linear-gradient(135deg, #d6ecfb, #b5d8ef);
      border-color: #b5d8ef;
    }
    #content_area .fs-tessera-collection-wrapper .btn-ghost {
      padding: 0.7rem 1.3rem;
      border-radius: 999px;
      border: 1px solid #c7e2f6;
      background: #ffffff;
      color: #1f3444;
      font-size: 1.1rem;
      cursor: pointer;
      display: inline-flex;
      align-items: center;
      gap: 0.45rem;
      transition: background 160ms ease, border-color 160ms ease, transform 160ms ease;
    }
    #content_area .fs-tessera-collection-wrapper .btn-ghost:hover {
      background: #f5faff;
      border-color: #7fb3dd;
      transform: translateY(-1px);
    }
    #content_area .fs-tessera-collection-wrapper .hero-right {
      position: relative;
    }
    #content_area .fs-tessera-collection-wrapper .hero-banner-label {
      position: absolute;
      top: 1.3rem;
      right: 1.3rem;
      padding: 0.35rem 0.95rem;
      border-radius: 999px;
      font-size: 1rem;
      text-transform: uppercase;
      letter-spacing: 0.2em;
      background: #ffffff;
      border: 1px solid #dde3ec;
      color: #5a8db5;
      font-weight: 600;
      z-index: 2;
    }
    #content_area .fs-tessera-collection-wrapper .hero-product-card {
      border-radius: 1.5rem;
      background: linear-gradient(135deg, #e3f2fd, #ffffff);
      padding: 1.8rem 1.6rem 1.6rem 1.6rem;
      display: flex;
      flex-direction: column;
      gap: 1.3rem;
      border: 1px solid #c7e2f6;
      box-shadow: 0 14px 30px rgba(15, 23, 42, 0.08);
    }
    #content_area .fs-tessera-collection-wrapper .hero-product-visual {
      height: 160px;
      border-radius: 1.1rem;
      border: 1px solid #dde3ec;
      background-image:
        radial-gradient(circle at 10% 0, rgba(127, 179, 221, 0.15), transparent 55%),
        linear-gradient(145deg, #f5faff, #e0f6ff 55%, #f5faff 100%);
      display: flex;
      align-items: flex-end;
      justify-content: center;
      padding: 1.2rem;
      position: relative;
      overflow: hidden;
    }
    #content_area .fs-tessera-collection-wrapper .hero-product-visual::before {
      content: "";
      position: absolute;
      inset: 10% 18%;
      border-radius: 999px;
      border: 1px solid rgba(127, 179, 221, 0.25);
      box-shadow:
        0 0 0 1px rgba(199, 226, 246, 0.5),
        0 10px 30px rgba(15, 23, 42, 0.05);
      background: radial-gradient(circle at 50% 0, rgba(255, 255, 255, 0.7), transparent 60%);
    }
    #content_area .fs-tessera-collection-wrapper .hero-faucet-silhouette {
      position: relative;
      width: 70%;
      max-width: 230px;
      height: 90%;
      border-radius: 999px;
      border: 2px solid rgba(127, 179, 221, 0.5);
      box-shadow:
        0 0 0 1px rgba(199, 226, 246, 0.6),
        0 24px 40px rgba(15, 23, 42, 0.1);
      background: linear-gradient(165deg, #ffffff, #cbd5e1 40%, #94a3b8 60%, #64748b 100%);
      overflow: hidden;
    }
    #content_area .fs-tessera-collection-wrapper .hero-faucet-neck {
      position: absolute;
      left: 16%;
      top: 6%;
      width: 45%;
      height: 55%;
      border-radius: 999px;
      border: 3px solid rgba(255, 255, 255, 0.85);
      border-bottom: transparent;
      border-right: transparent;
      transform: rotate(-32deg);
    }
    #content_area .fs-tessera-collection-wrapper .hero-faucet-spout {
      position: absolute;
      right: 6%;
      top: 32%;
      width: 30%;
      height: 28%;
      border-radius: 999px;
      border: 3px solid rgba(255, 255, 255, 0.9);
      border-left-color: transparent;
    }
    #content_area .fs-tessera-collection-wrapper .hero-faucet-base {
      position: absolute;
      bottom: 8%;
      left: 20%;
      width: 60%;
      height: 18%;
      border-radius: 999px;
      border: 3px solid rgba(255, 255, 255, 0.85);
    }
    #content_area .fs-tessera-collection-wrapper .hero-bowl-shadow {
      position: absolute;
      bottom: 6%;
      left: 12%;
      width: 76%;
      height: 14%;
      border-radius: 999px;
      background: radial-gradient(circle at 50% 50%, rgba(15, 23, 42, 0.15), transparent 65%);
    }
    #content_area .fs-tessera-collection-wrapper .hero-meta {
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      gap: 1.2rem;
      font-size: 0.9rem;
      color: #1f3444;
    }
    #content_area .fs-tessera-collection-wrapper .hero-meta-block strong {
      display: block;
      font-size: 0.9rem;
      text-transform: uppercase;
      letter-spacing: 0.12em;
      margin-bottom: 0.15rem;
      color: #5a8db5;
    }
    #content_area .fs-tessera-collection-wrapper .hero-meta-tags {
      display: flex;
      flex-wrap: wrap;
      gap: 0.32rem;
    }
    #content_area .fs-tessera-collection-wrapper .hero-meta-tag {
      border-radius: 999px;
      padding: 0.22rem 0.6rem;
      background: #ffffff;
      border: 1px solid #dde3ec;
      color: #1f3444;
      font-size: 0.7rem;
    }
    /* CONTENT LAYOUT */
    #content_area .fs-tessera-collection-wrapper .fff-main {
      display: grid;
      grid-template-columns: minmax(0, 3.2fr) minmax(0, 1.6fr);
      gap: 2.25rem;
      align-items: flex-start;
    }
    @media (max-width: 960px) {
      #content_area .fs-tessera-collection-wrapper .hero-banner {
        grid-template-columns: minmax(0, 1fr);
        padding: 2.1rem 1.6rem;
      }
      #content_area .fs-tessera-collection-wrapper .hero-product-visual {
        height: 180px;
      }
      #content_area .fs-tessera-collection-wrapper .fff-main {
        grid-template-columns: minmax(0, 1fr);
      }
    }
    @media (max-width: 640px) {
      #content_area .fs-tessera-collection-wrapper .fff-page {
        padding: 1rem 1rem 3.5rem 1rem;
      }
      #content_area .fs-tessera-collection-wrapper .hero-banner {
        padding: 1.8rem 1.3rem;
        border-radius: 1.3rem;
      }
    }
    /* SECTION STYLES */
    #content_area .fs-tessera-collection-wrapper section {
      margin-bottom: 2.2rem;
    }
    #content_area .fs-tessera-collection-wrapper h1,
	#content_area .fs-tessera-collection-wrapper h2,
	#content_area .fs-tessera-collection-wrapper h3,
	#content_area .fs-tessera-collection-wrapper h4,
	#content_area .fs-tessera-collection-wrapper h5 {
      font-weight: 650;
      letter-spacing: 0.02em;
      margin-bottom: 0.7rem;
    }
    #content_area .fs-tessera-collection-wrapper h2 {
      font-size: 1.35rem;
      margin-top: 0.3rem;
    }
    #content_area .fs-tessera-collection-wrapper h3 {
      font-size: 1.5rem;
      margin-top: 0.4rem;
    }
    #content_area .fs-tessera-collection-wrapper h4 {
      font-size: 1.4rem;
      text-transform: uppercase;
      letter-spacing: 0.14em;
      color: #6b7280;
      margin-top: 0.7rem;
    }
    #content_area .fs-tessera-collection-wrapper h5 {
      font-size: 1.4rem;
      text-transform: uppercase;
      letter-spacing: 0.16em;
      color: #5a8db5;
      margin-top: 0.6rem;
    }
    #content_area .fs-tessera-collection-wrapper p {
      color: #6b7280;
      margin-bottom: 0.6rem;
      font-size: 0.94rem;
    }
    #content_area .fs-tessera-collection-wrapper .card {
      background: #ffffff;
      border-radius: 1.35rem;
      padding: 1.6rem 1.5rem;
      border: 1px solid #e5e7eb;
      box-shadow:
        0 14px 30px rgba(15, 23, 42, 0.06),
        0 0 0 1px rgba(199, 226, 246, 0.2);
    }
    #content_area .fs-tessera-collection-wrapper .card + .card {
      margin-top: 1.4rem;
    }
    #content_area .fs-tessera-collection-wrapper .pill-label {
      display: inline-flex;
      align-items: center;
      gap: 0.4rem;
      padding: 0.25rem 0.7rem;
      border-radius: 999px;
      background: #f5faff;
      color: #5a8db5;
      border: 1px solid #c7e2f6;
      font-size: 1rem;
      text-transform: uppercase;
      letter-spacing: 0.14em;
      margin-bottom: 0.5rem;
      font-weight: 600;
    }
    #content_area .fs-tessera-collection-wrapper .pill-label-dot {
      width: 6px;
      height: 6px;
      border-radius: 999px;
      background: #7fb3dd;
    }
    /* BANNERS */
    #content_area .fs-tessera-collection-wrapper .section-banner {
      position: relative;
      border-radius: 1.4rem;
      padding: 1.4rem 1.6rem;
      margin-bottom: 1rem;
      overflow: hidden;
      background: linear-gradient(135deg, #ffffff, #e0f6ff);
      border: 1px solid #c7e2f6;
      color: #1f3444;
      box-shadow: 0 16px 32px rgba(15, 23, 42, 0.06);
    }
    #content_area .fs-tessera-collection-wrapper .section-banner h2 {
      color: #1f3444;
      margin: 0;
    }
    #content_area .fs-tessera-collection-wrapper .section-banner p {
      color: #6b7280;
      margin: 0.4rem 0 0;
    }
    #content_area .fs-tessera-collection-wrapper .section-banner::after {
      content: "";
      position: absolute;
      width: 220px;
      height: 220px;
      border-radius: 999px;
      background: radial-gradient(circle, rgba(127, 179, 221, 0.18), transparent 70%);
      top: -80px;
      right: -40px;
      opacity: 0.85;
    }
    #content_area .fs-tessera-collection-wrapper .mini-banner {
      border-radius: 0.9rem;
      padding: 0.85rem 1rem;
      background: linear-gradient(135deg, #ffffff, #e0f6ff);
      border: 1px solid #c7e2f6;
      color: #1f3444;
      font-size: 0.78rem;
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 0.6rem;
      margin-bottom: 1.1rem;
    }
    #content_area .fs-tessera-collection-wrapper .mini-banner strong {
      text-transform: uppercase;
      letter-spacing: 0.17em;
      font-size: 1rem;
      color: #5a8db5;
      font-weight: 700;
    }
    #content_area .fs-tessera-collection-wrapper .mini-banner span {
      color: #6b7280;
      font-size: 1.2rem;
    }
    /* GRID & LISTS */
    #content_area .fs-tessera-collection-wrapper .grid-2 {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 1rem;
      margin-top: 0.4rem;
    }
    @media (max-width: 720px) {
      #content_area .fs-tessera-collection-wrapper .grid-2 {
        grid-template-columns: minmax(0, 1fr);
      }
    }
    #content_area .fs-tessera-collection-wrapper ul.feature-list {
      margin: 0.3rem 0 0.8rem 1.04rem;
      padding-left: 0;
      list-style: none;
    }
    #content_area .fs-tessera-collection-wrapper ul.feature-list li {
      position: relative;
      margin-bottom: 0.4rem;
      padding-left: 1rem;
      font-size: 0.9rem;
      color: #6b7280;
    }
    #content_area .fs-tessera-collection-wrapper ul.feature-list li::before {
      content: "";
      position: absolute;
      left: 0;
      top: 13px;
      width: 7px;
      height: 7px;
      border-radius: 999px;
      background: #7fb3dd;
    }
    /* TABLE */
    #content_area .fs-tessera-collection-wrapper .spec-table {
      width: 100%;
      border-collapse: collapse;
      margin-top: 0.5rem;
      font-size: 0.88rem;
    }
    #content_area .fs-tessera-collection-wrapper .spec-table th,
    #content_area .fs-tessera-collection-wrapper .spec-table td {
      border: 1px solid #e5e7eb;
      padding: 0.55rem 0.7rem;
      text-align: left;
      font-size: 1.2rem;
    }
    #content_area .fs-tessera-collection-wrapper .spec-table th {
      background: #f5faff;
      font-weight: 600;
      font-size: 1rem;
      text-transform: uppercase;
      letter-spacing: 0.13em;
      color: #5a8db5;
    }
    #content_area .fs-tessera-collection-wrapper .spec-table tr:nth-child(even) td {
      background: #f9fafb;
    }
    /* SIDEBAR */
    #content_area .fs-tessera-collection-wrapper .sidebar-card {
      position: sticky;
      top: 1.25rem;
      background: linear-gradient(135deg, #ffffff, #e0f6ff);
      color: #1f3444;
      border-radius: 1.5rem;
      padding: 1.6rem 1.4rem;
      box-shadow: 0 18px 40px rgba(15, 23, 42, 0.06);
      border: 1px solid #c7e2f6;
    }
    #content_area .fs-tessera-collection-wrapper .sidebar-card h3 {
      color: #1f3444;
      margin-bottom: 0.3rem;
      font-size: 1.4rem;
    }
    #content_area .fs-tessera-collection-wrapper .sidebar-card p {
      color: #6b7280;
      font-size: 0.88rem;
    }
    #content_area .fs-tessera-collection-wrapper .sidebar-list {
      list-style: none;
      margin-top: 0.85rem;
      margin-bottom: 0.85rem;
      padding-left: 0;
    }
    #content_area .fs-tessera-collection-wrapper .sidebar-list li {
      font-size: 0.86rem;
      margin-bottom: 0.45rem;
      padding-left: 0.85rem;
      position: relative;
      color: #4b5563;
    }
    #content_area .fs-tessera-collection-wrapper .sidebar-list li::before {
      content: "";
      position: absolute;
      left: 0;
      top: 13px;
      width: 6px;
      height: 6px;
      border-radius: 999px;
      background: #7fb3dd;
    }
    #content_area .fs-tessera-collection-wrapper .sidebar-pill {
      display: inline-flex;
      align-items: center;
      gap: 0.4rem;
      padding: 0.3rem 0.65rem;
      border-radius: 999px;
      background: #ffffff;
      border: 1px solid #c7e2f6;
      font-size: 1rem;
      letter-spacing: 0.13em;
      text-transform: uppercase;
      color: #5a8db5;
      margin-bottom: 0.7rem;
      font-weight: 600;
    }
    #content_area .fs-tessera-collection-wrapper .sidebar-actions {
      display: flex;
      flex-direction: column;
      gap: 0.55rem;
      margin-top: 0.7rem;
    }
    #content_area .fs-tessera-collection-wrapper .sidebar-actions a {
      font-size: 0.85rem;
      padding: 0.7rem 0.9rem;
      border-radius: 0.9rem;
      border: 1px solid #c7e2f6;
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 0.65rem;
      background: #ffffff;
      color: #1f3444;
      transition: border-color 160ms ease, transform 160ms ease, background 160ms ease;
    }
    #content_area .fs-tessera-collection-wrapper .sidebar-actions a span {
      color: #6b7280;
font-size: 12px;
    }
    #content_area .fs-tessera-collection-wrapper .sidebar-actions a strong {
      font-size: 1rem;
      text-transform: uppercase;
      letter-spacing: 0.13em;
      color: #1f3444;
    }
    #content_area .fs-tessera-collection-wrapper .sidebar-actions a:hover {
      border-color: #7fb3dd;
      transform: translateY(-1px);
      background: #f5faff;
    }
    #content_area .fs-tessera-collection-wrapper .fff-footer {
      margin-top: 2.2rem;
      padding-top: 1.4rem;
      border-top: 1px solid #e5e7eb;
      font-size: 0.8rem;
      color: #6b7280;
      display: flex;
      flex-wrap: wrap;
      gap: 0.8rem;
      justify-content: space-between;
      align-items: center;
    }
/* Category 10018 -- (https://www.fontanashowers.com/Fontana-Tessera-Collection-s/10018.htm) at 02-12-2025 End Here*/

/* Category 10019 -- (https://www.fontanashowers.com/Fontana-Immersion-Spa-Series-s/10019.htm) at 02-12-2025 Start Here*/
#content_area .fs-immersion-spa-series-wrapper {
      font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
      color: #1f3444;
	  background: linear-gradient(135deg, #ffffff, #f5faff);
      min-height: 100vh;
    }
    #content_area .fs-immersion-spa-series-wrapper .fff-page {
      max-width: 1200px;
      margin: 0 auto;
      padding: 32px 16px 64px;
    }
    #content_area .fs-immersion-spa-series-wrapper .fff-header {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      margin-bottom: 24px;
    }
    #content_area .fs-immersion-spa-series-wrapper .brand {
      display: flex;
      align-items: center;
      gap: 12px;
    }
    #content_area .fs-immersion-spa-series-wrapper .brand-logo {
      width: 40px;
      height: 40px;
      border-radius: 999px;
      background: radial-gradient(circle at 30% 20%, #ffffff, #c7e2f6 45%, #7fb3dd 100%);
      box-shadow: 0 12px 25px rgba(127, 179, 221, 0.25);
    }
    #content_area .fs-immersion-spa-series-wrapper .brand-text {
      display: flex;
      flex-direction: column;
      gap: 2px;
    }
    #content_area .fs-immersion-spa-series-wrapper .brand-text span:first-child {
      font-weight: 700;
      font-size: 1rem;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      color: #1f3444;
      line-height: 1.4;
    }
    #content_area .fs-immersion-spa-series-wrapper .brand-text span:last-child {
      font-size: 0.8rem;
      color: #6b7280;
      line-height: 1.4;
    }
    #content_area .fs-immersion-spa-series-wrapper .header-tagline {
      font-size: 0.9rem;
      text-transform: uppercase;
      letter-spacing: 0.16em;
      color: #5a8db5;
      border: 1px solid #c7e2f6;
      border-radius: 999px;
      padding: 6px 16px;
      background: #ffffff;
      font-weight: 600;
      line-height: 1.4;
    }
    /* HERO BANNER (MAIN VISIBLE BANNER) */
    #content_area .fs-immersion-spa-series-wrapper .hero-banner {
      display: grid;
      grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
      gap: 32px;
      background: linear-gradient(135deg, #ffffff, #e0f6ff);
      border-radius: 24px;
      border: 1px solid #c7e2f6;
      box-shadow: 0 18px 40px rgba(15, 23, 42, 0.06);
      padding: 32px 24px;
      margin-bottom: 40px;
      position: relative;
      overflow: hidden;
    }
    #content_area .fs-immersion-spa-series-wrapper .hero-highlight-pill {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      border-radius: 999px;
      padding: 6px 14px;
      background: #ffffff;
      border: 1px solid #dde3ec;
      color: #1f3444;
      font-size: 1.1rem;
      margin-bottom: 12px;
      line-height: 1.4;
    }
    #content_area .fs-immersion-spa-series-wrapper .hero-highlight-pill span.badge {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border-radius: 999px;
      padding: 3px 9px;
      font-size: 0.7rem;
      text-transform: uppercase;
      letter-spacing: 0.16em;
      background: #f5faff;
      color: #5a8db5;
      font-weight: 600;
    }
    #content_area .fs-immersion-spa-series-wrapper h1 {
      font-size: 2.4rem;
      line-height: 1.1;
      letter-spacing: -0.03em;
      color: #1f3444;
      margin-bottom: 12px;
    }
    #content_area .fs-immersion-spa-series-wrapper h2,
    #content_area .fs-immersion-spa-series-wrapper h3,
    #content_area .fs-immersion-spa-series-wrapper h4,
    #content_area .fs-immersion-spa-series-wrapper h5 {
      color: #1f3444;
      letter-spacing: -0.02em;
    }
    #content_area .fs-immersion-spa-series-wrapper .hero-subtitle {
      font-size: 0.98rem;
      color: #6b7280;
      max-width: 540px;
      margin-bottom: 20px;
    }
    #content_area .fs-immersion-spa-series-wrapper .hero-meta {
      display: flex;
      flex-wrap: wrap;
      gap: 12px;
      margin-bottom: 20px;
    }
    #content_area .fs-immersion-spa-series-wrapper .hero-meta-item {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      font-size: 1rem;
      text-transform: uppercase;
      letter-spacing: 0.16em;
      color: #5a8db5;
      padding: 6px 12px;
      border-radius: 999px;
      border: 1px solid #c7e2f6;
      background: #ffffff;
      font-weight: 600;
      line-height: 2;
    }
    #content_area .fs-immersion-spa-series-wrapper .hero-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 12px;
    }
    #content_area .fs-immersion-spa-series-wrapper .btn-primary,
    #content_area .fs-immersion-spa-series-wrapper .btn-ghost {
      border-radius: 999px;
      padding: 5px 17px;
      font-size: 0.86rem;
      border: 1px solid transparent;
      text-decoration: none;
      display: inline-flex;
      align-items: center;
      gap: 8px;
      cursor: pointer;
      transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.18s ease, border-color 0.18s ease;
      white-space: nowrap;
    }
    #content_area .fs-immersion-spa-series-wrapper .btn-primary {
      background: linear-gradient(135deg, #e3f2fd, #c7e2f6);
      color: #1f3444;
      border-color: #c7e2f6;
      font-weight: 600;
      box-shadow: 0 10px 24px rgba(127, 179, 221, 0.25);
      font-size: 1.1rem;
      line-height: 1.4 !important;
    }
    #content_area .fs-immersion-spa-series-wrapper .btn-primary:hover {
      transform: translateY(-1px);
      background: linear-gradient(135deg, #d6ecfb, #b5d8ef);
      border-color: #b5d8ef;
    }
    #content_area .fs-immersion-spa-series-wrapper .btn-ghost {
      background: #ffffff;
      color: #1f3444;
      border-color: #c7e2f6;
      font-size: 1.2rem;
    }
    #content_area .fs-immersion-spa-series-wrapper .btn-ghost:hover {
      background: #f5faff;
      border-color: #7fb3dd;
      transform: translateY(-1px);
    }
    #content_area .fs-immersion-spa-series-wrapper .hero-secondary-text {
      font-size: 0.72rem;
      color: #7c7c7c;
      margin-top: 10px;
    }
    #content_area .fs-immersion-spa-series-wrapper .hero-right {
      position: relative;
      display: grid;
      place-items: center;
    }
    #content_area .fs-immersion-spa-series-wrapper .hero-image-card {
      width: 100%;
      max-width: 320px;
      
      padding: 14px;
      position: relative;
      overflow: hidden;
    }
    #content_area .fs-immersion-spa-series-wrapper .hero-image-inner {
      border-radius: 999px;
      overflow: hidden;
      position: relative;
      aspect-ratio: 1 / 1;
      background: radial-gradient(circle at top, #ffffff, #e0f6ff 70%);
      display: grid;
      place-items: center;
    }
    #content_area .fs-immersion-spa-series-wrapper .hero-image-inner img {
      max-width: 80%;
      border-radius: 40px;
      display: block;
      object-fit: cover;
    }
    #content_area .fs-immersion-spa-series-wrapper .hero-floating-tag {
      position: absolute;
      bottom: 20px;
      left: 20px;
      padding: 6px 12px;
      border-radius: 999px;
      background: #ffffff;
      border: 1px solid #c7e2f6;
      color: #1f3444;
      font-size: 0.72rem;
      display: inline-flex;
      align-items: center;
      gap: 6px;
      font-weight: 600;
    }
    #content_area .fs-immersion-spa-series-wrapper .hero-floating-status {
      position: absolute;
      top: 18px;
      right: 14px;
      padding: 5px 11px;
      border-radius: 999px;
      font-size: 0.7rem;
      text-transform: uppercase;
      letter-spacing: 0.12em;
      background: #ffffff;
      color: #059669;
      border: 1px solid rgba(34, 197, 94, 0.4);
      font-weight: 600;
    }
    /* SECONDARY BANNERS / STRIPS */
    #content_area .fs-immersion-spa-series-wrapper .banner-row {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 24px;
      margin-bottom: 36px;
    }
    #content_area .fs-immersion-spa-series-wrapper .banner-card {
      border-radius: 16px;
      padding: 18px 18px 20px;
      background: linear-gradient(135deg, #ffffff, #e0f6ff);
      border: 1px solid #c7e2f6;
      box-shadow: 0 12px 30px rgba(15, 23, 42, 0.05);
    }
    #content_area .fs-immersion-spa-series-wrapper .banner-label {
      font-size: 0.72rem;
      text-transform: uppercase;
      letter-spacing: 0.18em;
      color: #5a8db5;
      margin-bottom: 5px;
      font-weight: 700;
    }
    #content_area .fs-immersion-spa-series-wrapper .banner-title {
      font-size: 0.94rem;
      color: #1f3444;
      font-weight: 700;
      margin-bottom: 8px;
    }
    #content_area .fs-immersion-spa-series-wrapper .banner-body {
      font-size: 0.8rem;
      color: #6b7280;
      line-height: 1.5;
    }
    /* MAIN CONTENT SECTIONS */
    #content_area .fs-immersion-spa-series-wrapper .fff-main {
      background: #ffffff;
      border-radius: 24px;
      border: 1px solid #e5e7eb;
      padding: 28px 22px 32px;
      box-shadow: 0 18px 40px rgba(15, 23, 42, 0.06);
    }
    #content_area .fs-immersion-spa-series-wrapper .section {
      margin-bottom: 32px;
    }
    #content_area .fs-immersion-spa-series-wrapper .section-header {
      display: flex;
      align-items: baseline;
      justify-content: space-between;
      gap: 16px;
      margin-bottom: 12px;
      flex-wrap: wrap;
    }
    #content_area .fs-immersion-spa-series-wrapper .section-header h2 {
      font-size: 1.35rem;
      margin-bottom: 4px;
      color: #1f3444;
    }
    #content_area .fs-immersion-spa-series-wrapper .section-header p {
      font-size: 0.85rem;
      color: #6b7280;
      /* max-width: 520px; */
    }
    #content_area .fs-immersion-spa-series-wrapper .section-tag {
      font-size: 0.72rem;
      text-transform: uppercase;
      letter-spacing: 0.16em;
      color: #5a8db5;
      font-weight: 600;
    }
    #content_area .fs-immersion-spa-series-wrapper .columns-2 {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 24px;
    }
    #content_area .fs-immersion-spa-series-wrapper p {
      font-size: 0.9rem;
      color: #4b5563;
      line-height: 1.7;
      margin-bottom: 10px;
    }
    #content_area .fs-immersion-spa-series-wrapper ul {
      list-style: none;
      padding-left: 0;
      margin: 0;
    }
    #content_area .fs-immersion-spa-series-wrapper ul li {
      position: relative;
      padding-left: 18px;
      font-size: 0.87rem;
      color: #4b5563;
      margin-bottom: 6px;
    }
    #content_area .fs-immersion-spa-series-wrapper ul li::before {
      content: "";
      position: absolute;
      left: 4px;
      top: 14px;
      width: 6px;
      height: 6px;
      border-radius: 999px;
      background: #7fb3dd;
    }
    #content_area .fs-immersion-spa-series-wrapper .spec-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 18px;
      margin-top: 12px;
    }
    #content_area .fs-immersion-spa-series-wrapper .spec-card {
      border-radius: 18px;
      padding: 16px 14px 18px;
      background: linear-gradient(135deg, #ffffff, #f5faff);
      border: 1px solid #c7e2f6;
    }
    #content_area .fs-immersion-spa-series-wrapper .spec-label {
      font-size: 1rem;
      text-transform: uppercase;
      letter-spacing: 0.16em;
      color: #5a8db5;
      margin-bottom: 6px;
      font-weight: 600;
    }
    #content_area .fs-immersion-spa-series-wrapper .spec-value {
      font-size: 1.4rem;
      font-weight: 700;
      color: #1f3444;
      margin-bottom: 4px;
    }
    #content_area .fs-immersion-spa-series-wrapper .spec-note {
      font-size: 0.78rem;
      color: #6b7280;
    }
    #content_area .fs-immersion-spa-series-wrapper h3 {
      font-size: 1.5rem;
      margin-bottom: 6px;
      color: #1f3444;
    }
    #content_area .fs-immersion-spa-series-wrapper h4 {
      font-size: 0.98rem;
      margin-bottom: 4px;
      color: #1f3444;
    }
    #content_area .fs-immersion-spa-series-wrapper h5 {
      font-size: 1.4rem;
      text-transform: uppercase;
      letter-spacing: 0.18em;
      color: #5a8db5;
      margin-bottom: 6px;
      font-weight: 700;
    }
    #content_area .fs-immersion-spa-series-wrapper .badge-row {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      margin-top: 6px;
    }
    #content_area .fs-immersion-spa-series-wrapper .badge {
      font-size: 1rem;
      padding: 5px 10px;
      border-radius: 999px;
      border: 1px solid #c7e2f6;
      color: #5a8db5;
      background: #ffffff;
      text-transform: uppercase;
      letter-spacing: 0.16em;
      font-weight: 600;
      line-height: 1.4;
    }

    #content_area .fs-immersion-spa-series-wrapper .table-shell {
      margin-top: 10px;
      border-radius: 16px;
      border: 1px solid #e5e7eb;
      overflow: hidden;
    }
    #content_area .fs-immersion-spa-series-wrapper table {
      width: 100%;
      border-collapse: collapse;
      font-size: 0.82rem;
      background: #ffffff;
    }
    #content_area .fs-immersion-spa-series-wrapper thead {
      background: #f5faff;
    }
    #content_area .fs-immersion-spa-series-wrapper th,
    #content_area .fs-immersion-spa-series-wrapper td {
      padding: 11px 13px;
      border-bottom: 1px solid #e5e7eb;
      text-align: left;
      color: #4b5563;
      font-size: 1.2rem;
    }
    #content_area .fs-immersion-spa-series-wrapper th {
      font-weight: 700;
      font-size: 1.1rem;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      color: #5a8db5;
    }
    #content_area .fs-immersion-spa-series-wrapper .note {
      font-size: 0.76rem;
      color: #6b7280;
      margin-top: 6px;
    }
    /* CTA BANNER */
    #content_area .fs-immersion-spa-series-wrapper .cta-banner {
      margin-top: 8px;
      border-radius: 16px;
      padding: 22px 20px;
      background: linear-gradient(135deg, #ffffff, #e0f6ff);
      border: 1px solid #c7e2f6;
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 18px;
      justify-content: space-between;
      box-shadow: 0 12px 30px rgba(15, 23, 42, 0.05);
    }
    #content_area .fs-immersion-spa-series-wrapper .cta-text {
      max-width: 520px;
    }
    #content_area .fs-immersion-spa-series-wrapper .cta-text h3 {
      margin-bottom: 4px;
      color: #1f3444;
    }
    #content_area .fs-immersion-spa-series-wrapper .cta-text p {
      margin-bottom: 4px;
      font-size: 0.86rem;
      color: #6b7280;
    }
    #content_area .fs-immersion-spa-series-wrapper .cta-meta {
      font-size: 0.78rem;
      color: #7c7c7c;
    }
    /* FOOTER */
    #content_area .fs-immersion-spa-series-wrapper .fff-footer {
      margin-top: 24px;
      font-size: 0.76rem;
      color: #6b7280;
      text-align: center;
    }
    #content_area .fs-immersion-spa-series-wrapper .fff-footer a {
      color: #5a8db5;
      text-decoration: none;
      border-bottom: 1px dashed #c7e2f6;
    }
    #content_area .fs-immersion-spa-series-wrapper .fff-footer a:hover {
      border-bottom-style: solid;
    }
    /* RESPONSIVE */
    @media (max-width: 900px) {
      #content_area .fs-immersion-spa-series-wrapper .hero-banner {
        grid-template-columns: minmax(0, 1fr);
      }
      #content_area .fs-immersion-spa-series-wrapper .banner-row {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
      #content_area .fs-immersion-spa-series-wrapper .spec-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
      #content_area .fs-immersion-spa-series-wrapper .columns-2 {
        grid-template-columns: minmax(0, 1fr);
      }
    }
    @media (max-width: 640px) {
      #content_area .fs-immersion-spa-series-wrapper .fff-page {
        padding: 24px 14px 48px;
      }
      #content_area .fs-immersion-spa-series-wrapper .fff-header {
        flex-direction: column;
        align-items: flex-start;
      }
      #content_area .fs-immersion-spa-series-wrapper .banner-row {
        grid-template-columns: minmax(0, 1fr);
      }
      #content_area .fs-immersion-spa-series-wrapper .spec-grid {
        grid-template-columns: minmax(0, 1fr);
      }
      #content_area .fs-immersion-spa-series-wrapper .fff-main {
        padding: 20px 16px 24px;
      }
    }
/* Category 10019 -- (https://www.fontanashowers.com/Fontana-Immersion-Spa-Series-s/10019.htm) at 02-12-2025 End Here*/

/* Category 10020 -- (https://www.fontanashowers.com/Fontana-Mosaic-Atelier-Inlay-Collection-s/10020.htm) at 02-12-2025 Start Here*/
#content_area .fs-mosaic-atelier-inlay-collection-wrapper {
      font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
      background: linear-gradient(135deg, #ffffff, #f5faff);
      color: #1f3444;
      line-height: 1.6;
    }
    #content_area .fs-mosaic-atelier-inlay-collection-wrapper a {
      text-decoration: none;
      color: inherit;
    }
    /* Layout */
    #content_area .fs-mosaic-atelier-inlay-collection-wrapper .fff-page {
      max-width: 1240px;
      margin: 0 auto;
      padding: 32px 16px 64px;
    }
    #content_area .fs-mosaic-atelier-inlay-collection-wrapper .fff-header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 32px;
      gap: 16px;
    }
    #content_area .fs-mosaic-atelier-inlay-collection-wrapper .logo {
      display: flex;
      align-items: center;
      gap: 12px;
    }
    #content_area .fs-mosaic-atelier-inlay-collection-wrapper .logo-mark {
      width: 40px;
      height: 40px;
      border-radius: 999px;
      background: conic-gradient(from 140deg, #ffffff, #c7e2f6, #7fb3dd, #5a8db5, #ffffff);
      padding: 2px;
      box-shadow: 0 12px 25px rgba(127, 179, 221, 0.3);
    }
    #content_area .fs-mosaic-atelier-inlay-collection-wrapper .logo-inner {
      width: 100%;
      height: 100%;
      border-radius: inherit;
      background: radial-gradient(circle, #ffffff 0, #e0f6ff 100%);
      display: flex;
      align-items: center;
      justify-content: center;
      font-weight: 700;
      font-size: 20px;
      color: #1f3444;
      letter-spacing: 0.12em;
    }
    #content_area .fs-mosaic-atelier-inlay-collection-wrapper .logo-text-title {
      font-size: 18px;
      font-weight: 700;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      color: #1f3444;
    }
    #content_area .fs-mosaic-atelier-inlay-collection-wrapper .logo-text-sub {
      font-size: 12px;
      color: #6b7280;
      text-transform: uppercase;
      letter-spacing: 0.16em;
    }
    #content_area .fs-mosaic-atelier-inlay-collection-wrapper nav {
      display: flex;
      gap: 18px;
      font-size: 13px;
      text-transform: uppercase;
      letter-spacing: 0.16em;
    }
    #content_area .fs-mosaic-atelier-inlay-collection-wrapper nav a {
      color: #6b7280;
      padding-bottom: 4px;
      border-bottom: 1px solid transparent;
      transition: all 0.18s ease;
    }
    #content_area .fs-mosaic-atelier-inlay-collection-wrapper nav a:hover {
      color: #1f3444;
      border-bottom-color: #c7e2f6;
    }
    #content_area .fs-mosaic-atelier-inlay-collection-wrapper .nav-pill {
      border-radius: 999px;
      padding: 8px 16px;
      background: linear-gradient(135deg, #e3f2fd, #c7e2f6);
      color: #1f3444;
      font-size: 12px;
      letter-spacing: 0.16em;
      text-transform: uppercase;
      border: 1px solid #c7e2f6;
      display: flex;
      align-items: center;
      gap: 6px;
      box-shadow: 0 12px 30px rgba(15, 23, 42, 0.05);
      font-weight: 600;
    }
    #content_area .fs-mosaic-atelier-inlay-collection-wrapper .nav-pill span {
      width: 8px;
      height: 8px;
      border-radius: 999px;
      background: #22c55e;
    }
    /* HERO BANNER (primary visible banner) */
    #content_area .fs-mosaic-atelier-inlay-collection-wrapper .hero-banner {
      margin-bottom: 32px;
      border-radius: 32px;
      background: linear-gradient(135deg, #ffffff, #e0f6ff);
      border: 1px solid #c7e2f6;
      padding: 32px 26px;
      display: grid;
      grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
      gap: 32px;
      align-items: center;
      color: #1f3444;
      box-shadow: 0 18px 45px rgba(15, 23, 42, 0.06);
      position: relative;
      overflow: hidden;
    }
    #content_area .fs-mosaic-atelier-inlay-collection-wrapper .hero-banner::before {
      content: "";
      position: absolute;
      inset: 1px;
      border-radius: 30px;
      border: 1px solid rgba(199, 226, 246, 0.5);
      pointer-events: none;
    }
    #content_area .fs-mosaic-atelier-inlay-collection-wrapper .badge-row {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      margin-bottom: 20px;
      font-size: 11px;
      letter-spacing: 0.18em;
      text-transform: uppercase;
      color: #1f3444;
    }
    #content_area .fs-mosaic-atelier-inlay-collection-wrapper .badge {
      border-radius: 999px;
      padding: 5px 12px;
      border: 1px solid #c7e2f6;
      background: #ffffff;
      display: flex;
      align-items: center;
      gap: 6px;
      color: #5a8db5;
      font-weight: 600;
    }
    #content_area .fs-mosaic-atelier-inlay-collection-wrapper .badge-dot {
      width: 7px;
      height: 7px;
      border-radius: 999px;
      background: #22c55e;
    }
    #content_area .fs-mosaic-atelier-inlay-collection-wrapper h1 {
      font-size: 32px;
      line-height: 1.15;
      margin-bottom: 10px;
      letter-spacing: 0.04em;
      text-transform: uppercase;
      color: #1f3444;
    }
    #content_area .fs-mosaic-atelier-inlay-collection-wrapper h1 span.highlight {
      /* color: #5a8db5; */
    }
    #content_area .fs-mosaic-atelier-inlay-collection-wrapper .hero-subtitle {
      font-size: 16px;
      max-width: 520px;
      color: #6b7280;
      margin-bottom: 20px;
    }
    #content_area .fs-mosaic-atelier-inlay-collection-wrapper .hero-meta {
      display: flex;
      flex-wrap: wrap;
      gap: 16px;
      font-size: 12px;
      margin-bottom: 24px;
      color: #6b7280;
    }
    #content_area .fs-mosaic-atelier-inlay-collection-wrapper .hero-meta span {
      opacity: 0.95;
    }
    #content_area .fs-mosaic-atelier-inlay-collection-wrapper .hero-cta-row {
      display: flex;
      flex-wrap: wrap;
      gap: 14px;
      align-items: center;
    }
    #content_area .fs-mosaic-atelier-inlay-collection-wrapper .btn-primary {
      padding: 12px 22px;
      border-radius: 999px;
      border: 1px solid #c7e2f6;
      background: linear-gradient(135deg, #e3f2fd, #c7e2f6);
      color: #1f3444;
      font-weight: 600;
      font-size: 11px;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      cursor: pointer;
      box-shadow: 0 12px 28px rgba(127, 179, 221, 0.25);
      line-height: 1.4;
    }
    #content_area .fs-mosaic-atelier-inlay-collection-wrapper .btn-outline {
      padding: 11px 18px;
      border-radius: 999px;
      border: 1px solid #c7e2f6;
      background: #ffffff;
      color: #1f3444;
      font-size: 11px;
      letter-spacing: 0.16em;
      text-transform: uppercase;
      display: flex;
      align-items: center;
      gap: 8px;
      cursor: pointer;
      font-weight: 600;
      line-height: 1.4;
    }
    #content_area .fs-mosaic-atelier-inlay-collection-wrapper .btn-outline span.icon {
      font-size: 15px;
    }
    #content_area .fs-mosaic-atelier-inlay-collection-wrapper .hero-cta-note {
      font-size: 11px;
      color: #7c7c7c;
      /* max-width: 260px; */
    }
    #content_area .fs-mosaic-atelier-inlay-collection-wrapper .hero-right {
      position: relative;
      height: 100%;
      min-height: 220px;
    }
    #content_area .fs-mosaic-atelier-inlay-collection-wrapper .hero-card {
      position: relative;
      border-radius: 26px;
      background: linear-gradient(135deg, #e3f2fd, #ffffff);
      border: 1px solid #c7e2f6;
      padding: 18px 18px 16px;
      box-shadow: 0 14px 30px rgba(15, 23, 42, 0.08);
      overflow: hidden;
    }
    #content_area .fs-mosaic-atelier-inlay-collection-wrapper .hero-card-header {
      display: flex;
      justify-content: space-between;
      margin-bottom: 14px;
      font-size: 11px;
      color: #1f3444;
    }
    #content_area .fs-mosaic-atelier-inlay-collection-wrapper .hero-card-header span.label {
      text-transform: uppercase;
      letter-spacing: 0.16em;
      color: #6b7280;
    }
    #content_area .fs-mosaic-atelier-inlay-collection-wrapper .hero-card-header span.value {
      color: #5a8db5;
      font-weight: 600;
    }
    #content_area .fs-mosaic-atelier-inlay-collection-wrapper .hero-mosaic {
      margin: 8px 0 10px;
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 4px;
      border-radius: 18px;
      overflow: hidden;
      border: 1px solid #c7e2f6;
      background: #f5faff;
    }
    #content_area .fs-mosaic-atelier-inlay-collection-wrapper .hero-mosaic-tile {
      padding-top: 100%;
      position: relative;
      overflow: hidden;
    }
    /* Simulated mosaic tiles (hero visible banner) - light blue variations */
    #content_area .fs-mosaic-atelier-inlay-collection-wrapper .hero-mosaic-tile:nth-child(1) { background: linear-gradient(135deg, #e5e7eb 0%, #d1d5db 50%, #facc15 100%); }
    #content_area .fs-mosaic-atelier-inlay-collection-wrapper .hero-mosaic-tile:nth-child(2) { background: linear-gradient(135deg, #0f172a 0%, #1f2937 40%, #a855f7 100%); }
    #content_area .fs-mosaic-atelier-inlay-collection-wrapper .hero-mosaic-tile:nth-child(3) { background: linear-gradient(135deg, #f9fafb 0%, #e5e7eb 40%, #06b6d4 100%); }
    #content_area .fs-mosaic-atelier-inlay-collection-wrapper .hero-mosaic-tile:nth-child(4) { background: linear-gradient(135deg, #020617 0%, #111827 50%, #f97316 100%); }
    #content_area .fs-mosaic-atelier-inlay-collection-wrapper .hero-mosaic-tile:nth-child(5) { background: linear-gradient(135deg, #fbbf24 0%, #f97316 40%, #7c2d12 100%); }
    #content_area .fs-mosaic-atelier-inlay-collection-wrapper .hero-mosaic-tile:nth-child(6) { background: linear-gradient(135deg, #a855f7 0%, #581c87 50%, #0f172a 100%); }
    #content_area .fs-mosaic-atelier-inlay-collection-wrapper .hero-mosaic-tile:nth-child(7) { background: linear-gradient(135deg, #4ade80 0%, #16a34a 40%, #052e16 100%); }
    #content_area .fs-mosaic-atelier-inlay-collection-wrapper .hero-mosaic-tile:nth-child(8) { background: linear-gradient(135deg, #f97316 0%, #ea580c 40%, #0f172a 100%); }    #content_area .fs-mosaic-atelier-inlay-collection-wrapper .hero-card-footer {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 8px;
      font-size: 11px;
      color: #1f3444;
      margin-top: 6px;
    }
    #content_area .fs-mosaic-atelier-inlay-collection-wrapper .hero-chip-row {
      display: flex;
      gap: 6px;
      flex-wrap: wrap;
    }
    #content_area .fs-mosaic-atelier-inlay-collection-wrapper .hero-chip {
      padding: 4px 9px;
      border-radius: 999px;
      border: 1px solid #c7e2f6;
      background: #ffffff;
      color: #5a8db5;
      font-size: 10px;
      text-transform: uppercase;
      letter-spacing: 0.12em;
      font-weight: 600;
    }
    #content_area .fs-mosaic-atelier-inlay-collection-wrapper .hero-tagline {
      font-size: 11px;
      color: #6b7280;
    }
    /* SECONDARY BANNER */
    #content_area .fs-mosaic-atelier-inlay-collection-wrapper .secondary-banner {
      margin: 24px 0 32px;
      border-radius: 28px;
      background: linear-gradient(135deg, #ffffff, #e0f6ff);
      border: 1px solid #c7e2f6;
      padding: 18px 22px;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      align-items: center;
      gap: 16px;
      box-shadow: 0 12px 30px rgba(15, 23, 42, 0.05);
    }
    #content_area .fs-mosaic-atelier-inlay-collection-wrapper .secondary-banner-left {
      font-size: 13px;
      color: #6b7280;
    }
    #content_area .fs-mosaic-atelier-inlay-collection-wrapper .secondary-banner-left strong {
      color: #1f3444;
    }
    #content_area .fs-mosaic-atelier-inlay-collection-wrapper .secondary-banner-right {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      font-size: 11px;
      text-transform: uppercase;
      letter-spacing: 0.16em;
    }
    #content_area .fs-mosaic-atelier-inlay-collection-wrapper .secondary-pill {
      border-radius: 999px;
      padding: 5px 11px;
      border: 1px dashed #c7e2f6;
      background: #ffffff;
      color: #5a8db5;
      font-weight: 600;
    }
    /* MAIN GRID */
    #content_area .fs-mosaic-atelier-inlay-collection-wrapper .content-grid {
      display: grid;
      grid-template-columns: minmax(0, 1.7fr) minmax(0, 1fr);
      gap: 28px;
      align-items: flex-start;
    }
    /* LEFT COLUMN */
    #content_area .fs-mosaic-atelier-inlay-collection-wrapper section {
      margin-bottom: 32px;
      background: #ffffff;
      border-radius: 18px;
      padding: 22px 22px 24px;
      border: 1px solid #e5e7eb;
      box-shadow: 0 12px 30px rgba(15, 23, 42, 0.06);
    }
    #content_area .fs-mosaic-atelier-inlay-collection-wrapper section h2 {
      font-size: 22px;
      margin-bottom: 6px;
      color: #1f3444;
    }
    #content_area .fs-mosaic-atelier-inlay-collection-wrapper section h3 {
      font-size: 17px;
      margin: 10px 0 6px;
      color: #1f3444;
    }
    #content_area .fs-mosaic-atelier-inlay-collection-wrapper section h4 {
      font-size: 15px;
      margin: 8px 0 4px;
      text-transform: uppercase;
      letter-spacing: 0.12em;
      color: #5a8db5;
      font-weight: 700;
    }
    #content_area .fs-mosaic-atelier-inlay-collection-wrapper section h5 {
      font-size: 13px;
      margin: 6px 0 4px;
      text-transform: uppercase;
      letter-spacing: 0.16em;
      color: #5a8db5;
      font-weight: 700;
    }
    #content_area .fs-mosaic-atelier-inlay-collection-wrapper p {
      margin-bottom: 8px;
      font-size: 14px;
      color: #4b5563;
    }
    #content_area .fs-mosaic-atelier-inlay-collection-wrapper ul {
      margin-left: 18px;
      margin-bottom: 8px;
      font-size: 14px;
      color: #4b5563;
    }
    #content_area .fs-mosaic-atelier-inlay-collection-wrapper li {
      margin-bottom: 4px;
    }
    #content_area .fs-mosaic-atelier-inlay-collection-wrapper .pill-row {
      display: flex;
      flex-wrap: wrap;
      gap: 6px;
      margin: 6px 0 10px;
    }
    #content_area .fs-mosaic-atelier-inlay-collection-wrapper .pill {
      border-radius: 999px;
      border: 1px solid #c7e2f6;
      padding: 5px 11px;
      background: #f5faff;
      font-size: 11px;
      text-transform: uppercase;
      letter-spacing: 0.12em;
      color: #5a8db5;
      font-weight: 600;
    }
    /* CATEGORY CARDS */
    #content_area .fs-mosaic-atelier-inlay-collection-wrapper .card-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 14px;
      margin-top: 10px;
    }
    #content_area .fs-mosaic-atelier-inlay-collection-wrapper .category-card {
      border-radius: 18px;
      border: 1px solid #c7e2f6;
      background: linear-gradient(135deg, #ffffff, #f5faff);
      padding: 12px 12px 14px;
      display: flex;
      flex-direction: column;
      gap: 6px;
    }
    #content_area .fs-mosaic-atelier-inlay-collection-wrapper .category-tag {
      font-size: 10px;
      text-transform: uppercase;
      letter-spacing: 0.16em;
      color: #5a8db5;
      font-weight: 700;
    }
    #content_area .fs-mosaic-atelier-inlay-collection-wrapper .category-title {
      font-size: 14px;
      font-weight: 700;
      color: #1f3444;
    }
    #content_area .fs-mosaic-atelier-inlay-collection-wrapper .category-desc {
      font-size: 12px;
      color: #6b7280;
    }
    #content_area .fs-mosaic-atelier-inlay-collection-wrapper .category-meta {
      margin-top: auto;
      font-size: 11px;
      color: #4b5563;
    }
    /* TECH TABLE */
    #content_area .fs-mosaic-atelier-inlay-collection-wrapper .table-wrapper {
      border-radius: 18px;
      border: 1px solid #e5e7eb;
      overflow: hidden;
      background: #ffffff;
      margin-top: 10px;
    }
    #content_area .fs-mosaic-atelier-inlay-collection-wrapper table {
      width: 100%;
      border-collapse: collapse;
      font-size: 13px;
    }
    #content_area .fs-mosaic-atelier-inlay-collection-wrapper thead {
      background: #f5faff;
      color: #1f3444;
    }
    #content_area .fs-mosaic-atelier-inlay-collection-wrapper th,
	#content_area .fs-mosaic-atelier-inlay-collection-wrapper td {
      padding: 10px 12px;
      border-bottom: 1px solid #e5e7eb;
      text-align: left;
    }
    #content_area .fs-mosaic-atelier-inlay-collection-wrapper th {
      color: #5a8db5;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.1em;
      font-size: 12px;
    }
    #content_area .fs-mosaic-atelier-inlay-collection-wrapper tbody tr:nth-child(even) {
      background: #f9fafb;
    }
    #content_area .fs-mosaic-atelier-inlay-collection-wrapper .tag-chip {
      display: inline-flex;
      align-items: center;
      border-radius: 999px;
      padding: 3px 9px;
      background: #f5faff;
      border: 1px solid #c7e2f6;
      color: #5a8db5;
      font-size: 11px;
      font-weight: 600;
      line-height: 1.4;
    }
    /* RIGHT COLUMN */
    #content_area .fs-mosaic-atelier-inlay-collection-wrapper .side-panel {
      display: flex;
      flex-direction: column;
      gap: 18px;
    }
    #content_area .fs-mosaic-atelier-inlay-collection-wrapper .side-box {
      border-radius: 18px;
      border: 1px solid #e5e7eb;
      background: #ffffff;
      padding: 18px 18px 20px;
      box-shadow: 0 12px 30px rgba(15, 23, 42, 0.06);
      font-size: 13px;
    }
    #content_area .fs-mosaic-atelier-inlay-collection-wrapper .side-box h3 {
      font-size: 15px;
      margin-bottom: 4px;
      color: #1f3444;
    }
    #content_area .fs-mosaic-atelier-inlay-collection-wrapper .side-meta {
      font-size: 11px;
      text-transform: uppercase;
      letter-spacing: 0.16em;
      color: #5a8db5;
      margin-bottom: 10px;
      font-weight: 600;
    }
    #content_area .fs-mosaic-atelier-inlay-collection-wrapper .side-list {
      list-style: none;
      margin: 0;
      padding: 0;
    }
    #content_area .fs-mosaic-atelier-inlay-collection-wrapper .side-list li {
      padding: 7px 0;
      border-bottom: 1px dashed #e5e7eb;
      font-size: 13px;
      color: #4b5563;
    }
    #content_area .fs-mosaic-atelier-inlay-collection-wrapper .side-list li:last-child {
      border-bottom: none;
    }
    #content_area .fs-mosaic-atelier-inlay-collection-wrapper .side-label {
      font-size: 11px;
      text-transform: uppercase;
      letter-spacing: 0.16em;
      color: #6b7280;
    }
    #content_area .fs-mosaic-atelier-inlay-collection-wrapper .side-value {
      font-size: 13px;
      font-weight: 600;
      color: #1f3444;
    }
    #content_area .fs-mosaic-atelier-inlay-collection-wrapper .side-banner {
      border-radius: 16px;
      background: linear-gradient(135deg, #ffffff, #e0f6ff);
      border: 1px solid #c7e2f6;
      padding: 16px 16px 18px;
      color: #1f3444;
      display: flex;
      flex-direction: column;
      gap: 4px;
      position: relative;
      overflow: hidden;
    }
    #content_area .fs-mosaic-atelier-inlay-collection-wrapper .side-banner::after {
      content: "";
      position: absolute;
      width: 140px;
      height: 140px;
      border-radius: 999px;
      background: radial-gradient(circle, rgba(127, 179, 221, 0.18) 0, transparent 70%);
      right: -40px;
      top: -40px;
    }
    #content_area .fs-mosaic-atelier-inlay-collection-wrapper .side-banner-title {
      font-size: 14px;
      font-weight: 700;
      color: #1f3444;
    }
    #content_area .fs-mosaic-atelier-inlay-collection-wrapper .side-banner-sub {
      font-size: 12px;
      color: #6b7280;
      max-width: 220px;
    }
    #content_area .fs-mosaic-atelier-inlay-collection-wrapper .side-banner-cta {
      font-size: 11px;
      text-transform: uppercase;
      letter-spacing: 0.16em;
      margin-top: 8px;
      display: inline-flex;
      align-items: center;
      gap: 6px;
      color: #5a8db5;
      font-weight: 700;
    }
    #content_area .fs-mosaic-atelier-inlay-collection-wrapper .side-dot-row {
      display: flex;
      gap: 6px;
      margin-top: 4px;
    }
    #content_area .fs-mosaic-atelier-inlay-collection-wrapper .side-dot {
      width: 8px;
      height: 8px;
      border-radius: 999px;
      background: #c7e2f6;
      opacity: 0.8;
    }
    /* FOOTER CTA BANNER */
    #content_area .fs-mosaic-atelier-inlay-collection-wrapper .footer-banner {
      margin-top: 36px;
      border-radius: 28px;
      padding: 26px 24px;
      background: linear-gradient(135deg, #ffffff, #e0f6ff);
      border: 1px solid #c7e2f6;
      color: #1f3444;
      position: relative;
      overflow: hidden;
      box-shadow: 0 18px 40px rgba(15, 23, 42, 0.06);
    }
    #content_area .fs-mosaic-atelier-inlay-collection-wrapper .footer-banner-overlay {
      display: none;
    }
    #content_area .fs-mosaic-atelier-inlay-collection-wrapper .footer-banner-content {
      position: relative;
      z-index: 1;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      gap: 16px;
      align-items: center;
    }
    #content_area .fs-mosaic-atelier-inlay-collection-wrapper .footer-banner-left h2 {
      font-size: 20px;
      margin-bottom: 4px;
      color: #1f3444;
    }
    #content_area .fs-mosaic-atelier-inlay-collection-wrapper .footer-banner-left p {
      font-size: 13px;
      color: #6b7280;
      /* max-width: 460px; */
    }
    #content_area .fs-mosaic-atelier-inlay-collection-wrapper .footer-banner-actions {
      display: flex;
      flex-direction: column;
      align-items: flex-end;
      gap: 10px;
    }
    #content_area .fs-mosaic-atelier-inlay-collection-wrapper .footer-note {
      font-size: 11px;
      color: #7c7c7c;
      text-align: right;
    }
    /* RESPONSIVE */
    @media (max-width: 960px) {
      #content_area .fs-mosaic-atelier-inlay-collection-wrapper .hero-banner {
        grid-template-columns: minmax(0, 1fr);
      }
      #content_area .fs-mosaic-atelier-inlay-collection-wrapper .hero-right {
        order: -1;
      }
      #content_area .fs-mosaic-atelier-inlay-collection-wrapper .content-grid {
        grid-template-columns: minmax(0, 1fr);
      }
      #content_area .fs-mosaic-atelier-inlay-collection-wrapper .fff-header {
        flex-direction: column;
        align-items: flex-start;
      }
      #content_area .fs-mosaic-atelier-inlay-collection-wrapper nav {
        width: 100%;
        justify-content: space-between;
      }
    }
    @media (max-width: 720px) {
      #content_area .fs-mosaic-atelier-inlay-collection-wrapper .fff-page {
        padding: 20px 14px 40px;
      }
      #content_area .fs-mosaic-atelier-inlay-collection-wrapper .hero-banner {
        padding: 22px 18px;
      }
      #content_area .fs-mosaic-atelier-inlay-collection-wrapper h1 {
        font-size: 24px;
      }
      #content_area .fs-mosaic-atelier-inlay-collection-wrapper .card-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
      #content_area .fs-mosaic-atelier-inlay-collection-wrapper .footer-banner {
        padding: 22px 18px;
      }
      #content_area .fs-mosaic-atelier-inlay-collection-wrapper .footer-banner-actions {
        align-items: flex-start;
      }
      #content_area .fs-mosaic-atelier-inlay-collection-wrapper .footer-note {
        text-align: left;
      }
    }
    @media (max-width: 520px) {
      #content_area .fs-mosaic-atelier-inlay-collection-wrapper .card-grid {
        grid-template-columns: minmax(0, 1fr);
      }
    }
/* Category 10020 -- (https://www.fontanashowers.com/Fontana-Mosaic-Atelier-Inlay-Collection-s/10020.htm) at 02-12-2025 End Here*/

/* Category 10021 -- (https://www.fontanashowers.com/Fontana-Axis-Bar-Series-s/10021.htm) at 02-12-2025 Start Here*/
#content_area .fs-fontana-axis-bar-series-wrapper {
      font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
      color: #1f3444;
      background-color: #ffffff;
      line-height: 1.6;
    }
    #content_area .fs-fontana-axis-bar-series-wrapper a {
      text-decoration: none;
      color: inherit;
    }

    #content_area .fs-fontana-axis-bar-series-wrapper .page-wrap {
      max-width: 1200px;
      margin: 0 auto;
      padding: 0 1.5rem 3rem;
    }
    #content_area .fs-fontana-axis-bar-series-wrapper .fff-header {
      position: sticky;
      top: 0;
      z-index: 50;
      background: linear-gradient(135deg, #ffffff, #e0f6ff);
      border-bottom: 1px solid #c7e2f6;
      color: #1f3444;
      box-shadow: 0 8px 24px rgba(15, 23, 42, 0.05);
    }
    #content_area .fs-fontana-axis-bar-series-wrapper .banner-top {
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 0.5rem 1.5rem;
      font-size: 0.85rem;
      background: linear-gradient(135deg, #e3f2fd, #c7e2f6);
      border-bottom: 1px solid #c7e2f6;
      color: #1f3444;
      font-weight: 600;
      letter-spacing: 0.04em;
      text-transform: uppercase;
    }
    #content_area .fs-fontana-axis-bar-series-wrapper .banner-top span {
      padding: 0 0.85rem;
      border-left: 1px solid rgba(31, 52, 68, 0.15);
    }
    #content_area .fs-fontana-axis-bar-series-wrapper .banner-top span:first-child {
      border-left: none;
    }
    #content_area .fs-fontana-axis-bar-series-wrapper .header-inner {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 0.9rem 1.5rem;
      gap: 1.5rem;
    }
    #content_area .fs-fontana-axis-bar-series-wrapper .logo {
      display: flex;
      align-items: center;
      gap: 0.75rem;
    }
    #content_area .fs-fontana-axis-bar-series-wrapper .logo-mark {
      width: 40px;
      height: 40px;
      border-radius: 999px;
      background: radial-gradient(circle at 30% 20%, #ffffff, #c7e2f6 60%, #7fb3dd);
      box-shadow: 0 0 0 2px rgba(199, 226, 246, 0.4);
    }
    #content_area .fs-fontana-axis-bar-series-wrapper .logo-text-main {
      font-weight: 700;
      font-size: 1.1rem;
      text-transform: uppercase;
      letter-spacing: 0.12em;
      color: #1f3444;
    }
    #content_area .fs-fontana-axis-bar-series-wrapper .logo-text-sub {
      font-size: 0.8rem;
      color: #6b7280;
    }
    #content_area .fs-fontana-axis-bar-series-wrapper nav ul {
      display: flex;
      list-style: none;
      gap: 1.25rem;
      font-size: 0.9rem;
      text-transform: uppercase;
      letter-spacing: 0.08em;
    }
    #content_area .fs-fontana-axis-bar-series-wrapper nav a {
      position: relative;
      padding-bottom: 0.15rem;
      color: #5a8db5;
      font-size: 1.2rem !important;
    }
    #content_area .fs-fontana-axis-bar-series-wrapper nav a::after {
      content: "";
      position: absolute;
      left: 0;
      bottom: 0;
      width: 0;
      height: 2px;
      background: #7fb3dd;
      transition: width 0.2s ease-out;
    }
    #content_area .fs-fontana-axis-bar-series-wrapper nav a:hover::after {
      width: 100%;
    }
    #content_area .fs-fontana-axis-bar-series-wrapper .header-cta {
      display: flex;
      align-items: center;
      gap: 0.75rem;
    }
    #content_area .fs-fontana-axis-bar-series-wrapper .btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      /* padding: 0.55rem 1.1rem; */
      border-radius: 999px;
      border: 1px solid transparent;
      font-size: 0.85rem;
      font-weight: 600;
      text-transform: uppercase;
      letter-spacing: 0.08em;
      cursor: pointer;
      transition: transform 0.12s ease-out, box-shadow 0.12s ease-out, background 0.12s ease-out, border-color 0.12s ease-out;
      white-space: nowrap;
    }
    #content_area .fs-fontana-axis-bar-series-wrapper .btn-primary {
      background: linear-gradient(135deg, #e3f2fd, #c7e2f6);
      color: #1f3444;
      border-color: #c7e2f6;
      box-shadow: 0 10px 24px rgba(127, 179, 221, 0.25);
      font-size: 1.1rem;
    }
    #content_area .fs-fontana-axis-bar-series-wrapper .btn-outline {
      background: #ffffff;
      color: #1f3444;
      border-color: #c7e2f6;
      font-size: 1.1rem;
    }
    #content_area .fs-fontana-axis-bar-series-wrapper .btn:hover {
      transform: translateY(-1px);
      box-shadow: 0 12px 30px rgba(15, 23, 42, 0.08);
    }
    /* HERO BANNER */
    #content_area .fs-fontana-axis-bar-series-wrapper .hero {
      display: grid;
      grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr);
      gap: 2.5rem;
      padding: 3rem 0 2rem;
      align-items: center;
    }
    #content_area .fs-fontana-axis-bar-series-wrapper .hero-text h1 {
      font-size: clamp(2.1rem, 3vw, 2.8rem);
      line-height: 1.1;
      margin-bottom: 1rem;
      letter-spacing: 0.04em;
      text-transform: uppercase;
      color: #1f3444;
    }
    #content_area .fs-fontana-axis-bar-series-wrapper .hero-kicker {
      display: inline-flex;
      align-items: center;
      gap: 0.4rem;
      padding: 0.3rem 0.85rem;
      border-radius: 999px;
      background: #f5faff;
      border: 1px solid #c7e2f6;
      font-size: 1rem;
      font-weight: 600;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      margin-bottom: 0.85rem;
      color: #5a8db5;
    }
    #content_area .fs-fontana-axis-bar-series-wrapper .hero-sub {
      font-size: 1rem;
      color: #6b7280;
      /* max-width: 32rem; */
      margin-bottom: 1.5rem;
    }
    #content_area .fs-fontana-axis-bar-series-wrapper .hero-meta {
      display: flex;
      flex-wrap: wrap;
      gap: 1.25rem;
      margin: 1rem 0 1.75rem;
    }
    #content_area .fs-fontana-axis-bar-series-wrapper .hero-meta-item {
      font-size: 0.85rem;
      text-transform: uppercase;
      letter-spacing: 0.12em;
      color: #5a8db5;
      border-left: 2px solid #7fb3dd;
      padding-left: 0.75rem;
      font-weight: 600;
    }
    #content_area .fs-fontana-axis-bar-series-wrapper .hero-cta-row {
      display: flex;
      flex-wrap: wrap;
      gap: 0.75rem;
      align-items: center;
    }
    #content_area .fs-fontana-axis-bar-series-wrapper .hero-note {
      font-size: 1rem;
      color: #7c7c7c;
    }
    #content_area .fs-fontana-axis-bar-series-wrapper .hero-banner-visual {
      position: relative;
  border-radius: 28px;
  overflow: hidden;
  background: linear-gradient(135deg, #ffffff, #e0f6ff 50%, #c7e2f6 100%);
  border: 1px solid #c7e2f6;
  box-shadow: 0 16px 40px rgba(15, 23, 42, 0.08);
    }
    #content_area .fs-fontana-axis-bar-series-wrapper .hero-banner-content {
      position: relative;
  padding: 1.6rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 1.5rem;
    }
    #content_area .fs-fontana-axis-bar-series-wrapper .hero-badge {
      display: inline-flex;
      align-items: center;
      gap: 0.5rem;
      padding: 0.35rem 0.9rem;
      border-radius: 999px;
      background: #ffffff;
      border: 1px solid #dde3ec;
      color: #5a8db5;
      font-size: 0.75rem;
      text-transform: uppercase;
      letter-spacing: 0.14em;
      font-weight: 600;
      align-self: flex-start;
    }
    #content_area .fs-fontana-axis-bar-series-wrapper .hero-banner-title {
      color: #1f3444;
      font-size: 1.1rem;
      /* max-width: 15rem; */
      font-weight: 700;
    }
    #content_area .fs-fontana-axis-bar-series-wrapper .hero-stats {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 0.75rem;
      margin-top: 2rem;
    }
    #content_area .fs-fontana-axis-bar-series-wrapper .hero-stat-card {
      padding: 0.7rem 0.8rem;
      border-radius: 0.9rem;
      background: #ffffff;
      border: 1px solid #c7e2f6;
      color: #1f3444;
      font-size: 1.1rem;
    }
    #content_area .fs-fontana-axis-bar-series-wrapper .hero-stat-card strong {
      display: block;
      font-size: 1.1rem;
      margin-bottom: 0.2rem;
      color: #1f3444;
    }
    #content_area .fs-fontana-axis-bar-series-wrapper .hero-footer-tag {
      font-size: 0.7rem !important;
      text-transform: uppercase;
      letter-spacing: 0.12em;

      color: #5a8db5;
      font-weight: 600;
    }
    /* SECTION LAYOUTS */
    #content_area .fs-fontana-axis-bar-series-wrapper section {
      margin-top: 3.25rem;
    }
    #content_area .fs-fontana-axis-bar-series-wrapper .section-header {
      display: flex;
      justify-content: space-between;
      align-items: flex-end;
      gap: 1.5rem;
      margin-bottom: 1.5rem;
      flex-wrap: wrap;
    }
    #content_area .fs-fontana-axis-bar-series-wrapper .section-header h2 {
      font-size: 1.5rem;
      letter-spacing: 0.04em;
      text-transform: uppercase;
      color: #1f3444;
    }
    #content_area .fs-fontana-axis-bar-series-wrapper .section-header p {
      /* max-width: 32rem; */
      font-size: 0.95rem;
      color: #6b7280;
    }
    #content_area .fs-fontana-axis-bar-series-wrapper .pill {
      display: inline-flex;
      align-items: center;
      gap: 0.4rem;
      padding: 0.3rem 0.85rem;
      border-radius: 999px;
      background: #f5faff;
      border: 1px solid #c7e2f6;
      color: #5a8db5;
      font-size: 1rem;
      text-transform: uppercase;
      letter-spacing: 0.11em;
      font-weight: 600;
    }
    #content_area .fs-fontana-axis-bar-series-wrapper .grid-3 {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 1.5rem;
    }
    #content_area .fs-fontana-axis-bar-series-wrapper .card {
      border-radius: 20px;
      padding: 1.4rem 1.3rem;
      box-shadow: 0 4px 18px rgba(15, 23, 42, 0.06);
      background: #ffffff;
      border: 1px solid #e2e8f0;
    }
    #content_area .fs-fontana-axis-bar-series-wrapper .card h3 {
      font-size: 1.5rem;
      margin-bottom: 0.3rem;
      text-transform: uppercase;
      letter-spacing: 0.08em;
      color: #1f3444;
    }
    #content_area .fs-fontana-axis-bar-series-wrapper .card p {
      font-size: 0.9rem;
      color: #6b7280;
    }
    #content_area .fs-fontana-axis-bar-series-wrapper .card-tag {
      font-size: 1rem;
      text-transform: uppercase;
      letter-spacing: 0.16em;
      margin-bottom: 0.6rem;
      color: #5a8db5;
      font-weight: 700;
    }
    /* Secondary banner */
    #content_area .fs-fontana-axis-bar-series-wrapper .band-banner {
      margin-top: 4rem;
      border-radius: 28px;
      padding: 2rem 1.8rem;
      background: linear-gradient(135deg, #ffffff, #e0f6ff);
      border: 1px solid #c7e2f6;
      color: #1f3444;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 1.5rem;
      flex-wrap: wrap;
      box-shadow: 0 16px 40px rgba(15, 23, 42, 0.06);
    }
    #content_area .fs-fontana-axis-bar-series-wrapper .band-banner h3 {
      text-transform: uppercase;
      letter-spacing: 0.12em;
      font-size: 1rem;
      color: #5a8db5;
      font-weight: 700;
    }
    #content_area .fs-fontana-axis-bar-series-wrapper .band-banner h4 {
      font-size: 1.5rem;
      margin: 0.4rem 0;
      color: #1f3444;
      font-weight: 700;
    }
    #content_area .fs-fontana-axis-bar-series-wrapper .band-banner p {
      font-size: 0.9rem;
      color: #6b7280;
      /* max-width: 26rem; */
    }
    #content_area .fs-fontana-axis-bar-series-wrapper .band-points {
      display: flex;
      flex-wrap: wrap;
      gap: 0.55rem;
    }
    #content_area .fs-fontana-axis-bar-series-wrapper .band-chip {
      font-size: 1rem;
      padding: 0.3rem 0.85rem;
      border-radius: 999px;
      background: #ffffff;
      border: 1px solid #c7e2f6;
      color: #5a8db5;
      text-transform: uppercase;
      letter-spacing: 0.12em;
      font-weight: 600;
    }
    /* Specs section */
    #content_area .fs-fontana-axis-bar-series-wrapper .specs {
      background: linear-gradient(135deg, #ffffff, #f5faff);
      padding: 2.1rem 1.8rem;
      border-radius: 28px;
      border: 1px solid #c7e2f6;
    }
    #content_area .fs-fontana-axis-bar-series-wrapper .specs h3 {
      font-size: 1.5rem;
      text-transform: uppercase;
      letter-spacing: 0.12em;
      margin-bottom: 1rem;
      color: #1f3444;
    }
    #content_area .fs-fontana-axis-bar-series-wrapper .specs-grid {
      display: grid;
      grid-template-columns: 1.2fr 1.1fr;
      gap: 2rem;
    }
    #content_area .fs-fontana-axis-bar-series-wrapper .specs-list {
      list-style: none;
      font-size: 0.9rem;
      color: #6b7280;
    }
    #content_area .fs-fontana-axis-bar-series-wrapper .specs-list li {
      margin-bottom: 0.5rem;
      padding-left: 1rem;
      position: relative;
    }
    #content_area .fs-fontana-axis-bar-series-wrapper .specs-list li::before {
      content: "•";
      position: absolute;
      left: 0;
      color: #7fb3dd;
      font-size: 1.1rem;
      line-height: 1;
      top: 11px;
    }
    #content_area .fs-fontana-axis-bar-series-wrapper table.spec-table {
      width: 100%;
      border-collapse: collapse;
      font-size: 0.85rem;
      background: #ffffff;
      border-radius: 0.85rem;
      overflow: hidden;
      box-shadow: 0 6px 16px rgba(15, 23, 42, 0.04);
    }
    #content_area .fs-fontana-axis-bar-series-wrapper table.spec-table th,
    #content_area .fs-fontana-axis-bar-series-wrapper table.spec-table td {
      padding: 0.7rem 0.85rem;
      text-align: left;
      border-bottom: 1px solid #e5e7eb;
      font-size: 1.2rem;
    }
    #content_area .fs-fontana-axis-bar-series-wrapper table.spec-table th {
      background: #f5faff;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.08em;
      font-size: 1.2rem;
      color: #5a8db5;
    }
    #content_area .fs-fontana-axis-bar-series-wrapper table.spec-table tr:last-child td {
      border-bottom: none;
    }
    /* Download center */
    #content_area .fs-fontana-axis-bar-series-wrapper .downloads {
      display: grid;
      grid-template-columns: 1.2fr 1fr;
      gap: 1.75rem;
      align-items: flex-start;
    }
    #content_area .fs-fontana-axis-bar-series-wrapper .download-list {
      display: grid;
      gap: 0.8rem;
    }
    #content_area .fs-fontana-axis-bar-series-wrapper .download-item {
      display: flex;
      justify-content: space-between;
      align-items: center;
      border-radius: 0.9rem;
      border: 1px dashed #c7e2f6;
      padding: 0.85rem 1rem;
      background: #f5faff;
    }
    #content_area .fs-fontana-axis-bar-series-wrapper .download-item strong {
      display: block;
      font-size: 1.2rem;
      color: #1f3444;
    }
    #content_area .fs-fontana-axis-bar-series-wrapper .download-item span {
      font-size: 1.1rem;
      color: #6b7280;
    }
    #content_area .fs-fontana-axis-bar-series-wrapper .download-button {
      font-size: 1rem;
      text-transform: uppercase;
      letter-spacing: 0.12em;
      padding: 0.35rem 0.9rem;
      border-radius: 999px;
      border: 1px solid #c7e2f6;
      background: #ffffff;
      color: #5a8db5;
      cursor: pointer;
      font-weight: 600;
    }
    #content_area .fs-fontana-axis-bar-series-wrapper .download-button:hover {
      background: #e3f2fd;
      border-color: #7fb3dd;
    }
    #content_area .fs-fontana-axis-bar-series-wrapper .download-note {
      font-size: 0.8rem;
      color: #6b7280;
      margin-top: 0.7rem;
    }
    /* FAQ */
    #content_area .fs-fontana-axis-bar-series-wrapper .faq-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 1.3rem;
    }
    #content_area .fs-fontana-axis-bar-series-wrapper .faq-item {
      border-radius: 1rem;
      border: 1px solid #e2e8f0;
      padding: 1.1rem 1.2rem;
      background: #ffffff;
    }
    #content_area .fs-fontana-axis-bar-series-wrapper .faq-item h4 {
      font-size: 1.5rem;
      margin-bottom: 0.4rem;
      color: #1f3444;
      font-weight: 700;
    }
    #content_area .fs-fontana-axis-bar-series-wrapper .faq-item p {
      font-size: 0.85rem;
      color: #6b7280;
    }
    #content_area .fs-fontana-axis-bar-series-wrapper .fff-footer {
      margin-top: 3rem;
      padding-top: 2rem;
      border-top: 1px solid #e5e7eb;
      font-size: 0.8rem;
      color: #6b7280;
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      gap: 1rem;
    }
    #content_area .fs-fontana-axis-bar-series-wrapper .fff-footer a {
      text-decoration: underline;
      text-decoration-style: dotted;
      text-decoration-thickness: 1px;
      color: #5a8db5;
    }
    /* Responsive */
    @media (max-width: 900px) {
      #content_area .fs-fontana-axis-bar-series-wrapper nav {
        display: none;
      }
      #content_area .fs-fontana-axis-bar-series-wrapper .header-inner {
        padding: 0.8rem 1rem;
      }
      #content_area .fs-fontana-axis-bar-series-wrapper .hero {
        grid-template-columns: 1fr;
      }
      #content_area .fs-fontana-axis-bar-series-wrapper .hero-banner-visual {
        order: -1;
      }
      #content_area .fs-fontana-axis-bar-series-wrapper .grid-3 {
        grid-template-columns: 1fr;
      }
      #content_area .fs-fontana-axis-bar-series-wrapper .specs-grid,
      #content_area .fs-fontana-axis-bar-series-wrapper .downloads,
      #content_area .fs-fontana-axis-bar-series-wrapper .faq-grid {
        grid-template-columns: 1fr;
      }
      #content_area .fs-fontana-axis-bar-series-wrapper .band-banner {
        flex-direction: column;
        align-items: flex-start;
      }
    }
    @media (max-width: 600px) {
      #content_area .fs-fontana-axis-bar-series-wrapper .page-wrap {
        padding: 0 1rem 2.5rem;
      }
      #content_area .fs-fontana-axis-bar-series-wrapper .hero {
        padding-top: 2.2rem;
      }
      #content_area .fs-fontana-axis-bar-series-wrapper .section-header {
        flex-direction: column;
        align-items: flex-start;
      }
    }
/* Category 10021 -- (https://www.fontanashowers.com/Fontana-Axis-Bar-Series-s/10021.htm) at 02-12-2025 End Here*/

/* Category 10022 -- (https://www.fontanashowers.com/Fontana-Nexus-Spa-System-s/10022.htm) at 02-12-2025 Start Here*/
#content_area .fontana-nexus-spa-system-wrapper {
      font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
      background: #f5faff;
      color: #1f3444;
      line-height: 1.6;
    }
    #content_area .fontana-nexus-spa-system-wrapper a {
      text-decoration: none;
      color: inherit;
    }
    #content_area .fontana-nexus-spa-system-wrapper img {
      max-width: 100%;
      display: block;
    }
    #content_area .fontana-nexus-spa-system-wrapper .page-wrapper {
      max-width: 1200px;
      margin: 0 auto;
      padding: 24px 20px 60px;
    }
    #content_area .fontana-nexus-spa-system-wrapper .fff-header {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 28px;
    }
    #content_area .fontana-nexus-spa-system-wrapper .logo {
      display: flex;
      align-items: center;
      gap: 10px;
      font-weight: 700;
      font-size: 1.1rem;
      color: #1f3444;
    }
    #content_area .fontana-nexus-spa-system-wrapper .logo-mark {
      width: 32px;
      height: 32px;
      border-radius: 50%;
      background: linear-gradient(135deg, #c7e2f6, #7fb3dd);
      display: inline-flex;
      align-items: center;
      justify-content: center;
      color: #1f3444;
      font-size: 1rem;
      box-shadow: 0 6px 14px rgba(127, 179, 221, 0.25);
    }
    #content_area .fontana-nexus-spa-system-wrapper .top-nav {
      display: flex;
      gap: 18px;
      font-size: 1.1rem;
      color: #6b7280;
    }
    #content_area .fontana-nexus-spa-system-wrapper .top-nav a:hover {
      color: #5a8db5;
    }
    /* HERO / MAIN BANNER */
    #content_area .fontana-nexus-spa-system-wrapper .hero-banner {
      position: relative;
      overflow: hidden;
      border-radius: 24px;
      padding: 36px 32px;
      background: linear-gradient(135deg, #ffffff, #e0f6ff 60%, #c7e2f6);
      border: 1px solid #c7e2f6;
      color: #1f3444;
      box-shadow: 0 18px 40px rgba(15, 23, 42, 0.06);
      margin-bottom: 32px;
      display: grid;
      grid-template-columns: minmax(0, 1.6fr) minmax(0, 1.1fr);
      gap: 28px;
      align-items: center;
    }
    #content_area .fontana-nexus-spa-system-wrapper .hero-tag {
      font-size: 0.78rem;
      text-transform: uppercase;
      letter-spacing: 2px;
      font-weight: 600;
      margin-bottom: 10px;
      display: inline-flex;
      align-items: center;
      gap: 6px;
      color: #5a8db5;
    }
    #content_area .fontana-nexus-spa-system-wrapper .hero-tag span {
      /* width: 8px; */
      height: 8px;
      /* border-radius: 50%; */
      /* background: #7fb3dd; */
      font-size: 1rem;
    }
    #content_area .fontana-nexus-spa-system-wrapper h1 {
      font-size: 2.1rem;
      margin-bottom: 10px;
      line-height: 1.2;
      color: #1f3444;
    }
    #content_area .fontana-nexus-spa-system-wrapper .hero-subtitle {
      font-size: 0.98rem;
      max-width: 520px;
      color: #6b7280;
      margin-bottom: 18px;
    }
    #content_area .fontana-nexus-spa-system-wrapper .hero-badges {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      margin-bottom: 22px;
    }
    #content_area .fontana-nexus-spa-system-wrapper .hero-badge {
      padding: 6px 12px;
      border-radius: 999px;
      background: #ffffff;
      border: 1px solid #c7e2f6;
      color: #1f3444;
      font-size: 1rem;
      display: inline-flex;
      align-items: center;
      gap: 6px;
    }
    #content_area .fontana-nexus-spa-system-wrapper .hero-badge strong {
      font-weight: 600;
      color: #5a8db5;
    }
    #content_area .fontana-nexus-spa-system-wrapper .hero-cta {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      align-items: center;
    }
    #content_area .fontana-nexus-spa-system-wrapper .btn-primary {
      padding: 10px 20px;
      border-radius: 999px;
      background: linear-gradient(135deg, #e3f2fd, #c7e2f6);
      color: #1f3444;
      font-weight: 600;
      font-size: 1.1rem;
      border: 1px solid #c7e2f6;
      cursor: pointer;
      transition: transform 0.12s ease, box-shadow 0.12s ease, background 0.12s ease;
      box-shadow: 0 8px 18px rgba(127, 179, 221, 0.22);
    }
    #content_area .fontana-nexus-spa-system-wrapper .btn-primary:hover {
      transform: translateY(-1px);
      background: linear-gradient(135deg, #d6ecfb, #b5d8ef);
      border-color: #b5d8ef;
    }
    #content_area .fontana-nexus-spa-system-wrapper .btn-outline {
      padding: 9px 18px;
      border-radius: 999px;
      border: 1px solid #c7e2f6;
      background: #ffffff;
      color: #1f3444;
      font-size: 1.1rem;
      cursor: pointer;
    }
    #content_area .fontana-nexus-spa-system-wrapper .btn-outline:hover {
      background: #f5faff;
      border-color: #7fb3dd;
    }
    #content_area .fontana-nexus-spa-system-wrapper .hero-note {
      font-size: 1.1rem;
      color: #7c7c7c;
    }
    #content_area .fontana-nexus-spa-system-wrapper .hero-right {
      position: relative;
    }
    #content_area .fontana-nexus-spa-system-wrapper .hero-panel {
      background: #ffffff;
      border: 1px solid #c7e2f6;
      border-radius: 18px;
      padding: 16px 16px 18px;
      color: #1f3444;
      box-shadow: 0 14px 30px rgba(15, 23, 42, 0.08);
      position: relative;
      z-index: 2;
    }
    #content_area .fontana-nexus-spa-system-wrapper .hero-panel h2 {
      font-size: 1.05rem;
      margin-bottom: 6px;
      color: #1f3444;
    }
    #content_area .fontana-nexus-spa-system-wrapper .hero-panel p {
      font-size: 0.85rem;
      color: #6b7280;
      margin-bottom: 10px;
    }
    #content_area .fontana-nexus-spa-system-wrapper .hero-panel-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 10px;
      margin-bottom: 10px;
    }
    #content_area .fontana-nexus-spa-system-wrapper .hero-spec {
      background: #f5faff;
      border: 1px solid #dde3ec;
      border-radius: 12px;
      padding: 9px 10px;
      font-size: 0.78rem;
    }
    #content_area .fontana-nexus-spa-system-wrapper .hero-spec span {
      display: block;
      font-size: 1.1rem;
      color: #6b7280;
    }
    #content_area .fontana-nexus-spa-system-wrapper .hero-spec strong {
      font-size: 1.1rem;
      color: #1f3444;
    }
    #content_area .fontana-nexus-spa-system-wrapper .hero-floating-label {
      position: absolute;
      right: 0;
      top: -18px;
      background: linear-gradient(135deg, #e3f2fd, #c7e2f6);
      border: 1px solid #c7e2f6;
      color: #1f3444;
      padding: 7px 13px;
      border-radius: 999px;
      font-size: 1rem;
      font-weight: 600;
      box-shadow: 0 8px 20px rgba(127, 179, 221, 0.3);
      z-index: 10;
    }
    #content_area .fontana-nexus-spa-system-wrapper .hero-ambient {
      position: absolute;
      width: 140%;
      height: 140%;
      border-radius: 999px;
      background: radial-gradient(circle, rgba(127, 179, 221, 0.12), transparent 65%);
      top: -20%;
      left: -20%;
      opacity: 0.8;
      z-index: 1;
    }
    /* SECONDARY BANNERS */
    #content_area .fontana-nexus-spa-system-wrapper .banners-row {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 16px;
      margin-bottom: 32px;
    }
    #content_area .fontana-nexus-spa-system-wrapper .banner-card {
      background: #ffffff;
      border: 1px solid #e5e7eb;
      border-radius: 18px;
      padding: 16px 16px 18px;
      box-shadow: 0 12px 30px rgba(15, 23, 42, 0.05);
      position: relative;
      overflow: hidden;
    }
    #content_area .fontana-nexus-spa-system-wrapper .banner-tag {
      font-size: 1.1rem;
      text-transform: uppercase;
      letter-spacing: 1.5px;
      color: #5a8db5;
      margin-bottom: 6px;
      font-weight: 700;
    }
    #content_area .fontana-nexus-spa-system-wrapper .banner-card h2,
    #content_area .fontana-nexus-spa-system-wrapper .banner-card h3 {
      font-size: 1.6rem;
      margin-bottom: 6px;
      color: #1f3444;
    }
    #content_area .fontana-nexus-spa-system-wrapper .banner-card p {
      font-size: 0.78rem;
      color: #6b7280;
      margin-bottom: 10px;
    }
    #content_area .fontana-nexus-spa-system-wrapper .banner-pill {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      font-size: 1rem;
      background: #f5faff;
      border: 1px solid #c7e2f6;
      color: #5a8db5;
      padding: 5px 10px;
      border-radius: 999px;
      font-weight: 600;
    }
    #content_area .fontana-nexus-spa-system-wrapper .banner-metric {
      position: absolute;
      right: 12px;
      bottom: 12px;
      font-size: 1.1rem;
      color: #6b7280;
      text-align: right;
    }
    #content_area .fontana-nexus-spa-system-wrapper .banner-metric strong {
      display: block;
      font-size: 1.2rem;
      color: #5a8db5;
    }
    /* SECTION BASE */
    #content_area .fontana-nexus-spa-system-wrapper section {
      margin-bottom: 36px;
    }
    #content_area .fontana-nexus-spa-system-wrapper .section-header {
      display: flex;
      align-items: baseline;
      justify-content: space-between;
      gap: 12px;
      margin-bottom: 16px;
      flex-wrap: wrap;
    }
    #content_area .fontana-nexus-spa-system-wrapper .section-header h2 {
      font-size: 1.35rem;
      color: #1f3444;
    }
    #content_area .fontana-nexus-spa-system-wrapper .section-header p {
      font-size: 0.85rem;
      color: #6b7280;
      /* max-width: 540px; */
    }
    /* TYPOGRAPHY H2–H5 */
    #content_area .fontana-nexus-spa-system-wrapper h2 {
      font-size: 1.3rem;
      margin-bottom: 8px;
      color: #1f3444;
    }
    #content_area .fontana-nexus-spa-system-wrapper h3 {
      font-size: 1.5rem;
      margin-bottom: 6px;
      color: #1f3444;
    }
    #content_area .fontana-nexus-spa-system-wrapper h4 {
      font-size: 1.5rem;
      margin-bottom: 4px;
      color: #1f3444;
    }
    #content_area .fontana-nexus-spa-system-wrapper h5 {
      font-size: 1.4rem;
      margin-bottom: 4px;
      text-transform: uppercase;
      letter-spacing: 1px;
      color: #5a8db5;
      font-weight: 700;
    }
    /* GRID / CARDS */
    #content_area .fontana-nexus-spa-system-wrapper .grid-3 {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 18px;
    }
    #content_area .fontana-nexus-spa-system-wrapper .grid-2 {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 18px;
    }
    #content_area .fontana-nexus-spa-system-wrapper .card {
      background: #ffffff;
      border: 1px solid #e5e7eb;
      border-radius: 18px;
      padding: 16px 16px 18px;
      box-shadow: 0 12px 30px rgba(15, 23, 42, 0.05);
    }
    #content_area .fontana-nexus-spa-system-wrapper .card-muted {
      background: #f5faff;
      border-color: #c7e2f6;
    }
    #content_area .fontana-nexus-spa-system-wrapper .card h3 {
      margin-bottom: 6px;
    }
    #content_area .fontana-nexus-spa-system-wrapper .card p {
      font-size: 0.83rem;
      color: #6b7280;
    }
    #content_area .fontana-nexus-spa-system-wrapper .pill {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      font-size: 1.1rem;
      text-transform: uppercase;
      letter-spacing: 1.4px;
      color: #5a8db5;
      margin-bottom: 10px;
      font-weight: 700;
    }
    #content_area .fontana-nexus-spa-system-wrapper .pill-dot {
      width: 6px;
      height: 6px;
      border-radius: 50%;
      background: #7fb3dd;
    }
    #content_area .fontana-nexus-spa-system-wrapper ul {
      list-style: none;
      padding-left: 0;
    }
    #content_area .fontana-nexus-spa-system-wrapper .list-check li {
      position: relative;
      padding-left: 22px;
      font-size: 0.85rem;
      margin-bottom: 6px;
      color: #4b5563;
    }
    #content_area .fontana-nexus-spa-system-wrapper .list-check li::before {
      content: "✓";
      position: absolute;
      left: 0;
      font-size: 0.85rem;
      color: #7fb3dd;
      font-weight: 700;
    }
    /* TECH + SPEC TABLES */
    #content_area .fontana-nexus-spa-system-wrapper .spec-table {
      width: 100%;
      border-collapse: collapse;
      font-size: 1.2rem;
      margin-top: 10px;
    }
    #content_area .fontana-nexus-spa-system-wrapper .spec-table th,
    #content_area .fontana-nexus-spa-system-wrapper .spec-table td {
      border-bottom: 1px solid #e5e7eb;
      padding: 8px 6px;
      text-align: left;
    }
    #content_area .fontana-nexus-spa-system-wrapper .spec-table th {
      font-weight: 700;
      color: #5a8db5;
      font-size: 1.1rem;
      text-transform: uppercase;
      letter-spacing: 0.08em;
      background: #f5faff;
    }
    #content_area .fontana-nexus-spa-system-wrapper .spec-table td.label {
      font-weight: 600;
      width: 40%;
      color: #1f3444;
    }
    /* CTA FOOTER BANNER */
    #content_area .fontana-nexus-spa-system-wrapper .cta-banner {
      background: linear-gradient(135deg, #ffffff, #e0f6ff);
      border: 1px solid #c7e2f6;
      border-radius: 22px;
      padding: 24px 22px;
      color: #1f3444;
      display: grid;
      grid-template-columns: minmax(0, 2.1fr) minmax(0, 1.4fr);
      gap: 22px;
      align-items: center;
      box-shadow: 0 12px 30px rgba(15, 23, 42, 0.06);
    }
    #content_area .fontana-nexus-spa-system-wrapper .cta-banner h3 {
      font-size: 1.5rem;
      margin-bottom: 6px;
      color: #1f3444;
      font-weight: 700;
    }
    #content_area .fontana-nexus-spa-system-wrapper .cta-banner p {
      font-size: 0.85rem;
      color: #6b7280;
    }
    #content_area .fontana-nexus-spa-system-wrapper .cta-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      align-items: center;
      justify-content: flex-end;
    }
    #content_area .fontana-nexus-spa-system-wrapper .cta-pill {
      border-radius: 999px;
      padding: 6px 12px;
      border: 1px dashed #c7e2f6;
      background: #ffffff;
      font-size: 1rem;
      color: #5a8db5;
      font-weight: 600;
    }
    #content_area .fontana-nexus-spa-system-wrapper .fff-footer {
      margin-top: 26px;
      font-size: 0.75rem;
      color: #6b7280;
      text-align: center;
    }
    #content_area .fontana-nexus-spa-system-wrapper .fff-footer a {
      color: #5a8db5;
    }
    /* RESPONSIVE */
    @media (max-width: 900px) {
      #content_area .fontana-nexus-spa-system-wrapper .hero-banner {
        grid-template-columns: minmax(0, 1fr);
      }
      #content_area .fontana-nexus-spa-system-wrapper .hero-right {
        order: -1;
      }
      #content_area .fontana-nexus-spa-system-wrapper .banners-row,
      #content_area .fontana-nexus-spa-system-wrapper .grid-3,
      #content_area .fontana-nexus-spa-system-wrapper .grid-2,
      #content_area .fontana-nexus-spa-system-wrapper .cta-banner {
        grid-template-columns: minmax(0, 1fr);
      }
      #content_area .fontana-nexus-spa-system-wrapper .section-header {
        flex-direction: column;
        align-items: flex-start;
      }
      #content_area .fontana-nexus-spa-system-wrapper .fff-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
      }
    }
    @media (max-width: 600px) {
      #content_area .fontana-nexus-spa-system-wrapper .hero-banner {
        padding: 22px 18px;
      }
      #content_area .fontana-nexus-spa-system-wrapper .page-wrapper {
        padding-inline: 16px;
      }
      #content_area .fontana-nexus-spa-system-wrapper h1 {
        font-size: 1.6rem;
      }
    }
/* Category 10022 -- (https://www.fontanashowers.com/Fontana-Nexus-Spa-System-s/10022.htm) at 02-12-2025 End Here*/

/* Category 10023 -- (https://www.fontanashowers.com/Fontana-Cylindra-Wall-Mount-s/10023.htm) at 02-12-2025 Start Here*/
#content_area .fs-fontana-cylindra-wall-mount-wrapper {
      font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
      /* background: #f5faff; */
      color: #1f3444;
      line-height: 1.6;
    }
    #content_area .fs-fontana-cylindra-wall-mount-wrapper a {
      text-decoration: none;
      color: inherit;
    }
    #content_area .fs-fontana-cylindra-wall-mount-wrapper .fff-header {
      background: linear-gradient(135deg, #ffffff, #e0f6ff);
      padding: 22px 6vw;
      border-bottom: 1px solid #c7e2f6;
      position: sticky;
      top: 0;
      z-index: 1000;
      box-shadow: 0 8px 24px rgba(15, 23, 42, 0.05);
    }
    #content_area .fs-fontana-cylindra-wall-mount-wrapper .top-bar {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 24px;
      flex-wrap: wrap;
    }
    #content_area .fs-fontana-cylindra-wall-mount-wrapper .logo {
      font-weight: 700;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      font-size: 0.9rem;
      display: flex;
      align-items: center;
      gap: 10px;
      color: #1f3444;
    }
    #content_area .fs-fontana-cylindra-wall-mount-wrapper .logo-mark {
      width: 26px;
      height: 26px;
      border-radius: 999px;
      background: radial-gradient(circle at 30% 20%, #ffffff, #c7e2f6, #7fb3dd);
      display: inline-block;
      box-shadow: 0 0 0 3px rgba(127, 179, 221, 0.25);
    }
    #content_area .fs-fontana-cylindra-wall-mount-wrapper nav ul {
      list-style: none;
      display: flex;
      gap: 24px;
      font-size: 0.9rem;
      color: #5a8db5;
      flex-wrap: wrap;
    }
    #content_area .fs-fontana-cylindra-wall-mount-wrapper nav li {
      cursor: pointer;
      font-weight: 500;
    }
    #content_area .fs-fontana-cylindra-wall-mount-wrapper nav li:hover {
      color: #1f3444;
    }
    #content_area .fs-fontana-cylindra-wall-mount-wrapper .cta-btn {
      padding: 9px 18px;
      border-radius: 999px;
      border: 1px solid #c7e2f6;
      background: #ffffff;
      color: #1f3444;
      font-size: 0.85rem;
      text-transform: uppercase;
      letter-spacing: 0.08em;
      cursor: pointer;
      transition: all 0.15s ease;
    }
    #content_area .fs-fontana-cylindra-wall-mount-wrapper .cta-btn:hover {
      background: #f5faff;
      border-color: #7fb3dd;
    }
    #content_area .fs-fontana-cylindra-wall-mount-wrapper .cta-btn.accent {
      background: linear-gradient(135deg, #e3f2fd, #c7e2f6);
      border: 1px solid #c7e2f6;
      color: #1f3444;
      box-shadow: 0 10px 24px rgba(127, 179, 221, 0.25);
      font-weight: 600;
    }
    #content_area .fs-fontana-cylindra-wall-mount-wrapper .cta-btn.accent:hover {
      background: linear-gradient(135deg, #d6ecfb, #b5d8ef);
      border-color: #b5d8ef;
    }
    #content_area .fs-fontana-cylindra-wall-mount-wrapper .fff-main {
      padding: 40px 6vw 80px;
    }
    /* HERO / MAIN BANNER */
    #content_area .fs-fontana-cylindra-wall-mount-wrapper .hero {
      display: grid;
      grid-template-columns: minmax(0, 3fr) minmax(0, 2.5fr);
      gap: 40px;
      align-items: center;
      margin-bottom: 60px;
    }
    #content_area .fs-fontana-cylindra-wall-mount-wrapper .hero-banner {
      position: relative;
      padding: 30px;
      border-radius: 28px;
      background: linear-gradient(135deg, #ffffff, #e0f6ff);
      box-shadow: 0 18px 40px rgba(15, 23, 42, 0.06);
      border: 1px solid #c7e2f6;
      overflow: hidden;
    }
    #content_area .fs-fontana-cylindra-wall-mount-wrapper .hero-badge {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      font-size: 0.8rem;
      padding: 7px 15px;
      border-radius: 999px;
      background: #ffffff;
      border: 1px solid #c7e2f6;
      color: #5a8db5;
      margin-bottom: 16px;
      text-transform: uppercase;
      letter-spacing: 0.12em;
      font-weight: 600;
    }
    #content_area .fs-fontana-cylindra-wall-mount-wrapper .hero-badge-dot {
      width: 9px;
      height: 9px;
      border-radius: 999px;
      background: #22c55e;
      box-shadow: 0 0 12px rgba(34, 197, 94, 0.4);
    }
    #content_area .fs-fontana-cylindra-wall-mount-wrapper h1 {
      font-size: 2.4rem;
      margin-bottom: 12px;
      letter-spacing: -0.03em;
      color: #1f3444;
    }
    #content_area .fs-fontana-cylindra-wall-mount-wrapper .hero-subtitle {
      font-size: 1.05rem;
      /* max-width: 32rem; */
      color: #6b7280;
      margin-bottom: 26px;
    }
    #content_area .fs-fontana-cylindra-wall-mount-wrapper .hero-metrics {
      display: flex;
      flex-wrap: wrap;
      gap: 22px;
      font-size: 0.8rem;
      text-transform: uppercase;
      letter-spacing: 0.16em;
      color: #6b7280;
      margin-top: 24px;
    }
    #content_area .fs-fontana-cylindra-wall-mount-wrapper .hero-metric span {
      display: block;
      font-size: 12px;
      font-weight: 700;
      color: #1f3444;
      letter-spacing: 0;
    }
    #content_area .fs-fontana-cylindra-wall-mount-wrapper .hero-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 14px;
      margin-top: 20px;
    }
    #content_area .fs-fontana-cylindra-wall-mount-wrapper .hero-tagline {
      font-size: 0.8rem;
      text-transform: uppercase;
      letter-spacing: 0.14em;
      color: #5a8db5;
      margin-bottom: 8px;
      font-weight: 600;
    }
    #content_area .fs-fontana-cylindra-wall-mount-wrapper .hero-secondary {
      font-size: 0.85rem;
      color: #6b7280;
    }
    #content_area .fs-fontana-cylindra-wall-mount-wrapper .hero-visual {
      position: relative;
    }
    #content_area .fs-fontana-cylindra-wall-mount-wrapper .hero-visual-card {
      border-radius: 28px;
      padding: 22px 22px 26px;
      background: linear-gradient(135deg, #e3f2fd, #ffffff 50%, #c7e2f6);
      border: 1px solid #c7e2f6;
      box-shadow: 0 18px 40px rgba(15, 23, 42, 0.08);
      position: relative;
      overflow: hidden;
    }
    #content_area .fs-fontana-cylindra-wall-mount-wrapper .hero-visual-header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 14px;
      font-size: 10px;
      color: #1f3444;
      gap: 10px;
      flex-wrap: wrap;
    }
    #content_area .fs-fontana-cylindra-wall-mount-wrapper .hero-visual-badge {
      font-size: 10px;
      padding: 5px 11px;
      border-radius: 999px;
      background: #ffffff;
      border: 1px solid #c7e2f6;
      color: #5a8db5;
      text-transform: uppercase;
      letter-spacing: 0.16em;
      font-weight: 600;
    }
    #content_area .fs-fontana-cylindra-wall-mount-wrapper .faucet-silhouette {
      margin-top: 10px;
      height: 190px;
      border-radius: 22px;
      background:
        radial-gradient(circle at 20% 0%, rgba(255, 255, 255, 0.6), transparent 60%),
        linear-gradient(135deg, #f5faff, #c7e2f6 50%, #7fb3dd);
      border: 1px solid #c7e2f6;
      position: relative;
      overflow: hidden;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    #content_area .fs-fontana-cylindra-wall-mount-wrapper .faucet-shape {
      width: 65%;
      height: 70%;
      border-radius: 45px;
      border: 2px solid rgba(31, 52, 68, 0.5);
      border-top-width: 5px;
      border-left-width: 4px;
      border-right-width: 4px;
      border-bottom-width: 4px;
      transform: translateY(8px);
      position: relative;
      box-shadow:
        0 0 25px rgba(127, 179, 221, 0.5),
        0 0 60px rgba(255, 255, 255, 0.5);
    }
    #content_area .fs-fontana-cylindra-wall-mount-wrapper .faucet-shape::before {
      content: "";
      position: absolute;
      width: 40%;
      height: 20%;
      border-radius: 30px;
      border: 3px solid rgba(31, 52, 68, 0.55);
      border-bottom: none;
      top: -15%;
      left: 50%;
      transform: translateX(-50%);
      box-shadow: 0 0 18px rgba(199, 226, 246, 0.7);
    }
    #content_area .fs-fontana-cylindra-wall-mount-wrapper .faucet-shape::after {
      content: "";
      position: absolute;
      width: 22%;
      height: 7%;
      border-radius: 999px;
      background: rgba(31, 52, 68, 0.7);
      border: 2px solid rgba(255, 255, 255, 0.7);
      bottom: -12%;
      left: 50%;
      transform: translateX(-50%);
      box-shadow: 0 10px 24px rgba(15, 23, 42, 0.15);
    }
    #content_area .fs-fontana-cylindra-wall-mount-wrapper .vessel-sink {
      position: absolute;
      width: 85%;
      height: 30%;
      border-radius: 999px;
      border: 2px solid rgba(31, 52, 68, 0.5);
      bottom: -8%;
      left: 50%;
      transform: translateX(-50%);
      background: radial-gradient(circle at 50% 30%, rgba(255, 255, 255, 0.7), rgba(127, 179, 221, 0.5));
      box-shadow:
        0 -4px 16px rgba(127, 179, 221, 0.4),
        0 20px 40px rgba(15, 23, 42, 0.15);
    }
    #content_area .fs-fontana-cylindra-wall-mount-wrapper .hero-visual-footer {
      display: flex;
      justify-content: space-between;
      gap: 16px;
      margin-top: 16px;
      font-size: 10px;
      color: #1f3444;
      flex-wrap: wrap;
    }
    #content_area .fs-fontana-cylindra-wall-mount-wrapper .hero-visual-footer small {
      display: block;
      font-size: 10px;
      color: #5a8db5;
      text-transform: uppercase;
      letter-spacing: 0.14em;
      font-weight: 600;
      margin-bottom: 2px;
    }
    /* SECTION STYLES */
    #content_area .fs-fontana-cylindra-wall-mount-wrapper section {
      margin-bottom: 60px;
    }
    #content_area .fs-fontana-cylindra-wall-mount-wrapper h2 {
      font-size: 1.7rem;
      margin-bottom: 14px;
      letter-spacing: -0.02em;
      color: #1f3444;
    }
    #content_area .fs-fontana-cylindra-wall-mount-wrapper h3 {
      font-size: 15px;
      margin-bottom: 8px;
      color: #1f3444;
      font-weight: 800;
    }
    #content_area .fs-fontana-cylindra-wall-mount-wrapper h4 {
      font-size: 15px;
      margin-bottom: 6px;
      color: #1f3444;
      font-weight: 700;
    }

h4 {}
    #content_area .fs-fontana-cylindra-wall-mount-wrapper h5 {
      font-size: 16px;
      text-transform: uppercase;
      letter-spacing: 0.16em;
      margin-bottom: 4px;
      color: #5a8db5;
      font-weight: 700;
    }
    #content_area .fs-fontana-cylindra-wall-mount-wrapper p {
      font-size: 0.96rem;
      color: #4b5563;
      margin-bottom: 10px;
    }
    #content_area .fs-fontana-cylindra-wall-mount-wrapper .grid-3 {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 22px;
    }
    #content_area .fs-fontana-cylindra-wall-mount-wrapper .grid-2 {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 22px;
    }
    #content_area .fs-fontana-cylindra-wall-mount-wrapper .card {
      background: #ffffff;
      border-radius: 22px;
      border: 1px solid #c7e2f6;
      padding: 20px 20px 22px;
      box-shadow: 0 14px 30px rgba(15, 23, 42, 0.06);
    }
    #content_area .fs-fontana-cylindra-wall-mount-wrapper .card-muted {
      background: linear-gradient(135deg, #ffffff, #f5faff);
      border-radius: 18px;
      border: 1px solid #c7e2f6;
      padding: 18px 18px 20px;
    }
    #content_area .fs-fontana-cylindra-wall-mount-wrapper .pill {
      display: inline-flex;
      padding: 5px 11px;
      border-radius: 999px;
      border: 1px solid #c7e2f6;
      background: #f5faff;
      font-size: 0.7rem;
      text-transform: uppercase;
      letter-spacing: 0.18em;
      color: #5a8db5;
      margin-bottom: 8px;
      font-weight: 600;
    }
    #content_area .fs-fontana-cylindra-wall-mount-wrapper .spec-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 12px 24px;
      font-size: 0.9rem;
      margin-top: 12px;
    }
    #content_area .fs-fontana-cylindra-wall-mount-wrapper .spec-label {
      text-transform: uppercase;
      letter-spacing: 0.14em;
      font-size: 10px;
      color: #5a8db5;
      font-weight: 600;
    }
    #content_area .fs-fontana-cylindra-wall-mount-wrapper .spec-value {
      font-weight: 600;
      color: #1f3444;
      font-size: 11px;
    }
    /* BANNERS */
    #content_area .fs-fontana-cylindra-wall-mount-wrapper .banner {
      border-radius: 20px;
      padding: 22px 22px;
      background: linear-gradient(135deg, #ffffff, #e0f6ff);
      border: 1px solid #c7e2f6;
      margin-bottom: 26px;
      display: flex;
      justify-content: space-between;
      gap: 16px;
      align-items: center;
      flex-wrap: wrap;
      box-shadow: 0 14px 30px rgba(15, 23, 42, 0.06);
    }
    #content_area .fs-fontana-cylindra-wall-mount-wrapper .banner strong {
      display: block;
      font-size: 16px;
      text-transform: uppercase;
      letter-spacing: 0.18em;
      margin-bottom: 6px;
      color: #5a8db5;
      font-weight: 700;
    }
    #content_area .fs-fontana-cylindra-wall-mount-wrapper .banner p {
      margin: 0;
      font-size: 0.9rem;
      color: #6b7280;
    }
    #content_area .fs-fontana-cylindra-wall-mount-wrapper .banner-cta {
      white-space: nowrap;
      font-size: 12px;
      padding: 10px 18px;
      border-radius: 999px;
      border: 1px solid #c7e2f6;
      text-transform: uppercase;
      letter-spacing: 0.16em;
      background: #ffffff;
      color: #1f3444;
      font-weight: 600;
      cursor: pointer;
    }
    #content_area .fs-fontana-cylindra-wall-mount-wrapper .banner-cta:hover {
      background: #f5faff;
      border-color: #7fb3dd;
    }
    #content_area .fs-fontana-cylindra-wall-mount-wrapper .secondary-banner {
      border-radius: 18px;
      padding: 16px 18px;
      background: linear-gradient(90deg, #ffffff, #e0f6ff);
      border: 1px solid #c7e2f6;
      margin: 24px 0 14px;
      font-size: 0.85rem;
      color: #1f3444;
      display: flex;
      justify-content: space-between;
      gap: 12px;
      align-items: center;
      flex-wrap: wrap;
    }
    /* TABLES & LISTS */
    #content_area .fs-fontana-cylindra-wall-mount-wrapper table {
      width: 100%;
      border-collapse: collapse;
      margin-top: 12px;
      font-size: 12px;
    }
    #content_area .fs-fontana-cylindra-wall-mount-wrapper th,
	#content_area .fs-fontana-cylindra-wall-mount-wrapper td {
      padding: 10px 10px;
      border-bottom: 1px solid #e5e7eb;
      color: #4b5563;
      text-align: left;
    }
    #content_area .fs-fontana-cylindra-wall-mount-wrapper th {
      font-size: 10px;
      text-transform: uppercase;
      letter-spacing: 0.14em;
      color: #5a8db5;
      background: #f5faff;
      font-weight: 700;
    }
    #content_area .fs-fontana-cylindra-wall-mount-wrapper tbody tr:nth-child(even) {
      background: #f9fafb;
    }
    #content_area .fs-fontana-cylindra-wall-mount-wrapper ul {
      padding-left: 18px;
      margin-bottom: 12px;
    }
    #content_area .fs-fontana-cylindra-wall-mount-wrapper li {
      margin-bottom: 6px;
      font-size: 0.95rem;
      color: #4b5563;
    }
    #content_area .fs-fontana-cylindra-wall-mount-wrapper .fff-footer {
      padding: 24px 6vw 36px;
      border-top: 1px solid #e5e7eb;
      font-size: 0.8rem;
      color: #6b7280;
      background: #ffffff;
    }
    #content_area .fs-fontana-cylindra-wall-mount-wrapper .fff-footer strong {
      color: #1f3444;
    }
    @media (max-width: 960px) {
      #content_area .fs-fontana-cylindra-wall-mount-wrapper .hero {
        grid-template-columns: 1fr;
      }
      #content_area .fs-fontana-cylindra-wall-mount-wrapper .hero-visual {
        order: -1;
      }
      #content_area .fs-fontana-cylindra-wall-mount-wrapper .grid-3,
	  #content_area .fs-fontana-cylindra-wall-mount-wrapper .grid-2 {
        grid-template-columns: 1fr;
      }
      #content_area .fs-fontana-cylindra-wall-mount-wrapper .fff-header {
        position: static;
      }
      #content_area .fs-fontana-cylindra-wall-mount-wrapper .top-bar {
        flex-direction: column;
        align-items: flex-start;
      }
      #content_area .fs-fontana-cylindra-wall-mount-wrapper nav ul {
        flex-wrap: wrap;
      }
      #content_area .fs-fontana-cylindra-wall-mount-wrapper .banner,
	  #content_area .fs-fontana-cylindra-wall-mount-wrapper .secondary-banner {
        flex-direction: column;
        align-items: flex-start;
      }
    }
/* Category 10023 -- (https://www.fontanashowers.com/Fontana-Cylindra-Wall-Mount-s/10023.htm) at 02-12-2025 End Here*/

/* Category 2089 -- hotel-commercial-wall-soap-shampoo-dispenser (https://www.fontanashowers.com/hotel-commercial-wall-soap-shampoo-dispenser-s/2089.htm) at 22-12-2025 Start Here*/
/*Part 0ne Top*/
#content_area .commercial-restrooms-touchless-hygiene-wrapper .fs2{max-width:1180px;margin:0 auto;padding:14px;font-family:Arial,Helvetica,sans-serif;line-height:1.7;color:#111}
#content_area .commercial-restrooms-touchless-hygiene-wrapper .fs2 *{box-sizing:border-box}
#content_area .commercial-restrooms-touchless-hygiene-wrapper .fs2 img{max-width:100%;height:auto;display:block}
#content_area .commercial-restrooms-touchless-hygiene-wrapper .fs2 a{color:#111;text-decoration:none;border-bottom:1px solid rgba(0,0,0,.25)}
#content_area .commercial-restrooms-touchless-hygiene-wrapper .fs2 a:hover{border-bottom-color:#111}
/* tighter vertical rhythm */
#content_area .commercial-restrooms-touchless-hygiene-wrapper .fs2 h1,
#content_area .commercial-restrooms-touchless-hygiene-wrapper .fs2 h2,
#content_area .commercial-restrooms-touchless-hygiene-wrapper .fs2 h3,
#content_area .commercial-restrooms-touchless-hygiene-wrapper .fs2 p,
#content_area .commercial-restrooms-touchless-hygiene-wrapper .fs2 ul{margin:0}
#content_area .commercial-restrooms-touchless-hygiene-wrapper .fs2 p{margin-top:10px}
#content_area .commercial-restrooms-touchless-hygiene-wrapper .fs2 h1{font-size:34px;line-height:1.12;font-weight:900;letter-spacing:-0.02em;margin-top:6px}
#content_area .commercial-restrooms-touchless-hygiene-wrapper .fs2 h2{font-size:20px;line-height:1.22;font-weight:900;letter-spacing:-0.01em;margin-top:14px}
#content_area .commercial-restrooms-touchless-hygiene-wrapper .fs2 h3{font-size:15px;line-height:1.25;font-weight:900;margin-top:12px}
#content_area .commercial-restrooms-touchless-hygiene-wrapper .fs2 .fs2-kicker{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:rgba(0,0,0,.65)}
#content_area .commercial-restrooms-touchless-hygiene-wrapper .fs2 .fs2-sub{margin-top:8px;color:rgba(0,0,0,.65);font-size:15px}
#content_area .commercial-restrooms-touchless-hygiene-wrapper .fs2-card{background:#fff;border:1px solid rgba(0,0,0,.10);border-radius:18px;box-shadow:0 14px 40px rgba(0,0,0,.08)}
#content_area .commercial-restrooms-touchless-hygiene-wrapper .fs2-pad{padding:16px}
#content_area .commercial-restrooms-touchless-hygiene-wrapper .fs2-rule{height:1px;background:rgba(0,0,0,.10);margin:14px 0}
/* HERO: keep it tight */
#content_area .commercial-restrooms-touchless-hygiene-wrapper .fs2-hero{
display:grid;
grid-template-columns: 1.05fr .95fr;
gap:14px;
align-items:stretch;
}
#content_area .commercial-restrooms-touchless-hygiene-wrapper .fs2-heroMedia{
border-radius:18px;
overflow:hidden;
border:1px solid rgba(0,0,0,.10);
background:#fff;
min-height:220px;
}
#content_area .commercial-restrooms-touchless-hygiene-wrapper .fs2-heroMedia a{border-bottom:none}
#content_area .commercial-restrooms-touchless-hygiene-wrapper .fs2-heroMedia img{width:100%;height:100%;object-fit:cover}
#content_area .commercial-restrooms-touchless-hygiene-wrapper .fs2-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
#content_area .commercial-restrooms-touchless-hygiene-wrapper .fs2-badge{border:1px solid rgba(0,0,0,.10);background:#fff;border-radius:999px;padding:7px 10px;font-size:12px;color:rgba(0,0,0,.65)}
/* content + sidebar */
#content_area .commercial-restrooms-touchless-hygiene-wrapper .fs2-layout{
display:grid;
grid-template-columns: 1fr 360px;
gap:14px;
align-items:start;
margin-top:14px;
}
#content_area .commercial-restrooms-touchless-hygiene-wrapper .fs2-sticky{
position:sticky;
top:12px;
}
/* image grid blocks */
#content_area .commercial-restrooms-touchless-hygiene-wrapper .fs2-imgGrid2{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}
#content_area .commercial-restrooms-touchless-hygiene-wrapper .fs2-imgFrame{
border:1px solid rgba(0,0,0,.10);
border-radius:14px;
overflow:hidden;
background:#fff;
}
#content_area .commercial-restrooms-touchless-hygiene-wrapper .fs2-imgFrame img{width:100%;height:190px;object-fit:cover}
/* compact highlight box */
#content_area .commercial-restrooms-touchless-hygiene-wrapper .fs2-callout{
background:rgba(0,0,0,.04);
border:1px solid rgba(0,0,0,.10);
border-radius:14px;
padding:12px;
margin-top:12px;
}
/* list styling */
#content_area .commercial-restrooms-touchless-hygiene-wrapper .fs2 ul{margin-top:10px;padding-left:18px}
#content_area .commercial-restrooms-touchless-hygiene-wrapper .fs2 li{margin:6px 0}
/* products (avoid giant gaps) */
#content_area .commercial-restrooms-touchless-hygiene-wrapper .fs2-products{
display:grid;
grid-template-columns: 1fr;
gap:10px;
margin-top:12px;
}
#content_area .commercial-restrooms-touchless-hygiene-wrapper .fs2-prod{
border:1px solid rgba(0,0,0,.10);
border-radius:18px;
overflow:hidden;
background:#fff;
}
.fs2-prodTop{
display:grid;
grid-template-columns: 120px 1fr;
gap:12px;
padding:12px;
align-items:center;
}
.fs2-prodImg{
width:120px;height:120px;
border:1px solid rgba(0,0,0,.10);
border-radius:14px;
overflow:hidden;
background:#fff;
}
#content_area .commercial-restrooms-touchless-hygiene-wrapper .fs2-prodImg img{width:100%;height:100%;object-fit:cover}
#content_area .commercial-restrooms-touchless-hygiene-wrapper .fs2-prodTitle{font-weight:900;letter-spacing:-0.01em}
#content_area .commercial-restrooms-touchless-hygiene-wrapper .fs2-prodDesc{color:rgba(0,0,0,.65);font-size:14px;margin-top:6px}
#content_area .commercial-restrooms-touchless-hygiene-wrapper .fs2-prodLink{margin-top:8px;font-size:13px;display:inline-block;border-bottom:1px solid rgba(0,0,0,.25)}
#content_area .commercial-restrooms-touchless-hygiene-wrapper .fs2-prodLink:hover{border-bottom-color:#111}
#content_area .commercial-restrooms-touchless-hygiene-wrapper .fs2-prodBody{padding:0 12px 12px}
/* “See More” header (your look, tighter) */
#content_area .commercial-restrooms-touchless-hygiene-wrapper .fs2-heading{
display:flex;
gap:12px;
align-items:center;
padding:12px;
border:1px solid rgba(0,0,0,.10);
border-radius:18px;
background:linear-gradient(180deg, rgba(0,0,0,.03), rgba(0,0,0,0));
}
#content_area .commercial-restrooms-touchless-hygiene-wrapper .fs2-headingLogo{
width:44px;height:44px;border-radius:12px;overflow:hidden;border:1px solid rgba(0,0,0,.10);background:#fff;
flex:0 0 auto;
}
#content_area .commercial-restrooms-touchless-hygiene-wrapper .fs2-headingLogo img{width:100%;height:100%;object-fit:cover}
#content_area .commercial-restrooms-touchless-hygiene-wrapper .fs2-headingText{min-width:0}
#content_area .commercial-restrooms-touchless-hygiene-wrapper .fs2-headingTop{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:rgba(0,0,0,.65)}
#content_area .commercial-restrooms-touchless-hygiene-wrapper .fs2-headingMain{font-size:20px;font-weight:900;letter-spacing:-0.02em;margin-top:2px}
#content_area .commercial-restrooms-touchless-hygiene-wrapper .fs2-headingSub{font-size:13px;color:rgba(0,0,0,.65);margin-top:2px}
/* reviews: compact cards */
#content_area .commercial-restrooms-touchless-hygiene-wrapper .fs2-reviews{display:grid;grid-template-columns:1fr;gap:10px;margin-top:12px}
#content_area .commercial-restrooms-touchless-hygiene-wrapper .fs2-review{
border:1px solid rgba(0,0,0,.10);
border-radius:18px;
padding:12px;
background:rgba(0,0,0,.04);
}
#content_area .commercial-restrooms-touchless-hygiene-wrapper .fs2-reviewTitle{font-weight:900}
#content_area .commercial-restrooms-touchless-hygiene-wrapper .fs2-reviewMeta{color:rgba(0,0,0,.65);font-size:13px;margin-top:6px}
#content_area .commercial-restrooms-touchless-hygiene-wrapper .fs2-reviewQuote{margin-top:8px}
/* right sidebar link cards (turn those endless <p> into clean cards) */
#content_area .commercial-restrooms-touchless-hygiene-wrapper .fs2-links p{
border:1px solid rgba(0,0,0,.10);
border-radius:18px;
padding:12px;
background:#fff;
margin-top:10px;
}
#content_area .commercial-restrooms-touchless-hygiene-wrapper .fs2-links img{
border:1px solid rgba(0,0,0,.10);
border-radius:14px;
margin-top:10px;
width:100%;
height:auto;
}
/* responsive */
@media (max-width:980px){
#content_area .commercial-restrooms-touchless-hygiene-wrapper .fs2-hero{grid-template-columns:1fr}
#content_area .commercial-restrooms-touchless-hygiene-wrapper .fs2-layout{grid-template-columns:1fr}
#content_area .commercial-restrooms-touchless-hygiene-wrapper .fs2-sticky{position:static}
#content_area .commercial-restrooms-touchless-hygiene-wrapper .fs2-imgFrame img{height:180px}
#content_area .commercial-restrooms-touchless-hygiene-wrapper .fs2-prodTop{grid-template-columns: 110px 1fr}
#content_area .commercial-restrooms-touchless-hygiene-wrapper .fs2-prodImg{width:110px;height:110px}
}
/*Part Two bottom*/
#content_area .commercial-use-fs-page-wrapper .fs-page{
background:#f6f7f9;
color:#111;
font-family:Arial,Helvetica,sans-serif;
line-height:1.65;
padding:18px 0;
}
#content_area .commercial-use-fs-page-wrapper .fs-wrap{
max-width:1180px;
margin:0 auto;
padding:0 16px;
}
#content_area .commercial-use-fs-page-wrapper .fs-card{
background:#ffffff;
border:1px solid rgba(0,0,0,.10);
border-radius:18px;
box-shadow:0 14px 40px rgba(0,0,0,.08);
overflow:hidden;
}
#content_area .commercial-use-fs-page-wrapper .fs-header{
padding:18px 18px 10px;
border-bottom:1px solid rgba(0,0,0,.10);
background:linear-gradient(180deg, rgba(0,0,0,.03), rgba(0,0,0,0));
}
#content_area .commercial-use-fs-page-wrapper .fs-kicker{
font-size:12px;
letter-spacing:.12em;
text-transform:uppercase;
color:rgba(0,0,0,.65);
margin:0 0 6px;
}
#content_area .commercial-use-fs-page-wrapper .fs-title{
margin:0;
font-size:34px;
line-height:1.15;
letter-spacing:-.02em;
}
#content_area .commercial-use-fs-page-wrapper .fs-subtitle{
margin:10px 0 0;
color:rgba(0,0,0,.65);
font-size:15px;
max-width:900px;
}
#content_area .commercial-use-fs-page-wrapper .fs-body{
padding:16px 18px 18px;
}
#content_area .commercial-use-fs-page-wrapper .fs-media{
margin:14px 0 12px;
border-radius:16px;
overflow:hidden;
border:1px solid rgba(0,0,0,.10);
background:#fff;
}
#content_area .commercial-use-fs-page-wrapper .fs-media img{
display:block;
width:100%;
height:auto;
}
#content_area .commercial-use-fs-page-wrapper .fs-section{
margin:14px 0 0;
padding-top:14px;
border-top:1px solid rgba(0,0,0,.10);
}
#content_area .commercial-use-fs-page-wrapper .fs-section h2{
margin:0 0 10px;
font-size:22px;
letter-spacing:-.01em;
}
#content_area .commercial-use-fs-page-wrapper .fs-section p{
margin:0 0 10px;
color:#111;
}
/* Benefits grid */
#content_area .commercial-use-fs-page-wrapper .fs-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:10px;
margin-top:10px;
}
@media (max-width:820px){
#content_area .commercial-use-fs-page-wrapper .fs-grid{ grid-template-columns:1fr; }
}
#content_area .commercial-use-fs-page-wrapper .fs-benefit{
border:1px solid rgba(0,0,0,.10);
border-radius:16px;
padding:12px 12px;
background:linear-gradient(180deg, rgba(0,0,0,.02), rgba(0,0,0,0));
}
#content_area .commercial-use-fs-page-wrapper .fs-benefit strong{
display:flex;
align-items:center;
gap:8px;
font-size:14px;
margin-bottom:6px;
}
#content_area .commercial-use-fs-page-wrapper .fs-benefit strong .fs-ico{
width:28px;height:28px;
border-radius:10px;
display:inline-flex;
align-items:center;
justify-content:center;
border:1px solid rgba(0,0,0,.10);
background:#fff;
flex:0 0 28px;
}
#content_area .commercial-use-fs-page-wrapper .fs-benefit span{
color:rgba(0,0,0,.65);
font-size:14px;
display:block;
}
/* CTA links row */
#content_area .commercial-use-fs-page-wrapper .fs-ctaRow{
display:flex;
flex-wrap:wrap;
gap:10px;
margin:12px 0 0;
}
#content_area .commercial-use-fs-page-wrapper .fs-btn{
display:inline-flex;
align-items:center;
gap:8px;
padding:10px 12px;
border-radius:999px;
border:1px solid rgba(0,0,0,.10);
background:#fff;
color:#111;
text-decoration:none !important;
font-weight:700;
font-size:13px;
line-height:1;
box-shadow:0 10px 18px rgba(0,0,0,.06);
}
#content_area .commercial-use-fs-page-wrapper .fs-btn:hover{ transform:translateY(-1px); }
/* Keyword cloud */
#content_area .commercial-use-fs-page-wrapper .fs-tags{
display:flex;
flex-wrap:wrap;
gap:8px;
margin-top:10px;
}
#content_area .commercial-use-fs-page-wrapper .fs-tag{
display:inline-flex;
align-items:center;
padding:7px 10px;
border-radius:999px;
border:1px solid rgba(0,0,0,.10);
background:#fff;
font-size:13px;
color:#111;
text-decoration:none !important;
}
#content_area .commercial-use-fs-page-wrapper .fs-tag:hover{ border-color:rgba(17,17,17,.35); }
/* Keep your original center style but reduce empty space */
#content_area .commercial-use-fs-page-wrapper .universal-options-paragraph{
margin:0 0 10px !important;
}
#content_area .commercial-use-fs-page-wrapper .fs-note{
font-size:13px;
color:rgba(0,0,0,.65);
margin-top:10px;
border-left:3px solid rgba(0,0,0,.20);
padding:8px 10px;
background:rgba(0,0,0,.03);
border-radius:12px;
}
/* Links */
#content_area .commercial-use-fs-page-wrapper .fs-page a{ color:#111;}
#content_area .commercial-use-fs-page-wrapper .fs-page a:hover{ opacity:.9; }
/* Category 2089 -- hotel-commercial-wall-soap-shampoo-dispenser (https://www.fontanashowers.com/hotel-commercial-wall-soap-shampoo-dispenser-s/2089.htm) at 22-12-2025 End Here*/

/* Category 3735 -- Commercial-Automatic-Soap-Dispensers-Gold (https://www.fontanashowers.com/Commercial-Automatic-Soap-Dispensers-Gold-s/3735.htm) at 22-12-2025 Start Here*/
#content_area .commercial-automatic-soap-dispensers-gold-wrapper .fs-page{
--fs-bg:#f6f7f9;
--fs-card:#ffffff;
--fs-text:#111;
--fs-muted:#586172;
--fs-line:rgba(17,17,17,.12);
--fs-shadow:0 14px 40px rgba(0,0,0,.10);
--fs-radius:18px;
background:var(--fs-bg);
color:var(--fs-text);
font-family:Arial,Helvetica,sans-serif;
line-height:1.65;
padding:16px 0;
}
#content_area .commercial-automatic-soap-dispensers-gold-wrapper .fs-wrap{ max-width:1180px; margin:0 auto; padding:0 16px; }
#content_area .commercial-automatic-soap-dispensers-gold-wrapper .fs-card{
background:var(--fs-card);
border:1px solid var(--fs-line);
border-radius:var(--fs-radius);
box-shadow:var(--fs-shadow);
overflow:hidden;
}
#content_area .commercial-automatic-soap-dispensers-gold-wrapper .fs-hero{
padding:18px 18px 14px;
border-bottom:1px solid var(--fs-line);
background:
  radial-gradient(900px 260px at 20% 0%, rgba(0,0,0,.06), rgba(0,0,0,0)),
  linear-gradient(180deg, rgba(0,0,0,.03), rgba(0,0,0,0));
}
#content_area .commercial-automatic-soap-dispensers-gold-wrapper .fs-kicker{
margin:0 0 6px;
font-size:12px;
letter-spacing:.12em;
text-transform:uppercase;
color:var(--fs-muted);
}
#content_area .commercial-automatic-soap-dispensers-gold-wrapper .fs-title{
margin:0;
font-size:36px;
line-height:1.12;
letter-spacing:-.02em;
}
#content_area .commercial-automatic-soap-dispensers-gold-wrapper .fs-sub{
margin:10px 0 0;
color:var(--fs-muted);
font-size:15px;
max-width:980px;
}
#content_area .commercial-automatic-soap-dispensers-gold-wrapper .fs-body{ padding:16px 18px 18px; }
/* CTA row */
#content_area .commercial-automatic-soap-dispensers-gold-wrapper .fs-ctaRow{
display:flex;
flex-wrap:wrap;
gap:10px;
margin-top:12px;
}
#content_area .commercial-automatic-soap-dispensers-gold-wrapper .fs-btn{
display:inline-flex;
align-items:center;
gap:8px;
padding:10px 12px;
border-radius:999px;
border:1px solid var(--fs-line);
background:#fff;
color:#111;
text-decoration:none !important;
font-weight:800;
font-size:13px;
line-height:1;
box-shadow:0 10px 18px rgba(0,0,0,.06);
}
#content_area .commercial-automatic-soap-dispensers-gold-wrapper .fs-btn:hover{ transform:translateY(-1px); }
/* Image gallery */
#content_area .commercial-automatic-soap-dispensers-gold-wrapper .fs-gallery{
margin-top:14px;
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:10px;
}
@media (max-width:900px){ #content_area .commercial-automatic-soap-dispensers-gold-wrapper .fs-gallery{ grid-template-columns:1fr; } }
#content_area .commercial-automatic-soap-dispensers-gold-wrapper .fs-img{
border:1px solid var(--fs-line);
border-radius:16px;
overflow:hidden;
background:#fff;
}
#content_area .commercial-automatic-soap-dispensers-gold-wrapper .fs-img img{
display:block;
width:100%;
height:auto;
}
/* Content blocks */
#content_area .commercial-automatic-soap-dispensers-gold-wrapper .fs-section{
margin-top:14px;
padding-top:14px;
border-top:1px solid var(--fs-line);
}
#content_area .commercial-automatic-soap-dispensers-gold-wrapper .fs-section h2{
margin:0 0 10px;
font-size:20px;
letter-spacing:-.01em;
}
#content_area .commercial-automatic-soap-dispensers-gold-wrapper .fs-section p{
margin:0 0 10px;
}
/* Feature grid */
#content_area .commercial-automatic-soap-dispensers-gold-wrapper .fs-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:10px;
margin-top:10px;
}
@media (max-width:820px){ #content_area .commercial-automatic-soap-dispensers-gold-wrapper .fs-grid{ grid-template-columns:1fr; } }
#content_area .commercial-automatic-soap-dispensers-gold-wrapper .fs-box{
border:1px solid var(--fs-line);
border-radius:16px;
padding:12px 12px;
background:linear-gradient(180deg, rgba(0,0,0,.02), rgba(0,0,0,0));
}
#content_area .commercial-automatic-soap-dispensers-gold-wrapper .fs-box strong{
display:flex;
align-items:center;
gap:8px;
font-size:14px;
margin-bottom:6px;
}
#content_area .commercial-automatic-soap-dispensers-gold-wrapper .fs-box .fs-ico{
width:28px;
height:28px;
border-radius:10px;
display: flex;
align-items:center;
justify-content:center;
border:1px solid var(--fs-line);
background:#fff;
flex:0 0 28px;
}
#content_area .commercial-automatic-soap-dispensers-gold-wrapper .fs-box span{
display:block;
color:var(--fs-muted);
font-size:14px;
}
/* Small note */
#content_area .commercial-automatic-soap-dispensers-gold-wrapper .fs-note{
font-size:13px;
color:var(--fs-muted);
margin-top:10px;
border-left:3px solid rgba(0,0,0,.20);
padding:8px 10px;
background:rgba(0,0,0,.03);
border-radius:12px;
}
/* Keep your site class but normalize spacing */
#content_area .commercial-automatic-soap-dispensers-gold-wrapper .category-main-hd{ margin:0 !important; }
#content_area .commercial-automatic-soap-dispensers-gold-wrapper .category-custom-description{ margin:0 !important; }
#content_area .commercial-automatic-soap-dispensers-gold-wrapper .fs-page a{ color:#111; }
#content_area .commercial-automatic-soap-dispensers-gold-wrapper .fs-page a:hover{ opacity:.9; }
/* Category 3735 -- Commercial-Automatic-Soap-Dispensers-Gold (https://www.fontanashowers.com/Commercial-Automatic-Soap-Dispensers-Gold-s/3735.htm) at 22-12-2025 End Here*/

/* Category 4261 -- Install-Chatou-Gold-Touch-Faucet (https://www.fontanashowers.com/Install-Chatou-Gold-Touch-Faucet-s/4261.htm) at 22-12-2025 Start Here*/
#content_area .install-chatou-gold-touch-faucet-wrapper .fswrap{
max-width:1120px;
margin: 18px auto;
padding: 0 14px;
font-family: Lato, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
color: #0f172a;
}
#content_area .install-chatou-gold-touch-faucet-wrapper .fs-hero{
border:1px solid rgba(15,23,42,.10);
border-radius: 24px;
background: linear-gradient(180deg, rgba(219,234,254,.65) 0%, rgba(255,255,255,.95) 60%, rgba(255,255,255,1) 100%);
box-shadow: 0 14px 34px rgba(2,6,23,.08);
padding: 18px;
overflow:hidden;
}
#content_area .install-chatou-gold-touch-faucet-wrapper .fs-hero__grid{
display:grid;
grid-template-columns: 1.2fr .8fr;
gap: 16px;
align-items:center;
}
@media (max-width: 900px){
#content_area .install-chatou-gold-touch-faucet-wrapper .fs-hero__grid{ grid-template-columns: 1fr; }
}
#content_area .install-chatou-gold-touch-faucet-wrapper .fs-kicker{
display:inline-flex;
align-items:center;
gap:10px;
padding: 7px 12px;
border-radius:999px;
border:1px solid rgba(37,99,235,.18);
background: rgba(255,255,255,.86);
font-weight:900;
font-size: 12px;
color: #2563eb;
margin-bottom: 10px;
}
#content_area .install-chatou-gold-touch-faucet-wrapper .fs-kicker .dot{
width:10px;height:10px;border-radius:999px;
background: rgba(245,158,11,.85);
}
#content_area .install-chatou-gold-touch-faucet-wrapper .fs-h1{
margin:0;
font-weight: 1000;
letter-spacing:-.3px;
line-height:1.15;
font-size: clamp(22px, 2.2vw, 34px);
}
#content_area .install-chatou-gold-touch-faucet-wrapper .fs-sub{
margin: 10px 0 0;
color: #475569;
font-size: 14.5px;
line-height:1.75;
}
#content_area .install-chatou-gold-touch-faucet-wrapper .fs-hero__img{
background: rgba(255,255,255,.88);
border:1px solid rgba(15,23,42,.10);
border-radius: 20px;
box-shadow: 0 14px 34px rgba(2,6,23,.08);
overflow:hidden;
}
#content_area .install-chatou-gold-touch-faucet-wrapper .fs-hero__img img{
width:100%;
height:auto;
display:block;
}
#content_area .install-chatou-gold-touch-faucet-wrapper .fs-card{
margin-top: 16px;
background: rgba(255,255,255,.92);
border:1px solid rgba(15,23,42,.10);
border-radius: 24px;
box-shadow: 0 14px 34px rgba(2,6,23,.08);
padding: 16px;
}
#content_area .install-chatou-gold-touch-faucet-wrapper .fs-h2{
margin:0;
font-weight: 1000;
letter-spacing:-.2px;
font-size: clamp(18px, 1.6vw, 26px);
line-height:1.25;
}
#content_area .install-chatou-gold-touch-faucet-wrapper .fs-note{
margin: 8px 0 0;
color: #475569;
font-size: 14px;
line-height: 1.75;
}
#content_area .install-chatou-gold-touch-faucet-wrapper .fs-list{
margin: 12px 0 0;
padding-left: 18px;
color: #475569;
font-size: 14px;
line-height: 1.8;
}
#content_area .install-chatou-gold-touch-faucet-wrapper .fs-grid2{
margin-top: 12px;
display:grid;
grid-template-columns: 1fr 1fr;
gap: 12px;
}
@media (max-width: 900px){ #content_area .install-chatou-gold-touch-faucet-wrapper .fs-grid2{ grid-template-columns: 1fr; } }
#content_area .install-chatou-gold-touch-faucet-wrapper .fs-imgbox{
background:#fff;
border:1px solid rgba(15,23,42,.10);
border-radius: 18px;
overflow:hidden;
box-shadow: 0 14px 34px rgba(2,6,23,.08);
}
#content_area .install-chatou-gold-touch-faucet-wrapper .fs-imgbox a,
#content_area .install-chatou-gold-touch-faucet-wrapper .fs-imgbox img{
display:block;
width:100%;
height:auto;
text-decoration:none;
}
#content_area .install-chatou-gold-touch-faucet-wrapper .fs-badgeRow{
display:flex;
flex-wrap:wrap;
gap: 8px;
margin-top: 12px;
}
#content_area .install-chatou-gold-touch-faucet-wrapper .fs-badge{
display:inline-flex;
align-items:center;
gap:8px;
padding: 8px 10px;
border-radius:999px;
background: rgba(255,255,255,.88);
border:1px solid rgba(15,23,42,.10);
font-weight: 900;
font-size: 12.5px;
color: #0f172a;
}
#content_area .install-chatou-gold-touch-faucet-wrapper .fs-badge svg{ width:16px;height:16px; opacity:.85; }
#content_area .install-chatou-gold-touch-faucet-wrapper .fs-steps{
margin-top: 12px;
display:grid;
grid-template-columns: repeat(12, 1fr);
gap: 12px;
}
#content_area .install-chatou-gold-touch-faucet-wrapper .fs-step{
grid-column: span 6;
background: rgba(255,255,255,.9);
border:1px solid rgba(15,23,42,.10);
border-radius: 18px;
box-shadow: 0 14px 34px rgba(2,6,23,.08);
overflow:hidden;
}
@media (max-width: 900px){ #content_area .install-chatou-gold-touch-faucet-wrapper .fs-step{ grid-column: span 12; } }
#content_area .install-chatou-gold-touch-faucet-wrapper .fs-step__head{
padding: 12px 14px;
border-bottom:1px solid rgba(15,23,42,.10);
display:flex;
justify-content:space-between;
gap:10px;
align-items:center;
background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(255,255,255,.90));
}
#content_area .install-chatou-gold-touch-faucet-wrapper .fs-step__title{
margin:0;
font-weight:1000;
font-size: 14px;
letter-spacing:.2px;
}
#content_area .install-chatou-gold-touch-faucet-wrapper .fs-step__hint{
margin:0;
color: #475569;
font-size: 12.5px;
text-align:right;
line-height:1.35;
}
#content_area .install-chatou-gold-touch-faucet-wrapper .fs-step__media a{ display:block; }
#content_area .install-chatou-gold-touch-faucet-wrapper .fs-step__media img{ width:100%; height:auto; display:block; }
#content_area .install-chatou-gold-touch-faucet-wrapper .fs-prose{
color: #475569;
font-size: 14px;
line-height: 1.85;
margin-top: 10px;
}
#content_area .install-chatou-gold-touch-faucet-wrapper .fs-prose strong{ color: #0f172a; }
#content_area .install-chatou-gold-touch-faucet-wrapper .fs-ctaRow{
display:flex;
flex-wrap:wrap;
gap:10px;
margin-top: 12px;
}
#content_area .install-chatou-gold-touch-faucet-wrapper .fs-btn{
display:inline-flex;
align-items:center;
justify-content:center;
gap:8px;
padding: 11px 14px;
border-radius: 12px;
border: 1px solid rgba(37,99,235,.20);
background: rgba(255,255,255,.88);
font-weight: 1000;
font-size: 13px;
color: #2563eb !important;
text-decoration:none;
transition: transform .15s ease, box-shadow .15s ease;
}
#content_area .install-chatou-gold-touch-faucet-wrapper .fs-btn:hover{
transform: translateY(-1px);
box-shadow: 0 12px 20px rgba(37,99,235,.10);
text-decoration:none;
}
#content_area .install-chatou-gold-touch-faucet-wrapper .fs-btn--gold{
border-color: rgba(245,158,11,.28);
color: #b45309 !important;
}
#content_area .install-chatou-gold-touch-faucet-wrapper .fs-gallery{
margin-top: 12px;
display:grid;
grid-template-columns: repeat(12, 1fr);
gap: 12px;
}
#content_area .install-chatou-gold-touch-faucet-wrapper .fs-gitem{
grid-column: span 6;
border-radius: 18px;
overflow:hidden;
border:1px solid rgba(15,23,42,.10);
background:#fff;
box-shadow: 0 14px 34px rgba(2,6,23,.08);
}
#content_area .install-chatou-gold-touch-faucet-wrapper .fs-gitem img{ width:100%; height:auto; display:block; }
@media (max-width: 900px){ #content_area .install-chatou-gold-touch-faucet-wrapper .fs-gitem{ grid-column: span 12; } }
#content_area .install-chatou-gold-touch-faucet-wrapper .fs-video{
margin-top: 12px;
border-radius: 18px;
overflow:hidden;
border:1px solid rgba(15,23,42,.10);
box-shadow: 0 14px 34px rgba(2,6,23,.08);
background:#000;
}
#content_area .install-chatou-gold-touch-faucet-wrapper .fs-video iframe{
width:100%;
aspect-ratio: 16/9;
height:auto;
display:block;
border:0;
}
#content_area .install-chatou-gold-touch-faucet-wrapper .fs-divider{
margin: 18px 0;
border:0;
height:1px;
background: rgba(15,23,42,.12);
}
#content_area .install-chatou-gold-touch-faucet-wrapper .fs-featureGrid{
margin-top: 12px;
display:grid;
grid-template-columns: 1.35fr .65fr;
gap: 12px;
align-items:start;
}
@media (max-width: 900px){ #content_area .install-chatou-gold-touch-faucet-wrapper .fs-featureGrid{ grid-template-columns: 1fr; } }
#content_area .install-chatou-gold-touch-faucet-wrapper .fs-specList{
margin: 10px 0 0;
padding-left: 18px;
color: #475569;
font-size: 14px;
line-height: 1.85;
}
#content_area .install-chatou-gold-touch-faucet-wrapper .fs-specList b{ color: #0f172a; }
#content_area .install-chatou-gold-touch-faucet-wrapper .fs-prodImg{
border-radius: 18px;
overflow:hidden;
border:1px solid rgba(15,23,42,.10);
background:#fff;
box-shadow: 0 14px 34px rgba(2,6,23,.08);
}
#content_area .install-chatou-gold-touch-faucet-wrapper .fs-prodImg img{ width:100%; height:auto; display:block; }
/* Category 4261 -- Install-Chatou-Gold-Touch-Faucet (https://www.fontanashowers.com/Install-Chatou-Gold-Touch-Faucet-s/4261.htm) at 22-12-2025 End Here*/

/* Category 5792 -- How To Reset A Automatic Soap Dispenser (https://www.fontanashowers.com/How-To-Reset-A-Automatic-Soap-Dispenser-s/5792.htm) at 22-12-2025 Start Here*/
#content_area .how-to-reset-automatic-soap-dispenser-wrapper .fs-reset-wrap{
font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
color:#0b2b3a;
}
#content_area .how-to-reset-automatic-soap-dispenser-wrapper .fs-reset-container{max-width:1120px; margin:0 auto; padding:22px 16px 42px;}
/* HERO */
#content_area .how-to-reset-automatic-soap-dispenser-wrapper .fs-reset-hero{
border-radius:20px;
overflow:hidden;
background:linear-gradient(180deg,#eef9ff 0%, #dff2ff 45%, #eef9ff 100%);
box-shadow:0 18px 44px rgba(2,132,199,.14);
border:1px solid rgba(2,132,199,.18);
}
#content_area .how-to-reset-automatic-soap-dispenser-wrapper .fs-reset-heroTop{padding:22px 18px 0; text-align:center;}
#content_area .how-to-reset-automatic-soap-dispenser-wrapper .fs-reset-heroImg{
width:100%;
height:auto;
display:block;
border-bottom:1px solid rgba(2,132,199,.18);
}
#content_area .how-to-reset-automatic-soap-dispenser-wrapper .fs-reset-kicker{
display:inline-flex;
gap:10px;
align-items:center;
font-size:12px;
letter-spacing:.18em;
text-transform:uppercase;
color:#1b5f7a;
margin:6px 0 10px;
}
#content_area .how-to-reset-automatic-soap-dispenser-wrapper .fs-reset-dot{width:8px; height:8px; border-radius:99px; background:#0ea5e9; box-shadow:0 0 0 4px rgba(14,165,233,.18);}
#content_area .how-to-reset-automatic-soap-dispenser-wrapper .fs-reset-h1{
margin:0;
font-size:34px;
line-height:1.15;
letter-spacing:-.02em;
color:#083145;
}
#content_area .how-to-reset-automatic-soap-dispenser-wrapper .fs-reset-h2{
margin:10px 0 0;
font-size:14.5px;
font-weight:700;
color:#1f5a72;
}
#content_area .how-to-reset-automatic-soap-dispenser-wrapper .fs-reset-sub{
margin:12px auto 0;
max-width:82ch;
font-size:14.5px;
line-height:1.8;
color:#1f5a72;
}
#content_area .how-to-reset-automatic-soap-dispenser-wrapper .fs-reset-ctaRow{
margin:16px 0 20px;
display:flex;
gap:10px;
flex-wrap:wrap;
justify-content:center;
}
#content_area .how-to-reset-automatic-soap-dispenser-wrapper .fs-reset-btn{
display:inline-block;
text-decoration:none;
font-weight:800;
font-size:13px;
letter-spacing:.02em;
padding:11px 14px;
border-radius:12px;
border:1px solid rgba(2,132,199,.30);
background:rgba(255,255,255,.75);
color:#083145;
box-shadow:0 12px 24px rgba(2,132,199,.14);
}
#content_area .how-to-reset-automatic-soap-dispenser-wrapper .fs-reset-btn:hover{background:rgba(255,255,255,.92); box-shadow:0 16px 30px rgba(2,132,199,.18);}
#content_area .how-to-reset-automatic-soap-dispenser-wrapper .fs-reset-btnPrimary{
background:linear-gradient(135deg,#0ea5e9 0%, #0284c7 55%, #1d4ed8 100%);
border:1px solid rgba(2,132,199,.35);
color:#fff;
box-shadow:0 14px 28px rgba(2,132,199,.22);
}
#content_area .how-to-reset-automatic-soap-dispenser-wrapper .fs-reset-btnPrimary:hover{filter:brightness(1.02); box-shadow:0 18px 34px rgba(2,132,199,.26);}
/* STEP CARDS */
#content_area .how-to-reset-automatic-soap-dispenser-wrapper .fs-reset-grid{
display:grid;
grid-template-columns:repeat(12,1fr);
gap:14px;
margin-top:18px;
}
#content_area .how-to-reset-automatic-soap-dispenser-wrapper .fs-reset-card{
grid-column:span 6;
border:1px solid rgba(2,132,199,.22);
background:linear-gradient(180deg, rgba(255,255,255,.78) 0%, rgba(255,255,255,.60) 100%);
border-radius:16px;
box-shadow:0 16px 40px rgba(2,132,199,.14);
padding:16px 16px 18px;
}
#content_area .how-to-reset-automatic-soap-dispenser-wrapper .fs-reset-card h3{margin:0; font-size:16px; color:#083145;}
#content_area .how-to-reset-automatic-soap-dispenser-wrapper .fs-reset-card p{margin:10px 0 0; font-size:13.8px; line-height:1.75; color:#1f5a72;}
/* QUICK CHECKLIST */
#content_area .how-to-reset-automatic-soap-dispenser-wrapper .fs-reset-check{
margin-top:16px;
border:1px solid rgba(2,132,199,.22);
background:#fff;
border-radius:16px;
box-shadow:0 16px 40px rgba(2,132,199,.12);
padding:18px;
}
#content_area .how-to-reset-automatic-soap-dispenser-wrapper .fs-reset-check h3{margin:0; font-size:18px; color:#083145;}
#content_area .how-to-reset-automatic-soap-dispenser-wrapper .fs-reset-list{margin:10px 0 0; padding:0; list-style:none; display:grid; gap:10px;}
#content_area .how-to-reset-automatic-soap-dispenser-wrapper .fs-reset-li{
display:flex; gap:10px; align-items:flex-start;
font-size:14px; line-height:1.7; color:#1f5a72;
}
#content_area .how-to-reset-automatic-soap-dispenser-wrapper .fs-reset-tick{
flex:0 0 22px;
width:22px; height:22px;
border-radius:99px;
background:rgba(14,165,233,.15);
border:1px solid rgba(14,165,233,.35);
display:grid; place-items:center;
color:#075985;
font-weight:900;
margin-top:1px;
}
/* IMAGE GALLERY */
#content_area .how-to-reset-automatic-soap-dispenser-wrapper .fs-reset-gallery{
margin-top:18px;
display:grid;
grid-template-columns:repeat(12,1fr);
gap:12px;
}
#content_area .how-to-reset-automatic-soap-dispenser-wrapper .fs-reset-gallery a, .fs-reset-gallery img{display:block;}
#content_area .how-to-reset-automatic-soap-dispenser-wrapper .fs-reset-gi{
grid-column:span 4;
border-radius:16px;
overflow:hidden;
border:1px solid rgba(2,132,199,.20);
box-shadow:0 14px 34px rgba(2,132,199,.14);
background:#fff;
}
#content_area .how-to-reset-automatic-soap-dispenser-wrapper .fs-reset-gi img{width:100%; height:auto;}
#content_area .how-to-reset-automatic-soap-dispenser-wrapper .fs-reset-caption{padding:10px 12px; font-size:12.5px; color:#1f5a72; line-height:1.5;}
/* SERIES CARDS */
#content_area .how-to-reset-automatic-soap-dispenser-wrapper .fs-reset-seriesHd{
margin:28px 0 12px;
font-size:20px;
color:#083145;
letter-spacing:-.01em;
}
#content_area .how-to-reset-automatic-soap-dispenser-wrapper .fs-reset-series{
display:grid;
grid-template-columns:repeat(12,1fr);
gap:14px;
}
#content_area .how-to-reset-automatic-soap-dispenser-wrapper .fs-reset-seriesCard{
grid-column:span 4;
border-radius:18px;
overflow:hidden;
border:1px solid rgba(2,132,199,.22);
background:#fff;
box-shadow:0 16px 40px rgba(2,132,199,.14);
}
#content_area .how-to-reset-automatic-soap-dispenser-wrapper .fs-reset-seriesCard img{width:100%; height:auto; display:block;}
#content_area .how-to-reset-automatic-soap-dispenser-wrapper .fs-reset-seriesBody{padding:14px 14px 16px;}
#content_area .how-to-reset-automatic-soap-dispenser-wrapper .fs-reset-seriesTitle{margin:0; font-size:15.5px; color:#083145;}
#content_area .how-to-reset-automatic-soap-dispenser-wrapper .fs-reset-seriesLink{
display:inline-block;
margin-top:10px;
font-size:13px;
font-weight:800;
color:#075985;
text-decoration:none;
border-bottom:1px solid rgba(7,89,133,.30);
}
#content_area .how-to-reset-automatic-soap-dispenser-wrapper .fs-reset-seriesLink:hover{border-bottom-color:rgba(7,89,133,.70);}
/* SEO TAGS */
#content_area .how-to-reset-automatic-soap-dispenser-wrapper .fs-reset-tags{
margin-top:18px;
display:flex;
flex-wrap:wrap;
gap:10px;
justify-content:center;
}
#content_area .how-to-reset-automatic-soap-dispenser-wrapper .fs-reset-tag{
display:inline-block;
border:1px solid #c8c8c8;
padding:7px 10px 6px;
text-transform:uppercase;
font-size:12px;
color:#7a7a7a;
background:#fff;
border-radius:999px;
text-decoration:none;
}
#content_area .how-to-reset-automatic-soap-dispenser-wrapper .fs-reset-tag:hover{color:#004466; border-color:#9fbcd0;}
/* READ MORE AREA */
#content_area .how-to-reset-automatic-soap-dispenser-wrapper .fs-reset-more{
margin-top:20px;
border:1px solid rgba(2,132,199,.22);
background:linear-gradient(180deg, rgba(255,255,255,.82), rgba(255,255,255,.62));
border-radius:18px;
box-shadow:0 16px 40px rgba(2,132,199,.12);
padding:18px;
}
#content_area .how-to-reset-automatic-soap-dispenser-wrapper .fs-reset-more h2{margin:0 0 10px; font-size:18px; color:#083145;}
#content_area .how-to-reset-automatic-soap-dispenser-wrapper .fs-reset-more p{margin:0; font-size:14px; line-height:1.8; color:#1f5a72;}
@media(max-width:900px){
#content_area .how-to-reset-automatic-soap-dispenser-wrapper .fs-reset-h1{font-size:28px;}
#content_area .how-to-reset-automatic-soap-dispenser-wrapper .fs-reset-card{grid-column:span 12;}
#content_area .how-to-reset-automatic-soap-dispenser-wrapper .fs-reset-gi{grid-column:span 12;}
#content_area .how-to-reset-automatic-soap-dispenser-wrapper .fs-reset-seriesCard{grid-column:span 12;}
}
/* Category 5792 -- How To Reset A Automatic Soap Dispenser (https://www.fontanashowers.com/How-To-Reset-A-Automatic-Soap-Dispenser-s/5792.htm) at 22-12-2025 End Here*/

/* Category 6252 -- brushed-gold-soap-dispenser (https://www.fontanashowers.com/brushed-gold-soap-dispenser-s/6252.htm) at 22-12-2025 Start Here*/
#content_area .brushed-gold-soap-dispenser-wrapper .fs-page{
background:#f6f7f9;
color:#111;
font-family:Arial,Helvetica,sans-serif;
line-height:1.65;
padding:16px 0;
}
#content_area .brushed-gold-soap-dispenser-wrapper .fs-wrap{max-width:1180px;margin:0 auto;padding:0 16px;}
#content_area .brushed-gold-soap-dispenser-wrapper .fs-card{
background:#ffffff;
border:1px solid rgba(17,17,17,.12);
border-radius:18px;
box-shadow:0 14px 40px rgba(0,0,0,.10);
overflow:hidden;
}
/* HERO */
#content_area .brushed-gold-soap-dispenser-wrapper .fs-hero{
display:grid;
grid-template-columns: 1.05fr .95fr;
gap:14px;
padding:18px;
border-bottom:1px solid rgba(17,17,17,.12);
background:
  radial-gradient(900px 260px at 20% 0%, rgba(0,0,0,.06), rgba(0,0,0,0)),
  linear-gradient(180deg, rgba(0,0,0,.03), rgba(0,0,0,0));
}
@media (max-width: 920px){
#content_area .brushed-gold-soap-dispenser-wrapper .fs-hero{grid-template-columns:1fr;}
}
#content_area .brushed-gold-soap-dispenser-wrapper .fs-kicker{
margin:0 0 6px;
font-size:12px;
letter-spacing:.12em;
text-transform:uppercase;
color:#5a6473;
}
#content_area .brushed-gold-soap-dispenser-wrapper .fs-title{
margin:0;
font-size:36px;
line-height:1.12;
letter-spacing:-.02em;
}
#content_area .brushed-gold-soap-dispenser-wrapper .fs-sub{
margin:10px 0 0;
color:#5a6473;
font-size:15px;
max-width:720px;
}
#content_area .brushed-gold-soap-dispenser-wrapper .fs-heroMedia{
border:1px solid rgba(17,17,17,.12);
border-radius:16px;
overflow:hidden;
background:#fff;
align-self:start;
}
#content_area .brushed-gold-soap-dispenser-wrapper .fs-heroMedia img{display:block;width:100%;height:auto;}
/* CTA pills */
#content_area .brushed-gold-soap-dispenser-wrapper .fs-ctaRow{
display:flex;
flex-wrap:wrap;
gap:10px;
margin-top:12px;
}
#content_area .brushed-gold-soap-dispenser-wrapper .fs-btn{
display:inline-flex;
align-items:center;
gap:8px;
padding:10px 12px;
border-radius:999px;
border:1px solid rgba(17,17,17,.12);
background:#fff;
color:#111;
text-decoration:none !important;
font-weight:800;
font-size:13px;
line-height:1;
box-shadow:0 10px 18px rgba(0,0,0,.06);
}
#content_area .brushed-gold-soap-dispenser-wrapper .fs-btn:hover{transform:translateY(-1px);}
/* BODY */
#content_area .brushed-gold-soap-dispenser-wrapper .fs-body{padding:16px 18px 18px;}
#content_area .brushed-gold-soap-dispenser-wrapper .fs-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:10px;
margin-top:12px;
}
@media (max-width: 980px){ #content_area .brushed-gold-soap-dispenser-wrapper .fs-grid{grid-template-columns:1fr;} }
#content_area .brushed-gold-soap-dispenser-wrapper .fs-box{
border:1px solid rgba(17,17,17,.12);
border-radius:16px;
padding:12px;
background:linear-gradient(180deg, rgba(0,0,0,.02), rgba(0,0,0,0));
}
#content_area .brushed-gold-soap-dispenser-wrapper .fs-box strong{
display:flex;
align-items:center;
gap:8px;
font-size:14px;
margin-bottom:6px;
}
#content_area .brushed-gold-soap-dispenser-wrapper .fs-box .fs-ico{
width:28px;height:28px;
border-radius:10px;
display:inline-flex;
align-items:center;
justify-content:center;
border:1px solid rgba(17,17,17,.12);
background:#fff;
flex:0 0 28px;
}
#content_area .brushed-gold-soap-dispenser-wrapper .fs-box span{display:block;color:#5a6473;font-size:14px;}
#content_area .brushed-gold-soap-dispenser-wrapper .fs-section{
margin-top:14px;
padding-top:14px;
border-top:1px solid rgba(17,17,17,.12);
}
#content_area .brushed-gold-soap-dispenser-wrapper .fs-section h2{
margin:0 0 10px;
font-size:20px;
letter-spacing:-.01em;
}
#content_area .brushed-gold-soap-dispenser-wrapper .fs-section p{margin:0 0 10px;color:#111;}
#content_area .brushed-gold-soap-dispenser-wrapper .fs-section p small{color:#5a6473;}
/* SEO tag pills (replaces your long inline styles) */
#content_area .brushed-gold-soap-dispenser-wrapper .fs-tags{
list-style:none;
padding:0;
margin:12px 0 0;
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:8px;
}
#content_area .brushed-gold-soap-dispenser-wrapper .fs-tags a{
display:inline-block;
border:1px solid rgba(0,0,0,.20);
color:#111;
text-decoration:none !important;
font-weight:800;
font-size:12px;
letter-spacing:.08em;
text-transform:uppercase;
padding:9px 10px;
border-radius:999px;
background:#fff;
}
#content_area .brushed-gold-soap-dispenser-wrapper .fs-tags a:hover{opacity:.9;}
/* SERIES CARDS */
#content_area .brushed-gold-soap-dispenser-wrapper .fs-seriesWrap{
margin-top:14px;
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:12px;
}
@media (max-width: 980px){ #content_area .brushed-gold-soap-dispenser-wrapper .fs-seriesWrap{grid-template-columns:1fr;} }
#content_area .brushed-gold-soap-dispenser-wrapper .fs-seriesCard{
border:1px solid rgba(17,17,17,.12);
border-radius:16px;
overflow:hidden;
background:#fff;
box-shadow:0 10px 18px rgba(0,0,0,.06);
}
#content_area .brushed-gold-soap-dispenser-wrapper .fs-seriesCard img{display:block;width:100%;height:auto;}
#content_area .brushed-gold-soap-dispenser-wrapper .fs-seriesCard .fs-seriesBody{padding:12px;}
#content_area .brushed-gold-soap-dispenser-wrapper .fs-seriesCard .fs-seriesTitle{
margin:0;
font-size:16px;
letter-spacing:-.01em;
}
#content_area .brushed-gold-soap-dispenser-wrapper .fs-seriesCard .fs-seriesTitle a{
color:#111;
text-decoration:none !important;
border-bottom:1px solid rgba(0,0,0,.25);
}
#content_area .brushed-gold-soap-dispenser-wrapper .fs-seriesCard .fs-seriesTitle a:hover{border-bottom-color:#111;}
#content_area .brushed-gold-soap-dispenser-wrapper .fs-seriesCard .fs-seriesMeta{margin:6px 0 0;color:#5a6473;font-size:13px;}
/* Read more toggle */
#content_area .brushed-gold-soap-dispenser-wrapper .fs-toggleBtn{
display:inline-flex;
align-items:center;
justify-content:center;
margin:14px auto 0;
padding:10px 14px;
border-radius:999px;
border:1px solid rgba(17,17,17,.12);
background:#fff;
color:#111;
text-decoration:none !important;
font-weight:900;
font-size:13px;
box-shadow:0 10px 18px rgba(0,0,0,.06);
cursor:pointer;
}
#content_area .brushed-gold-soap-dispenser-wrapper .fs-hidden{display:none;}
#content_area .brushed-gold-soap-dispenser-wrapper .fs-divider{border:0;border-top:1px solid rgba(17,17,17,.12);margin:14px 0 0;}
/* Category 6252 -- brushed-gold-soap-dispenser (https://www.fontanashowers.com/brushed-gold-soap-dispenser-s/6252.htm) at 22-12-2025 End Here*/

/* Category 7333 -- How-Touchless-Faucets-Work (https://www.fontanashowers.com/How-Touchless-Faucets-Work-s/7333.htm) at 22-12-2025 Start Here*/
#content_area .how-touchless-faucets-work .htf-wrap{
font-family: system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
color:#0b2b3a;
}
#content_area .how-touchless-faucets-work .htf-container{
max-width:1120px;
margin:0 auto;
padding:28px 16px 40px;
}
/* HERO / INTRO */
#content_area .how-touchless-faucets-work .htf-hero{
background:linear-gradient(180deg,#eef9ff 0%, #dff2ff 45%, #eef9ff 100%);
border-radius:20px;
padding:34px 28px;
box-shadow:0 18px 42px rgba(2,132,199,.14);
margin-bottom:28px;
}
#content_area .how-touchless-faucets-work .htf-hero h1{
margin:0;
font-size:34px;
line-height:1.2;
letter-spacing:-.02em;
color:#083145;
text-align:center;
}
#content_area .how-touchless-faucets-work .htf-hero p{
margin:16px auto 0;
max-width:78ch;
font-size:15.5px;
line-height:1.8;
color:#1f5a72;
text-align:center;
}
#content_area .how-touchless-faucets-work .htf-badges{
margin-top:18px;
display:flex;
flex-wrap:wrap;
gap:10px;
justify-content:center;
}
#content_area .how-touchless-faucets-work .htf-badge{
font-size:12px;
padding:8px 11px;
border-radius:999px;
background:rgba(255,255,255,.7);
border:1px solid rgba(2,132,199,.28);
color:#083145;
font-weight:700;
}
/* HOW IT WORKS GRID */
#content_area .how-touchless-faucets-work .htf-steps{
display:grid;
grid-template-columns:repeat(12,1fr);
gap:16px;
margin-bottom:34px;
}
#content_area .how-touchless-faucets-work .htf-step{
grid-column:span 4;
background:linear-gradient(180deg,rgba(255,255,255,.75),rgba(255,255,255,.6));
border:1px solid rgba(2,132,199,.22);
border-radius:18px;
padding:18px 18px 20px;
box-shadow:0 14px 34px rgba(2,132,199,.14);
}
#content_area .how-touchless-faucets-work .htf-step h3{
margin:0;
font-size:17px;
color:#083145;
}
#content_area .how-touchless-faucets-work .htf-step p{
margin:10px 0 0;
font-size:14px;
line-height:1.7;
color:#1f5a72;
}
/* FEATURE CALLOUT */
#content_area .how-touchless-faucets-work .htf-callout{
background:#ffffff;
border:1px solid rgba(2,132,199,.22);
border-radius:18px;
padding:22px;
box-shadow:0 16px 40px rgba(2,132,199,.14);
margin-bottom:30px;
}
#content_area .how-touchless-faucets-work .htf-callout h2{
margin:0 0 10px;
font-size:22px;
color:#083145;
}
#content_area .how-touchless-faucets-work .htf-callout p{
margin:0;
font-size:14.5px;
line-height:1.8;
color:#1f5a72;
}
/* PRODUCT CARDS */
#content_area .how-touchless-faucets-work .htf-products{
display:grid;
grid-template-columns:repeat(12,1fr);
gap:16px;
margin-bottom:36px;
}
#content_area .how-touchless-faucets-work .htf-card{
grid-column:span 4;
background:#ffffff;
border:1px solid rgba(2,132,199,.22);
border-radius:18px;
overflow:hidden;
box-shadow:0 14px 34px rgba(2,132,199,.14);
}
#content_area .how-touchless-faucets-work .htf-card img{
width:100%;
height:auto;
display:block;
}
#content_area .how-touchless-faucets-work .htf-card-body{
padding:16px 16px 18px;
}
#content_area .how-touchless-faucets-work .htf-card h3{
margin:0;
font-size:16px;
color:#083145;
}
#content_area .how-touchless-faucets-work .htf-card p{
margin:10px 0 0;
font-size:13.8px;
line-height:1.7;
color:#1f5a72;
}
#content_area .how-touchless-faucets-work .htf-card a{
display:inline-block;
margin-top:12px;
font-size:13px;
font-weight:700;
color:#075985;
text-decoration:none;
border-bottom:1px solid rgba(7,89,133,.35);
}
/* RELATED LINKS */
#content_area .how-touchless-faucets-work .htf-links{
border-top:1px solid rgba(2,132,199,.22);
padding-top:20px;
margin-top:30px;
}
#content_area .how-touchless-faucets-work .htf-links h3{
margin:0 0 10px;
font-size:18px;
color:#083145;
}
#content_area .how-touchless-faucets-work .htf-links ul{
list-style:none;
padding:0;
margin:0;
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:8px 14px;
}
#content_area .how-touchless-faucets-work .htf-links a{
font-size:13px;
color:#1f5a72;
text-decoration:none;
}
#content_area .how-touchless-faucets-work .htf-links a:hover{
text-decoration:underline;
}
@media(max-width:900px){
#content_area .how-touchless-faucets-work .htf-step,
#content_area .how-touchless-faucets-work .htf-card{grid-column:span 6;}
#content_area .how-touchless-faucets-work .htf-hero h1{font-size:28px;}
#content_area .how-touchless-faucets-work .htf-links ul{grid-template-columns:1fr;}
}
/* Category 7333 -- How-Touchless-Faucets-Work (https://www.fontanashowers.com/How-Touchless-Faucets-Work-s/7333.htm) at 22-12-2025 End Here*/

/* Product-fs2561tm -- feature section - Cutting-Edge-Electronic-Digital-Touch-Faucet-Smart (https://www.fontanashowers.com/Cutting-Edge-Electronic-Digital-Touch-Faucet-Smart-p/fs2561tm.htm) at 22-12-2025 Start Here*/
/*Part one bottom*/
#content_area .cutting-edge-electronic-digital-touch-faucet-smart-wrapper .fs-page{
max-width: 1120px;
margin: 0 auto;
padding: 10px 14px 40px;
font-family: Lato, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
color: #111827;
}
#content_area .cutting-edge-electronic-digital-touch-faucet-smart-wrapper .fs-page img{ max-width:100%; height:auto; display:block; }
#content_area .cutting-edge-electronic-digital-touch-faucet-smart-wrapper .fs-page a{ color: #2563eb; text-decoration:none; }
#content_area .cutting-edge-electronic-digital-touch-faucet-smart-wrapper .fs-page a:hover{ text-decoration:underline; }

/* spacing helpers */
#content_area .cutting-edge-electronic-digital-touch-faucet-smart-wrapper .fs-stack-6 > * + *{ margin-top: 6px; }
#content_area .cutting-edge-electronic-digital-touch-faucet-smart-wrapper .fs-stack-10 > * + *{ margin-top: 10px; }
#content_area .cutting-edge-electronic-digital-touch-faucet-smart-wrapper .fs-stack-14 > * + *{ margin-top: 14px; }
#content_area .cutting-edge-electronic-digital-touch-faucet-smart-wrapper .fs-section{ margin-top: 26px; }

/* section titles */
#content_area .cutting-edge-electronic-digital-touch-faucet-smart-wrapper .fs-h2{
font-size: clamp(18px, 1.55vw, 26px);
line-height: 1.25;
margin: 0;
font-weight: 800;
letter-spacing: -.2px;
}
#content_area .cutting-edge-electronic-digital-touch-faucet-smart-wrapper .fs-p{
margin: 0;
font-size: 14.5px;
line-height: 1.75;
color: #4b5563;
}
#content_area .cutting-edge-electronic-digital-touch-faucet-smart-wrapper .fs-center{ text-align:center; }

/* hero */
#content_area .cutting-edge-electronic-digital-touch-faucet-smart-wrapper .fs-hero{
position:relative;
overflow:hidden;
border-radius: 24px;
padding: clamp(18px, 2.8vw, 42px);
margin: 10px auto 18px;
background: linear-gradient(135deg,
  rgba(219, 234, 254, .95) 0%,
  rgba(239, 246, 255, .98) 45%,
  rgba(224, 242, 254, .92) 100%
);
border: 1px solid rgba(15,23,42,.10);
box-shadow: 0 10px 28px rgba(2, 6, 23, .06);
}
#content_area .cutting-edge-electronic-digital-touch-faucet-smart-wrapper .fs-hero::before,
#content_area .cutting-edge-electronic-digital-touch-faucet-smart-wrapper .fs-hero::after{
content:"";
position:absolute;
width: 520px;
height: 520px;
border-radius: 50%;
filter: blur(40px);
opacity:.35;
pointer-events:none;
}
#content_area .cutting-edge-electronic-digital-touch-faucet-smart-wrapper .fs-hero::before{
top:-260px; left:-240px;
background: radial-gradient(circle at 30% 30%, rgba(37,99,235,.30), rgba(96,165,250,.00) 70%);
}
#content_area .cutting-edge-electronic-digital-touch-faucet-smart-wrapper .fs-hero::after{
bottom:-280px; right:-250px;
background: radial-gradient(circle at 70% 70%, rgba(14,165,233,.28), rgba(125,211,252,.00) 72%);
}
#content_area .cutting-edge-electronic-digital-touch-faucet-smart-wrapper .fs-hero__grid{
position:relative;
display:grid;
grid-template-columns: 1.12fr .88fr;
gap: clamp(14px, 2vw, 28px);
align-items:center;
}
@media (max-width: 900px){
#content_area .cutting-edge-electronic-digital-touch-faucet-smart-wrapper .fs-hero__grid{ grid-template-columns: 1fr; }
}
#content_area .cutting-edge-electronic-digital-touch-faucet-smart-wrapper .fs-kicker{
display:inline-flex;
gap:8px;
align-items:center;
padding: 8px 12px;
border-radius:999px;
background: rgba(255,255,255,.78);
border: 1px solid rgba(37,99,235,.15);
color: #2563eb;
font-weight: 800;
font-size: 12px;
letter-spacing:.2px;
}
#content_area .cutting-edge-electronic-digital-touch-faucet-smart-wrapper .fs-hero__title{
margin: 12px 0 10px;
color: #111827;
font-size: clamp(22px, 2.2vw, 34px);
line-height: 1.18;
font-weight: 900;
}
#content_area .cutting-edge-electronic-digital-touch-faucet-smart-wrapper .fs-bullets{
margin: 14px 0 18px;
padding: 0;
list-style:none;
display:grid;
gap: 10px;
}
#content_area .cutting-edge-electronic-digital-touch-faucet-smart-wrapper .fs-bullets li{
display:flex;
gap:10px;
align-items:flex-start;
color: #111827;
font-size: 14px;
line-height: 1.6;
}
#content_area .cutting-edge-electronic-digital-touch-faucet-smart-wrapper .fs-bullets svg{
flex: 0 0 18px;
margin-top: 2px;
color: #2563eb;
}
#content_area .cutting-edge-electronic-digital-touch-faucet-smart-wrapper .fs-actions{
display:flex;
flex-wrap:wrap;
gap:10px;
margin-top: 12px;
}
#content_area .cutting-edge-electronic-digital-touch-faucet-smart-wrapper .fs-btn{
display:inline-flex;
align-items:center;
justify-content:center;
gap:10px;
padding: 12px 16px;
border-radius: 12px;
font-weight: 800;
font-size: 14px;
text-decoration:none;
border: 1px solid transparent;
transition: transform .15s ease, box-shadow .15s ease, background .15s ease;
}
#content_area .cutting-edge-electronic-digital-touch-faucet-smart-wrapper .fs-btn:hover{ transform: translateY(-1px); text-decoration:none; }
#content_area .cutting-edge-electronic-digital-touch-faucet-smart-wrapper .fs-btn--primary{
color:#fff !important;
background: linear-gradient(135deg, #2563eb 0%, #60a5fa 100%);
box-shadow: 0 10px 22px rgba(37,99,235,.18);
}
#content_area .cutting-edge-electronic-digital-touch-faucet-smart-wrapper .fs-btn--ghost{
color: #111827 !important;
background: rgba(255,255,255,.85);
border-color: rgba(15,23,42,.12);
}

#content_area .cutting-edge-electronic-digital-touch-faucet-smart-wrapper .fs-hero__card{
background: rgba(255,255,255,.86);
border: 1px solid rgba(15,23,42,.10);
border-radius: 18px;
box-shadow: 0 18px 45px rgba(2, 6, 23, .10);
padding: 14px;
backdrop-filter: blur(10px);
}
#content_area .cutting-edge-electronic-digital-touch-faucet-smart-wrapper .fs-media{
border-radius: 14px;
overflow:hidden;
border: 1px solid rgba(15,23,42,.10);
background:#fff;
}
#content_area .cutting-edge-electronic-digital-touch-faucet-smart-wrapper .fs-meta{
margin-top: 12px;
display:grid;
grid-template-columns: repeat(3, minmax(0,1fr));
gap:10px;
}
@media (max-width: 900px){
#content_area .cutting-edge-electronic-digital-touch-faucet-smart-wrapper .fs-meta{ grid-template-columns: 1fr; }
}
#content_area .cutting-edge-electronic-digital-touch-faucet-smart-wrapper .fs-stat{
padding: 10px 12px;
border-radius: 14px;
background: rgba(255,255,255,.78);
border: 1px solid rgba(15,23,42,.08);
}
#content_area .cutting-edge-electronic-digital-touch-faucet-smart-wrapper .fs-stat b{ display:block; font-size: 13px; }
#content_area .cutting-edge-electronic-digital-touch-faucet-smart-wrapper .fs-stat span{ display:block; font-size: 12px; color: #4b5563; margin-top: 2px; }

/* cards / grids */
#content_area .cutting-edge-electronic-digital-touch-faucet-smart-wrapper .fs-grid{
display:grid;
grid-template-columns: repeat(12, 1fr);
gap: 14px;
}
#content_area .cutting-edge-electronic-digital-touch-faucet-smart-wrapper .fs-card{
grid-column: span 4;
background: rgba(255,255,255,.92);
border: 1px solid rgba(15,23,42,.10);
border-radius: 18px;
box-shadow: 0 10px 28px rgba(2, 6, 23, .08);
overflow:hidden;
display:flex;
flex-direction:column;
min-height: 100%;
}
@media (max-width: 980px){
#content_area .cutting-edge-electronic-digital-touch-faucet-smart-wrapper .fs-card{ grid-column: span 6; }
}
@media (max-width: 620px){
.fs-card{ grid-column: span 12; }
}
#content_area .cutting-edge-electronic-digital-touch-faucet-smart-wrapper .fs-card__img{
background: #fff;
border-bottom: 1px solid rgba(15,23,42,.10);
aspect-ratio: 16 / 10;
display:flex;
align-items:center;
justify-content:center;
overflow:hidden;
}
#content_area .cutting-edge-electronic-digital-touch-faucet-smart-wrapper .fs-card__img img{ width:100%; height:100%; object-fit:cover; }
#content_area .cutting-edge-electronic-digital-touch-faucet-smart-wrapper .fs-card__body{ padding: 14px 14px 16px; }
#content_area .cutting-edge-electronic-digital-touch-faucet-smart-wrapper .fs-card__title{
margin: 0 0 6px;
font-size: 15px;
line-height: 1.35;
font-weight: 900;
letter-spacing: -.1px;
}
#content_area .cutting-edge-electronic-digital-touch-faucet-smart-wrapper .fs-chip{
display:inline-flex;
align-items:center;
gap:8px;
background: #eff6ff;
border: 1px solid rgba(37,99,235,.15);
color: #2563eb;
font-weight: 800;
font-size: 11.5px;
padding: 6px 10px;
border-radius: 999px;
margin-bottom: 10px;
}
#content_area .cutting-edge-electronic-digital-touch-faucet-smart-wrapper .fs-card__desc{ margin:0; color: #4b5563; font-size: 13.5px; line-height: 1.7; }

/* product grid */
#content_area .cutting-edge-electronic-digital-touch-faucet-smart-wrapper .fs-products{
display:grid;
grid-template-columns: repeat(12, 1fr);
gap: 14px;
}
#content_area .cutting-edge-electronic-digital-touch-faucet-smart-wrapper .fs-product{
grid-column: span 3;
background: rgba(255,255,255,.92);
border: 1px solid rgba(15,23,42,.10);
border-radius: 18px;
box-shadow: 0 10px 28px rgba(2, 6, 23, .08);
overflow:hidden;
display:flex;
flex-direction:column;
}
@media (max-width: 980px){
#content_area .cutting-edge-electronic-digital-touch-faucet-smart-wrapper .fs-product{ grid-column: span 6; }
}
@media (max-width: 620px){
#content_area .cutting-edge-electronic-digital-touch-faucet-smart-wrapper .fs-product{ grid-column: span 12; }
}
#content_area .cutting-edge-electronic-digital-touch-faucet-smart-wrapper .fs-product__img{
padding: 16px;
background:#fff;
border-bottom: 1px solid rgba(15,23,42,.10);
display:flex;
align-items:center;
justify-content:center;
min-height: 190px;
}
#content_area .cutting-edge-electronic-digital-touch-faucet-smart-wrapper .fs-product__img img{
max-height: 190px;
width:auto;
object-fit:contain;
}
#content_area .cutting-edge-electronic-digital-touch-faucet-smart-wrapper .fs-product__body{ padding: 12px 14px 14px; }
#content_area .cutting-edge-electronic-digital-touch-faucet-smart-wrapper .fs-product__name{
margin:0 0 8px;
font-weight: 900;
font-size: 13.5px;
line-height: 1.35;
color: #111827;
}
#content_area .cutting-edge-electronic-digital-touch-faucet-smart-wrapper .fs-product__cta{
margin-top:auto;
padding: 0 14px 14px;
}
#content_area .cutting-edge-electronic-digital-touch-faucet-smart-wrapper .fs-linkbtn{
width:100%;
display:inline-flex;
justify-content:center;
align-items:center;
gap:8px;
padding: 11px 12px;
border-radius: 12px;
border: 1px solid rgba(37,99,235,.20);
background: rgba(255,255,255,.85);
font-weight: 900;
font-size: 13px;
color: #2563eb !important;
text-decoration:none;
}
#content_area .cutting-edge-electronic-digital-touch-faucet-smart-wrapper .fs-linkbtn:hover{ text-decoration:none; box-shadow: 0 10px 18px rgba(37,99,235,.08); transform: translateY(-1px); }

/* alternating content blocks */
#content_area .cutting-edge-electronic-digital-touch-faucet-smart-wrapper .fs-split{
display:grid;
grid-template-columns: 1fr 1fr;
gap: 16px;
align-items:center;
background: rgba(255,255,255,.92);
border: 1px solid rgba(15,23,42,.10);
border-radius: 24px;
box-shadow: 0 10px 28px rgba(2, 6, 23, .08);
padding: clamp(14px, 2vw, 22px);
}
#content_area .cutting-edge-electronic-digital-touch-faucet-smart-wrapper .fs-split--gray{
background: linear-gradient(180deg, rgba(249,250,251,.95), rgba(255,255,255,.95));
}
@media (max-width: 900px){
#content_area .cutting-edge-electronic-digital-touch-faucet-smart-wrapper .fs-split{ grid-template-columns: 1fr; }
}
#content_area .cutting-edge-electronic-digital-touch-faucet-smart-wrapper .fs-split__img{
border-radius: 16px;
overflow:hidden;
border: 1px solid rgba(15,23,42,.10);
background:#fff;
}
#content_area .cutting-edge-electronic-digital-touch-faucet-smart-wrapper .fs-list{
margin: 10px 0 0;
padding-left: 18px;
color: #4b5563;
font-size: 14px;
line-height: 1.7;
}
#content_area .cutting-edge-electronic-digital-touch-faucet-smart-wrapper .fs-toggle{
display:inline-flex;
gap:8px;
align-items:center;
font-weight: 900;
color: #2563eb;
cursor:pointer;
user-select:none;
margin-top: 10px;
}
#content_area .cutting-edge-electronic-digital-touch-faucet-smart-wrapper .fs-toggle:hover{ text-decoration: underline; }
#content_area .cutting-edge-electronic-digital-touch-faucet-smart-wrapper .fs-hidden{ display:none; }

/* article tiles */
#content_area .cutting-edge-electronic-digital-touch-faucet-smart-wrapper .fs-articles{
display:grid;
grid-template-columns: repeat(12, 1fr);
gap: 14px;
}
#content_area .cutting-edge-electronic-digital-touch-faucet-smart-wrapper .fs-article{
grid-column: span 4;
border-radius: 18px;
overflow:hidden;
background: rgba(255,255,255,.92);
border: 1px solid rgba(15,23,42,.10);
box-shadow: 0 10px 28px rgba(2, 6, 23, .08);
text-decoration:none;
color: inherit;
}
@media (max-width: 980px){ #content_area .cutting-edge-electronic-digital-touch-faucet-smart-wrapper .fs-article{ grid-column: span 6; } }
@media (max-width: 620px){ #content_area .cutting-edge-electronic-digital-touch-faucet-smart-wrapper .fs-article{ grid-column: span 12; } }
#content_area .cutting-edge-electronic-digital-touch-faucet-smart-wrapper .fs-article__img{
height: 180px;
background-size: cover;
background-position: center;
border-bottom: 1px solid rgba(15,23,42,.10);
}
#content_area .cutting-edge-electronic-digital-touch-faucet-smart-wrapper .fs-article__body{ padding: 12px 14px 14px; }
#content_area .cutting-edge-electronic-digital-touch-faucet-smart-wrapper .fs-article__title{
margin: 0;
font-weight: 900;
font-size: 14px;
line-height: 1.45;
color: #111827;
}
#content_area .cutting-edge-electronic-digital-touch-faucet-smart-wrapper .fs-article:hover{ transform: translateY(-1px); box-shadow: 0 18px 45px rgba(2, 6, 23, .10); }
#content_area .cutting-edge-electronic-digital-touch-faucet-smart-wrapper .fs-article{ transition: transform .15s ease, box-shadow .15s ease; }

/* large feature blocks */
#content_area .cutting-edge-electronic-digital-touch-faucet-smart-wrapper .fs-feature{
background: rgba(255,255,255,.92);
border: 1px solid rgba(15,23,42,.10);
border-radius: 24px;
box-shadow: 0 10px 28px rgba(2, 6, 23, .08);
padding: clamp(14px, 2vw, 22px);
}
#content_area .cutting-edge-electronic-digital-touch-faucet-smart-wrapper .fs-feature__grid{
display:grid;
grid-template-columns: 1fr 1fr;
gap: 16px;
align-items:start;
}
@media (max-width: 900px){
#content_area .cutting-edge-electronic-digital-touch-faucet-smart-wrapper .fs-feature__grid{ grid-template-columns: 1fr; }
}

/* small divider title block */
#content_area .cutting-edge-electronic-digital-touch-faucet-smart-wrapper .fs-divider{
display:flex;
align-items:center;
justify-content:center;
gap:12px;
margin: 24px 0 10px;
color: #6b7280;
font-weight: 900;
letter-spacing:.2px;
text-transform: uppercase;
font-size: 12px;
}
#content_area .cutting-edge-electronic-digital-touch-faucet-smart-wrapper .fs-divider:before,
#content_area .cutting-edge-electronic-digital-touch-faucet-smart-wrapper .fs-divider:after{
content:"";
height:1px;
flex: 1 1 auto;
background: rgba(15,23,42,.12);
}
/*Part Two bottom*/
#content_area .featured-smart-touchless-faucets-wrapper .fs-block{
max-width:1120px;
margin: 18px auto;
padding: 0 14px;
font-family: Lato, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
color: #111827;
}

#content_area .featured-smart-touchless-faucets-wrapper .fs-title{
margin:0;
font-weight:900;
letter-spacing:-.2px;
font-size: clamp(18px, 1.6vw, 26px);
line-height:1.25;
}
#content_area .featured-smart-touchless-faucets-wrapper .fs-sub{
margin: 6px 0 0;
color: #4b5563;
font-size: 14.5px;
line-height:1.75;
}

#content_area .featured-smart-touchless-faucets-wrapper .fs-heroimg{
margin-top: 14px;
border-radius: 24px;
overflow:hidden;
border:1px solid rgba(15,23,42,.10);
background:#fff;
box-shadow: 0 10px 28px rgba(2, 6, 23, .08);
}
#content_area .featured-smart-touchless-faucets-wrapper .fs-heroimg img{ width:100%; height:auto; display:block; }

/* product card grid */
#content_area .featured-smart-touchless-faucets-wrapper .fs-prodgrid{
margin-top: 16px;
display:grid;
grid-template-columns: repeat(12, 1fr);
gap: 14px;
}
#content_area .featured-smart-touchless-faucets-wrapper .fs-prod{
grid-column: span 3;
background: rgba(255,255,255,.92);
border:1px solid rgba(15,23,42,.10);
border-radius: 18px;
box-shadow: 0 10px 28px rgba(2, 6, 23, .08);
overflow:hidden;
display:flex;
flex-direction:column;
min-height:100%;
}
@media (max-width: 980px){ #content_area .featured-smart-touchless-faucets-wrapper .fs-prod{ grid-column: span 6; } }
@media (max-width: 620px){ #content_area .featured-smart-touchless-faucets-wrapper .fs-prod{ grid-column: span 12; } }

#content_area .featured-smart-touchless-faucets-wrapper .fs-prod__img{
background:#fff;
padding: 16px;
border-bottom:1px solid rgba(15,23,42,.10);
display:flex;
align-items:center;
justify-content:center;
min-height: 190px;
}
#content_area .featured-smart-touchless-faucets-wrapper .fs-prod__img img{
max-height: 190px;
width:auto;
height:auto;
display:block;
object-fit:contain;
}

#content_area .featured-smart-touchless-faucets-wrapper .fs-prod__body{ padding: 12px 14px 14px; }
#content_area .featured-smart-touchless-faucets-wrapper .fs-chip{
display:inline-flex;
align-items:center;
gap:8px;
padding: 6px 10px;
border-radius:999px;
background: #eff6ff;
border: 1px solid rgba(37,99,235,.15);
color: #2563eb;
font-weight:900;
font-size: 11.5px;
margin-bottom:10px;
}
#content_area .featured-smart-touchless-faucets-wrapper .fs-prod__name{
margin:0 0 10px;
font-weight:900;
font-size: 13.5px;
line-height:1.35;
color: #111827;
}

/* swatches */
#content_area .featured-smart-touchless-faucets-wrapper .fs-swatches{
display:flex;
flex-wrap:wrap;
gap:8px;
margin-top: 8px;
}
#content_area .featured-smart-touchless-faucets-wrapper .fs-swatch{
width: 18px;
height: 18px;
border-radius: 50%;
border: 1px solid rgba(15,23,42,.16);
overflow:hidden;
background:#fff;
box-shadow: 0 6px 14px rgba(2,6,23,.06);
}
#content_area .featured-smart-touchless-faucets-wrapper .fs-swatch img{
width:100%;
height:100%;
object-fit:cover;
display:block;
}

#content_area .featured-smart-touchless-faucets-wrapper .fs-prod__cta{
margin-top:auto;
padding: 0 14px 14px;
}
#content_area .featured-smart-touchless-faucets-wrapper .fs-btn{
width:100%;
display:inline-flex;
justify-content:center;
align-items:center;
gap:8px;
padding: 11px 12px;
border-radius: 12px;
border: 1px solid rgba(37,99,235,.20);
background: rgba(255,255,255,.88);
font-weight: 900;
font-size: 13px;
color: #2563eb !important;
text-decoration:none;
transition: transform .15s ease, box-shadow .15s ease;
}
#content_area .featured-smart-touchless-faucets-wrapper .fs-btn:hover{
transform: translateY(-1px);
box-shadow: 0 10px 18px rgba(37,99,235,.08);
text-decoration:none;
}

/* guides list */
#content_area .featured-smart-touchless-faucets-wrapper .fs-guides{
margin-top: 22px;
background: rgba(255,255,255,.92);
border:1px solid rgba(15,23,42,.10);
border-radius: 24px;
box-shadow: 0 10px 28px rgba(2, 6, 23, .08);
padding: 16px;
}
#content_area .featured-smart-touchless-faucets-wrapper .fs-guides ul{
margin: 10px 0 0;
padding:0;
list-style:none;
display:grid;
gap:10px;
}
#content_area .featured-smart-touchless-faucets-wrapper .fs-guides a{
display:flex;
align-items:flex-start;
gap:10px;
padding: 10px 12px;
border-radius: 14px;
border:1px solid rgba(15,23,42,.10);
background: rgba(255,255,255,.88);
text-decoration:none;
color: #111827;
transition: transform .15s ease, box-shadow .15s ease;
}
#content_area .featured-smart-touchless-faucets-wrapper .fs-guides a:hover{
transform: translateY(-1px);
box-shadow: 0 10px 28px rgba(2, 6, 23, .08);
}
#content_area .featured-smart-touchless-faucets-wrapper .fs-guides .dot{
flex: 0 0 10px;
width:10px;
height:10px;
border-radius:999px;
margin-top:5px;
background: rgba(37,99,235,.65);
}
#content_area .featured-smart-touchless-faucets-wrapper .fs-guides .label{
font-weight:900;
line-height:1.35;
color: #4b5563;
}
#content_area .featured-smart-touchless-faucets-wrapper .fs-guides .hint{
display:block;
margin-top:2px;
color: #4b5563;
font-size: 13px;
line-height:1.55;
}

/* why smart faucets block */
#content_area .featured-smart-touchless-faucets-wrapper .fs-split{
margin-top: 22px;
display:grid;
grid-template-columns: 1fr 1fr;
gap: 14px;
background: rgba(255,255,255,.92);
border:1px solid rgba(15,23,42,.10);
border-radius: 24px;
box-shadow: 0 10px 28px rgba(2, 6, 23, .08);
padding: 16px;
align-items:center;
}
@media (max-width: 900px){ #content_area .featured-smart-touchless-faucets-wrapper .fs-split{ grid-template-columns: 1fr; } }
#content_area .featured-smart-touchless-faucets-wrapper .fs-split__img{
border-radius: 18px;
overflow:hidden;
border:1px solid rgba(15,23,42,.10);
background:#fff;
}
#content_area .featured-smart-touchless-faucets-wrapper .fs-split__img img{ width:100%; height:auto; display:block; }
#content_area .featured-smart-touchless-faucets-wrapper .fs-copy{
color: #4b5563;
font-size: 14.5px;
line-height: 1.75;
margin: 10px 0 0;
}

#content_area .featured-smart-touchless-faucets-wrapper .fs-linksrow{
margin-top: 10px;
display:flex;
flex-wrap:wrap;
gap:10px;
}
#content_area .featured-smart-touchless-faucets-wrapper .fs-pill{
display:inline-flex;
align-items:center;
justify-content:center;
padding: 10px 12px;
border-radius: 999px;
border:1px solid rgba(37,99,235,.18);
background: rgba(255,255,255,.88);
font-weight:900;
font-size: 13px;
color: #2563eb !important;
text-decoration:none;
}
#content_area .featured-smart-touchless-faucets-wrapper .fs-pill:hover{ text-decoration:none; box-shadow: 0 10px 28px rgba(2, 6, 23, .08); transform: translateY(-1px); }
/* Product-fs2561tm -- feature section - Cutting-Edge-Electronic-Digital-Touch-Faucet-Smart (https://www.fontanashowers.com/Cutting-Edge-Electronic-Digital-Touch-Faucet-Smart-p/fs2561tm.htm) at 22-12-2025 End Here*/

/* Category 9572 -- porcelain-urinals-reviews (https://www.fontanashowers.com/porcelain-urinals-reviews-s/9572.htm) at 22-12-2025 Start Here*/
#content_area .porcelain-urinals-reviews-wrapper {margin:0;background:#f8fafc;color:#0f172a;font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif}
#content_area .porcelain-urinals-reviews-wrapper a{color:#0ea5e9;text-decoration:none};
#content_area .porcelain-urinals-reviews-wrapper a:hover{text-decoration:underline}
#content_area .porcelain-urinals-reviews-wrapper .wrap{max-width:1180px;margin:0 auto;padding:30px 18px}
#content_area .porcelain-urinals-reviews-wrapper .wrap-header h1{margin:0 0 6px;font-size:clamp(22px,3.5vw,36px)}
#content_area .porcelain-urinals-reviews-wrapper .wrap-header p{margin:0;color:#334155}
#content_area .porcelain-urinals-reviews-wrapper .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px;margin-top:22px}
#content_area .porcelain-urinals-reviews-wrapper .card{background:#ffffff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden}
#content_area .porcelain-urinals-reviews-wrapper .media{aspect-ratio:1/1;background:#f1f5f9;display:flex;align-items:center;justify-content:center}
#content_area .porcelain-urinals-reviews-wrapper .media img{width:100%;height:100%;object-fit:cover;display:block}
#content_area .porcelain-urinals-reviews-wrapper .content{padding:16px 16px 18px}
#content_area .porcelain-urinals-reviews-wrapper h2{margin:0 0 6px;font-size:1.1rem}
#content_area .porcelain-urinals-reviews-wrapper .sku{font-size:.92rem;color:#64748b}
#content_area .porcelain-urinals-reviews-wrapper .kpis{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 12px}
#content_area .porcelain-urinals-reviews-wrapper .kpi{background:#ecfeff;border:1px solid #bae6fd;color:#0369a1;border-radius:10px;padding:.3rem .55rem;font-weight:700;font-size:.8rem}
#content_area .porcelain-urinals-reviews-wrapper .reviews{display:grid;gap:10px}
#content_area .porcelain-urinals-reviews-wrapper .review{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;padding:10px 12px}
#content_area .porcelain-urinals-reviews-wrapper .stars{color:#f59e0b}
#content_area .porcelain-urinals-reviews-wrapper .cta{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}
#content_area .porcelain-urinals-reviews-wrapper .btn{display:inline-block;padding:.55rem .85rem;border-radius:10px;border:1px solid #0f172a;font-weight:700}
#content_area .porcelain-urinals-reviews-wrapper .btn.primary{background:#0f172a;color:#fff}
#content_area .porcelain-urinals-reviews-wrapper .btn.ghost{background:#fff;color:#0f172a}
/* Category 9572 -- porcelain-urinals-reviews (https://www.fontanashowers.com/porcelain-urinals-reviews-s/9572.htm) at 22-12-2025 End Here*/

/* Category 8766 -- Fontana-Soap-Dispensers (https://www.fontanashowers.com/Fontana-Soap-Dispensers-s/8766.htm) at 22-12-2025 Start Here*/
#content_area .fontana-soap-dispensers-wrapper h1 {
	font-family: 'Montserrat-Light',arial,helvetica,sans-serif;
	line-height: 1.1;
	color: inherit;
	font-variant-numeric: normal;
	font-variant-east-asian: normal;
	font-weight: 400;
	font-stretch: normal;
	text-transform: capitalize !important;
	letter-spacing: 1.5px;
}
#content_area .fontana-soap-dispensers-wrapper .two-column-box-section {
	max-width: 1200px;
}
#content_area .v-product-grid .v-product {
	margin-left: -4px;
	display: inline-block !important;
	vertical-align: top !important;
	width: 25%;
	padding: 15px !important;
	box-sizing: border-box;
}
#content_area .v-product-grid .v-product .product_saleprice {
	font-size: 16px !important;
	color: #464646;
	line-height: normal;
	font-weight: 400;
	margin-bottom: 0;
}
#content_area .v-product-grid .v-product .product_saleprice .startAt-price-label {
	font-size: 12px;
	line-height: 24px;
	color: #767676;
	font-family: "Montserrat", arial, helvetica, sans-serif !important;
}
/* Category 8766 -- Fontana-Soap-Dispensers (https://www.fontanashowers.com/Fontana-Soap-Dispensers-s/8766.htm) at 22-12-2025 End Here*/

/* Category 10211 -- Fontana-Sculpted-Arc-Collection (https://www.fontanashowers.com/Fontana-Sculpted-Arc-Collection-s/10211.htm) at 28-12-2025 Start Here*/
#content_area .fontana-sculpted-arc-collection-wrapper {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: #f5f9fc;
  line-height: 1.6;
  overflow-x: hidden;
}
#content_area .fontana-sculpted-arc-collection-wrapper a { color: #00e0ff; text-decoration: none; }
#content_area .fontana-sculpted-arc-collection-wrapper a:hover { text-decoration: underline; }
#content_area .fontana-sculpted-arc-collection-wrapper .page { max-width: 1240px; margin: 0 auto; padding: 28px 18px 64px; }
#content_area .fontana-sculpted-arc-collection-wrapper .ff-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 32px; }
#content_area .fontana-sculpted-arc-collection-wrapper .brand { display: flex; align-items: center; gap: 12px; }
#content_area .fontana-sculpted-arc-collection-wrapper .brand-logo {
  width: 44px; height: 44px; border-radius: 12px;
  background: linear-gradient(135deg, #30e9ff, #0066ff);
  display: flex; align-items: center; justify-content: center;
  font-weight: 800; font-size: 24px; color: #001319;
  box-shadow: 0 8px 26px rgba(0, 0, 0, 0.4);
}
#content_area .fontana-sculpted-arc-collection-wrapper .brand-text { display: flex; flex-direction: column; gap: 2px; }
#content_area .fontana-sculpted-arc-collection-wrapper .brand-text span:first-child {
  font-weight: 700; letter-spacing: .06em; font-size: 13px;
  text-transform: uppercase; color: #bcd0dd;
}
#content_area .fontana-sculpted-arc-collection-wrapper .brand-text span:last-child { font-weight: 600; font-size: 15px; }
#content_area .fontana-sculpted-arc-collection-wrapper .header-actions { display: flex; align-items: center; gap: 12px; }
#content_area .fontana-sculpted-arc-collection-wrapper .pill-label {
  padding: 4px 12px; border-radius: 999px;
  border: 1px solid rgba(17, 197, 255, 0.18);
  background: rgba(3, 27, 38, 0.85);
  font-size: 11px; letter-spacing: .12em; text-transform: uppercase;
  color: #bcd0dd;
}
#content_area .fontana-sculpted-arc-collection-wrapper .cta-btn-outline,
#content_area .fontana-sculpted-arc-collection-wrapper .cta-btn-primary {
  border-radius: 999px;
  padding: 8px 18px;
  font-size: 13px;
  border: 1px solid #11c5ff;
  cursor: pointer;
  background: transparent;
  color: #00e0ff;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: all .18s ease-out;
}
#content_area .fontana-sculpted-arc-collection-wrapper .cta-btn-primary {
  background: linear-gradient(120deg, #11c5ff, #00e0ff);
  color: #01202c;
  border: none;
  font-weight: 600;
  box-shadow: 0 12px 35px rgba(0, 0, 0, 0.55);
}
#content_area .fontana-sculpted-arc-collection-wrapper .cta-btn-outline:hover { background: rgba(17, 197, 255, 0.18); transform: translateY(-1px); }
#content_area .fontana-sculpted-arc-collection-wrapper .cta-btn-primary:hover { transform: translateY(-2px); box-shadow: 0 16px 40px rgba(0, 0, 0, 0.7); }
#content_area .fontana-sculpted-arc-collection-wrapper .hero {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr);
  gap: 32px;
  padding: 32px 26px;
  border-radius: 32px;
  background: radial-gradient(circle at 0% 0%, #0a5c7a 0, #022531 40%, #020a13 100%);
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.6);
  border: 1px solid rgba(255, 255, 255, 0.08);
  position: relative;
  overflow: hidden;
}
#content_area .fontana-sculpted-arc-collection-wrapper .hero::before {
  content: "";
  position: absolute;
  inset: -40%;
  background:
	radial-gradient(circle at 0% 0%, rgba(0, 255, 255, 0.12) 0, transparent 55%),
	radial-gradient(circle at 100% 100%, rgba(0, 170, 255, 0.18) 0, transparent 55%);
  opacity: 0.9;
  pointer-events: none;
}
#content_area .fontana-sculpted-arc-collection-wrapper .hero-content { position: relative; z-index: 2; }
#content_area .fontana-sculpted-arc-collection-wrapper .hero-eyebrow { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 12px; }
#content_area .fontana-sculpted-arc-collection-wrapper .hero-eyebrow span { font-size: 11px; letter-spacing: .18em; text-transform: uppercase; color: #bcd0dd; }
#content_area .fontana-sculpted-arc-collection-wrapper .hero-badge {
  padding: 3px 10px; border-radius: 999px;
  background: rgba(0, 0, 0, 0.38);
  border: 1px solid rgba(255, 255, 255, 0.15);
  font-size: 10px; text-transform: uppercase; letter-spacing: .14em;
}
#content_area .fontana-sculpted-arc-collection-wrapper h1 { font-size: 32px; line-height: 1.18; margin-bottom: 8px; }
#content_area .fontana-sculpted-arc-collection-wrapper h2 { font-size: 22px; margin: 20px 0 12px; }
#content_area .fontana-sculpted-arc-collection-wrapper h3 { font-size: 18px; margin: 18px 0 8px; }
#content_area .fontana-sculpted-arc-collection-wrapper h4 { font-size: 16px; margin: 12px 0 6px; }
#content_area .fontana-sculpted-arc-collection-wrapper h5 { font-size: 14px; margin: 10px 0 4px; text-transform: uppercase; letter-spacing: .14em; color: #bcd0dd; }
#content_area .fontana-sculpted-arc-collection-wrapper .hero-subtitle { font-size: 15px; color: #bcd0dd; max-width: 580px; margin-bottom: 18px; }
#content_area .fontana-sculpted-arc-collection-wrapper .hero-tags { display: flex; flex-wrap: wrap; gap: 8px; margin: 14px 0 18px; }
#content_area .fontana-sculpted-arc-collection-wrapper .hero-tags span {
  font-size: 11px; text-transform: uppercase; letter-spacing: .14em;
  padding: 6px 14px; border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(3, 32, 45, 0.9);
}
#content_area .fontana-sculpted-arc-collection-wrapper .hero-cta-row { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin-top: 10px; }
#content_area .fontana-sculpted-arc-collection-wrapper .hero-meta { font-size: 12px; color: #bcd0dd; display: flex; flex-wrap: wrap; gap: 16px; }
#content_area .fontana-sculpted-arc-collection-wrapper .hero-meta strong { color: #f5f9fc; }
#content_area .fontana-sculpted-arc-collection-wrapper .hero-visual { position: relative; z-index: 2; display: flex; align-items: center; justify-content: center; }
#content_area .fontana-sculpted-arc-collection-wrapper .hero-banner {
  position: relative;
  width: 100%;
  max-width: 430px;
  border-radius: 30px;
  padding: 22px 20px;
  background: linear-gradient(145deg, rgba(1, 28, 39, 0.96) 0, rgba(5, 65, 90, 0.96) 45%, rgba(20, 90, 116, 1) 100%);
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.85);
  border: 1px solid rgba(125, 223, 255, 0.2);
  overflow: hidden;
}
#content_area .fontana-sculpted-arc-collection-wrapper .banner-badge {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 4px 10px; border-radius: 999px;
  background: rgba(0, 0, 0, 0.38);
  border: 1px solid rgba(255, 255, 255, 0.25);
  font-size: 10px; letter-spacing: .12em; text-transform: uppercase;
  color: #bcd0dd; margin-bottom: 10px;
}
#content_area .fontana-sculpted-arc-collection-wrapper .banner-title { font-size: 15px; font-weight: 600; margin-bottom: 10px; }
#content_area .fontana-sculpted-arc-collection-wrapper .banner-chip-row { display: flex; flex-wrap: wrap; gap: 7px; margin-bottom: 14px; }
#content_area .fontana-sculpted-arc-collection-wrapper .banner-chip {
  padding: 5px 10px; border-radius: 999px;
  font-size: 11px;
  background: rgba(4, 70, 99, 0.95);
  border: 1px solid rgba(255, 255, 255, 0.18);
  color: #bcd0dd;
}
#content_area .fontana-sculpted-arc-collection-wrapper .banner-spec-pill {
  margin-top: 10px;
  padding: 6px 12px;
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.35);
  border: 1px dashed rgba(114, 214, 255, 0.55);
  font-size: 11px;
  color: #00e0ff;
  display: inline-flex;
  align-items: center;
  gap: 7px;
}
#content_area .fontana-sculpted-arc-collection-wrapper .banner-spec-pill span.icon-dot {
  width: 8px; height: 8px; border-radius: 50%;
  background: #00e0ff;
  box-shadow: 0 0 12px #00e0ff;
}
#content_area .fontana-sculpted-arc-collection-wrapper .banner-footnote { margin-top: 10px; font-size: 11px; color: #bcd0dd; max-width: 80%; }
#content_area .fontana-sculpted-arc-collection-wrapper .pill-nav { display: flex; flex-wrap: wrap; gap: 10px; margin: 28px 0 18px; }
#content_area .fontana-sculpted-arc-collection-wrapper .pill-nav button {
  background: rgba(4, 70, 99, 0.95);
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  color: #bcd0dd;
  padding: 7px 14px;
  font-size: 12px;
  cursor: pointer;
  transition: all .16s ease-out;
}
#content_area .fontana-sculpted-arc-collection-wrapper .pill-nav button.active {
  background: linear-gradient(130deg, #11c5ff, #00e0ff);
  color: #01202c;
  border-color: transparent;
  font-weight: 600;
}
#content_area .fontana-sculpted-arc-collection-wrapper .pill-nav button:hover { transform: translateY(-1px); border-color: #11c5ff; }
#content_area .fontana-sculpted-arc-collection-wrapper .content-grid { display: grid; grid-template-columns: minmax(0, 2.2fr) minmax(0, 1.4fr); gap: 24px; margin-top: 12px; }
#content_area .fontana-sculpted-arc-collection-wrapper .card {
  background: rgba(5, 35, 50, 0.96);
  border-radius: 24px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  padding: 22px 20px;
  box-shadow: 0 16px 50px rgba(0, 0, 0, 0.5);
}
#content_area .fontana-sculpted-arc-collection-wrapper .card + .card { margin-top: 14px; }
#content_area .fontana-sculpted-arc-collection-wrapper .card-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px; }
#content_area .fontana-sculpted-arc-collection-wrapper .card-header span.label { font-size: 11px; letter-spacing: .18em; text-transform: uppercase; color: #bcd0dd; }
#content_area .fontana-sculpted-arc-collection-wrapper .card-header span.dot { width: 8px; height: 8px; border-radius: 50%; background: #00e0ff; box-shadow: 0 0 10px #00e0ff; }
#content_area .fontana-sculpted-arc-collection-wrapper .card ul { list-style: none; margin-left: 0; margin-top: 8px; }
#content_area .fontana-sculpted-arc-collection-wrapper .card ul li {
  font-size: 13px;
  color: #bcd0dd;
  padding: 6px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  display: flex;
  gap: 8px;
  align-items: flex-start;
}
#content_area .fontana-sculpted-arc-collection-wrapper .card ul li:last-child { border-bottom: none; }
#content_area .fontana-sculpted-arc-collection-wrapper .bullet { width: 7px; height: 7px; border-radius: 999px; margin-top: 6px; background: rgba(17, 197, 255, 0.18); }
#content_area .fontana-sculpted-arc-collection-wrapper .pill-list { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; }
#content_area .fontana-sculpted-arc-collection-wrapper .pill-list span {
  font-size: 11px;
  padding: 5px 11px;
  border-radius: 999px;
  background: rgba(4, 70, 99, 0.95);
  border: 1px solid rgba(255, 255, 255, 0.16);
  color: #bcd0dd;
}
#content_area .fontana-sculpted-arc-collection-wrapper .spec-banner {
  margin-top: 26px;
  padding: 18px 18px;
  border-radius: 24px;
  border: 1px dashed rgba(109, 210, 255, 0.7);
  background: linear-gradient(135deg, rgba(2, 32, 44, 0.98), rgba(4, 72, 97, 0.98));
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
#content_area .fontana-sculpted-arc-collection-wrapper .spec-banner h3 { margin: 0 0 4px; }
#content_area .fontana-sculpted-arc-collection-wrapper .spec-banner p { font-size: 13px; color: #bcd0dd; }
#content_area .fontana-sculpted-arc-collection-wrapper .spec-badges { display: flex; flex-wrap: wrap; gap: 6px; font-size: 11px; }
#content_area .fontana-sculpted-arc-collection-wrapper .spec-badges span {
  padding: 5px 10px;
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.42);
  border: 1px solid rgba(255, 255, 255, 0.25);
}
#content_area .fontana-sculpted-arc-collection-wrapper .ff-footer {
  margin-top: 40px;
  padding-top: 18px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  font-size: 11px;
  color: #bcd0dd;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 12px;
}
#content_area .fontana-sculpted-arc-collection-wrapper .ff-footer a { font-size: 11px; }
@media (max-width: 960px) {
  #content_area .fontana-sculpted-arc-collection-wrapper .hero { grid-template-columns: minmax(0, 1fr); }
  #content_area .fontana-sculpted-arc-collection-wrapper .hero-visual { order: -1; }
  #content_area .fontana-sculpted-arc-collection-wrapper .content-grid { grid-template-columns: minmax(0, 1fr); }
  #content_area .fontana-sculpted-arc-collection-wrapper .page { padding: 20px 16px 48px; }
}
@media (max-width: 640px) {
  #content_area .fontana-sculpted-arc-collection-wrapper h1 { font-size: 26px; }
  #content_area .fontana-sculpted-arc-collection-wrapper .hero { padding: 24px 18px; }
  #content_area .fontana-sculpted-arc-collection-wrapper .hero-banner { max-width: 100%; }
}
/* Category 10211 -- Fontana-Sculpted-Arc-Collection (https://www.fontanashowers.com/Fontana-Sculpted-Arc-Collection-s/10211.htm) at 28-12-2025 End Here*/

/* Category  -- Hospitality-Hotel-Exposed-Showers (https://www.fontanashowers.com/Hospitality-Hotel-Exposed-Showers-s/6934.htm) at 09-01-2026 Start Here*/
/* ===== GLOBAL ===== */
#content_area .hospitality-hotel-exposed-showers-wrapper .fs-ui{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Roboto,Arial,sans-serif;
  color:#1f2933;
}
/* ===== RELATED CARDS ===== */
#content_area .hospitality-hotel-exposed-showers-wrapper .fs-related-section{
  max-width:1180px;
  margin:60px auto;
  padding:0 16px;
}
#content_area .hospitality-hotel-exposed-showers-wrapper .fs-related-title{
  font-size:26px;
  margin-bottom:22px;
  text-align:center;
}
#content_area .hospitality-hotel-exposed-showers-wrapper .fs-related-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:26px;
}
#content_area .hospitality-hotel-exposed-showers-wrapper .fs-related-card{
  background:#fff;
  border-radius:18px;
  overflow:hidden;
  box-shadow:0 12px 30px rgba(0,0,0,.06);
  text-decoration:none;
  color:#1F2933;
}
#content_area .hospitality-hotel-exposed-showers-wrapper .fs-related-card .fs-related-label {
  color:#1F2933;
}
#content_area .hospitality-hotel-exposed-showers-wrapper .fs-related-card:hover .fs-related-label {
  color:#01a6de;
}
#content_area .hospitality-hotel-exposed-showers-wrapper .fs-related-img{aspect-ratio:4/3;}
#content_area .hospitality-hotel-exposed-showers-wrapper .fs-related-card img{
  width:100%;
  height:100%;
  object-fit:cover;
}
#content_area .hospitality-hotel-exposed-showers-wrapper .fs-related-label{
  padding:14px;
  text-align:center;
  font-weight:600;
}
/* ===== CATEGORY PILLS ===== */
#content_area .hospitality-hotel-exposed-showers-wrapper .fs-pill-section{
  max-width:1200px;
  margin:30px auto 22px;
  padding:0 14px;
  text-align:center;
}
#content_area .hospitality-hotel-exposed-showers-wrapper .fs-pill-title{
  font-size:30px;
  font-weight:300;
  color:#8a8a8a;
  margin-bottom:16px;
}
#content_area .hospitality-hotel-exposed-showers-wrapper .fs-pill-row{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:12px 14px;
}
#content_area .hospitality-hotel-exposed-showers-wrapper .fs-pill-item{
  background:#f3f4f6;
  border-radius:999px;
  padding:10px 22px;
  font-size:15px;
  color:#222;
  text-decoration:none;
}
/* ===== NEWSLETTER ===== */
#content_area .hospitality-hotel-exposed-showers-wrapper .fs-news{
  max-width:1200px;
  margin:48px auto;
  padding:0 16px;
}
#content_area .hospitality-hotel-exposed-showers-wrapper .fs-news-inner{
  background:#f8fafc;
  border-radius:24px;
  padding:40px 44px;
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:32px;
  align-items:center;
}
#content_area .hospitality-hotel-exposed-showers-wrapper .fs-news h3{
  font-size:28px;
  font-weight:400;
  margin-bottom:10px;
}
#content_area .hospitality-hotel-exposed-showers-wrapper .fs-news p{
  font-size:15px;
  color:#4b5563;
  margin-bottom:20px;
}
#content_area .hospitality-hotel-exposed-showers-wrapper .fs-news-form{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
}
#content_area .hospitality-hotel-exposed-showers-wrapper .fs-news-form input{
  flex:1;
  min-width:240px;
  padding:13px 18px;
  border-radius:999px;
  border:1px solid #d1d5db;
}
#content_area .hospitality-hotel-exposed-showers-wrapper .fs-news-form button{
  padding:13px 26px;
  border-radius:999px;
  background:#111827;
  color:#fff;
  border:none;
}
#content_area .hospitality-hotel-exposed-showers-wrapper .fs-news img{
  width:100%;
  max-height:280px;
  object-fit:cover;
  border-radius:18px;
}
/* ===== AEC PARTNERS + ROLES ===== */
#content_area .hospitality-hotel-exposed-showers-wrapper .fs-aec{
  max-width:1200px;
  margin:40px auto;
  padding:28px 22px;
  background:#f8fafc;
  border-radius:24px;
}
#content_area .hospitality-hotel-exposed-showers-wrapper .fs-aec-logos{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:22px;
  margin-bottom:18px;
  flex-wrap:nowrap;
}
/*#content_area .hospitality-hotel-exposed-showers-wrapper .fs-aec-logos img{
  max-height:28px;
  opacity:.85;
  filter:grayscale(100%);
}*/
#content_area .hospitality-hotel-exposed-showers-wrapper .fs-aec-logos img{
  max-height:28px;
  opacity:.85;
  filter: none;
}
#content_area .hospitality-hotel-exposed-showers-wrapper .fs-aec-ctas{
  display:flex;
  justify-content:center;
  gap:14px;
  margin-bottom:16px;
}
#content_area .hospitality-hotel-exposed-showers-wrapper .fs-aec-ctas a{
  background:#0f172a;
  color:#fff;
  padding:10px 24px;
  border-radius:999px;
  text-decoration:none;
  font-size:14px;
}
#content_area .hospitality-hotel-exposed-showers-wrapper .fs-aec-roles{
  display:flex;
  justify-content:center;
  gap:14px;
  flex-wrap:nowrap;
}
#content_area .hospitality-hotel-exposed-showers-wrapper .fs-aec-role{
  display:flex;
  align-items:center;
  gap:8px;
  padding:8px 14px;
  border-radius:999px;
  border:1px solid #e5e7eb;
  background:#fff;
  color:#6b7280;
  text-decoration:none;
  font-size:14px;
  white-space:nowrap;
}
#content_area .hospitality-hotel-exposed-showers-wrapper .fs-aec-role img{
  width:26px;
  height:26px;
  border-radius:50%;
  object-fit:cover;
}
/* ===== RESPONSIVE ===== */
@media(max-width:900px){
  #content_area .hospitality-hotel-exposed-showers-wrapper .fs-related-grid,
  #content_area .hospitality-hotel-exposed-showers-wrapper .fs-news-inner{
    grid-template-columns:1fr;
  }
  #content_area .hospitality-hotel-exposed-showers-wrapper .fs-aec-logos,
  #content_area .hospitality-hotel-exposed-showers-wrapper .fs-aec-ctas,
  #content_area .hospitality-hotel-exposed-showers-wrapper .fs-aec-roles{
    flex-wrap:wrap;
  }
}
/* Category  -- Hospitality-Hotel-Exposed-Showers (https://www.fontanashowers.com/Hospitality-Hotel-Exposed-Showers-s/6934.htm) at 09-01-2026 End Here*/

/* Category 6738 Top and Bottom -- Wall-Mount-Automatic-Touchless-Soap-Dispenser (https://www.fontanashowers.com/Wall-Mount-Automatic-Touchless-Soap-Dispenser-s/6738.htm) at 09-01-2026 Start Here*/
/* ================= BASE ================= */
#content_area .wall-mount-automatic-touchless-soap-dispenser-wrppaer .fontana-cat {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Roboto, Arial, sans-serif;
  color: #1f2933;
  line-height: 1.65;
}
#content_area .wall-mount-automatic-touchless-soap-dispenser-wrppaer .fontana-cat * { box-sizing: border-box; }
/* ================= HERO ================= */
#content_area .wall-mount-automatic-touchless-soap-dispenser-wrppaer .category-hero {
  width: 100%;
  margin-bottom: 34px;
}
#content_area .wall-mount-automatic-touchless-soap-dispenser-wrppaer .category-hero img {
  width: 100%;
  height: auto;
  display: block;
}
/* ================= TAG LINKS ================= */
#content_area .wall-mount-automatic-touchless-soap-dispenser-wrppaer .fc-tags {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
  list-style: none;
  padding: 0;
  margin: 28px auto 52px;
  max-width: 1100px;
}
#content_area .wall-mount-automatic-touchless-soap-dispenser-wrppaer .fc-tags a {
  font-size: 13px;
  padding: 9px 16px;
  border-radius: 999px;
  background: #f3f4f6;
  border: 1px solid #e5e7eb;
  text-decoration: none;
  color: #111;
  transition: all .2s ease;
  white-space: nowrap;
}
/* ================= SECTION ================= */
#content_area .wall-mount-automatic-touchless-soap-dispenser-wrppaer .fc-section {
  max-width: 1150px;
  margin: 0 auto 60px;
  padding: 0 14px;
}
#content_area .wall-mount-automatic-touchless-soap-dispenser-wrppaer .fc-section p {
  font-size: 15.5px;
  margin-bottom: 14px;
  color: #374151;
}
/* ================= TWO COLUMN ================= */
#content_area .wall-mount-automatic-touchless-soap-dispenser-wrppaer .fc-two-col {
  display: grid;
  grid-template-columns: 1.1fr .9fr;
  gap: 40px;
  align-items: center;
}
#content_area .wall-mount-automatic-touchless-soap-dispenser-wrppaer .fc-two-col img {
  width: 100%;
  max-width: 420px;
  border-radius: 12px;
}
/* ================= FEATURE PANEL ================= */
#content_area .wall-mount-automatic-touchless-soap-dispenser-wrppaer .fc-panel {
  background: linear-gradient(180deg, #f8fafc, #eef2f7);
  border-radius: 16px;
  padding: 42px;
}
/* ================= RELATED LINKS ================= */
#content_area .wall-mount-automatic-touchless-soap-dispenser-wrppaer .fc-related {
  text-align: center;
}
#content_area .wall-mount-automatic-touchless-soap-dispenser-wrppaer .fc-related h4 {
  font-size: 22px;
  margin-bottom: 18px;
}
#content_area .wall-mount-automatic-touchless-soap-dispenser-wrppaer .fc-related ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
  list-style: none;
  padding: 0;
}
#content_area .wall-mount-automatic-touchless-soap-dispenser-wrppaer .fc-related a {
  font-size: 13px;
  padding: 9px 16px;
  border-radius: 999px;
  background: #f3f4f6;
  border: 1px solid #e5e7eb;
  text-decoration: none;
  color: #111;
  font-weight: 500;
}
/* ================= MOBILE RESPONSIVE (ONLY FIXES) ================= */
@media (max-width: 900px) {
  #content_area .wall-mount-automatic-touchless-soap-dispenser-wrppaer .fc-two-col {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 768px) {
  #content_area .wall-mount-automatic-touchless-soap-dispenser-wrppaer h1 {
    font-size: 28px;
  }
  #content_area .wall-mount-automatic-touchless-soap-dispenser-wrppaer .fc-panel {
    padding: 28px;
  }
}
@media (max-width: 480px) {
  #content_area .wall-mount-automatic-touchless-soap-dispenser-wrppaer .fc-tags a,
  #content_area .wall-mount-automatic-touchless-soap-dispenser-wrppaer .fc-related a {
    font-size: 12px;
    padding: 6px 12px;
  }
}
/* ================= HASSLE FREE SECTION ================= */
#content_area .wall-mount-automatic-touchless-soap-dispenser-wrppaer .hassle-section {
  max-width: 1150px;
  margin: 0 auto 70px;
  padding: 0 16px;
}
#content_area .wall-mount-automatic-touchless-soap-dispenser-wrppaer .hassle-center {
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
}
#content_area .wall-mount-automatic-touchless-soap-dispenser-wrppaer .hassle-center h2 {
  font-size: 30px;
  font-weight: 400;
  color: #8a8a8a;
  margin-bottom: 34px;
  letter-spacing: 0.5px;
}
#content_area .wall-mount-automatic-touchless-soap-dispenser-wrppaer .hassle-center .category-custom-description {
  font-size: 15.5px;
  line-height: 1.8;
  color: #6f7880;
}
/* ================= RELATED CATEGORIES ================= */
#content_area .wall-mount-automatic-touchless-soap-dispenser-wrppaer .related-section {
  max-width: 1150px;
  margin: 80px auto;
  padding: 0 16px;
  text-align: center;
}
#content_area .wall-mount-automatic-touchless-soap-dispenser-wrppaer .related-section h3 {
  font-size: 26px;
  font-weight: 400;
  color: #6f7880;
  margin-bottom: 28px;
}
#content_area .wall-mount-automatic-touchless-soap-dispenser-wrppaer .related-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
}
#content_area .wall-mount-automatic-touchless-soap-dispenser-wrppaer .related-links a {
  font-size: 14px;
  padding: 4px 10px;
  border: 1px solid #d1d5db;
  border-radius: 999px;
  text-decoration: none;
  color: #6f7880;
  white-space: nowrap;
}
#content_area .wall-mount-automatic-touchless-soap-dispenser-wrppaer .related-links a:hover {
  color: #111;
  border-color: #111;
}
/* ================= RESPONSIVE (MOBILE SAFE) ================= */
@media (max-width: 768px) {
  #content_area .wall-mount-automatic-touchless-soap-dispenser-wrppaer .hassle-center h2 {
    font-size: 24px;
    margin-bottom: 24px;
  }
  #content_area .wall-mount-automatic-touchless-soap-dispenser-wrppaer .hassle-center .category-custom-description {
    font-size: 14.5px;
    line-height: 1.7;
  }
  #content_area .wall-mount-automatic-touchless-soap-dispenser-wrppaer .related-section h3 {
    font-size: 22px;
    margin-bottom: 22px;
  }
}
@media (max-width: 480px) {
  #content_area .wall-mount-automatic-touchless-soap-dispenser-wrppaer .hassle-section,
  #content_area .wall-mount-automatic-touchless-soap-dispenser-wrppaer .related-section {
    padding: 0 14px;
  }
  #content_area .wall-mount-automatic-touchless-soap-dispenser-wrppaer .related-links {
    gap: 10px;
  }
  #content_area .wall-mount-automatic-touchless-soap-dispenser-wrppaer .related-links a {
    font-size: 13px;
    padding: 4px 8px;
  }
}


/* Category 6737 Top and Bottom -- Wall-Mount-Automatic-Touchless-Soap-Dispenser (https://www.fontanashowers.com/Deck-Mount-Automatic-Touchless-Soap-Dispenser-s/6737.htm) at 09-01-2026 Start Here*/
/* ===== Screenshot-style Soft Content Box ===== */
#content_area .deck-mount-automatic-touchless-soap-dispenser-wrapper .fc-content-panel {
  max-width: 1200px;
  margin: 50px auto;
  padding: 42px 52px;
  background: linear-gradient(180deg, #fbfdff 0%, #f1f6fb 100%);
  border-radius: 32px;
}
#content_area .deck-mount-automatic-touchless-soap-dispenser-wrapper .fc-content-panel h1 {
  text-align: center;
  font-size: 34px;
  font-weight: 500;
  color: #111827;
  margin-bottom: 28px;
  letter-spacing: -0.02em;
}
#content_area .deck-mount-automatic-touchless-soap-dispenser-wrapper .fc-content-panel p {
  font-size: 17px;
  line-height: 1.9;
  color: #6b7280;
  margin-bottom: 24px;
}
#content_area .deck-mount-automatic-touchless-soap-dispenser-wrapper .fc-content-panel p:last-child {
  margin-bottom: 0;
}
/* ===== Responsive ===== */
@media (max-width: 768px) {
  #content_area .deck-mount-automatic-touchless-soap-dispenser-wrapper .fc-content-panel {
    padding: 26px 22px;
    border-radius: 24px;
  }
  #content_area .deck-mount-automatic-touchless-soap-dispenser-wrapper .fc-content-panel h1 {
    font-size: 26px;
  }
  #content_area .deck-mount-automatic-touchless-soap-dispenser-wrapper .fc-content-panel p {
    font-size: 15.5px;
    line-height: 1.8;
  }
}
/* ===== BASE ===== */
#content_area .deck-mount-automatic-touchless-soap-dispenser-wrapper .fontana-page{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Roboto,Arial,sans-serif;
  color:#374151;
  line-height:1.6;
}
#content_area .deck-mount-automatic-touchless-soap-dispenser-wrapper .fontana-page *{box-sizing:border-box}
/* ===== HERO ===== */
#content_area .deck-mount-automatic-touchless-soap-dispenser-wrapper .fontana-hero img{
  width:100%;
  display:block;
}
/* ===== HEADINGS ===== */
#content_area .deck-mount-automatic-touchless-soap-dispenser-wrapper .page-title,
#content_area .deck-mount-automatic-touchless-soap-dispenser-wrapper .section-title{
  text-align:center;
  font-weight:400;
  color:#9aa0a6;
  letter-spacing:.4px;
}
#content_area .deck-mount-automatic-touchless-soap-dispenser-wrapper .page-title{font-size:36px;margin:40px 0 24px}
#content_area .deck-mount-automatic-touchless-soap-dispenser-wrapper .section-title{font-size:32px;margin:40px 0 22px}
/* ===== CONTENT ===== */
#content_area .deck-mount-automatic-touchless-soap-dispenser-wrapper .fontana-content{
  max-width:960px;
  margin:0 auto;
  padding:0 16px;
  text-align:center;
}
#content_area .deck-mount-automatic-touchless-soap-dispenser-wrapper .category-custom-description{
  font-size:15.5px;
  color:#6f7880;
  margin-bottom:22px;
}
/* ===== EXACT SCREENSHOT PILL LINKS ===== */
#content_area .deck-mount-automatic-touchless-soap-dispenser-wrapper .pill-links,
#content_area .deck-mount-automatic-touchless-soap-dispenser-wrapper .seo-tag-list{
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:14px;
  list-style:none;
  padding:0;
  margin:0 auto 36px; /* 👈 tight vertical spacing */
  max-width:1200px;
}
#content_area .deck-mount-automatic-touchless-soap-dispenser-wrapper .pill-links li,
#content_area .deck-mount-automatic-touchless-soap-dispenser-wrapper .seo-tag-list li{margin:0}
#content_area .deck-mount-automatic-touchless-soap-dispenser-wrapper .pill-links a,
#content_area .deck-mount-automatic-touchless-soap-dispenser-wrapper .seo-tag-list a{
  display:inline-block;
  padding:10px 22px;           /* 👈 SHORT HEIGHT (KEY) */
  border-radius:9999px;
  background:#f4f5f6;          /* 👈 screenshot gray */
  border:1px solid #e1e3e6;    /* 👈 thin border */
  font-size:15px;
  font-weight:400;
  color:#111;
  text-decoration:none;
  white-space:nowrap;
  line-height:1.2;             /* 👈 prevents tall pills */
}
/* NO hover change */
#content_area .deck-mount-automatic-touchless-soap-dispenser-wrapper .pill-links a:hover,
#content_area .deck-mount-automatic-touchless-soap-dispenser-wrapper .seo-tag-list a:hover{
  background:#f4f5f6;
  border-color:#e1e3e6;
  color:#111;
}
/* ===== SEE MORE ===== */
#content_area .deck-mount-automatic-touchless-soap-dispenser-wrapper .new-custom-heading{
  text-align:center;
  margin:46px 0 16px;
}
#content_area .deck-mount-automatic-touchless-soap-dispenser-wrapper .new-custom-heading .hd-style{
  font-size:14px;
  color:#9aa0a6;
}
#content_area .deck-mount-automatic-touchless-soap-dispenser-wrapper .new-custom-heading .hd-main{
  font-size:22px;
  margin:6px 0 0;
}
/* ===== COMMERCIAL SECTION ===== */
#content_area .deck-mount-automatic-touchless-soap-dispenser-wrapper .meet-our-designers-section-article{
  background:#111;
  padding:64px 16px;
  margin-top:72px;
}
.meet-designer-hd#content_area .deck-mount-automatic-touchless-soap-dispenser-wrapper {
  text-align:center;
  font-weight:400;
  color:#9aa0a6;
}
#content_area .deck-mount-automatic-touchless-soap-dispenser-wrapper .meet-description {
	max-width: 820px;
	margin: 18px auto 44px !important;
	text-align: center !important;
	color: #cbd5e1 !important;
	font-size: 15.5px !important;
}
#content_area .deck-mount-automatic-touchless-soap-dispenser-wrapper .team-collection-list .inner{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:26px;
  max-width:1100px;
  margin:0 auto;
}
#content_area .deck-mount-automatic-touchless-soap-dispenser-wrapper .team-info{
  text-align:center;
  margin-top:12px;
  color:#fff;
  font-weight:500;
}
/* ===== MOBILE ===== */
@media(max-width:768px){
  #content_area .deck-mount-automatic-touchless-soap-dispenser-wrapper .page-title,.section-title{font-size:26px}
  #content_area .deck-mount-automatic-touchless-soap-dispenser-wrapper .pill-links a,
  #content_area .deck-mount-automatic-touchless-soap-dispenser-wrapper .seo-tag-list a{
    padding:8px 18px;
    font-size:14px;
  }
}
/* Category 6737 Top and Bottom -- Wall-Mount-Automatic-Touchless-Soap-Dispenser (https://www.fontanashowers.com/Deck-Mount-Automatic-Touchless-Soap-Dispenser-s/6737.htm) at 09-01-2026 End Here*/

/* Category 2568 Top -- auto-faucet-soap-dispenser-set (https://www.fontanashowers.com/auto-faucet-soap-dispenser-set-s/2568.htm) at 09-01-2026 Start Here*/
/* ================= BASE ================= */
#content_area .auto-faucet-soap-dispenser-set-wrapper .ss-page {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Roboto, Arial, sans-serif;
  color: #374151;
  line-height: 1.65;
}
#content_area .auto-faucet-soap-dispenser-set-wrapper .ss-page * {
  box-sizing: border-box;
}
/* ================= HERO ================= */
#content_area .auto-faucet-soap-dispenser-set-wrapper .ss-hero img {
  width: 100%;
  display: block;
}
/* ================= TITLE ================= */
#content_area .auto-faucet-soap-dispenser-set-wrapper .ss-title {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  font-size: 36px;
  font-weight: 400;
  color: #6b7280;
  line-height: 1.25;
  margin: 40px 0 18px;
}
#content_area .auto-faucet-soap-dispenser-set-wrapper .ss-title span {
  display: block;
}
/* ================= CONTENT ================= */
#content_area .auto-faucet-soap-dispenser-set-wrapper .ss-content {
  max-width: 1080px;
  margin: 0 auto;
  padding: 0 16px;
  text-align: center;
}
#content_area .auto-faucet-soap-dispenser-set-wrapper .ss-content p {
  font-size: 15.5px;
  color: #6f7880;
  margin-bottom: 22px;
}
#content_area .auto-faucet-soap-dispenser-set-wrapper .ss-content a {
  color: #4b5563;
  text-decoration: underline;
}
/* ================= EXPLORE GRID ================= */
#content_area .auto-faucet-soap-dispenser-set-wrapper .ss-explore {
  margin-top: 40px;
}
#content_area .auto-faucet-soap-dispenser-set-wrapper .ss-explore h3 {
  text-align: center;
  font-weight: 400;
  color: #9aa0a6;
  margin-bottom: 28px;
}
#content_area .auto-faucet-soap-dispenser-set-wrapper .ss-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 24px;
  max-width: 1100px;
  margin: 0 auto;
}
#content_area .auto-faucet-soap-dispenser-set-wrapper .ss-card img {
  width: 100%;
  display: block;
}
#content_area .auto-faucet-soap-dispenser-set-wrapper .ss-card a {
  display: block;
  text-align: center;
  margin-top: 10px;
  color: #374151;
  text-decoration: none;
  font-weight: 500;
}
/* ================= IMAGE ROW ================= */
#content_area .auto-faucet-soap-dispenser-set-wrapper .ss-row {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 14px;
  margin: 40px 0 30px;
}
#content_area .auto-faucet-soap-dispenser-set-wrapper .ss-row img {
  width: 360px;
  max-width: 100%;
  display: block;
}
/* ================= SUB HEADINGS ================= */
#content_area .auto-faucet-soap-dispenser-set-wrapper .ss-sub {
  text-align: center;
  font-weight: 400;
  color: #9aa0a6;
  margin: 34px 0 16px;
}
/* ================= DARK SECTION ================= */
#content_area .auto-faucet-soap-dispenser-set-wrapper .ss-dark {
  background: #111;
  color: #fff;
  padding: 70px 16px;
  margin-top: 80px;
}
#content_area .auto-faucet-soap-dispenser-set-wrapper .ss-dark h2 {
  text-align: center;
  font-weight: 400;
  color: #9aa0a6;
}
#content_area .auto-faucet-soap-dispenser-set-wrapper .ss-dark p {
  max-width: 820px;
  margin: 18px auto 0;
  text-align: center;
  color: #cbd5e1;
  font-size: 15.5px;
}
/* ================= MOBILE ================= */
@media (max-width: 768px) {
  #content_area .auto-faucet-soap-dispenser-set-wrapper .ss-title {
    font-size: 26px;
  }
}
/* Category 2568 Top -- auto-faucet-soap-dispenser-set (https://www.fontanashowers.com/auto-faucet-soap-dispenser-set-s/2568.htm) at 09-01-2026 End Here*/

/* Category 6933 - Bottom -- Pedestal-Sinks (https://www.fontanashowers.com/Pedestal-Sinks-s/6933.htm) at 09-01-2026 Start Here*/
/* ====== BASE RESET ====== */
#content_area .pedestal-sinks-wrapper .fs-wrap {
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color: #1a1a1a;
  line-height: 1.6;
}
#content_area .pedestal-sinks-wrapper .fs-wrap img {
  max-width: 75%;
  height: auto;
  display: block;
}
#content_area .pedestal-sinks-wrapper .fs-wrap h2.category-sub-hd {
  text-align: center;
  font-size: 32px;
  margin-bottom: 12px;
}
#content_area .pedestal-sinks-wrapper .fs-wrap p.category-custom-description {
  max-width: 1000px;
  margin: 0 auto 50px;
  text-align: center;
  font-size: 17px;
  color: #444;
}
/* ====== FEATURE GRID ====== */
#content_area .pedestal-sinks-wrapper .feature-section {
  max-width: 1200px;
  margin: 0 auto 80px;
  padding: 0 20px;
}
#content_area .pedestal-sinks-wrapper .feature-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 50px;
  align-items: center;
  margin-bottom: 80px;
}
#content_area .pedestal-sinks-wrapper .feature-row.reverse {
  direction: rtl;
}
#content_area .pedestal-sinks-wrapper .feature-row.reverse &gt; * {
  direction: ltr;
}
#content_area .pedestal-sinks-wrapper .feature-text h2 {
  font-size: 26px;
  margin-bottom: 14px;
}
#content_area .pedestal-sinks-wrapper .feature-text p {
  font-size: 16px;
  color: #333;
}
#content_area .pedestal-sinks-wrapper .feature-image {
  text-align: center;
}
#content_area .pedestal-sinks-wrapper .feature-image a img,
#content_area .pedestal-sinks-wrapper .feature-image img {
  border-radius: 10px;
}
/* ====== RESPONSIVE ====== */
@media (max-width: 900px) {
  #content_area .pedestal-sinks-wrapper .feature-row,
  #content_area .pedestal-sinks-wrapper .feature-row.reverse {
    grid-template-columns: 1fr;
  }
  #content_area .pedestal-sinks-wrapper .feature-text,
  #content_area .pedestal-sinks-wrapper .feature-image {
    text-align: center;
  }
}
/* Category 6933 - Bottom -- Pedestal-Sinks (https://www.fontanashowers.com/Pedestal-Sinks-s/6933.htm) at 09-01-2026 End Here*/

/* Category 6929 - Bottom -- Pedestal-Sinks (https://www.fontanashowers.com/Architectural-Shower-Set-with-Sliding-Bar-s/6929.htm) at 09-01-2026 Start Here*/
/* ================= BASE ================= */
#content_area .architectural-shower-set-with-sliding-bar-wrapper .fs-hospitality {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Roboto, Arial, sans-serif;
  color: #1f2933;
  line-height: 1.65;
}
#content_area .architectural-shower-set-with-sliding-bar-wrapper .fs-hospitality * { box-sizing: border-box; }
/* ================= SECTION ================= */
#content_area .architectural-shower-set-with-sliding-bar-wrapper .fs-section {
  max-width: 1180px;
  margin: 0 auto 70px;
  padding: 0 16px;
}
/* ================= HEADINGS ================= */
#content_area .architectural-shower-set-with-sliding-bar-wrapper .fs-h2 {
  font-size: 28px;
  margin-bottom: 14px;
}
#content_area .architectural-shower-set-with-sliding-bar-wrapper .fs-h3 {
  font-size: 22px;
  margin-bottom: 10px;
    text-align: center !important;
}
#content_area .architectural-shower-set-with-sliding-bar-wrapper .fs-p {
  font-size: 15.5px;
  color: #374151;
  margin-bottom: 14px;
 text-align: justify;
}
/* ================= FEATURE BLOCK ================= */
#content_area .architectural-shower-set-with-sliding-bar-wrapper .fs-panel {
  background: linear-gradient(180deg,#f8fafc,#eef2f7);
  border-radius: 18px;
  padding: 42px;
}
/* ================= GRID ================= */
#content_area .architectural-shower-set-with-sliding-bar-wrapper .fs-grid-2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 36px;
}
#content_area .architectural-shower-set-with-sliding-bar-wrapper .fs-grid-3 {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 26px;
}
/* ================= CARDS ================= */
#content_area .architectural-shower-set-with-sliding-bar-wrapper .fs-card {
  background: #fff;
  border-radius: 18px;
  box-shadow: 0 10px 28px rgba(0,0,0,.06);
  overflow: hidden;
}
#content_area .architectural-shower-set-with-sliding-bar-wrapper .fs-card img {
  width: 100%;
  display: block;
}
#content_area .architectural-shower-set-with-sliding-bar-wrapper .fs-card-title {
  text-align: center;
  padding: 14px;
  font-weight: 600;
}
/* ================= BIM ================= */
#content_area .architectural-shower-set-with-sliding-bar-wrapper .fs-bim {
  background: #f1f5f9;
  border-radius: 22px;
  padding: 46px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 32px;
  align-items: center;
}
#content_area .architectural-shower-set-with-sliding-bar-wrapper .fs-bim input {
  padding: 14px;
  width: 100%;
}
/* ================= CTA ================= */
#content_area .architectural-shower-set-with-sliding-bar-wrapper .fs-cta {
  background: #111827;
  color: #fff;
  border-radius: 22px;
  padding: 46px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#content_area .architectural-shower-set-with-sliding-bar-wrapper .fs-cta a {
  background: #fff;
  color: #111;
  padding: 14px 28px;
  border-radius: 999px;
  font-weight: 600;
  text-decoration: none;
}
/* ================= NEWSLETTER ================= */
#content_area .architectural-shower-set-with-sliding-bar-wrapper .fs-news {
  background: #f8fafc;
  border-radius: 22px;
  padding: 46px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 36px;
}
/* ================= LOGOS ================= */
#content_area .architectural-shower-set-with-sliding-bar-wrapper .fs-logos {
  display: flex;
  flex-wrap: wrap;
  gap: 22px;
  align-items: center;
}
/* ================= RESPONSIVE ================= */
@media(max-width:900px){
  #content_area .architectural-shower-set-with-sliding-bar-wrapper .fs-grid-2,
  #content_area .architectural-shower-set-with-sliding-bar-wrapper .fs-grid-3,
  #content_area .architectural-shower-set-with-sliding-bar-wrapper .fs-bim,
  #content_area .architectural-shower-set-with-sliding-bar-wrapper .fs-news { grid-template-columns: 1fr; }
  #content_area .architectural-shower-set-with-sliding-bar-wrapper .fs-cta { flex-direction: column; gap: 20px; text-align:center; }
}
/* Category 6929 - Bottom -- Pedestal-Sinks (https://www.fontanashowers.com/Architectural-Shower-Set-with-Sliding-Bar-s/6929.htm) at 09-01-2026 End Here*/

/* Category 11899 (FS-Resources-Videos - https://www.fontanashowers.com/FS-Resources-Videos-s/11899.htm) html css new structure at 14-01-2026 Start Here */
#content_area .resources-product-videos-wrapper .container {
	max-width: 1120px;
	width: 100%;
	margin: 0 auto;
}
#content_area .resources-product-videos-wrapper .zee-heading {
	width: 100%;
	margin: 24px 0 40px 0;
}
@media (min-width: 1024px) {
	#content_area .resources-product-videos-wrapper .zee-heading {
		width: 60%;
	}
}
#content_area .resources-product-videos-wrapper .zee-heading h1 {
	font-size: 40px;
	font-weight: 400;
	letter-spacing: -1px;
	margin: 0 0 24px 0;
	line-height: 1.2;
	font-family: 'Inter', sans-serif;
	color: #141414;
}
#content_area .resources-product-videos-wrapper .zee-heading p {
	font-family: 'Inter', sans-serif !important;
	font-size: 24px !important;
	font-style: normal;
	font-weight: 400;
	line-height: normal !important;
	color: #141414 !important;
	margin: 0;
}
#content_area .resources-product-videos-boxes {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	gap: 30px;
	flex-wrap: wrap;
}
#content_area .resources-product-videos-boxes .box {
	
}
@media (min-width: 767px) {
	#content_area .resources-product-videos-boxes .box {
		flex: 1;
	}
}
#content_area .resources-product-videos-boxes .box .image-box {
	aspect-ratio: 4/3;
}
#content_area .resources-product-videos-boxes .box .image-box a {
	display: block;
	height: 100%;
	width: 100%;
	transition: 0.15s ease-in-out;
}
#content_area .resources-product-videos-boxes .box .image-box a:hover {
	opacity: 0.8;
	transition: 0.15s ease-in-out;
}
#content_area .resources-product-videos-boxes .box .image-box img {
	height: 100%;
	width: auto;
	object-fit: cover;
	object-position: center;
}
#content_area .resources-product-videos-boxes .box .content-wrapper {
	position: relative;
	padding-top: 20px;
	margin-bottom: 0;
}
#content_area .resources-product-videos-boxes .box .content-wrapper h3 {
	font-family: 'Inter', sans-serif !important;
	font-size: 24px;
	font-style: normal;
	font-weight: 400;
	line-height: normal !important;
	color: #141414;
	text-transform: none !important;
	letter-spacing: -1px;
	margin: 0 0 0.5rem 0;
	color: #141414;
}
#content_area .resources-product-videos-boxes .box .content-wrapper h3 a {
	font-family: 'Inter', sans-serif !important;
	font-size: 24px;
	font-style: normal;
	font-weight: 400;
	line-height: normal !important;
	text-transform: none !important;
	letter-spacing: -1px;
	color: #141414;
}
#content_area .resources-product-videos-boxes .box .content-wrapper p {
	font-family: 'Inter', sans-serif !important;
	font-size: 16px !important;
	font-style: normal;
	font-weight: 400;
	line-height: 24px !important;
	color: #141414 !important;
	margin-bottom: 1rem;
}
#content_area .resources-product-videos-boxes .box .content-wrapper .cta-square-black {
	font-family: 'Inter', sans-serif !important;
	font-size: 12px;
	letter-spacing: 1px;
	line-height: 18px;
	color: #000000 !important;
	text-transform: uppercase;
	border: 2px solid #000000 !important;
	padding: 30px 40px;
	margin-top: 20px;
	display: inline-block;
	background: transparent;
	border-radius: 0.25rem;
	font-weight: 600;
	transition: 0.15s ease-in-out;
}
#content_area .resources-product-videos-boxes .box .content-wrapper .cta-square-black:hover {
	color: #FFFFFF !important;
	background-color: #000000;
	text-decoration: none !important;
}
/* Category 11899 (FS-Resources-Videos - https://www.fontanashowers.com/FS-Resources-Videos-s/11899.htm) html css new structure at 14-01-2026 End Here */

/* Category 11908 (Gold-Bathroom-Faucets-Reviews - https://www.fontanashowers.com/Gold-Bathroom-Faucets-Reviews-s/11908.htm) html css at 20-01-2026 Start Here */
#content_area .fs-gold-bathroom-faucets-reviews-wrapper .aec-audit{
 --bg1:#f6fbff;--bg2:#ffffff;--card:#ffffff;--ink:#0f172a;--muted:#475569;
 --line:rgba(15,23,42,.10);--chip:#eef2ff;--accent:#2563eb;
 max-width:1200px;margin:0 auto;padding:24px 16px;
 font:14px/1.55 Arial,Helvetica,sans-serif;color:var(--ink);
}
#content_area .fs-gold-bathroom-faucets-reviews-wrapper .aec-audit h1{font-size:28px;margin:6px 0 14px}
#content_area .fs-gold-bathroom-faucets-reviews-wrapper .aec-audit p.lead{max-width:920px;color:var(--muted)}
#content_area .fs-gold-bathroom-faucets-reviews-wrapper .aec-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px;margin-top:22px}
#content_area .fs-gold-bathroom-faucets-reviews-wrapper .aec-card{
 background:var(--card);border:1px solid var(--line);border-radius:14px;
 padding:16px;display:flex;flex-direction:column
}
#content_area .fs-gold-bathroom-faucets-reviews-wrapper .aec-media{
 background:#fafafa;border-radius:12px;overflow:hidden;
 aspect-ratio:4/3;display:flex;align-items:center;justify-content:center
}
#content_area .fs-gold-bathroom-faucets-reviews-wrapper .aec-media img{width:100%;height:100%;object-fit:contain}
#content_area .fs-gold-bathroom-faucets-reviews-wrapper .aec-title{font-size:16px;margin:12px 0 6px}
#content_area .fs-gold-bathroom-faucets-reviews-wrapper .aec-score{font-size:12px;color:#16a34a;margin-bottom:6px}
#content_area .fs-gold-bathroom-faucets-reviews-wrapper .aec-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}
#content_area .fs-gold-bathroom-faucets-reviews-wrapper .aec-chip{background:var(--chip);padding:4px 8px;border-radius:999px;font-size:11px}
#content_area .fs-gold-bathroom-faucets-reviews-wrapper .aec-desc{font-size:13px;color:var(--muted);margin-bottom:10px}
#content_area .fs-gold-bathroom-faucets-reviews-wrapper .aec-spec{font-size:12px;padding-left:16px;margin:0 0 12px}
#content_area .fs-gold-bathroom-faucets-reviews-wrapper .aec-spec li{margin-bottom:4px}
#content_area .fs-gold-bathroom-faucets-reviews-wrapper .aec-cta{margin-top:auto;display:flex;gap:10px}
#content_area .fs-gold-bathroom-faucets-reviews-wrapper .aec-cta a{
 flex:1;text-align:center;text-decoration:none;font-size:13px;
 padding:9px 10px;border-radius:10px;border:1px solid var(--accent);
 color:var(--accent)
}
#content_area .fs-gold-bathroom-faucets-reviews-wrapper .aec-cta a.primary{background:var(--accent);color:#fff}
/* Category 11908 (Gold-Bathroom-Faucets-Reviews - https://www.fontanashowers.com/Gold-Bathroom-Faucets-Reviews-s/11908.htm) html css at 20-01-2026 End Here */

/* Article 49 (fs-order-wrap - Order-finish Page New Style) html css at 20-01-2026 Start Here */
#content_area .fs-order-finished {
  font-family: Arial, Helvetica, sans-serif;
  color:#0f172a;
  background:#ffffff;
  padding:28px 14px 40px;
}
#content_area .fs-order-finished .fs-order-wrap{
  max-width:980px;
  margin:0 auto;
}
#content_area .fs-order-finished .fs-order-card{
  border:1px solid #e5e7eb;
  border-radius:18px;
  overflow:hidden;
  box-shadow:0 10px 26px rgba(15,23,42,.08);
  background:#fff;
}
#content_area .fs-order-finished .fs-order-top{
  padding:22px 22px 18px;
  background:linear-gradient(135deg,#0b2a3a 0%, #0f5f7a 55%, #1293b8 100%);
  color:#fff;
}
#content_area .fs-order-finished .fs-brand-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  flex-wrap:wrap;
}
#content_area .fs-order-finished .fs-brand{
  display:flex;
  align-items:center;
  gap:12px;
}
#content_area .fs-order-finished .fs-brand img{
  height:34px;
  width:auto;
  display:block;
  filter:brightness(1.2);
}
#content_area .fs-order-finished .fs-brand-title{
  line-height:1.1;
}
#content_area .fs-order-finished .fs-brand-title strong{
  display:block;
  font-size:16px;
  letter-spacing:.3px;
}
#content_area .fs-order-finished .fs-brand-title span{
  display:block;
  font-size:12px;
  opacity:.9;
  margin-top:2px;
}
#content_area .fs-order-finished .fs-order-head{
  margin-top:16px;
  display:flex;
  justify-content:space-between;
  gap:14px;
  flex-wrap:wrap;
  align-items:flex-end;
}
#content_area .fs-order-finished .fs-order-head h1{
  margin:0;
  font-size:26px;
  letter-spacing:.2px;
}
#content_area .fs-order-finished .fs-order-meta{
  text-align:right;
  min-width:220px;
}
#content_area .fs-order-finished .fs-order-meta .label{
  font-size:12px;
  opacity:.9;
  letter-spacing:.3px;
}
#content_area .fs-order-finished .fs-order-meta .orderno{
  font-size:34px;
  font-weight:800;
  letter-spacing:1px;
  margin-top:4px;
  line-height:1;
}

#content_area .fs-order-finished .fs-order-body{
  padding:20px 22px 22px;
}

#content_area .fs-order-finished .fs-status{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin:4px 0 14px;
}
#content_area .fs-order-finished .fs-pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 12px;
  border-radius:999px;
  border:1px solid #e5e7eb;
  background:#f8fafc;
  font-size:13px;
  color:#0f172a;
}
#content_area .fs-order-finished .fs-dot{
  width:10px;height:10px;border-radius:50%;
  background:#10b981; /* green */
  box-shadow:0 0 0 3px rgba(16,185,129,.18);
  flex:0 0 10px;
}
#content_area .fs-order-finished .fs-dot.gray{ background:#94a3b8; box-shadow:none; }

#content_area .fs-order-finished .fs-grid{
  display:grid;
  grid-template-columns: 1.25fr .75fr;
  gap:16px;
  margin-top:10px;
}
#content_area .fs-order-finished .fs-panel{
  border:1px solid #e5e7eb;
  border-radius:14px;
  padding:14px 14px 12px;
  background:#fff;
}
#content_area .fs-order-finished .fs-panel h2{
  margin:0 0 8px;
  font-size:14px;
  letter-spacing:.3px;
  text-transform:uppercase;
  color:#0b2a3a;
}
#content_area .fs-order-finished .fs-note{
  margin:0;
  color:#334155;
  font-size:13px;
  line-height:1.55;
}
#content_area .fs-order-finished .fs-strong{
  font-weight:700;
  color:#0f172a;
}

#content_area .fs-order-finished .fs-actions{
  display:flex;
  flex-direction:column;
  gap:10px;
  margin-top:8px;
}
#content_area .fs-order-finished .fs-btn{
  display:inline-block;
  text-decoration:none;
  text-align:center;
  font-weight:700;
  padding:12px 12px;
  border-radius:12px;
  border:1px solid #0f5f7a;
  background:#0f5f7a;
  color:#fff;
  font-size:13px;
  letter-spacing:.2px;
}
#content_area .fs-order-finished .fs-btn:hover{ opacity:.95; }
#content_area .fs-order-finished .fs-btn.secondary{
  background:#ffffff;
  color:#0f5f7a;
  border-color:#cbd5e1;
}
#content_area .fs-order-finished .fs-btn.ghost{
  background:#f8fafc;
  color:#0f172a;
  border-color:#e5e7eb;
}
#content_area .fs-order-finished .fs-btn.disabled{
  background:#e2e8f0;
  border-color:#e2e8f0;
  color:#64748b;
  pointer-events:none;
  cursor:not-allowed;
}


#content_area .fs-order-finished .fs-divider{
  height:1px;
  background:#e5e7eb;
  margin:14px 0;
}

#content_area .fs-order-finished .fs-help{
  display:flex;
  gap:12px;
  align-items:flex-start;
  border:1px dashed #cbd5e1;
  background:#f8fafc;
  border-radius:14px;
  padding:12px 12px 10px;
  margin-top:14px;
}
#content_area .fs-order-finished .fs-icon{
  width:38px;height:38px;border-radius:12px;
  background:#e0f2fe;
  border:1px solid #bae6fd;
  display:flex;align-items:center;justify-content:center;
  color:#075985;
  font-weight:900;
  flex:0 0 38px;
}
#content_area .fs-order-finished .fs-help p{
  margin:0;
  font-size:13px;
  line-height:1.5;
  color:#334155;
}
#content_area .fs-order-finished .fs-help a{
  color:#0f5f7a;
  font-weight:700;
  text-decoration:underline;
}

#content_area .fs-order-finished .fs-footer-links{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:12px;
  font-size:12px;
  color:#64748b;
}
#content_area .fs-order-finished .fs-footer-links a{
  color:#0f5f7a;
  font-weight:700;
  text-decoration:none;
}
#content_area .fs-order-finished .fs-footer-links a:hover{ text-decoration:underline; }

@media (max-width: 860px){
  #content_area .fs-order-finished .fs-grid{ grid-template-columns: 1fr; }
  #content_area .fs-order-finished .fs-order-meta{ text-align:left; }
}
/* Article 49 (fs-order-wrap - Order-finish Page New Style) html css at 20-01-2026 End Here */

/* Category 11908 Top and Bottom (aec-pros-cons-dual-layout - https://www.fontanashowers.com/category-s/11891.htm) html css at 21-01-2026 Start Here */
/* ===== AEC PROS & CONS – DUAL LAYOUT ===== */
#content_area .aec-pros-cons-dual-layout-wrapper{
  padding:48px 20px;
  font-family: system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  color:#1f2937;
}
#content_area .aec-pros-cons-dual-layout-wrapper .container{
  max-width:1000px;
  margin:0 auto;
}
/* TOP INTRO */
#content_area .aec-pros-cons-dual-layout-wrapper .intro{
  text-align:center;
  max-width:1200px;
  margin:0 auto 36px;
}
#content_area .aec-pros-cons-dual-layout-wrapper .intro h2{
  font-size:26px;
  margin-bottom:14px;
}
#content_area .aec-pros-cons-dual-layout-wrapper .intro p{
  font-size:15px;
  line-height:1.6;
  color:#475569;
}
/* ROW */
#content_area .aec-pros-cons-dual-layout-wrapper .row{
  display:flex;
  gap:40px;
  align-items:flex-start;
  flex-wrap:wrap;
}
/* IMAGE */
#content_area .aec-pros-cons-dual-layout-wrapper .image-box{
  flex:0 0 360px;
  text-align:center;
}
#content_area .aec-pros-cons-dual-layout-wrapper .image-box img{
  width:100%;
  max-width:420px;
  margin:0 auto;
  display:block;
  border-radius:10px;
}
/* TEXT */
#content_area .aec-pros-cons-dual-layout-wrapper .lists{
  flex:1 1 460px;
  background:#ffffff;
  padding:28px 30px;
  border-radius:12px;
}
#content_area .aec-pros-cons-dual-layout-wrapper .lists h3{
  font-size:18px;
  margin:0 0 10px;
}
#content_area .aec-pros-cons-dual-layout-wrapper ul{
  margin:0 0 18px 18px;
  padding:0;
}
#content_area .aec-pros-cons-dual-layout-wrapper li{
  font-size:14px;
  margin-bottom:6px;
}
/* REVERSE VARIANT */
#content_area .aec-pros-cons-dual-layout-wrapper.reverse .row{
  flex-direction:row-reverse;
}
/* MOBILE */
@media (max-width:900px){
  #content_area .aec-pros-cons-dual-layout-wrapper .row{
    flex-direction:column;
    align-items:center;
  }
  #content_area .aec-pros-cons-dual-layout-wrapper.reverse .row{
    flex-direction:column;
  }
  #content_area .aec-pros-cons-dual-layout-wrapper .lists{
    width:100%;
  }
}
/* ===== AEC BIM HUB (LIGHT & CLEAN) ===== */
#content_area .aec-bim-hub-wrapper .aec-bim-hub{
  --bg:#f7fafc;
  --ink:#0f172a;
  --muted:#475569;
  --accent:#2563eb;
  --pill:#eef2ff;
  font-family: system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  background:var(--bg);
  padding:40px 18px;
}
#content_area .aec-bim-hub-wrapper .aec-bim-hub .container{
  max-width:1100px;
  margin:0 auto;
  text-align:center;
}
/* ===== HEADINGS ===== */
#content_area .aec-bim-hub-wrapper .aec-bim-hub h1{
  font-size:30px;
  margin:0 0 12px;
  color:var(--ink);
}
/* ===== PARAGRAPHS ===== */
#content_area .aec-bim-hub-wrapper .aec-bim-hub p{
  max-width:900px;
  margin:0 auto 14px;
  font-size:14.5px;
  line-height:1.6;
  color:var(--muted);
}
/* ===== CAPSULE NAV ===== */
#content_area .aec-bim-hub-wrapper .aec-bim-nav{
  margin-top:24px;
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:10px;
}
/* ===== CAPSULE BUTTON ===== */
#content_area .aec-bim-hub-wrapper .aec-bim-pill{
  background:var(--pill);
  color:#1e40af;
  padding:8px 16px;              /* tight padding */
  border-radius:999px;
  font-size:13.5px;
  line-height:1.2;
  font-weight:600;
  text-decoration:none;
  border:1px solid rgba(37,99,235,.15);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  white-space:nowrap;
  transition:.2s ease;
}
#content_area .aec-bim-hub-wrapper .aec-bim-pill:hover{
  background:var(--accent);
  color:#fff;
}
/* ===== LIGHT CONTENT CARD (SCREENSHOT STYLE) ===== */
#content_area .fs-light-card-wrapper .fs-light-card{
  max-width:1200px;
  margin:40px auto;
  padding:48px 28px;
  background:#f8fbfd;
  border-radius:26px;
  font-family: system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  color:#334155;
}
#content_area .fs-light-card-wrapper .fs-light-card h2{
  text-align:center;
  font-size:32px;
  font-weight:500;
  letter-spacing:.4px;
  color:#1f2937;
  margin-bottom:18px;
}
#content_area .fs-light-card-wrapper .fs-light-card p{
  max-width:980px;
  margin:0 auto;
  text-align:center;
  font-size:17px;
  line-height:1.85;
  color:#6b7280;
}
#content_area .fs-pill-accordion-wrapper .fs-pill-accordion{
  max-width:1200px;
  margin:60px auto;
  font-family:system-ui;
}
#content_area .fs-pill-accordion-wrapper .fs-pill-accordion .fs-pill-item{
  background:linear-gradient(180deg,#f2f8ff,#eaf3ff);
  border-radius:999px;
  margin-bottom:20px;
  overflow:hidden;
}
#content_area .fs-pill-accordion-wrapper .fs-pill-accordion .fs-pill-head{
  padding:20px 34px;
  display:flex;
  justify-content:space-between;
  cursor:pointer;
  font-size:15px;
  color:#334155;
}
#content_area .fs-pill-accordion-wrapper .fs-pill-accordion .fs-pill-body{
  max-height:0;
  overflow:hidden;
  padding:0 34px;
  color:#475569;
  transition:.3s ease;
}
#content_area .fs-pill-accordion-wrapper .fs-pill-accordion .fs-pill-item.active{
  border-radius:24px;
}

#content_area .fs-pill-accordion-wrapper .fs-pill-accordion .fs-pill-item.active .fs-pill-body{
  max-height:260px;
  padding:0 34px 22px;
}
/* Category 11908 Top and Bottom (aec-pros-cons-dual-layout - https://www.fontanashowers.com/category-s/11891.htm) html css at 21-01-2026 End Here */

/* Category 3254 ( https://www.fontanashowers.com/Countertop-Touchless-Faucets-s/3254.htm) FAQ make double column at 28-01-2026 Start Here */
#content_area .zara-ftf-faq-product-list-grid-base {
	padding: 20px 0;
	margin: 0 auto;
}
#content_area .zara-ftf-faq-product-list-grid-base * {
	box-sizing: border-box;
}
#content_area .zara-ftf-faq-product-list-grid-base .zara-ftf-faq-product-list-wrap {
	margin: 30px auto;
	padding: 0 14px 30px;
	max-width: 1140px;
	width: 100%;
}
/* FAQ Card Container */
#content_area .zara-ftf-faq-product-list-grid-base .zara-ftf-faq-product-list-card {
	  background: #ffffffee;
	  border-radius: 16px;
	  padding: 34px 28px;
	  box-shadow: 0 18px 40px rgba(3, 32, 73, .25), 0 2px 8px rgba(3, 32, 73, .12);
	  backdrop-filter: saturate(110%) blur(2px);
}
#content_area .zara-ftf-faq-product-list-grid-base .zara-ftf-faq-product-list-card-inner {
	display: flex;
	justify-content: space-between;
	gap: 50px;
}
@media(max-width: 1100px){
	#content_area .zara-ftf-faq-product-list-grid-base .zara-ftf-faq-product-list-card-inner {
		justify-content: center;
		flex-wrap: wrap;
	}
}
#content_area .zara-ftf-faq-product-list-grid-base .zara-ftf-faq-product-list-card-inner .zara-ftf-faq-product-list-card-box:first-child {
	max-width: 510px;
}
#content_area .zara-ftf-faq-product-list-grid-base .zara-ftf-faq-product-list-card-inner .zara-ftf-faq-product-list-card-box:last-child {
	width: calc(100% - 510px);
}
@media(max-width: 1100px){
	#content_area .zara-ftf-faq-product-list-grid-base .zara-ftf-faq-product-list-card-inner .zara-ftf-faq-product-list-card-box:first-child {
	}
	#content_area .zara-ftf-faq-product-list-grid-base .zara-ftf-faq-product-list-card-inner .zara-ftf-faq-product-list-card-box:last-child {
		max-width: 510px;
		width: 100%;
	}
}
#content_area .zara-ftf-faq-product-list-grid-base .zara-ftf-faq-product-list-card-inner .zara-ftf-faq-product-list-card-box-list {
	display: flex;
	justify-content: center;
	flex-direction: column;
	gap: 12px;
	height: 100%;
}
.zara-ftf-faq-product-list-card-inner .zara-ftf-faq-product-list-card-box .zara-ftf-faq-product-list-card-box-list img {
	border-radius: 16px;
}
/* FAQ Section */
#content_area .zara-ftf-faq-product-list-grid-base .zara-ftf-faq-product-list-faq-section,
#content_area .zara-ftf-faq-product-list-grid-base .zara-ftf-faq-product-list-faq-wrap {
	text-align: center !important;
}
/* FAQ Title with gradient background */
#content_area .zara-ftf-faq-product-list-grid-base .zara-ftf-faq-product-list-faq-title {
	color: inherit !important;
	display: inline-block;
	padding: 16px 28px;
	border-radius: 16px;
	margin: 0 auto 14px !important;
	font-weight: 200 !important;
	font-size: 34px !important;
	line-height: 1.15 !important;
	letter-spacing: .02em !important;
	font-family: Montserrat, system-ui, Arial, Helvetica, sans-serif !important;
}
@media(max-width: 500px){
	#content_area .zara-ftf-faq-product-list-grid-base .zara-ftf-faq-product-list-faq-title {
		font-size: 30px !important;
		line-height: 1.5 !important;
	}
}
/* FAQ Details container */
#content_area .zara-ftf-faq-product-list-grid-base .zara-ftf-faq-product-list-details {
	margin: 16px 0;
	border: 1px solid #e5edf3;
	border-radius: 12px;
	padding: 14px;
	margin-bottom: 10px;
}

/* FAQ Summary (question) */
/*#content_area .zara-ftf-faq-product-list-grid-base .zara-ftf-faq-product-list-summary {
	font-size: 13px;
	list-style: none;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	width: 100%;
	background: linear-gradient(180deg, #eef8ff 0%, #d7eeff 100%);
	color: #6f7880;
	font-weight: 700;
	border-radius: 999px;
	padding: 10px 22px;
	box-shadow: 0 18px 40px rgba(3, 32, 73, .1), 0 2px 8px rgba(3, 32, 73, .1);
	transition: transform .08s ease, box-shadow .2s ease;
	text-align: center;
	font-family: 'Inter';
	line-height: 24px;
}*/
#content_area .zara-ftf-faq-product-list-grid-base .zara-ftf-faq-product-list-summary {
	font-size: 13px;
	list-style: none;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	width: 100%;
	background: linear-gradient(180deg, #eef8ff 0%, #d7eeff 100%);
	color: #6f7880;
	font-weight: 700;
	border-radius: 999px;
	padding: 10px 22px;
	box-shadow: 0 18px 40px rgba(3, 32, 73, .1), 0 2px 8px rgba(3, 32, 73, .1);
	transition: transform .08s ease, box-shadow .2s ease;
	text-align: center;
	font-family: 'Inter';
	line-height: 24px;
}
#content_area .zara-ftf-faq-product-list-grid-base .zara-ftf-faq-product-list-summary:hover {
	transform: translateY(-2px);
	box-shadow: 0 22px 40px rgba(3, 32, 73, .28), 0 3px 10px rgba(3, 32, 73, .14);
}
#content_area .zara-ftf-faq-product-list-grid-base .zara-ftf-faq-product-list-summary::after {
	content: "+";
	font-weight: 800;
	font-size: 20px;
	line-height: 1;
	margin-left: 10px;
}
#content_area .zara-ftf-faq-product-list-grid-base .zara-ftf-faq-product-list-details[open] .zara-ftf-faq-product-list-summary::after {
	content: "–";
}
/* FAQ Answer */
#content_area .zara-ftf-faq-product-list-grid-base .zara-ftf-faq-product-list-answer {
	padding: 5px 20px;
	color: #7C7C7C;
	text-align: center;
	font-family:  Helvetica, sans-serif;
	margin-bottom: -4px;
	text-align: center !important;
}
/* Category 3254 ( https://www.fontanashowers.com/Countertop-Touchless-Faucets-s/3254.htm) FAQ make double column at 28-01-2026 End Here */

/* Category 11958 ( https://www.fontanashowers.com/about-fontanashowers-authority-s/11958.htm) at 10-02-2026 Start Here */
#content_area .fs-main-authority .fs-main-authority-inner {
	max-width:1020px;margin:0 auto;font-family:Arial,Helvetica,sans-serif;line-height:1.65;color:#0b1b2a;
}
#content_area .fs-main-authority .fs-authority-timeline{
  max-width:1200px;
  margin:60px auto;
  padding:0 20px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  color:#0f172a;
}
#content_area .fs-main-authority .fs-authority-title{
  text-align:center;
  font-size:28px;
  font-weight:600;
  margin-bottom:6px;
}
#content_area .fs-main-authority .fs-authority-subtitle{
  text-align:center;
  font-size:15px;
  color:#475569;
  max-width:760px;
  margin:0 auto 40px;
}
#content_area .fs-main-authority .fs-timeline-wrap{
  margin-bottom:48px;
}
#content_area .fs-main-authority .fs-timeline-svg{
  width:100%;
  height:auto;
}
#content_area .fs-main-authority .fs-metrics-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:24px;
}
#content_area .fs-main-authority .fs-metric{
  border-top:1px solid rgba(15,23,42,0.12);
  padding-top:24px;
  text-align:center;
}
#content_area .fs-main-authority .fs-metric-number{
  font-size:36px;
  font-weight:700;
  letter-spacing:-0.02em;
  margin-bottom:6px;
}
#content_area .fs-main-authority .fs-metric-title{
  font-size:15px;
  font-weight:600;
  margin-bottom:10px;
}
#content_area .fs-main-authority .fs-metric-desc{
  font-size:14px;
  color:#475569;
  line-height:1.6;
}
#content_area .fs-main-authority .fs-authority-footnote{
  margin-top:40px;
  font-size:13px;
  color:#64748b;
  text-align:center;
  max-width:900px;
  margin-left:auto;
  margin-right:auto;
}
@media (max-width:900px){
  #content_area .fs-main-authority .fs-metrics-grid{
    grid-template-columns:1fr;
  }
  #content_area .fs-main-authority .fs-metric{
    padding-top:18px;
  }
	#content_area .fs-main-authority .fs-deployment-grid{
		display:grid;
		grid-template-columns:1fr 1fr;
		gap:24px;
		margin:20px 0 30px;
	}
	#content_area .fs-main-authority .fs-deployment-grid ul{
		margin:0;
		padding-left:20px;
	}
}
@media (max-width:768px){
	#content_area .fs-main-authority .fs-deployment-grid{
		grid-template-columns:1fr;
	}
}
#content_area .fs-project-map-wrap{
  max-width:1200px;
  margin:80px auto;
  font-family:Arial,Helvetica,sans-serif;
  text-align:center;
}
#content_area .fs-project-map-wrap h2{
  font-size:32px;
  margin-bottom:12px;
}
#content_area .fs-project-map-intro{
  max-width:860px;
  margin:0 auto 30px;
  color:#555;
  font-size:16px;
  alignment-adjust:
}
#content_area #fs-project-map{
  height:520px;
  width:100%;
  border-radius:16px;
  box-shadow:0 18px 40px rgba(0,0,0,.18);
}
#content_area .engineering-authority-framwork-border-section {
	border:1px solid #e2e8f0;border-radius:14px;padding:20px;margin:22px 0;
}
/* Category 11958 ( https://www.fontanashowers.com/about-fontanashowers-authority-s/11958.htm) at 10-02-2026 End Here */

/* Category 7316 (BS + FS + FTF Review design - https://www.fontanashowers.com/FS-Review-design-s/11974.htm) html css from inline at 16-02-2026 Start Here */
/* BathSelect Conversion Reviews (Full-Width WP Block) */
#content_area .bs-fs-ftf-review-wrap {width:100%;margin:0;padding:0;}
#content_area .bs-fs-ftf-review-wrap .bs-container{width:100%;background:linear-gradient(135deg,#eff6ff 0%,#ffffff 55%,#f8fafc 100%);border:1px solid #e2e8f0;border-radius:18px;box-shadow:0 10px 28px rgba(2,6,23,.06);padding:18px 14px;}
#content_area .bs-fs-ftf-review-wrap .bs-flex{display:flex;gap:10px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;}
#content_area .bs-fs-ftf-review-wrap .bs-font{font-family:Arial,Helvetica,sans-serif;}
#content_area .bs-fs-ftf-review-wrap .bs-title{font-size:22px;font-weight:800;color:#0f172a;letter-spacing:.2px;}
#content_area .bs-fs-ftf-review-wrap .bs-subtitle{font-size:13px;color:#475569;margin-top:4px;}
#content_area .bs-fs-ftf-review-wrap .bs-badges{display:flex;gap:8px;flex-wrap:wrap;}
#content_area .bs-fs-ftf-review-wrap .bs-badge{font-size:12px;color:#fff;padding:6px 10px;border-radius:999px;font-weight:700;}
#content_area .bs-fs-ftf-review-wrap .badge-blue{background:#0ea5e9;}
#content_area .bs-fs-ftf-review-wrap .badge-green{background:#10b981;}
#content_area .bs-fs-ftf-review-wrap .badge-dark{background:#334155;}
#content_area .bs-fs-ftf-review-wrap .bs-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px;}
#content_area .bs-fs-ftf-review-wrap .bs-card-blue{border:1px solid #dbeafe;background:#fff;border-radius:16px;padding:14px;position:relative;}
#content_area .bs-fs-ftf-review-wrap .bs-card-neutral{border:1px solid #e5e7eb;background:#fff;border-radius:16px;padding:14px;}
#content_area .bs-fs-ftf-review-wrap .bs-avatar-blue{width:54px;height:54px;border-radius:14px;background:linear-gradient(135deg,#0ea5e9,#2563eb);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;}
#content_area .bs-fs-ftf-review-wrap .bs-avatar-green{width:54px;height:54px;border-radius:14px;background:linear-gradient(135deg,#22c55e,#16a34a);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;}
#content_area .bs-fs-ftf-review-wrap .bs-product-title{font-size:16px;font-weight:800;color:#0f172a;line-height:1.2;}
#content_area .bs-fs-ftf-review-wrap .bs-product-title a{color:#0f172a;text-decoration:none;}
#content_area .bs-fs-ftf-review-wrap .bs-meta-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:6px;}
#content_area .bs-fs-ftf-review-wrap .bs-stars{font-size:16px;letter-spacing:1px;}
#content_area .bs-fs-ftf-review-wrap .bs-stars span{color:#f59e0b;}
#content_area .bs-fs-ftf-review-wrap .bs-pill{font-size:12px;color:#334155;padding:4px 8px;border-radius:999px;font-weight:700;}
#content_area .bs-fs-ftf-review-wrap .pill-blue{background:#e0f2fe;}
#content_area .bs-fs-ftf-review-wrap .pill-green{background:#dcfce7;}
#content_area .bs-fs-ftf-review-wrap .bs-small{font-size:12px;color:#475569;margin-top:6px;}
#content_area .bs-fs-ftf-review-wrap .bs-small-light{font-size:12px;color:#475569;margin-top:3px;}
#content_area .bs-fs-ftf-review-wrap .bs-section-wrap{margin-top:10px;border-top:1px dashed #e2e8f0;padding-top:10px;}
#content_area .bs-fs-ftf-review-wrap .bs-content-grid{display:grid;grid-template-columns:1fr;gap:10px;color:#0f172a;}
#content_area .bs-fs-ftf-review-wrap .bs-label-blue{font-size:12px;font-weight:900;color:#1d4ed8;}
#content_area .bs-fs-ftf-review-wrap .bs-label-green{font-size:12px;font-weight:900;color:#166534;}
#content_area .bs-fs-ftf-review-wrap .bs-label-dark{font-size:12px;font-weight:900;color:#0f172a;}
#content_area .bs-fs-ftf-review-wrap .bs-text{font-size:13px;color:#334155;line-height:1.55;}
#content_area .bs-fs-ftf-review-wrap .bs-qa{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:10px;margin-top:10px;}
#content_area .bs-fs-ftf-review-wrap .bs-qa-title{font-size:12px;font-weight:900;color:#0f172a;margin-bottom:6px;}
#content_area .bs-fs-ftf-review-wrap .bs-qa ul{margin:0;padding-left:16px;font-size:13px;color:#334155;line-height:1.5;}
#content_area .bs-fs-ftf-review-wrap .bs-divider{margin-top:14px;border-top:1px solid #e2e8f0;padding-top:14px;}
#content_area .bs-fs-ftf-review-wrap .bs-note{margin-top:14px;padding:12px;border-radius:14px;border:1px solid #e2e8f0;background:#fff;}
/* 4 MORE REVIEWS (Persona-targeted) */
#content_area .bs-fs-ftf-review-wrap .more-reviews-content-section {
  margin-top: 14px;
  border-top: 1px solid #e2e8f0;
  padding-top: 14px;
}
#content_area .bs-fs-ftf-review-wrap .more-reviews-content-section .section-title {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 900;
  color: #0f172a;
  margin-bottom: 10px;
}
#content_area .bs-fs-ftf-review-wrap .more-reviews-content-section .reviews-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
#content_area .bs-fs-ftf-review-wrap .more-reviews-content-section article {
  border: 1px solid #e5e7eb;
  background: #ffffff;
  border-radius: 16px;
  padding: 14px;
  font-family: Arial, Helvetica, sans-serif;
}
#content_area .bs-fs-ftf-review-wrap .more-reviews-content-section .review-header {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
}
#content_area .bs-fs-ftf-review-wrap .more-reviews-content-section .review-header-left .product-title {
  font-size: 14px;
  font-weight: 900;
  color: #0f172a;
}
#content_area .bs-fs-ftf-review-wrap .more-reviews-content-section .review-header-left .product-title a {
  color: #0f172a;
  text-decoration: none;
}
#content_area .bs-fs-ftf-review-wrap .more-reviews-content-section .review-header-left .review-meta {
  font-size: 12px;
  color: #475569;
  margin-top: 4px;
}
#content_area .bs-fs-ftf-review-wrap .more-reviews-content-section .review-header-left .review-meta span {
  font-weight: 700;
  color: #0f172a;
}
#content_area .bs-fs-ftf-review-wrap .more-reviews-content-section .review-header-left .review-details {
  font-size: 12px;
  color: #475569;
  margin-top: 2px;
}
#content_area .bs-fs-ftf-review-wrap .more-reviews-content-section .review-header-right {
  text-align: right;
}
#content_area .bs-fs-ftf-review-wrap .more-reviews-content-section .review-header-right .rating-stars {
  font-size: 16px;
  letter-spacing: 1px;
  color: #f59e0b;
}
#content_area .bs-fs-ftf-review-wrap .more-reviews-content-section .review-header-right .rating-value {
  font-size: 12px;
  color: #64748b;
}
#content_area .bs-fs-ftf-review-wrap .more-reviews-content-section .review-body {
  margin-top: 10px;
  border-top: 1px dashed #e2e8f0;
  padding-top: 10px;
}
#content_area .bs-fs-ftf-review-wrap .more-reviews-content-section .review-body .section-title {
  font-size: 12px;
  font-weight: 900;
  color: #0f172a;
  margin-top: 8px;
}
#content_area .bs-fs-ftf-review-wrap .more-reviews-content-section .review-body .section-content {
  font-size: 13px;
  color: #334155;
  line-height: 1.55;
}
#content_area .bs-fs-ftf-review-wrap .more-reviews-content-section .forced-answers {
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  padding: 10px;
  margin-top: 10px;
}
#content_area .bs-fs-ftf-review-wrap .more-reviews-content-section .forced-answers .title {
  font-size: 12px;
  font-weight: 900;
  color: #0f172a;
  margin-bottom: 6px;
}
#content_area .bs-fs-ftf-review-wrap .more-reviews-content-section .forced-answers ul {
  margin: 0;
  padding-left: 16px;
  font-size: 13px;
  color: #334155;
  line-height: 1.5;
}
#content_area .bs-fs-ftf-review-wrap .more-reviews-content-section .verified-doc {
  font-size: 12px;
  color: #475569;
  margin-top: 8px;
}
#content_area .bs-fs-ftf-review-wrap .more-reviews-content-section .verified-doc a {
  color: #0f172a;
  font-weight: 700;
  text-decoration: none;
}
/* NOTE ABOUT IMAGES */
#content_area .bs-fs-ftf-review-wrap .note-about-images-wrapper {
    margin-top: 14px;
    padding: 12px;
    border-radius: 14px;
    border: 1px solid #e2e8f0;
    background: #ffffff;
}
#content_area .bs-fs-ftf-review-wrap .note-about-images-content {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #475569;
    line-height: 1.5;
}
@media (max-width: 1024px) {
	#content_area .bs-fs-ftf-review-wrap .bs-grid-2,
	#content_area .bs-fs-ftf-review-wrap .more-reviews-content-section .reviews-grid {
		grid-template-columns: repeat(1, minmax(0,1fr));
	}
}
/* Category 7316 (BS + FS + FTF Review design - https://www.fontanashowers.com/FS-Review-design-s/11974.htm) html css from inline at 16-02-2026 End Here */

/* Category 12010 Top and Bottom (https://www.fontanashowers.com/Fontana-Sensor-Urinal-Collection-s/12010.htm) html css from inline at 26-02-2026 Start Here */
/* Fontana Sensor Urinal Collection Series Top Description*/
#content_area .fontana-sensor-urinal-collection-series {
  max-width:1200px;
  margin:0 auto;
  font-family:Arial,Helvetica,sans-serif;
  color:#0f172a;
  line-height:1.5;
  padding:0 10px;
}
#content_area .fontana-sensor-urinal-collection-series .fssu-header{
  border:1px solid #dbeafe;
  background:#f8fbff;
  border-radius:14px;
  padding:22px 20px;
  margin:18px 0 16px 0;
}
#content_area .fontana-sensor-urinal-collection-series .fssu-small-title{
  font-size:12px;
  letter-spacing:1.2px;
  text-transform:uppercase;
  color:#1d4ed8;
  font-weight:bold;
}

#content_area .fontana-sensor-urinal-collection-series h2{
  margin:8px 0 6px 0;
  font-size:26px;
  line-height:1.15;
  color:#0b1220;
}
#content_area .fontana-sensor-urinal-collection-series .fssu-desc{
  font-size:14px;
  color:#334155;
}
#content_area .fontana-sensor-urinal-collection-series .fssu-chips{
  margin-top:14px;
}
#content_area .fontana-sensor-urinal-collection-series .chip{
  display:inline-block;
  padding:6px 10px;
  border-radius:999px;
  font-size:12px;
  margin:0 8px 8px 0;
}
#content_area .fontana-sensor-urinal-collection-series .chip-blue{background:#e0f2fe;color:#075985;border:1px solid #bae6fd;}
#content_area .fontana-sensor-urinal-collection-series .chip-indigo{background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe;}
#content_area .fontana-sensor-urinal-collection-series .chip-cyan{background:#ecfeff;color:#155e75;border:1px solid #a5f3fc;}
#content_area .fontana-sensor-urinal-collection-series .chip-gray{background:#f1f5f9;color:#0f172a;border:1px solid #e2e8f0;}
#content_area .fontana-sensor-urinal-collection-series .fssu-section{
  margin:0 0 10px 0;
}
#content_area .fontana-sensor-urinal-collection-series .fssu-section-title{
  font-size:13px;
  letter-spacing:1.2px;
  text-transform:uppercase;
  color:#64748b;
  font-weight:bold;
}
#content_area .fontana-sensor-urinal-collection-series .fssu-divider{
  height:2px;
  background:#dbeafe;
  border-radius:999px;
  margin-top:6px;
}
#content_area .fontana-sensor-urinal-collection-series table{
  width:100%;
  border-collapse:separate;
  border-spacing:12px;
}
#content_area .fontana-sensor-urinal-collection-series td{
  width:33.33%;
  border:1px solid #e2e8f0;
  background:#ffffff;
  border-radius:14px;
  padding:14px;
  vertical-align:top;
}
#content_area .fontana-sensor-urinal-collection-series .card-img{
  border-radius:12px;
  overflow:hidden;
  border:1px solid #e2e8f0;
}
#content_area .fontana-sensor-urinal-collection-series .card-img img{
  display:block;
  width:100%;
  height:auto;
  border:0;
}
#content_area .fontana-sensor-urinal-collection-series .card-content{margin-top:12px;}
#content_area .fontana-sensor-urinal-collection-series .card-category{
  font-size:12px;
  font-weight:bold;
  letter-spacing:.8px;
  text-transform:uppercase;
}
#content_area .fontana-sensor-urinal-collection-series .blue-text{color:#1d4ed8;}
#content_area .fontana-sensor-urinal-collection-series .dark-text{color:#0f172a;}
#content_area .fontana-sensor-urinal-collection-series .card-title{
  font-size:16px;
  font-weight:bold;
  color:#0b1220;
  margin:4px 0 6px 0;
}
#content_area .fontana-sensor-urinal-collection-series .code-badge{
  display:inline-block;
  padding:5px 9px;
  border-radius:999px;
  font-size:12px;
}
#content_area .fontana-sensor-urinal-collection-series .badge-light{background:#f1f5f9;border:1px solid #e2e8f0;color:#0f172a;}
#content_area .fontana-sensor-urinal-collection-series .badge-dark{background:#0b1220;border:1px solid #0b1220;color:#ffffff;}
#content_area .fontana-sensor-urinal-collection-series ul{
  margin:0 0 10px 18px;
  padding:0;
  color:#334155;
  font-size:13px;
}
#content_area .fontana-sensor-urinal-collection-series .testimonial{
  font-size:12px;
  color:#475569;
  background:#f8fafc;
  border:1px solid #e2e8f0;
  border-radius:10px;
  padding:10px;
}
#content_area .fontana-sensor-urinal-collection-series .btn{
  display:inline-block;
  text-decoration:none;
  padding:9px 12px;
  border-radius:10px;
  font-size:13px;
  font-weight:bold;
  margin-top:10px;
}
#content_area .fontana-sensor-urinal-collection-series .btn-blue{background:#1d4ed8;color:#ffffff;}
#content_area .fontana-sensor-urinal-collection-series .btn-dark{background:#0b1220;color:#ffffff;}
#content_area .fontana-sensor-urinal-collection-series .fssu-footer{
  margin:10px 0 28px 0;
  border:1px solid #e2e8f0;
  background:#ffffff;
  border-radius:14px;
  padding:16px 18px;
}
#content_area .fontana-sensor-urinal-collection-series .footer-text{font-size:13px;color:#334155;}
#content_area .fontana-sensor-urinal-collection-series .footer-note{margin-top:8px;font-size:12px;color:#64748b;}
@media (max-width: 992px){
  #content_area .fontana-sensor-urinal-collection-series td{
    width:50%;
  }
}
@media (max-width: 600px){
  #content_area .fontana-sensor-urinal-collection-series table,
  #content_area .fontana-sensor-urinal-collection-series tbody,
  #content_area .fontana-sensor-urinal-collection-series tr,
  #content_area .fontana-sensor-urinal-collection-series td{
    display:block;
    width:100% !important;
  }

  #content_area .fontana-sensor-urinal-collection-series td{
    margin-bottom:16px;
  }

  #content_area .fontana-sensor-urinal-collection-series h2{
    font-size:22px;
  }
}
/*crd-urinal-auto-flush-article Bottom Description*/
#content_area .crd-urinal-auto-flush-article-wrapper {
	max-width: 1200px;
	margin: 0 auto;
}
#content_area .crd-urinal-auto-flush-article-wrapper .crd-urinal-auto-flush-article{
  font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  line-height:1.55;
  color:#0f172a;
}
#content_area .crd-urinal-auto-flush-article-wrapper .crd-hero{
  border-radius:16px;
  padding:26px 22px;
  background:linear-gradient(180deg,#f8fafc,#ffffff);
  border:1px solid #e5e7eb;
}
#content_area .crd-urinal-auto-flush-article-wrapper .crd-hero-flex{
  display:flex;
  gap:18px;
  align-items:flex-start;
  flex-wrap:wrap;
}
#content_area .crd-urinal-auto-flush-article-wrapper .crd-hero-left{
  flex:1 1 520px;
  min-width:280px;
}
#content_area .crd-urinal-auto-flush-article-wrapper .crd-badge{
  display:inline-flex;
  gap:8px;
  align-items:center;
  padding:6px 10px;
  border-radius:999px;
  border:1px solid #e5e7eb;
  background:#ffffff;
  font-size:12px;
  font-weight:700;
  letter-spacing:.2px;
}
#content_area .crd-urinal-auto-flush-article-wrapper .crd-badge-dot{
  width:8px;
  height:8px;
  border-radius:999px;
  background:#0ea5e9;
  display:inline-block;
}
#content_area .crd-urinal-auto-flush-article-wrapper .crd-hero h1{
  margin:10px 0 10px;
  font-size:28px;
  line-height:1.15;
  letter-spacing:-.3px;
}
#content_area .crd-urinal-auto-flush-article-wrapper .crd-highlight{
  color:#0ea5e9;
  display: block;
}
#content_area .crd-urinal-auto-flush-article-wrapper .crd-hero p{
  margin:0 0 14px;
  font-size:14.5px;
  color:#334155;
  max-width:72ch;
}
#content_area .crd-urinal-auto-flush-article-wrapper .crd-btn-group{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:12px;
}
#content_area .crd-urinal-auto-flush-article-wrapper .crd-btn{
  text-decoration:none;
  padding:10px 12px;
  border-radius:12px;
  font-weight:800;
  font-size:13px;
}
#content_area .crd-urinal-auto-flush-article-wrapper .crd-btn-primary{
  background:#0ea5e9;
  color:#ffffff;
}
#content_area .crd-urinal-auto-flush-article-wrapper .crd-btn-outline{
  background:#ffffff;
  border:1px solid #e5e7eb;
  color:#0f172a;
}
#content_area .crd-urinal-auto-flush-article-wrapper .crd-hero-points{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
  margin-top:14px;
  font-size:12.5px;
  color:#475569;
  font-weight:700;
}
#content_area .crd-urinal-auto-flush-article-wrapper .crd-hero-images{
  flex:0 1 420px;
  min-width:280px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
}
#content_area .crd-urinal-auto-flush-article-wrapper .crd-hero-images figure{
  margin:0;
  border:1px solid #e5e7eb;
  border-radius:14px;
  overflow:hidden;
  background:#ffffff;
}
#content_area .crd-urinal-auto-flush-article-wrapper .crd-hero-images img{
  width:100%;
  height:140px;
  object-fit:cover;
  display:block;
}
#content_area .crd-urinal-auto-flush-article-wrapper .crd-hero-images figcaption{
  padding:8px 10px;
  font-size:11.5px;
  color:#334155;
  font-weight:800;
}
#content_area .crd-urinal-auto-flush-article-wrapper .crd-jump-nav{
  margin:16px 0 0;
  border:1px solid #e5e7eb;
  background:#ffffff;
  border-radius:16px;
  padding:14px 16px;
}
#content_area .crd-urinal-auto-flush-article-wrapper .crd-jump-flex{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  align-items:center;
}
#content_area .crd-urinal-auto-flush-article-wrapper .crd-jump-title{
  font-size:12.5px;
  font-weight:700;
}
#content_area .crd-urinal-auto-flush-article-wrapper .crd-jump-link{
  font-size:12.5px;
  font-weight:800;
  color:#0ea5e9;
  text-decoration:none;
}
#content_area .crd-urinal-auto-flush-article-wrapper .crd-jump-link:hover{
  text-decoration:underline;
}
#content_area .crd-urinal-auto-flush-article-wrapper .crd-section{
  margin-top:18px;
  padding:18px;
  border-radius:16px;
  background:#ffffff;
  border:1px solid #e5e7eb;
}
#content_area .crd-urinal-auto-flush-article-wrapper .crd-section h2{
  margin:0 0 8px;
  font-size:20px;
  letter-spacing:-.2px;
}
#content_area .crd-urinal-auto-flush-article-wrapper .crd-section p{
  margin:0;
  color:#334155;
  font-size:14.5px;
}
#content_area .crd-urinal-auto-flush-article-wrapper .crd-grid-2{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin-top:14px;
}
#content_area .crd-urinal-auto-flush-article-wrapper .crd-card{
  border:1px solid #e5e7eb;
  border-radius:14px;
  padding:14px;
  background:linear-gradient(180deg,#f8fafc,#ffffff);
}
#content_area .crd-urinal-auto-flush-article-wrapper .crd-card h3{
  margin:0 0 8px;
  font-size:15px;
}
#content_area .crd-urinal-auto-flush-article-wrapper .crd-card ul{
  margin:0;
  padding-left:18px;
  color:#334155;
  font-size:13.5px;
}
#content_area .crd-urinal-auto-flush-article-wrapper .crd-read-link-wrap{
  margin-top:10px;
}
#content_area .crd-urinal-auto-flush-article-wrapper .crd-read-link{
  font-size:13px;
  font-weight:800;
  color:#0ea5e9;
  text-decoration:none;
}
#content_area .crd-urinal-auto-flush-article-wrapper .crd-read-link:hover{
  text-decoration:underline;
}
#content_area .crd-urinal-auto-flush-article-wrapper .crd-link-card{
  text-decoration:none;
  border:1px solid #e5e7eb;
  border-radius:14px;
  padding:12px;
  background:#f8fafc;
  color:#0f172a;
  font-weight:800;
  font-size:13px;
  display:block;
}
#content_area .crd-urinal-auto-flush-article-wrapper .crd-grid-3{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin-top:12px;
}
#content_area .crd-urinal-auto-flush-article-wrapper .crd-resource-link{
  text-decoration:none;
  border:1px solid #e5e7eb;
  border-radius:14px;
  padding:12px;
  background:#f8fafc;
  color:#0f172a;
  font-weight:800;
  font-size:13px;
  display:block;
}
#content_area .crd-urinal-auto-flush-article-wrapper .crd-resource-link:hover{
  background:#f1f5f9;
}
@media (max-width:768px){
  #content_area .crd-urinal-auto-flush-article-wrapper .crd-grid-3{
    grid-template-columns:1fr 1fr;
  }
}

@media (max-width:480px){
  #content_area .crd-urinal-auto-flush-article-wrapper .crd-grid-3{
    grid-template-columns:1fr;
  }
}
#content_area .crd-urinal-auto-flush-article-wrapper .crd-series-group{
  border:1px solid #e5e7eb;
  border-radius:14px;
  padding:14px;
  background:linear-gradient(180deg,#f8fafc,#ffffff);
  margin-bottom:12px;
}
#content_area .crd-urinal-auto-flush-article-wrapper .crd-series-group h3{
  margin:0 0 10px;
  font-size:16px;
}
#content_area .crd-urinal-auto-flush-article-wrapper .crd-series-flex{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  align-items:flex-start;
}
#content_area .crd-urinal-auto-flush-article-wrapper .crd-series-image{
  flex:0 0 240px;
}
#content_area .crd-urinal-auto-flush-article-wrapper .crd-series-image img{
  width:100%;
  height:160px;
  object-fit:cover;
  border-radius:12px;
  border:1px solid #e5e7eb;
  background:#ffffff;
}
#content_area .crd-urinal-auto-flush-article-wrapper .crd-series-caption{
  margin-top:8px;
  font-size:12px;
  font-weight:800;
  color:#0f172a;
}
#content_area .crd-urinal-auto-flush-article-wrapper .crd-series-links{
  flex:1 1 420px;
  min-width:260px;
}
#content_area .crd-urinal-auto-flush-article-wrapper .crd-pill-links{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
#content_area .crd-urinal-auto-flush-article-wrapper .crd-pill-links a{
  text-decoration:none;
  font-weight:800;
  font-size:12.5px;
  padding:8px 10px;
  border-radius:999px;
  border:1px solid #e5e7eb;
  background:#ffffff;
  color:#0f172a;
}
#content_area .crd-urinal-auto-flush-article-wrapper .crd-series-links p{
  margin:10px 0 0;
  color:#334155;
  font-size:14px;
}
#content_area .crd-urinal-auto-flush-article-wrapper .crd-footer-note{
  margin-top:14px;
  padding:12px 14px;
  border-radius:14px;
  background:#f8fafc;
  border:1px solid #e5e7eb;
  color:#475569;
  font-size:12.5px;
  font-weight:700;
}

/* RESPONSIVE */
@media (max-width:768px){
  #content_area .crd-urinal-auto-flush-article-wrapper .crd-hero-flex{
    flex-direction:column;
  }
  #content_area .crd-urinal-auto-flush-article-wrapper .crd-hero-images{
    grid-template-columns:repeat(2,1fr);
  }
  #content_area .crd-urinal-auto-flush-article-wrapper .crd-grid-2{
    grid-template-columns:1fr;
  }
}

@media (max-width:480px){
  #content_area .crd-urinal-auto-flush-article-wrapper .crd-hero-images{
    grid-template-columns:1fr;
  }
}
#content_area .crd-urinal-auto-flush-article-wrapper .crd-card-section{
  margin-top:18px;
  padding:18px;
  border-radius:16px;
  background:#ffffff;
  border:1px solid #e5e7eb;
}
#content_area .crd-urinal-auto-flush-article-wrapper .crd-card-section h2{
  margin:0 0 10px;
  font-size:20px;
  letter-spacing:-.2px;
}
#content_area .crd-urinal-auto-flush-article-wrapper .crd-card-section p{
  margin:0 0 14px;
  color:#334155;
  font-size:14.5px;
}
#content_area .crd-urinal-auto-flush-article-wrapper .crd-group-box{
  border:1px solid #e5e7eb;
  border-radius:14px;
  padding:14px;
  background:linear-gradient(180deg,#f8fafc,#ffffff);
  margin-bottom:12px;
}
#content_area .crd-urinal-auto-flush-article-wrapper .crd-group-box h3{
  margin:0 0 10px;
  font-size:16px;
}
#content_area .crd-urinal-auto-flush-article-wrapper .crd-flex{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  align-items:flex-start;
}
#content_area .crd-urinal-auto-flush-article-wrapper .crd-img-col{
  flex:0 0 240px;
}
#content_area .crd-urinal-auto-flush-article-wrapper .crd-img-col img{
  width:100%;
  height:160px;
  object-fit:cover;
  border-radius:12px;
  border:1px solid #e5e7eb;
  background:#fff;
}
#content_area .crd-urinal-auto-flush-article-wrapper .crd-img-caption{
  margin-top:8px;
  font-size:12px;
  font-weight:800;
  color:#0f172a;
}
#content_area .crd-urinal-auto-flush-article-wrapper .crd-content-col{
  flex:1 1 420px;
  min-width:260px;
}
#content_area .crd-urinal-auto-flush-article-wrapper .crd-tag-wrap{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
#content_area .crd-urinal-auto-flush-article-wrapper .crd-tag{
  text-decoration:none;
  font-weight:800;
  font-size:12.5px;
  padding:8px 10px;
  border-radius:999px;
  border:1px solid #e5e7eb;
  background:#fff;
  color:#0f172a;
}
#content_area .crd-urinal-auto-flush-article-wrapper .crd-tag:hover{
  background:#f1f5f9;
}
#content_area .crd-urinal-auto-flush-article-wrapper .crd-grid-2{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
#content_area .crd-urinal-auto-flush-article-wrapper .crd-grid-3{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}
#content_area .crd-urinal-auto-flush-article-wrapper .crd-grid-link{
  text-decoration:none;
  border:1px solid #e5e7eb;
  border-radius:14px;
  padding:12px;
  background:#f8fafc;
  color:#0f172a;
  font-weight:800;
  font-size:13px;
  display:block;
}
#content_area .crd-urinal-auto-flush-article-wrapper .crd-grid-link:hover{
  background:#eef2f7;
}
#content_area .crd-urinal-auto-flush-article-wrapper .crd-footer-note{
  margin-top:14px;
  padding:12px 14px;
  border-radius:14px;
  background:#f8fafc;
  border:1px solid #e5e7eb;
  color:#475569;
  font-size:12.5px;
  font-weight:700;
}
#content_area .crd-urinal-auto-flush-article-wrapper .crd-footer-note span{
  font-weight:800;
  color:#0f172a;
}
@media (max-width:768px){
  #content_area .crd-urinal-auto-flush-article-wrapper .crd-img-col{
    flex:1 1 100%;
  }
  #content_area .crd-urinal-auto-flush-article-wrapper .crd-content-col{
    flex:1 1 100%;
  }

  #content_area .crd-urinal-auto-flush-article-wrapper .crd-grid-2,
  #content_area .crd-urinal-auto-flush-article-wrapper .crd-grid-3{
    grid-template-columns:1fr;
  }
  

}
/* Category 12010 Top and Bottom (https://www.fontanashowers.com/Fontana-Sensor-Urinal-Collection-s/12010.htm) html css from inline at 26-02-2026 End Here */

/* Category 1939 Top and Bottom (https://www.fontanashowers.com/touchless-bathroom-faucets-s/1939.htm) html css from inline at 26-02-2026 Start Here */
/*aec-aura-touchless-intro Top Description*/
#content_area .aec-aura-touchless-intro-wrapper .aec-aura-touchless-intro {
  background: linear-gradient(180deg,#f7fbff 0%,#ffffff 55%,#f8fafc 100%);
  border-top: 1px solid rgba(15,23,42,.08);
  border-bottom: 1px solid rgba(15,23,42,.08);
  font-family: Arial, Helvetica, sans-serif;
  color: #0f172a;
}
#content_area .aec-aura-touchless-intro-wrapper .aec-aura-touchless-intro .aec-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 36px 16px 26px;
}
#content_area .aec-aura-touchless-intro-wrapper .aec-aura-touchless-intro .aec-topbar {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 14px;
}
#content_area .aec-aura-touchless-intro-wrapper .aec-aura-touchless-intro .aec-badges {
  display: inline-flex;
  gap: 10px;
  align-items: center;
}
#content_area .aec-aura-touchless-intro-wrapper .aec-aura-touchless-intro .aec-badge-primary {
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(2,132,199,.10);
  border: 1px solid rgba(2,132,199,.22);
  color: #075985;
  font-weight: 700;
  font-size: 12px;
}
#content_area .aec-aura-touchless-intro-wrapper .aec-aura-touchless-intro .aec-badge-secondary {
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(15,23,42,.04);
  border: 1px solid rgba(15,23,42,.10);
  color: #334155;
  font-weight: 700;
  font-size: 12px;
}
#content_area .aec-aura-touchless-intro-wrapper .aec-aura-touchless-intro .aec-breadcrumb {
  font-size: 12px;
  color: #64748b;
}
#content_area .aec-aura-touchless-intro-wrapper .aec-aura-touchless-intro .aec-breadcrumb a {
  color: #0f172a;
  text-decoration: none;
  border-bottom: 1px dotted rgba(15,23,42,.28);
}
#content_area .aec-aura-touchless-intro-wrapper .aec-aura-touchless-intro .aec-hero-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
  align-items: stretch;
}
#content_area .aec-aura-touchless-intro-wrapper .aec-aura-touchless-intro .aec-left {
  flex: 1 1 520px;
  min-width: 280px;
}
#content_area .aec-aura-touchless-intro-wrapper .aec-aura-touchless-intro .category-main-hd {
  margin: 0 0 10px;
  font-size: 34px;
  line-height: 1.12;
}
#content_area .aec-aura-touchless-intro-wrapper .aec-aura-touchless-intro .aec-text {
  margin: 0 0 12px;
  font-size: 16px;
  line-height: 1.65;
  color: #334155;
}
#content_area .aec-aura-touchless-intro-wrapper .aec-aura-touchless-intro .aec-card-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 14px;
}
#content_area .aec-aura-touchless-intro-wrapper .aec-aura-touchless-intro .aec-card {
  flex: 1 1 170px;
  min-width: 170px;
  background: #ffffff;
  border: 1px solid rgba(15,23,42,.10);
  border-radius: 14px;
  padding: 12px;
  box-shadow: 0 10px 24px rgba(2,6,23,.06);
}
#content_area .aec-aura-touchless-intro-wrapper .aec-aura-touchless-intro .aec-card-title {
  font-size: 12px;
  color: #64748b;
  font-weight: 700;
}
#content_area .aec-aura-touchless-intro-wrapper .aec-aura-touchless-intro .aec-card-desc {
  margin-top: 6px;
  font-size: 13px;
  line-height: 1.45;
}
#content_area .aec-aura-touchless-intro-wrapper .aec-aura-touchless-intro .aec-right {
  flex: 0 0 360px;
  min-width: 280px;
}

#content_area .aec-aura-touchless-intro-wrapper .aec-aura-touchless-intro .aec-toolkit {
  background: linear-gradient(180deg,#ffffff 0%,#f8fafc 100%);
  border: 1px solid rgba(15,23,42,.10);
  border-radius: 18px;
  padding: 14px;
  box-shadow: 0 14px 32px rgba(2,6,23,.08);
}

/* ===== SPECIFIER TOOLKIT HEADER ===== */
#content_area .aec-aura-touchless-intro-wrapper .aec-aura-touchless-intro .crd-toolkit-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:10px;
}

#content_area .aec-aura-touchless-intro-wrapper .aec-aura-touchless-intro .crd-toolkit-title{
  font-weight:800;
  color:#0f172a;
}

#content_area .aec-aura-touchless-intro-wrapper .aec-aura-touchless-intro .crd-toolkit-badge{
  display:inline-block;

  padding:6px 10px;
  border-radius:999px;
  background:rgba(16,185,129,.10);
  border:1px solid rgba(16,185,129,.20);
  color:#065f46;
  font-weight:800;
  font-size:12px;
  white-space:nowrap;
}

/* Mobile */
@media (max-width:640px){
  #content_area .aec-aura-touchless-intro-wrapper .aec-aura-touchless-intro .crd-toolkit-header{
	flex-direction:column;
	align-items:flex-start;
  }
}

#content_area .aec-aura-touchless-intro-wrapper .aec-aura-touchless-intro .aec-toolkit-box {
  border-radius: 14px;
  background: #ffffff;
  border: 1px solid rgba(15,23,42,.10);
  padding: 12px;
  margin: 10px 0;
}

#content_area .aec-aura-touchless-intro-wrapper .aec-aura-touchless-intro .aec-btn-dark {
  background: #0f172a;
  color: #ffffff;
  font-weight: 900;
  padding: 11px 12px;
  border-radius: 14px;
  text-decoration: none;
  text-align: center;
  display: inline-block;
}

#content_area .aec-aura-touchless-intro-wrapper .aec-aura-touchless-intro .aec-btn-light {
  background: #ffffff;
  color: #0f172a;
  font-weight: 900;
  padding: 11px 12px;
  border-radius: 14px;
  border: 1px solid rgba(15,23,42,.18);
  text-decoration: none;
  text-align: center;
  display: inline-block;
}

#content_area .aec-aura-touchless-intro-wrapper .aec-aura-touchless-intro .aec-feature {
  margin-top: 18px;
}

#content_area .aec-aura-touchless-intro-wrapper .aec-aura-touchless-intro .aec-image-wrap {
  border-radius: 18px;
  overflow: hidden;
  border: 1px solid rgba(15,23,42,.10);
  box-shadow: 0 16px 38px rgba(2,6,23,.10);
  background: #ffffff;
}

#content_area .aec-aura-touchless-intro-wrapper .aec-aura-touchless-intro .aec-feature img {
  display: block;
  width: 100%;
  height: auto;
}

#content_area .aec-aura-touchless-intro-wrapper .aec-aura-touchless-intro .aec-secondary {
  margin-top: 12px;
  background: rgba(2,132,199,.06);
  border: 1px solid rgba(2,132,199,.18);
  border-radius: 16px;
  padding: 12px 14px;
}
/* ===== AEC CONTENT PANEL ===== */
#content_area .aec-content-panel-wrapper .aec-section {
  background: linear-gradient(180deg,#f7fbff 0%,#ffffff 55%,#f8fafc 100%);
  border-top:1px solid rgba(15,23,42,.08);
  border-bottom:1px solid rgba(15,23,42,.08);
  padding:30px 16px 26px;
  font-family:Arial,Helvetica,sans-serif;
  color:#0f172a;
}
#content_area .aec-content-panel-wrapper .aec-section .aec-container {
  max-width:1120px;
  margin:0 auto;
}
#content_area .aec-content-panel-wrapper .aec-section .aec-panel {
  width:100%;
  background:#eaf4fb;
  border:1px solid rgba(15,23,42,.10);
  border-radius:18px;
  padding:22px;
  box-shadow:0 14px 30px rgba(2,6,23,.08);
}
#content_area .aec-content-panel-wrapper .aec-section .aec-flex {
  display:flex;
  flex-wrap:wrap;
  gap:18px;
  align-items:flex-start;
}
#content_area .aec-content-panel-wrapper .aec-section .aec-left {
  flex:1 1 640px;
  min-width:280px;
}
#content_area .aec-content-panel-wrapper .aec-section .aec-badges {
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
  margin-bottom:10px;
}
#content_area .aec-content-panel-wrapper .aec-section .aec-badge {
  display:inline-block;
  padding:6px 10px;
  border-radius:999px;
  font-weight:800;
  font-size:12px;
  white-space:nowrap;
  letter-spacing:.2px;
}
#content_area .aec-content-panel-wrapper .aec-section .aec-badge.blue { background:rgba(2,132,199,.12); border:1px solid rgba(2,132,199,.22); color:#075985; }
#content_area .aec-content-panel-wrapper .aec-section .aec-badge.gray { background:rgba(15,23,42,.05); border:1px solid rgba(15,23,42,.10); color:#334155; }

#content_area .aec-content-panel-wrapper .aec-section .aec-left h2 { margin:14px 0 8px; font-size:22px; letter-spacing:-.2px; color:#0f172a; }
#content_area .aec-content-panel-wrapper .aec-section .aec-left h3 { margin:10px 0 6px; font-size:16px; color:#0f172a; }
#content_area .aec-content-panel-wrapper .aec-section .aec-left p { margin:0 0 14px; font-size:15.5px; line-height:1.68; color:#334155; }
#content_area .aec-content-panel-wrapper .aec-section .aec-left ul { margin:0 0 14px; padding-left:18px; font-size:15.5px; line-height:1.7; color:#334155; }
#content_area .aec-content-panel-wrapper .aec-section .aec-card-grid {
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:10px 0 14px;
}
#content_area .aec-content-panel-wrapper .aec-section .aec-card {
  flex:1 1 220px;
  min-width:220px;
  background:#ffffff;
  border:1px solid rgba(15,23,42,.10);
  border-radius:14px;
  padding:12px;
  box-shadow:0 10px 22px rgba(2,6,23,.06);
}
#content_area .aec-content-panel-wrapper .aec-section .aec-card .card-title { font-weight:900; color:#0f172a; margin-bottom:6px; }
#content_area .aec-content-panel-wrapper .aec-section .aec-card .card-text { font-size:13px; line-height:1.55; color:#334155; }
#content_area .aec-content-panel-wrapper .aec-section .aec-image-panel {
  margin:6px 0 14px;
  background:#ffffff;
  border:1px solid rgba(15,23,42,.10);
  border-radius:16px;
  padding:10px;
  box-shadow:0 12px 26px rgba(2,6,23,.08);
}
#content_area .aec-content-panel-wrapper .aec-section .aec-image-panel img {
  display:block;
  width:100%;
  height:auto;
  border-radius:12px;
}
#content_area .aec-content-panel-wrapper .aec-section .aec-quick-spec {
  margin-top:12px;
  background:rgba(2,132,199,.08);
  border:1px solid rgba(2,132,199,.18);
  border-radius:16px;
  padding:12px 14px;
}
#content_area .aec-content-panel-wrapper .aec-section .aec-quick-spec .spec-title { font-weight:900; color:#0f172a; margin-bottom:6px; }
#content_area .aec-content-panel-wrapper .aec-section .aec-quick-spec ul { margin:0; padding-left:18px; font-size:13px; line-height:1.65; color:#334155; }
/* ===== RIGHT IMAGE / ASIDE ===== */
#content_area .aec-content-panel-wrapper .aec-section .aec-right {
  flex:0 0 320px;
  min-width:260px;
  display:flex;
  flex-direction:column;
  gap:12px;
}
/* ===== AEC NOTES GRID ===== */
#content_area .aec-content-panel-wrapper .aec-section .aec-notes-grid {
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:10px 0 0;
}
#content_area .aec-content-panel-wrapper .aec-section .aec-note-card {
  flex:1 1 240px;
  min-width:240px;
  background:#ffffff;
  border:1px solid rgba(15,23,42,.10);
  border-radius:14px;
  padding:12px;
  box-shadow:0 10px 22px rgba(2,6,23,.06);
}
#content_area .aec-content-panel-wrapper .aec-section .aec-note-card .note-title { font-weight:900; color:#0f172a; margin-bottom:6px; }
#content_area .aec-content-panel-wrapper .aec-section .aec-note-card .note-text { font-size:13px; line-height:1.55; color:#334155; }

/* ===== RESPONSIVE ===== */
@media (max-width:1024px){
  #content_area .aec-content-panel-wrapper .aec-section .aec-flex { flex-direction:column; }
  #content_area .aec-content-panel-wrapper .aec-section .aec-right { flex:1 1 auto; min-width:100%; }
  #content_area .aec-content-panel-wrapper .aec-section .aec-card-grid, .aec-notes-grid { flex-direction:column; }
}
/* Category 1939 Top and Bottom (https://www.fontanashowers.com/touchless-bathroom-faucets-s/1939.htm) html css from inline at 26-02-2026 End Here */

/* Category 9527 (https://www.fontanashowers.com/tmp-rendering3iuio-s/9527.htm) html css from inline at 26-02-2026 Start Here */
#content_area .bim-data-revit-families-download-center-architects a{color:var(--brand);text-decoration:none}
#content_area .bim-data-revit-families-download-center-architects a:hover{color:var(--brand-ink);text-decoration:underline}
/* Header */
#content_area .bim-data-revit-families-download-center-architects .site-header{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid var(--line)}
#content_area .bim-data-revit-families-download-center-architects .container{max-width:1200px;margin:auto;padding:0 20px}
#content_area .bim-data-revit-families-download-center-architects .bar{display:flex;align-items:center;justify-content:space-between;height:72px}
#content_area .bim-data-revit-families-download-center-architects .brand{display:flex;gap:12px;align-items:center}
#content_area .bim-data-revit-families-download-center-architects .brand .logo{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,var(--brand),#6ee7ff);display:grid;place-items:center;box-shadow:var(--shadow)}
#content_area .bim-data-revit-families-download-center-architects .brand .logo svg{width:22px;height:22px;fill:#fff}
#content_area .bim-data-revit-families-download-center-architects .brand .name{font-weight:800;letter-spacing:.2px}
#content_area .bim-data-revit-families-download-center-architects nav ul{margin:0;padding:0;display:flex;gap:24px;list-style:none}
#content_area .bim-data-revit-families-download-center-architects nav a{font-weight:600;color:#0b3a4a}
/* Hero */
#content_area .bim-data-revit-families-download-center-architects .hero{position:relative;overflow:hidden;background:radial-gradient(1200px 600px at 70% -200px, rgba(18,174,238,.16), transparent),
					  radial-gradient(900px 500px at -200px 30%, rgba(6,182,212,.12), transparent),
					  #ffffff}
#content_area .bim-data-revit-families-download-center-architects .hero .wrap{display:grid;grid-template-columns:1.2fr .8fr;gap:36px;align-items:center;padding:56px 0}
#content_area .bim-data-revit-families-download-center-architects .kicker{display:inline-flex;gap:8px;align-items:center;padding:6px 10px;border-radius:999px;background:#eaf7fd;border:1px solid #d8eef8;color:#0b3a4a;font-weight:700;font-size:12px}
#content_area .bim-data-revit-families-download-center-architects h1{font-size:40px;line-height:1.15;margin:14px 0 10px}
#content_area .bim-data-revit-families-download-center-architects .sub{color:var(--muted);max-width:60ch}
/* Hero Card */
#content_area .bim-data-revit-families-download-center-architects .hero-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px}
/* Search */
#content_area .bim-data-revit-families-download-center-architects .search-row{display:flex;gap:10px;margin-top:16px}
#content_area .bim-data-revit-families-download-center-architects .search-row input{flex:1;padding:14px 14px;border-radius:12px;border:1px solid var(--line);outline:none}
#content_area .bim-data-revit-families-download-center-architects .search-row button{padding:14px 18px;border:0;border-radius:12px;background:var(--brand);color:#fff;font-weight:700;cursor:pointer}
#content_area .bim-data-revit-families-download-center-architects .search-row button:hover{background:var(--brand-ink)}
/* Quick tiles */
#content_area .bim-data-revit-families-download-center-architects .tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:18px}
#content_area .bim-data-revit-families-download-center-architects .tile{border:1px solid var(--line);background:#fff;border-radius:14px;padding:14px;display:flex;align-items:center;gap:12px}
#content_area .bim-data-revit-families-download-center-architects .tile svg{width:22px;height:22px}
/* Filters */
#content_area .bim-data-revit-families-download-center-architects .filters{position:sticky;top:72px;background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
#content_area .bim-data-revit-families-download-center-architects .filters .row{display:flex;flex-wrap:wrap;gap:12px;align-items:center;padding:14px 0}
#content_area .bim-data-revit-families-download-center-architects .chip{padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:#fff;color:#0b3a4a;cursor:pointer;font-weight:600}
#content_area .bim-data-revit-families-download-center-architects .chip.active{background:#eaf7fd;border-color:#bfe8fb}
#content_area .bim-data-revit-families-download-center-architects .sep{flex:1}
#content_area .bim-data-revit-families-download-center-architects .select,
#content_area .bim-data-revit-families-download-center-architects .check{display:flex;gap:8px;align-items:center; border:0 none;}
#content_area .bim-data-revit-families-download-center-architects select{padding:10px;border-radius:10px;border:1px solid var(--line)}
/* Sections */
#content_area .bim-data-revit-families-download-center-architects .section{padding:36px 0}
/* BIM Library cards grid */
#content_area .bim-data-revit-families-download-center-architects .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
#content_area .bim-data-revit-families-download-center-architects #contact .grid {
	grid-template-columns: 1.2fr .8fr;
}
#content_area .bim-data-revit-families-download-center-architects .grid::before,
#content_area .bim-data-revit-families-download-center-architects .grid::after {display: none;}
#content_area .bim-data-revit-families-download-center-architects .card{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column}
#content_area .bim-data-revit-families-download-center-architects .card .media{height:170px;display:grid;place-items:center}
#content_area .bim-data-revit-families-download-center-architects .card .media img{width:100%;height:100%;object-fit:cover}
#content_area .bim-data-revit-families-download-center-architects .card .body{padding:16px}
#content_area .bim-data-revit-families-download-center-architects .pill{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid var(--line);border-radius:999px;background:#fff;font-size:12px}
#content_area .bim-data-revit-families-download-center-architects .card h3{margin:10px 0 6px}
#content_area .bim-data-revit-families-download-center-architects .card p{color:var(--muted);margin:0}
/* Foot */
#content_area .bim-data-revit-families-download-center-architects .card .foot{margin-top:auto;padding:14px 16px;border-top:1px solid var(--line);display:flex;gap:10px}
#content_area .bim-data-revit-families-download-center-architects .btn{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:#fff;font-weight:700;cursor:pointer}
#content_area .bim-data-revit-families-download-center-architects .btn.primary{background:var(--brand);color:#fff;border-color:transparent}
#content_area .bim-data-revit-families-download-center-architects .btn.primary:hover{background:var(--brand-ink)}
/* New merged inline CSS */
#content_area .bim-data-revit-families-download-center-architects h2{margin:0 0 6px}
#content_area .bim-data-revit-families-download-center-architects p.muted{margin:0 0 16px}
#content_area .bim-data-revit-families-download-center-architects .grid + p.muted{margin:0 0 20px}
#content_area .bim-data-revit-families-download-center-architects .flex.justify-space{justify-content:space-between}
#content_area .bim-data-revit-families-download-center-architects #assetCount{font-weight:800;font-size:28px}
#content_area .bim-data-revit-families-download-center-architects .flex.mt-12{margin-top:12px}
#content_area .bim-data-revit-families-download-center-architects .fw-700{font-weight:700}
/* Downloads table */
#content_area .bim-data-revit-families-download-center-architects .table{width:100%;border-collapse:separate;border-spacing:0 10px}
#content_area .bim-data-revit-families-download-center-architects .table thead th{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#0b3a4a;text-align:left;padding:0 12px}
#content_area .bim-data-revit-families-download-center-architects .row-card{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}
#content_area .bim-data-revit-families-download-center-architects .row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 120px;align-items:center;padding:14px 12px}
#content_area .bim-data-revit-families-download-center-architects .formats{display:flex;gap:8px;flex-wrap:wrap}
#content_area .bim-data-revit-families-download-center-architects .fmt{display:inline-flex;gap:6px;align-items:center;padding:6px 8px;border:1px dashed #d7e8f2;border-radius:10px;font-size:12px}
#content_area .bim-data-revit-families-download-center-architects .actions{display:flex;gap:8px}
#content_area .bim-data-revit-families-download-center-architects .badge{display:inline-block;font-size:11px;padding:4px 8px;border-radius:999px;background:#eef7ee;color:#14532d}
/* CTA + FAQ */
#content_area .bim-data-revit-families-download-center-architects .cta{display:grid;grid-template-columns:2fr 1fr;gap:24px;align-items:center;background:linear-gradient(90deg,#e9f8ff,#f5fbff);border:1px solid var(--line);border-radius:16px;padding:20px}
#content_area .bim-data-revit-families-download-center-architects .cta h3 {
	margin: 0 0 8px;
}
#content_area .bim-data-revit-families-download-center-architects .cta .illustration{border:1px dashed #cfeaf8;border-radius:12px;height:140px;display:grid;place-items:center;color:#0b3a4a}
#content_area .bim-data-revit-families-download-center-architects details{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px}
#content_area .bim-data-revit-families-download-center-architects summary{cursor:pointer;font-weight:700;color:#0b3a4a}
/* Footer */
#content_area .bim-data-revit-families-download-center-architects .footer-div {border-top:1px solid var(--line);padding:28px 0;color:#46606e}
/* Utilities */
#content_area .bim-data-revit-families-download-center-architects .muted{color:var(--muted);margin: 0 0 20px;}
#content_area .bim-data-revit-families-download-center-architects .flex{display:flex;gap:12px;align-items:center;margin-top: 10px;}
/* Responsive */
@media (max-width: 1024px){
  #content_area .bim-data-revit-families-download-center-architects .hero .wrap{grid-template-columns:1fr}
  #content_area .bim-data-revit-families-download-center-architects .tiles{grid-template-columns:repeat(2,1fr)}
  #content_area .bim-data-revit-families-download-center-architects .grid{grid-template-columns:repeat(2,1fr)}
  #content_area .bim-data-revit-families-download-center-architects .row{grid-template-columns:1.5fr 1fr 1fr 1fr 120px}
  #content_area .bim-data-revit-families-download-center-architects .cta{grid-template-columns:1fr}
}
@media (max-width: 640px){
  #content_area .bim-data-revit-families-download-center-architects .tiles{grid-template-columns:1fr}
  #content_area .bim-data-revit-families-download-center-architects .grid{grid-template-columns:1fr}
  #content_area .bim-data-revit-families-download-center-architects .row{grid-template-columns:1fr;gap:10px}
  #content_area .bim-data-revit-families-download-center-architects .row &gt; *{justify-self:flex-start}
}
/* Category 9527 (https://www.fontanashowers.com/tmp-rendering3iuio-s/9527.htm) html css from inline at 26-02-2026 End Here */

/* Category - 12061 Top and Bottom Both (https://www.fontanashowers.com/Fontainebleau-Miami-s/12061.htm) from BS-7342 and adjust style and add it into the theme file at 06-03-2026 start Here*/
#content_area .zara-bs-miami-beach-choice{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.65;color:#0f172a}
#content_area .zara-bs-miami-beach-choice *{box-sizing:border-box}
#content_area .zara-bs-miami-beach-choice img{max-width:100%;height:auto;display:block}
#content_area .zara-bs-miami-beach-choice a{color:inherit;text-decoration:none}
#content_area .zara-bs-miami-beach-choice .zara-bs-miami-beach-choice-wrap{max-width:1180px;margin:0 auto;padding:0 18px}
#content_area .zara-bs-miami-beach-choice .zara-bs-miami-beach-choice-muted{color:#475569; text-align: left !important;}
#content_area .zara-bs-miami-beach-choice .zara-bs-miami-beach-choice-h1{font-size:42px;line-height:1.06;margin:10px 0 10px;font-weight:900;letter-spacing:-.03em}
#content_area .zara-bs-miami-beach-choice .zara-bs-miami-beach-choice-h2{font-size:26px;line-height:1.15;margin:0 0 10px;font-weight:900;letter-spacing:-.01em}
#content_area .zara-bs-miami-beach-choice .zara-bs-miami-beach-choice-h3{font-size:16px;line-height:1.25;margin:0 0 6px;font-weight:900;letter-spacing: 1.25px;font-family: 'Open Sans', sans-serif, 'google' !important;}
#content_area .zara-bs-miami-beach-choice .zara-bs-miami-beach-choice-p{margin:0}
#content_area .zara-bs-miami-beach-choice .zara-bs-miami-beach-choice-hr{height:1px;background:rgba(15,23,42,.10);border:0;margin:22px 0}

/* HERO */
#content_area .zara-bs-miami-beach-choice .zara-bs-miami-beach-choice-hero{
  background:linear-gradient(180deg, rgba(0,0,0,.10), rgba(0,0,0,.65)),
             radial-gradient(1200px 520px at 20% 10%, rgba(56,189,248,.22), transparent 60%),
             linear-gradient(180deg, #071b35, #071427);
  color:#fff;border-bottom:1px solid rgba(255,255,255,.10);
}
#content_area .zara-bs-miami-beach-choice .zara-bs-miami-beach-choice-hero-inner{padding:34px 0 18px}
#content_area .zara-bs-miami-beach-choice .zara-bs-miami-beach-choice-hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;align-items:stretch}
#content_area .zara-bs-miami-beach-choice .zara-bs-miami-beach-choice-media{
  border-radius:18px;overflow:hidden;position:relative;
  border:1px solid rgba(255,255,255,.14);
  box-shadow:0 18px 55px rgba(0,0,0,.38);
  min-height:320px;background:#0b1220;
}
#content_area .zara-bs-miami-beach-choice .zara-bs-miami-beach-choice-media img{width:100%;height:100%;object-fit:cover;transform:scale(1.03)}
#content_area .zara-bs-miami-beach-choice .zara-bs-miami-beach-choice-media:after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(120deg, rgba(0,0,0,.55), transparent 55%);
  pointer-events:none;
}
#content_area .zara-bs-miami-beach-choice .zara-bs-miami-beach-choice-box{
  border-radius:18px;padding:18px 18px 16px;
  border:1px solid rgba(255,255,255,.14);
  background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.04));
  box-shadow:0 12px 40px rgba(0,0,0,.25);
}
#content_area .zara-bs-miami-beach-choice .zara-bs-miami-beach-choice-eyebrow{font-weight:800;letter-spacing:.14em;text-transform:uppercase;font-size:12px;color:rgba(255,255,255,.78)}
#content_area .zara-bs-miami-beach-choice .zara-bs-miami-beach-choice-sub{font-size:15px;color:rgba(255,255,255,.86);margin:10px 0 14px; text-align: left !important;}
#content_area .zara-bs-miami-beach-choice .zara-bs-miami-beach-choice-pillrow{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 14px}
#content_area .zara-bs-miami-beach-choice .zara-bs-miami-beach-choice-pill{
  display:inline-flex;align-items:center;gap:8px;
  padding:8px 10px;border-radius:999px;
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.16);
  font-size:12px;color:rgba(255,255,255,.90);
  white-space:nowrap;
}
#content_area .zara-bs-miami-beach-choice .zara-bs-miami-beach-choice-dot{width:8px;height:8px;border-radius:999px;background:#38bdf8;box-shadow:0 0 0 3px rgba(56,189,248,.18)}
#content_area .zara-bs-miami-beach-choice .zara-bs-miami-beach-choice-cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}
#content_area .zara-bs-miami-beach-choice .zara-bs-miami-beach-choice-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  padding:10px 12px;border-radius:12px;font-weight:900;font-size:13px;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.10);
}
#content_area .zara-bs-miami-beach-choice .zara-bs-miami-beach-choice-btn-primary{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  padding:10px 12px;border-radius:12px;font-weight:900;font-size:13px;
  background:linear-gradient(90deg, #38bdf8, rgba(255,255,255,.10));
  border:1px solid rgba(255,255,255,.22);
}
#content_area .zara-bs-miami-beach-choice .zara-bs-miami-beach-choice-arrow{font-weight:900;opacity:.95}

/* 6-card quick nav */
#content_area .zara-bs-miami-beach-choice .zara-bs-miami-beach-choice-quicknav{padding:18px 0 22px;background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,0));border-top:1px solid rgba(255,255,255,.10)}
#content_area .zara-bs-miami-beach-choice .zara-bs-miami-beach-choice-qwrap{max-width:980px;margin:0 auto;padding:0 18px}
#content_area .zara-bs-miami-beach-choice .zara-bs-miami-beach-choice-qgrid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}
#content_area .zara-bs-miami-beach-choice .zara-bs-miami-beach-choice-qcard{
  border-radius:14px;padding:10px 10px 9px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(0,0,0,.16);min-height:64px
}
#content_area .zara-bs-miami-beach-choice .zara-bs-miami-beach-choice-qcard b{display:block;font-size:12px;letter-spacing:.02em}
#content_area .zara-bs-miami-beach-choice .zara-bs-miami-beach-choice-qcard span{display:block;font-size:11px;color:rgba(255,255,255,.78);margin-top:2px}

/* Sections */
#content_area .zara-bs-miami-beach-choice .zara-bs-miami-beach-choice-section{padding:34px 0}
#content_area .zara-bs-miami-beach-choice .zara-bs-miami-beach-choice-alt{background:linear-gradient(180deg,#f8fafc,#ffffff);border-top:1px solid rgba(15,23,42,.08);border-bottom:1px solid rgba(15,23,42,.08)}
#content_area .zara-bs-miami-beach-choice .zara-bs-miami-beach-choice-tag{
  display:inline-flex;align-items:center;gap:8px;
  padding:6px 9px;border-radius:999px;font-size:12px;font-weight:900;
  background:rgba(56,189,248,.10);border:1px solid rgba(56,189,248,.25);color:#075985;
}
#content_area .zara-bs-miami-beach-choice .zara-bs-miami-beach-choice-lead{font-size:17px;color:#0f172a;max-width:980px; text-align: left !important;}
#content_area .zara-bs-miami-beach-choice .zara-bs-miami-beach-choice-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:16px}
#content_area .zara-bs-miami-beach-choice .zara-bs-miami-beach-choice-grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:16px}
#content_area .zara-bs-miami-beach-choice .zara-bs-miami-beach-choice-card{
  background:#ffffff;border:1px solid rgba(15,23,42,.10);
  border-radius:18px;padding:16px 16px 14px;
  box-shadow:0 10px 24px rgba(15,23,42,.06);
  position:relative;overflow:hidden;
}
#content_area .zara-bs-miami-beach-choice .zara-bs-miami-beach-choice-card:before{content:"";position:absolute;inset:-2px -2px auto -2px;height:3px;background:linear-gradient(90deg,#38bdf8,transparent);opacity:.9}
#content_area .zara-bs-miami-beach-choice .zara-bs-miami-beach-choice-ul{margin:10px 0 0;padding-left:18px}
#content_area .zara-bs-miami-beach-choice .zara-bs-miami-beach-choice-ul li{margin:7px 0;color:#334155}
#content_area .zara-bs-miami-beach-choice .zara-bs-miami-beach-choice-kv{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}
#content_area .zara-bs-miami-beach-choice .zara-bs-miami-beach-choice-kv-item{
  border-radius:16px;border:1px solid rgba(15,23,42,.10);
  background:#fff;padding:12px 12px 10px;box-shadow:0 10px 22px rgba(15,23,42,.06)
}
#content_area .zara-bs-miami-beach-choice .zara-bs-miami-beach-choice-kv-item b{display:block;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#0f172a}
#content_area .zara-bs-miami-beach-choice .zara-bs-miami-beach-choice-kv-item span{display:block;margin-top:5px;color:#475569;font-size:13px}
#content_area .zara-bs-miami-beach-choice .zara-bs-miami-beach-choice-note{font-size:12px;color:#64748b;margin-top:10px; text-align: left !important;}

/* Product spotlight */
#content_area .zara-bs-miami-beach-choice .zara-bs-miami-beach-choice-spot{display:grid;grid-template-columns:.8fr 1.2fr;gap:14px;align-items:stretch;margin-top:16px}
#content_area .zara-bs-miami-beach-choice .zara-bs-miami-beach-choice-spot-img{
  border-radius:18px;border:1px solid rgba(15,23,42,.10);
  background:linear-gradient(180deg,#f8fafc,#ffffff);
  display:flex;align-items:center;justify-content:center;padding:14px;min-height:260px;
  box-shadow:0 12px 26px rgba(15,23,42,.07)
}
#content_area .zara-bs-miami-beach-choice .zara-bs-miami-beach-choice-spot-img img{width:240px;height:240px;object-fit:contain}
#content_area .zara-bs-miami-beach-choice .zara-bs-miami-beach-choice-badgeRow{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
#content_area .zara-bs-miami-beach-choice .zara-bs-miami-beach-choice-badge{
  display:inline-flex;align-items:center;gap:8px;
  padding:7px 10px;border-radius:999px;font-size:12px;font-weight:900;
  border:1px solid rgba(15,23,42,.10);background:#f8fafc;color:#0f172a;
  white-space:nowrap;
}
#content_area .zara-bs-miami-beach-choice .zara-bs-miami-beach-choice-badge i{width:8px;height:8px;border-radius:999px;background:#22c55e;display:inline-block}

/* Responsive */
@media (max-width:1060px){
  #content_area .zara-bs-miami-beach-choice .zara-bs-miami-beach-choice-hero-grid{grid-template-columns:1fr}
  #content_area .zara-bs-miami-beach-choice .zara-bs-miami-beach-choice-grid3{grid-template-columns:1fr}
  #content_area .zara-bs-miami-beach-choice .zara-bs-miami-beach-choice-grid2{grid-template-columns:1fr}
  #content_area .zara-bs-miami-beach-choice .zara-bs-miami-beach-choice-kv{grid-template-columns:1fr}
  #content_area .zara-bs-miami-beach-choice .zara-bs-miami-beach-choice-spot{grid-template-columns:1fr}
}
@media (max-width:920px){#content_area .zara-bs-miami-beach-choice .zara-bs-miami-beach-choice-qgrid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:560px){
  #content_area .zara-bs-miami-beach-choice .zara-bs-miami-beach-choice-h1{font-size:32px; color:#fff;}
  #content_area .zara-bs-miami-beach-choice .zara-bs-miami-beach-choice-qgrid{grid-template-columns:repeat(2,1fr)}
}
/* Category - 12061 Top and Bottom Both (https://www.fontanashowers.com/Fontainebleau-Miami-s/12061.htm) from BS-7342 and adjust style and add it into the theme file at 06-03-2026 End Here*/

/* Category - 12061 additional style added (https://www.fontanashowers.com/Do-touchless-faucets-require-electricity-s/8241.htm) adjust inline style and add it into the theme file at 06-03-2026 Start Here*/
#content_area .seo-copy-section-gray-article .hero-quick-toc-container{
max-width:1410px;
margin:0 auto;
padding:10px 8px;
}

#content_area .seo-copy-section-gray-article .hero-quick-toc-container .hero-quick-toc-row{
align-items:flex-start;
}

#content_area .seo-copy-section-gray-article .hero-quick-toc-container .hero-quick-toc-content{
max-width:60%;
flex:0 0 60%;
}

#content_area .seo-copy-section-gray-article .hero-quick-toc-container .hero-quick-toc-title{
margin:0 0 8px 0;
line-height:1.2;
}

#content_area .seo-copy-section-gray-article .hero-quick-toc-container .hero-quick-toc-description{
font-size:16px;
line-height:1.8;
margin:10px 0;
}

#content_area .seo-copy-section-gray-article .hero-quick-toc-container .hero-quick-toc-nav{
border:1px solid #e7eef7;
background:#f6fbff;
border-radius:12px;
padding:12px 14px;
margin:14px 0;
}

#content_area .seo-copy-section-gray-article .hero-quick-toc-container .hero-quick-toc-nav-title{
font-weight:700;
margin:0 0 6px 0;
}

#content_area .seo-copy-section-gray-article .hero-quick-toc-container .hero-quick-toc-nav-list{
margin:0;
padding-left:18px;
line-height:1.9;
}

#content_area .seo-copy-section-gray-article .hero-quick-toc-container .hero-quick-toc-info{
border:1px solid #e7eef7;
background:#ffffff;
border-radius:12px;
padding:12px 14px;

margin:14px 0;
}

#content_area .seo-copy-section-gray-article .hero-quick-toc-container .hero-quick-toc-info-title{
font-weight:700;
margin:0 0 6px 0;
}

#content_area .seo-copy-section-gray-article .hero-quick-toc-container .hero-quick-toc-info-text{
margin:0;
line-height:1.8;
}

#content_area .seo-copy-section-gray-article .hero-quick-toc-container .hero-quick-toc-image{
max-width:40%;
flex:0 0 40%;
}

#content_area .seo-copy-section-gray-article .hero-quick-toc-container .hero-quick-toc-box{
border:1px solid #e7eef7;
background:#ffffff;
border-radius:12px;
padding:14px;
margin:16px 0;
}

#content_area .seo-copy-section-gray-article .hero-quick-toc-container .hero-quick-toc-box-blue{
background:#f6fbff;
}

#content_area .seo-copy-section-gray-article .hero-quick-toc-container .hero-quick-toc-box-title{
margin:0 0 8px 0;
}

#content_area .seo-copy-section-gray-article .hero-quick-toc-container .hero-quick-toc-box-text{
margin:0;
line-height:1.85;
}

#content_area .seo-copy-section-gray-article .hero-quick-toc-container .hero-quick-toc-list{
margin:0;
padding-left:18px;
line-height:1.9;
}
#content_area .seo-copy-section-gray-article.transparent-bg .dual-power-bullets-image{
max-width:40%;
flex:0 0 40%;
}

#content_area .seo-copy-section-gray-article.transparent-bg .dual-power-bullets-right{
max-width:60%;
flex:0 0 60%;
}

#content_area .seo-copy-section-gray-article.transparent-bg .dual-power-bullets-list{
display:block;
}

#content_area .seo-copy-section-gray-article.transparent-bg .dual-power-bullets-item{
margin:10px 0!important;
}

#content_area .seo-copy-section-gray-article.transparent-bg .dual-power-bullets-bottom-text{
margin-top:10px;
}

#content_area .seo-copy-section-gray-article.transparent-bg .dual-power-bullets-maintenance{
max-width:1200px;
margin:0 auto;
padding:0 8px 14px 8px;
}

#content_area .seo-copy-section-gray-article.transparent-bg .dual-power-bullets-maintenance-box{
border:1px solid #e7eef7;
background:#ffffff;
border-radius:12px;
padding:14px;
margin:12px 0;
}

#content_area .seo-copy-section-gray-article.transparent-bg .dual-power-bullets-maintenance-title{
margin:0 0 8px 0;
}

#content_area .seo-copy-section-gray-article.transparent-bg .dual-power-bullets-maintenance-list{
margin:0;
padding-left:18px;
line-height:1.9;
}
#content_area .seo-copy-section-gray-article.transparent-bg .model-overview-section-intro{
border:1px solid #e7eef7;
background:#f6fbff;
border-radius:12px;
padding:14px;
margin:10px 0;
}

#content_area .seo-copy-section-gray-article.transparent-bg .model-overview-section-intro-title{
margin:0 0 8px 0;
}

#content_area .seo-copy-section-gray-article.transparent-bg .model-overview-section-intro-text{
margin:0;
line-height:1.85;
}

#content_area .seo-copy-section-gray-article.transparent-bg .model-overview-section-text{
text-align:center;
}
#content_area .seo-copy-section-gray-article.transparent-bg .pros-cons-section-list{
display:block;
}

#content_area .seo-copy-section-gray-article.transparent-bg .pros-cons-section-item{
margin:10px 0;
}
#content_area .seo-copy-section-gray-article.transparent-bg .summary-faq-section-box{
border:1px solid #e7eef7;
background:#ffffff;
border-radius:12px;
padding:14px;
margin:14px 0;
}

#content_area .seo-copy-section-gray-article.transparent-bg .summary-faq-section-title{
margin:0 0 10px 0;
}

#content_area .seo-copy-section-gray-article.transparent-bg .summary-faq-section-question{
margin:10px 0 6px 0;
}

#content_area .seo-copy-section-gray-article.transparent-bg .summary-faq-section-answer{
margin:0;
line-height:1.8;
}

#content_area .seo-copy-section-gray-article.transparent-bg .summary-faq-section-back{
text-align:center;
margin-top:12px;
font-size:13px;
opacity:.85;
}
/* Category - 12061 additional style added (https://www.fontanashowers.com/Do-touchless-faucets-require-electricity-s/8241.htm) adjust inline style and add it into the theme file at 06-03-2026 End Here*/

/* Product - fs10045dp additional style added (https://www.fontanashowers.com/Best-touchless-soap-dispenser-p/fs10045dp.htm) adjust inline style and add it into the theme file at 06-03-2026 Start Here*/
#content_area .maysara-seo1-section{
max-width:1200px;
margin:0 auto;
padding:10px 8px;
}
#content_area .maysara-seo1-section .maysara-seo1-lead{
font-size:16px;
line-height:1.75;
margin:0 0 12px 0;
}
#content_area .maysara-seo1-section .maysara-seo1-toc{
border:1px solid #e7eef7;
background:#f6fbff;
border-radius:12px;
padding:12px 14px;
margin:14px 0;
}
#content_area .maysara-seo1-section .maysara-seo1-toc-title{
font-weight:700;
margin:0 0 6px 0;
}
#content_area .maysara-seo1-section .maysara-seo1-toc-list{
margin:0;
padding-left:18px;
line-height:1.85;
}
#content_area .maysara-seo1-section .maysara-seo1-heading{
margin-top:18px;
}
#content_area .maysara-seo1-section .maysara-seo1-box{
border:1px solid #e7eef7;
background:#ffffff;
border-radius:12px;
padding:12px 14px;
margin:14px 0;
}
#content_area .maysara-seo1-section .maysara-seo1-box-blue{
border:1px solid #e7eef7;
background:#f6fbff;
border-radius:12px;
padding:12px 14px;
margin:10px 0;
}
#content_area .maysara-seo1-section .maysara-seo1-box-title{
margin:0 0 8px 0;
font-size:20px;
line-height:1.2;
}
#content_area .maysara-seo1-section .maysara-seo1-list{
margin:0;
padding-left:18px;
line-height:1.85;
}
#content_area .maysara-seo1-section .maysara-seo1-text{
line-height:1.75;
}
#content_area .maysara-seo1-section .maysara-seo1-question{
margin:10px 0 6px 0;
}
#content_area .maysara-seo1-section .maysara-seo1-answer{
margin:0;
line-height:1.75;
}
#content_area .maysara-seo1-section .maysara-seo1-back{
margin-top:14px;
font-size:13px;
opacity:.85;
}
/* Product - fs10045dp additional style added (https://www.fontanashowers.com/Best-touchless-soap-dispenser-p/fs10045dp.htm) adjust inline style and add it into the theme file at 06-03-2026 End Here*/

/* Category - 5709 additional style added - Gojo-Automatic-Soap-Dispenser-Not-Working (https://www.fontanashowers.com/Gojo-Automatic-Soap-Dispenser-Not-Working-s/5709.htm) adjust inline style and add it into the theme file at 06-03-2026 Start Here*/
#content_area .gojo-automatic-soap-dispenser-not-working-section-banner{
width:100%;
}
#content_area .gojo-automatic-soap-dispenser-not-working-section-wrapper{
max-width:1200px;
margin:auto;
padding:10px 8px;
}
#content_area .gojo-automatic-soap-dispenser-not-working-section-intro {
	text-align: center !important;
	font-size: 16px !important;
	line-height: 1.75 !important;
	max-width: 980px !important;
	margin: 0 auto !important;
	margin-bottom: 14px !important;
}
#content_area .gojo-automatic-soap-dispenser-not-working-section-nav{
border:1px solid #e7eef7;
background:#f6fbff;
border-radius:12px;
padding:12px 14px;
margin:14px auto;
max-width:980px;
}
#content_area .gojo-automatic-soap-dispenser-not-working-section-nav-title{
font-weight:700;
margin-bottom:6px;
}
#content_area .gojo-automatic-soap-dispenser-not-working-section-nav-list{
padding-left:18px;
line-height:1.85;
}
#content_area .gojo-automatic-soap-dispenser-not-working-section-box{
border:1px solid #e7eef7;
background:#ffffff;
border-radius:12px;
padding:12px 14px;
margin:14px auto;
max-width:980px;
}
#content_area .gojo-automatic-soap-dispenser-not-working-section-box-alt{
border:1px solid #e7eef7;
background:#f6fbff;
border-radius:12px;
padding:12px 14px;
margin:14px auto;
max-width:980px;
}
#content_area .gojo-automatic-soap-dispenser-not-working-section-heading{
font-size:20px;
margin-bottom:8px;
}
#content_area .gojo-automatic-soap-dispenser-not-working-section-list{
padding-left:20px;
line-height:1.85;
}
#content_area .gojo-automatic-soap-dispenser-not-working-section-text {
	max-width: 980px;
	margin: 0 auto !important;
	line-height: 1.85 !important;
	text-align: center !important;
}
#content_area .gojo-automatic-soap-dispenser-not-working-section-question{
margin-top:12px;
}
#content_area .gojo-automatic-soap-dispenser-not-working-section-answer{
line-height:1.75;
}
#content_area .gojo-automatic-soap-dispenser-not-working-section-back{
margin-top:14px;
font-size:13px;
opacity:.85;
text-align:center;
}
#content_area .gojo-automatic-soap-dispenser-not-working-tag-list{
box-sizing:border-box;
margin-bottom:0;
letter-spacing:normal;
color:#333;
font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
font-size:13px;
background:#ffffff;
padding:1.875rem 0 .625rem;
text-align:center;
list-style:none;
}
#content_area .gojo-automatic-soap-dispenser-not-working-tag-item{
box-sizing:border-box;
display:inline-block;
margin:0 .3125rem .9375rem 0;
}
#content_area .gojo-automatic-soap-dispenser-not-working-tag-link{
box-sizing:border-box;
background:none;
color:#9f9f9f;
text-decoration:none;
transition:color .3s ease-in-out;
font-family:central,Helvetica,Arial,sans-serif;
font-size:.875rem;
display:block;
border:.0625rem solid #c8c8c8;
text-transform:uppercase;
padding:.375rem .625rem .3125rem;
}
/* Category - 5709 additional style added - Gojo-Automatic-Soap-Dispenser-Not-Working (https://www.fontanashowers.com/Gojo-Automatic-Soap-Dispenser-Not-Working-s/5709.htm) adjust inline style and add it into the theme file at 06-03-2026 End Here*/

/* Category - 7348 additional style added - The-Worst-5-things-to-Avoid-with-Touchless-Bathroom-Faucets (https://www.fontanashowers.com/The-Worst-5-things-to-Avoid-with-Touchless-Bathroom-Faucets-s/7348.htm) adjust inline style and add it into the theme file at 06-03-2026 Start Here*/
#content_area .the-worst-5-things-to-avoid-with-touchless-bathroom-faucets-wrap .tw5-title { text-align:center; }
#content_area .the-worst-5-things-to-avoid-with-touchless-bathroom-faucets-wrap .tw5-title-line1,
#content_area .the-worst-5-things-to-avoid-with-touchless-bathroom-faucets-wrap .tw5-title-line2 { font-size:50px; }

#content_area .the-worst-5-things-to-avoid-with-touchless-bathroom-faucets-wrap .tw5-intro,
#content_area .the-worst-5-things-to-avoid-with-touchless-bathroom-faucets-wrap .tw5-intro2,
#content_area .the-worst-5-things-to-avoid-with-touchless-bathroom-faucets-wrap .tw5-summary,
#content_area .the-worst-5-things-to-avoid-with-touchless-bathroom-faucets-wrap .tw5-best-intro {
  text-align:center;
  margin:16px auto 10px auto;
  max-width:980px;
  font-size:18px;
  line-height:1.85;
}
#content_area .the-worst-5-things-to-avoid-with-touchless-bathroom-faucets-wrap .tw5-snippet {
  text-align:center;
  font-size:16px;
  line-height:1.75;
  margin:10px auto 12px auto;
  max-width:980px;
}
#content_area .the-worst-5-things-to-avoid-with-touchless-bathroom-faucets-wrap .tw5-quicknav {
  border:1px solid #e7eef7;
  background:#f6fbff;
  border-radius:12px;
  padding:12px 14px;
  margin:14px auto;
  max-width:980px;
}
#content_area .the-worst-5-things-to-avoid-with-touchless-bathroom-faucets-wrap .tw5-quicknav-title { font-weight:700; margin-bottom:6px; }
#content_area .the-worst-5-things-to-avoid-with-touchless-bathroom-faucets-wrap .tw5-quicknav-list { margin:0; padding-left:18px; line-height:1.9; }

#content_area .the-worst-5-things-to-avoid-with-touchless-bathroom-faucets-wrap .tw5-hero,
#content_area .the-worst-5-things-to-avoid-with-touchless-bathroom-faucets-wrap .tw5-hero2,
#content_area .the-worst-5-things-to-avoid-with-touchless-bathroom-faucets-wrap .tw5-hero3,
#content_area .the-worst-5-things-to-avoid-with-touchless-bathroom-faucets-wrap .tw5-best-img {
	text-align: center;
}

#content_area .the-worst-5-things-to-avoid-with-touchless-bathroom-faucets-wrap .tw5-hero img,
#content_area .the-worst-5-things-to-avoid-with-touchless-bathroom-faucets-wrap .tw5-hero2 img,
#content_area .the-worst-5-things-to-avoid-with-touchless-bathroom-faucets-wrap .tw5-hero3 img,
#content_area .the-worst-5-things-to-avoid-with-touchless-bathroom-faucets-wrap .tw5-best-img img {
  width:auto;
  max-width:100%;
  height:auto;
}
#content_area .the-worst-5-things-to-avoid-with-touchless-bathroom-faucets-wrap .tw5-hero img,
#content_area .the-worst-5-things-to-avoid-with-touchless-bathroom-faucets-wrap .tw5-hero2 img,
#content_area .the-worst-5-things-to-avoid-with-touchless-bathroom-faucets-wrap .tw5-hero3 img,
#content_area .the-worst-5-things-to-avoid-with-touchless-bathroom-faucets-wrap .tw5-best-img img {
  width:auto;
  max-width:100%;
  height:auto;
}

#content_area .the-worst-5-things-to-avoid-with-touchless-bathroom-faucets-wrap .tw5-list {
  border:1px solid #e7eef7;
  background:#ffffff;
  border-radius:12px;
  padding:14px;
  margin:14px auto;
  max-width:980px;
}
#content_area .the-worst-5-things-to-avoid-with-touchless-bathroom-faucets-wrap .tw5-list-title {
  margin-bottom:10px;
  font-size:22px;
  line-height:1.2;
  text-align:center;
}
#content_area .the-worst-5-things-to-avoid-with-touchless-bathroom-faucets-wrap .tw5-list-item {
  text-align:center;
  font-size:18px;
  line-height:1.9;
  margin-bottom:14px;
}
#content_area .the-worst-5-things-to-avoid-with-touchless-bathroom-faucets-wrap .tw5-additional { text-align:center; margin:16px auto 10px auto; max-width:980px; font-size:18px; line-height:1.9; }
#content_area .the-worst-5-things-to-avoid-with-touchless-bathroom-faucets-wrap .tw5-best { text-align:center; margin-top:22px; }
#content_area .the-worst-5-things-to-avoid-with-touchless-bathroom-faucets-wrap .tw5-best-title { font-size:44px; }
#content_area .the-worst-5-things-to-avoid-with-touchless-bathroom-faucets-wrap .tw5-best-subtitle { font-size:18px; }

#content_area .the-worst-5-things-to-avoid-with-touchless-bathroom-faucets-wrap .tw5-checklist,
#content_area .the-worst-5-things-to-avoid-with-touchless-bathroom-faucets-wrap .tw5-faq {
  border:1px solid #e7eef7;
  border-radius:12px;
  padding:14px;
  margin:18px auto;
  max-width:980px;
}
#content_area .the-worst-5-things-to-avoid-with-touchless-bathroom-faucets-wrap .tw5-checklist { background:#f6fbff; }
#content_area .the-worst-5-things-to-avoid-with-touchless-bathroom-faucets-wrap .tw5-faq { background:#ffffff; }
/* Category - 7348 additional style added - The-Worst-5-things-to-Avoid-with-Touchless-Bathroom-Faucets (https://www.fontanashowers.com/The-Worst-5-things-to-Avoid-with-Touchless-Bathroom-Faucets-s/7348.htm) adjust inline style and add it into the theme file at 06-03-2026 End Here*/

/* Category - 9386 - Soap-Dispensers-Market-Study (https://www.fontanashowers.com/Soap-Dispensers-Market-Study-s/9386.htm) at 11-03-2026 Start Here*/
#content_area .soap-dispensers-market-study-wrapper .wrap{max-width:1350px;margin:0 auto;padding:28px 18px 80px}
#content_area .soap-dispensers-market-study-wrapper .hero{
  border:1px solid var(--line);
  background: linear-gradient(135deg, rgba(10,91,211,.10), rgba(26,167,255,.08), rgba(255,255,255,.88));
  border-radius:28px;
  padding:26px 22px;
  box-shadow:var(--shadow);
}
#content_area .soap-dispensers-market-study-wrapper .kicker{
  display:inline-flex;gap:10px;align-items:center;
  padding:8px 12px;border-radius:999px;
  background:rgba(10,91,211,.10);
  border:1px solid rgba(10,91,211,.14);
  color:#083a86;font-weight:700;font-size:13px;
}
#content_area .soap-dispensers-market-study-wrapper .grid{
  display:grid;grid-template-columns:1.25fr .75fr;gap:18px;margin-top:16px
}
@media (max-width: 920px){ .grid{grid-template-columns:1fr} }
#content_area .soap-dispensers-market-study-wrapper h1{margin:12px 0 10px;font-size:34px;line-height:1.15}
#content_area .soap-dispensers-market-study-wrapper .sub{color:var(--muted);font-size:16px;margin:0 0 14px}
#content_area .soap-dispensers-market-study-wrapper .card{
  background:var(--card);
  border:1px solid var(--line);
  border-radius:var(--radius);
  box-shadow:0 10px 26px rgba(10,30,70,.06);
  padding:18px;
}
#content_area .soap-dispensers-market-study-wrapper .statRow{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
@media (max-width: 560px){ .statRow{grid-template-columns:1fr} }
#content_area .soap-dispensers-market-study-wrapper .stat{
  border:1px solid var(--line);
  border-radius:16px;
  background: linear-gradient(180deg, rgba(26,167,255,.08), #fff);
  padding:14px;
}
#content_area .soap-dispensers-market-study-wrapper .stat b{display:block;font-size:18px}
#content_area .soap-dispensers-market-study-wrapper .stat small{color:var(--muted)}
#content_area .soap-dispensers-market-study-wrapper .toc{
  margin-top:14px;
  display:grid;grid-template-columns:1fr 1fr;gap:10px
}
@media (max-width: 820px){ .toc{grid-template-columns:1fr} }
#content_area .soap-dispensers-market-study-wrapper .toc a{
  display:block;
  padding:10px 12px;border-radius:14px;
  border:1px solid var(--line);
  background:#fff;
}
#content_area .soap-dispensers-market-study-wrapper .section{margin-top:22px}
#content_area .soap-dispensers-market-study-wrapper h2{font-size:24px;margin:8px 0 8px}
#content_area .soap-dispensers-market-study-wrapper h3{font-size:18px;margin:14px 0 8px}
#content_area .soap-dispensers-market-study-wrapper .note{
  border-left:4px solid var(--blue2);
  background:rgba(26,167,255,.08);
  padding:12px 14px;border-radius:12px;
  color:#0b2b55;
}
#content_area .soap-dispensers-market-study-wrapper .disclaimer{
  border-left:4px solid rgba(255,140,0,.9);
  background:rgba(255,140,0,.10);
  padding:12px 14px;border-radius:12px;
  color:#5a2a00;
}
#content_area .soap-dispensers-market-study-wrapper .pillRow{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 0}
#content_area .soap-dispensers-market-study-wrapper .pill{
  font-size:13px;font-weight:700;
  padding:7px 10px;border-radius:999px;
  background:rgba(10,91,211,.10);
  border:1px solid rgba(10,91,211,.14);
  color:#083a86;
}
#content_area .soap-dispensers-market-study-wrapper table{width:100%;border-collapse:separate;border-spacing:0;margin:10px 0}
#content_area .soap-dispensers-market-study-wrapper th,
#content_area .soap-dispensers-market-study-wrapper td{border-bottom:1px solid var(--line);vertical-align:top}
#content_area .soap-dispensers-market-study-wrapper th{background:rgba(10,91,211,.06);text-align:left}
#content_area .soap-dispensers-market-study-wrapper td{background:rgba(10,91,211,.06);text-align:left}
#content_area .soap-dispensers-market-study-wrapper tr:hover td{background:rgba(26,167,255,.06)}
#content_area .soap-dispensers-market-study-wrapper .figure{
  margin:10px 0 18px;
  border:1px solid var(--line);
  border-radius:18px;
  background:#fff;
  padding:12px;
  box-shadow:0 10px 24px rgba(10,30,70,.05);
}
#content_area .soap-dispensers-market-study-wrapper .figure img{max-width:100%;height:auto;border-radius:14px;border:1px solid var(--line)}
#content_area .soap-dispensers-market-study-wrapper .figcap{margin-top:8px;color:var(--muted);font-size:13px}
#content_area .soap-dispensers-market-study-wrapper .twoCol{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media (max-width: 900px){ .twoCol{grid-template-columns:1fr} }
#content_area .soap-dispensers-market-study-wrapper .callout{
  border:1px dashed rgba(10,91,211,.35);
  background: linear-gradient(180deg, rgba(10,91,211,.08), rgba(255,255,255,.95));
  border-radius:18px;
  padding:14px;
}
#content_area .soap-dispensers-market-study-wrapper .mini{font-size:13px;color:var(--muted)}
#content_area .soap-dispensers-market-study-wrapper .footerBox{
  margin-top:20px;
  display:grid;grid-template-columns:1fr 1fr;gap:14px
}
@media (max-width: 900px){ #content_area .soap-dispensers-market-study-wrapper .footerBox{grid-template-columns:1fr} }
#content_area .soap-dispensers-market-study-wrapper code,kbd{font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace}
#content_area .soap-dispensers-market-study-wrapper .btn{
  display:inline-block;
  padding:10px 12px;border-radius:12px;
  border:1px solid rgba(10,91,211,.22);
  background: linear-gradient(135deg, rgba(10,91,211,.12), rgba(26,167,255,.10));
  font-weight:800;
}
#content_area .soap-dispensers-market-study-wrapper .btn:hover{filter:brightness(0.98);text-decoration:none}
#content_area .soap-dispensers-market-study-wrapper .refList li{margin:6px 0}
/* Category - 9386 - Soap-Dispensers-Market-Study (https://www.fontanashowers.com/Soap-Dispensers-Market-Study-s/9386.htm) at 11-03-2026 End Here*/

/* Category - 7343 - why-touchless-bathroom-faucets-stopped-working (https://www.fontanashowers.com/why-touchless-bathroom-faucets-stopped-working-s/7343.htm) at 11-03-2026 Start Here*/
#content_area .why-touchless-bathroom-faucets-stopped-working-wrapper .ms-wrap{max-width:1350px;margin:0 auto;padding:18px 12px;font-family:Arial,Helvetica,sans-serif;line-height:1.55;color:#1e2a36;}
#content_area .why-touchless-bathroom-faucets-stopped-working-wrapper .ms-hero{border-radius:14px;padding:18px 16px;background:linear-gradient(180deg,#eaf4ff 0%,#ffffff 70%);border:1px solid #d8e9ff;}
#content_area .why-touchless-bathroom-faucets-stopped-working-wrapper .ms-hero h1{margin:0 0 8px 0;font-size:34px;letter-spacing:-0.3px;}
#content_area .why-touchless-bathroom-faucets-stopped-working-wrapper .ms-sub{font-size:18px;margin:0;color:#2a3b4d;}
#content_area .why-touchless-bathroom-faucets-stopped-working-wrapper .ms-badges{margin-top:10px;font-size:13px;color:#3b536a;}
#content_area .why-touchless-bathroom-faucets-stopped-working-wrapper .ms-badges span{display:inline-block;background:#f2f8ff;border:1px solid #d8e9ff;border-radius:999px;padding:6px 10px;margin:6px 6px 0 0;}
#content_area .why-touchless-bathroom-faucets-stopped-working-wrapper .ms-grid{display:flex;flex-wrap:wrap;gap:14px;margin-top:14px;}
#content_area .why-touchless-bathroom-faucets-stopped-working-wrapper .ms-card{flex:1 1 340px;border-radius:14px;background:#fff;padding:14px;}
#content_area .why-touchless-bathroom-faucets-stopped-working-wrapper .ms-card h2{margin:0 0 8px 0;font-size:20px;}
#content_area .why-touchless-bathroom-faucets-stopped-working-wrapper .ms-card h3{margin:10px 0 6px 0;font-size:16px;}
#content_area .why-touchless-bathroom-faucets-stopped-working-wrapper .ms-toc{margin:0;padding-left:18px;}
#content_area .why-touchless-bathroom-faucets-stopped-working-wrapper .ms-toc li{margin:6px 0;}
#content_area .why-touchless-bathroom-faucets-stopped-working-wrapper .ms-kicker{font-size:13px;color:#3b536a;margin:0 0 8px 0;}
#content_area .why-touchless-bathroom-faucets-stopped-working-wrapper .ms-note{background:#f7fbff;border:1px solid #d8e9ff;border-radius:12px;padding:12px;margin:14px 0;}
#content_area .why-touchless-bathroom-faucets-stopped-working-wrapper .ms-note b{color:#16324f;}
#content_area .why-touchless-bathroom-faucets-stopped-working-wrapper .ms-steps{margin:0;padding-left:18px;}
#content_area .why-touchless-bathroom-faucets-stopped-working-wrapper .ms-steps li{margin:8px 0;}
#content_area .why-touchless-bathroom-faucets-stopped-working-wrapper .ms-two{display:flex;flex-wrap:wrap;gap:14px;align-items:flex-start;}
#content_area .why-touchless-bathroom-faucets-stopped-working-wrapper .ms-two .ms-col{flex:1 1 420px;}
#content_area .why-touchless-bathroom-faucets-stopped-working-wrapper .ms-img{border-radius:12px;overflow:hidden;background:#fff;}
#content_area .why-touchless-bathroom-faucets-stopped-working-wrapper .ms-img img{display:block;max-width:100%;height:auto;}
#content_area .why-touchless-bathroom-faucets-stopped-working-wrapper .ms-hr{height:1px;background:#e6eef7;border:0;margin:18px 0;}
#content_area .why-touchless-bathroom-faucets-stopped-working-wrapper .ms-faq{border-radius:14px;padding:14px;background:#fff;margin-top:14px;}
#content_area .why-touchless-bathroom-faucets-stopped-working-wrapper .ms-faq h2{margin:0 0 10px 0;font-size:20px;}
#content_area .why-touchless-bathroom-faucets-stopped-working-wrapper .ms-qa{border-top:1px solid #eef4fb;padding-top:12px;margin-top:12px;}
#content_area .why-touchless-bathroom-faucets-stopped-working-wrapper .ms-qa:first-of-type{border-top:0;padding-top:0;margin-top:0;}
#content_area .why-touchless-bathroom-faucets-stopped-working-wrapper .ms-q{margin:0 0 6px 0;font-weight:bold;}
#content_area .why-touchless-bathroom-faucets-stopped-working-wrapper .ms-a{margin:0;}
#content_area .why-touchless-bathroom-faucets-stopped-working-wrapper .ms-mini{font-size:13px;color:#3b536a;}
/* Category - 7343 - why-touchless-bathroom-faucets-stopped-working (https://www.fontanashowers.com/why-touchless-bathroom-faucets-stopped-working-s/7343.htm) at 11-03-2026 End Here*/

/* Category - 2096 top and Bottom - top-five-touchless-faucets (https://www.fontanashowers.com/top-five-touchless-faucets-s/2096.htm) at 11-03-2026 Start Here*/
#content_area .top-five-touchless-faucets-wrapper .top-five-touchless-faucets{
width:100%;
padding:28px 16px;
background:linear-gradient(135deg,#eaf5ff 0%,#f7fbff 40%,#ffffff 100%);
border:1px solid #d9ecff;
border-radius:14px;
box-sizing:border-box;
margin:10px 0 18px 0;
}
#content_area .top-five-touchless-faucets-wrapper .top-five-touchless-faucets .ttf-wrap{
max-width:1350px;
margin:0 auto;
}
#content_area .top-five-touchless-faucets-wrapper .top-five-touchless-faucets .ttf-kicker{
margin:0 0 6px 0;
font-size:13px;
letter-spacing:.08em;
text-transform:uppercase;
color:#2a4b66;
font-weight:700;
}
#content_area .top-five-touchless-faucets-wrapper .top-five-touchless-faucets .ttf-title{
margin:6px 0 10px 0;
font-size:30px;
line-height:1.15;
color:#0e2b45;
}
#content_area .top-five-touchless-faucets-wrapper .top-five-touchless-faucets .ttf-lead{
margin:0 0 12px 0;
font-size:16px;
line-height:1.65;
color:#1f3447;
}
#content_area .top-five-touchless-faucets-wrapper .top-five-touchless-faucets .ttf-quick{
margin-top:14px;
padding:14px;
background:#ffffff;
border:1px solid #d9ecff;
border-radius:12px;
}
#content_area .top-five-touchless-faucets-wrapper .top-five-touchless-faucets .ttf-quick h2{
margin:0 0 8px 0;
font-size:18px;
color:#0e2b45;
}
#content_area .top-five-touchless-faucets-wrapper .top-five-touchless-faucets .ttf-list{
margin:0;
padding-left:18px;
line-height:1.75;
color:#1f3447;
}
#content_area .top-five-touchless-faucets-wrapper .top-five-touchless-faucets .ttf-list a{
color:#0b6fbf;
font-weight:700;
text-decoration:none;
}
#content_area .top-five-touchless-faucets-wrapper .top-five-touchless-faucets .ttf-note{
margin:10px 0 0 0;
font-size:14px;
line-height:1.6;
color:#2a4b66;
}
#content_area .top-five-touchless-faucets-wrapper .top-five-touchless-faucets .ttf-evaluation{
margin-top:14px;
padding:14px;
background:#ffffff;
border:1px solid #d9ecff;
border-radius:12px;
}
#content_area .top-five-touchless-faucets-wrapper .top-five-touchless-faucets .ttf-evaluation h2{
margin:0 0 8px 0;
font-size:18px;
color:#0e2b45;
}
#content_area .top-five-touchless-faucets-wrapper .top-five-touchless-faucets .ttf-evaluation p{
margin:0;
color:#1f3447;
line-height:1.7;
}
/* Base */
#content_area .zee-march-touchless-page-wrapper .zee-march-touchless-page{
font-family:'Inter', Arial, sans-serif;
margin:20px;
background:#fff;
color:#333;
}

/* Generic section */
#content_area .zee-march-touchless-page-wrapper .zee-march-touchless-page section{
text-align:center;
margin-bottom:30px;
}

#content_area .zee-march-touchless-page-wrapper .zee-march-touchless-page h2{
margin-bottom:20px;
font-size:22px;
}

/* Chips */
#content_area .zee-march-touchless-page-wrapper .zee-march-touchless-page .zara-chips{
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:10px;
margin-bottom:20px;
}

#content_area .zee-march-touchless-page-wrapper .zee-march-touchless-page .zara-chips a{
display:inline-block;
padding:8px 14px;
border-radius:20px;
background:#f2f2f2;
text-decoration:none;
color:#333;
font-size:14px;
transition:background .3s,color .3s;
}

#content_area .zee-march-touchless-page-wrapper .zee-march-touchless-page .zara-chips a:hover{
background:#333;
color:#fff;
}

/* Hidden section */
#content_area .zee-march-touchless-page-wrapper .zee-march-touchless-page .zee-march-hidden-section{
display:none;
}

/* Button */
#content_area .zee-march-touchless-page-wrapper .zee-march-touchless-page .zee-march-read-more-btn{
display:inline-block;
padding:8px 16px;
margin:15px auto;
border:none;
background:#333;
color:#fff;
border-radius:6px;
font-size:14px;
cursor:pointer;
transition:background .3s;
}

#content_area .zee-march-touchless-page-wrapper .zee-march-touchless-page .zee-march-read-more-btn:hover{
background:#000;
}

/* Portfolio heading */
#content_area .zee-march-touchless-page-wrapper .zee-march-touchless-page .zee-march-project-heading{
font-weight:400;
font-size:44px;
line-height:1.1;
color:#51626f;
margin-bottom:40px;
letter-spacing:1.5px;
text-transform:capitalize;
margin-top:15px;
text-align:center;
}

#content_area .zee-march-touchless-page-wrapper .zee-march-touchless-page .zee-march-project-heading span{
display:block;
margin:10px 0 0;
color:#9abdc8;
font-size:44px;
}

#content_area .zee-march-touchless-page-wrapper .zee-march-touchless-page .zee-march-project-heading a{
color:#6f7880;
text-decoration:none;
}

/* Buying guide */
#content_area .zee-march-touchless-page-wrapper .zee-march-touchless-page .zee-march-buying-guide h2{
margin:0 0 8px 0;
font-size:22px;
color:#0e2b45;
}

#content_area .zee-march-touchless-page-wrapper .zee-march-touchless-page .zee-march-buying-guide p{
margin:0 0 10px 0;
line-height:1.75;
color:#1f3447;
}

#content_area .zee-march-touchless-page-wrapper .zee-march-touchless-page .zee-march-buying-guide h3{
margin:12px 0 6px 0;
font-size:18px;
color:#0e2b45;
}

#content_area .zee-march-touchless-page-wrapper .zee-march-touchless-page .zee-march-buying-guide ul{
margin:0;
padding-left:18px;
line-height:1.75;
color:#1f3447;
}

/* Installation notes */
#content_area .zee-march-touchless-page-wrapper .zee-march-touchless-page .zee-march-installation-notes ul{
margin:0;
padding-left:18px;
line-height:1.8;
color:#1f3447;
}

/* FAQ */
#content_area .zee-march-touchless-page-wrapper .zee-march-touchless-page .zee-march-faq h3{
margin:10px 0 6px 0;
font-size:18px;
color:#0e2b45;
}

#content_area .zee-march-touchless-page-wrapper .zee-march-touchless-page .zee-march-faq p{
margin:0;
line-height:1.75;
color:#1f3447;
}

#content_area .zee-march-touchless-page-wrapper .small-boxes-wrapper-center{
    text-align:center;
}

#content_area .zee-march-touchless-page-wrapper .architectural-logo{
    width:133px;
}

#content_area .zee-march-touchless-page-wrapper .architectural-title{
    box-sizing:border-box;
    font-variant-numeric:normal;
    font-variant-east-asian:normal;
    font-weight:400;
    font-stretch:normal;
    font-size:44px;
    line-height:1.1;
    font-family:"Effra W01 Light", arial, helvetica, sans-serif;
    color:rgb(81,98,111);
    text-size-adjust:none;
    -webkit-font-smoothing:antialiased;
    margin-bottom:40px;
    border:0;
    vertical-align:baseline;
    letter-spacing:1.5px;
    text-transform:capitalize;
    margin-top:15px;
    background-color:#ffffff;
    text-align:center;
    margin-left:20px;
}

#content_area .zee-march-touchless-page-wrapper .architectural-title span{
    box-sizing:border-box;
    display:block;
    margin:10px 0 0;
    color:rgb(154,189,200);
    font-family:"Effra W01 Bold", arial, helvetica, sans-serif;
    font-size:44px;
}

#content_area .zee-march-touchless-page-wrapper .architectural-title span a{
    box-sizing:border-box;
    color:rgb(111,120,128);
    background:none;
    text-decoration:none;
    outline:0 !important;
}
#content_area .zee-march-touchless-page-wrapper .zee-march-aec-wrap{
  max-width:1200px;
  margin:40px auto;
  padding:0 20px 60px;
  font-family:Arial, Helvetica, sans-serif;
  line-height:1.75;
  color:#1f3447;
}
#content_area .zee-march-touchless-page-wrapper .zee-march-aec-wrap .zee-section-title{
	margin:0 0 8px 0;
	font-size:22px;
	color:#0e2b45;
}
#content_area .zee-march-touchless-page-wrapper .zee-march-aec-wrap .zee-section-title-spaced{
	margin:0 0 10px 0;
	font-size:22px;
	color:#0e2b45;
}
#content_area .zee-march-touchless-page-wrapper .zee-march-aec-wrap .zee-subtitle{
	margin:12px 0 6px 0;

	font-size:18px;
	color:#0e2b45;
	text-align:center;
}
#content_area .zee-march-touchless-page-wrapper .zee-march-aec-wrap .zee-subtitle-small{
	margin:10px 0 6px 0;
	font-size:18px;
	color:#0e2b45;
}
#content_area .zee-march-touchless-page-wrapper .zee-march-aec-wrap .zee-paragraph{
	margin:0 0 10px 0;
	line-height:1.75;
	color:#1f3447;
}
#content_area .zee-march-touchless-page-wrapper .zee-march-aec-wrap .zee-paragraph-tight{
	margin:0;
	line-height:1.75;
	color:#1f3447;
}
#content_area .zee-march-touchless-page-wrapper .zee-march-aec-wrap .zee-list{
	margin:0;
	padding-left:18px;
	line-height:1.75;
	color:#1f3447;
}
#content_area .zee-march-touchless-page-wrapper .zee-march-aec-wrap .zee-list-large{
	margin:0;
	padding-left:18px;
	line-height:1.8;
	color:#1f3447;
}
#content_area .zee-march-touchless-page-wrapper .zee-march-aec-wrap .zee-span-heading{
	font-size:20px;
}
/* Category - 2096 top and Bottom - top-five-touchless-faucets (https://www.fontanashowers.com/top-five-touchless-faucets-s/2096.htm) at 11-03-2026 End Here*/

/* Product - 2096 top and Bottom - Fontana-Commercial-Chrome-Automatic-Motion-S-p (https://www.fontanashowers.com/top-five-touchless-faucets-s/2096.htm) at 11-03-2026 Start Here*/
#content_area .zee-march-touchless-section-wrapper .touchless-section {
    width:100%;
    padding:26px 16px;
    background: linear-gradient(135deg,#eaf5ff 0%, #f7fbff 40%, #ffffff 100%);
    border:1px solid #d9ecff;
    border-radius:14px;
    box-sizing:border-box;
    margin:10px 0 18px 0;
}
#content_area .zee-march-touchless-section-wrapper .touchless-container {
    max-width:1100px;
    margin:0 auto;
}

/* Heading & paragraph */
#content_area .zee-march-touchless-section-wrapper .touchless-category {
	margin: 0 0 6px 0 !important;
	font-size: 13px !important;
	letter-spacing: .08em !important;
	text-transform: uppercase;
	color: #2a4b66 !important;
	font-weight: 700 !important;
}
#content_area .zee-march-touchless-section-wrapper .touchless-title {
    margin:6px 0 10px 0;
    font-size:30px;
    line-height:1.15;
    color:#0e2b45;
}
#content_area .zee-march-touchless-section-wrapper .touchless-paragraph {
    margin:0 0 12px 0;
    font-size:16px;
    line-height:1.7;
    color:#1f3447;
}

/* Jump buttons */
#content_area .zee-march-touchless-section-wrapper .touchless-jump-buttons {
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin:12px 0 10px 0;
}
#content_area .zee-march-touchless-section-wrapper .touchless-jump-buttons a {
    display:inline-block;
    padding:10px 12px;
    border-radius:10px;
    text-decoration:none;
    font-weight:700;
    font-size:14px;
}
#content_area .zee-march-touchless-section-wrapper .jump-primary { background:#0b6fbf; color:#fff; }
#content_area .zee-march-touchless-section-wrapper .jump-secondary { background:#ffffff; color:#0b6fbf; border:1px solid #bfe1ff; }

/* Boxes */
#content_area .zee-march-touchless-section-wrapper .touchless-box {
    margin-top:14px;
    padding:14px;
    background:#ffffff;
    border:1px solid #d9ecff;
    border-radius:12px;
}
#content_area .zee-march-touchless-section-wrapper .touchless-box h2 {
    margin:0 0 10px 0;
    font-size:18px;
    color:#0e2b45;
}
#content_area .zee-march-touchless-section-wrapper .touchless-box p {
    margin:12px 0 0 0;
    font-size:14px;
    line-height:1.7;
    color:#1f3447;
}

/* Quick specs grid */
#content_area .zee-march-touchless-section-wrapper .touchless-specs-grid {
    display:flex;
    flex-wrap:wrap;
    gap:10px;
}
#content_area .zee-march-touchless-section-wrapper .touchless-spec {
    flex:1 1 240px;
    padding:10px;
    border:1px solid #eef6ff;
    border-radius:10px;
}
#content_area .zee-march-touchless-section-wrapper .spec-label {
    font-size:13px;
    color:#2a4b66;
    font-weight:700;
}
#content_area .zee-march-touchless-section-wrapper .spec-value {
    font-size:15px;
    color:#0e2b45;
    font-weight:800;
}

/* Downloads & CTA buttons */
#content_area .zee-march-touchless-section-wrapper .touchless-downloads a {
    text-decoration:none;
    font-weight:800;
    color:#0b6fbf;
    padding:10px 12px;
    border:1px solid #bfe1ff;
    border-radius:10px;
    background:#f7fbff;
}

/* Features list */
#content_area .zee-march-touchless-section-wrapper .touchless-features ul, .touchless-faqs ul {
    margin:0;
    padding-left:18px;
    line-height:1.9;
    color:#1f3447;
}

/* FAQs */
#content_area .zee-march-touchless-section-wrapper .touchless-faqs h3 {
    margin:10px 0 6px 0;
    font-size:16px;
    color:#0e2b45;
}
#content_area .zee-march-touchless-section-wrapper .touchless-faqs p {
    margin:0;
    line-height:1.75;
    color:#1f3447;
}
/* Product - 2096 top and Bottom - Fontana-Commercial-Chrome-Automatic-Motion-S-p (https://www.fontanashowers.com/top-five-touchless-faucets-s/2096.htm) at 11-03-2026 End Here*/

/* Category - 8552 top and Bottom - Top-5-Best-Smart-Shower-Brand (https://www.fontanashowers.com/Top-5-Best-Smart-Shower-Brand-s/8552.htm) at 11-03-2026 Start Here*/
#content_area .seo-header-toc-section {
    max-width:1350px;
    margin:0 auto;
    padding:14px 10px;
}
#content_area .seo-header-toc-section .seo-header-toc-content {
    margin:14px auto 0 auto;
    max-width:1350px;
    line-height:1.55;
    color:#2f2f2f;
    font-size:15px;
}
#content_area .seo-header-toc-section .seo-header-toc-content p {
    margin:0 0 10px 0;
}
#content_area .seo-header-toc-section .seo-header-toc-content p:last-child {
    margin-bottom:0;
}
/* Quick internal navigation */
#content_area .top-5-best-smart-shower-brand-wrapper .quick-nav-wrapper {
    max-width:1350px;
    margin:14px auto 0 auto;
    padding:12px;
    border:1px solid #e9eef7;
    border-radius:12px;
    background:linear-gradient(135deg,#f3f8ff,#ffffff);
}
#content_area .top-5-best-smart-shower-brand-wrapper .quick-nav-title {
    font-weight:700;
    margin-bottom:8px;
}
#content_area .top-5-best-smart-shower-brand-wrapper .quick-nav-links {
    display:flex;
    flex-wrap:wrap;
    gap:10px;
}
#content_area .top-5-best-smart-shower-brand-wrapper .quick-nav-links a {
    display:inline-block;
    padding:8px 12px;
    border-radius:999px;
    background:#eef5ff;
    text-decoration:none;
    color:#123b7a;
    font-size:14px;
    border:1px solid #d9e8ff;
}

/* Quick Picks */
#content_area .top-5-best-smart-shower-brand-wrapper .quick-picks,
#content_area .top-5-best-smart-shower-brand-wrapper .how-we-rank,
#content_area .top-5-best-smart-shower-brand-wrapper .buyers-guide,
#content_area .top-5-best-smart-shower-brand-wrapper .brand-summaries,
#content_area .top-5-best-smart-shower-brand-wrapper .explore-collections,
#content_area .top-5-best-smart-shower-brand-wrapper .top-brands,
#content_area .top-5-best-smart-shower-brand-wrapper .touchless-faucet-bridge,
#content_area .top-5-best-smart-shower-brand-wrapper .faqs-section {
    max-width:1350px;
    margin:16px auto 0 auto;
    padding:14px;
    font-family:Arial,Helvetica,sans-serif;
    line-height:1.6;
    border-radius:12px;
}
#content_area .top-5-best-smart-shower-brand-wrapper .quick-picks {
    border:1px solid #e6e6e6;
    background:#fff;
}
#content_area .top-5-best-smart-shower-brand-wrapper .quick-picks h2 {
    margin:0 0 10px 0;
    font-size:22px;
}
#content_area .top-5-best-smart-shower-brand-wrapper .quick-picks ul {
    margin:0;
    padding-left:18px;
    line-height:1.6;
}

/* How We Rank */
#content_area .top-5-best-smart-shower-brand-wrapper .how-we-rank {
    border:1px solid #e6e6e6;
    background:#fafcff;
}
#content_area .top-5-best-smart-shower-brand-wrapper .how-we-rank h2 {
    margin:0 0 10px 0;
    font-size:22px;
}
#content_area .top-5-best-smart-shower-brand-wrapper .how-we-rank p {
    margin:0 0 10px 0;
}

/* Explore Related Smart Shower Collections */
#content_area .top-5-best-smart-shower-brand-wrapper .explore-collections {
    margin:0 auto 0 auto;
    padding:16px;
}
#content_area .top-5-best-smart-shower-brand-wrapper .explore-collections h2 {
    margin:18px 0;
    font-size:22px;
}
#content_area .top-5-best-smart-shower-brand-wrapper .explore-collections .collection-links {
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:10px;
    margin-bottom:14px;
}
#content_area .top-5-best-smart-shower-brand-wrapper .explore-collections .collection-links a {
    display:inline-block;
    padding:8px 14px;
    border-radius:20px;
    background:#f2f2f2;
    text-decoration:none;
    color:#333;
    font-size:14px;
}

/* Top 5 Brands Intro / Quick definition */
#content_area .top-5-best-smart-shower-brand-wrapper .top-brands {
    margin:0 auto;
    padding:16px;
}
#content_area .top-5-best-smart-shower-brand-wrapper .top-brands h2 {
    margin:0 0 10px 0;
    font-size:26px;
}
#content_area .top-5-best-smart-shower-brand-wrapper .top-brands p {
    margin:0 0 12px 0;
}
#content_area .top-5-best-smart-shower-brand-wrapper .top-brands .quick-definition {
    padding:12px;
    border:1px solid #e9eef7;
    border-radius:12px;
    background:linear-gradient(135deg,#f3f8ff,#ffffff);
    margin-top:12px;
}

/* Touchless Faucet Bridge */
#content_area .top-5-best-smart-shower-brand-wrapper .touchless-faucet-bridge {
    margin:0 auto;
    padding:16px;
}
#content_area .top-5-best-smart-shower-brand-wrapper .touchless-faucet-bridge h2 {
    margin:0 0 10px 0;
    font-size:24px;
}
#content_area .top-5-best-smart-shower-brand-wrapper .touchless-faucet-bridge p {
    margin:0 0 10px 0;
}
#content_area .top-5-best-smart-shower-brand-wrapper .touchless-faucet-bridge ul {
    margin:0;
    padding-left:18px;
}

/* Buyers Guide */
#content_area .top-5-best-smart-shower-brand-wrapper .buyers-guide h2 {
    margin:0 0 10px 0;
    font-size:24px;
}
#content_area .top-5-best-smart-shower-brand-wrapper .buyers-guide h3 {
    margin:10px 0 6px 0;
    font-size:18px;
}
#content_area .top-5-best-smart-shower-brand-wrapper .buyers-guide p {
    margin:0 0 10px 0;
}
#content_area .top-5-best-smart-shower-brand-wrapper .buyers-guide ul {
    margin:0;
    padding-left:18px;
}

/* Brand Summaries */
#content_area .top-5-best-smart-shower-brand-wrapper .brand-summaries h2 {
    margin:0 0 10px 0;
    font-size:24px;
}
#content_area .top-5-best-smart-shower-brand-wrapper .brand-summaries p {
    margin:0;
}

/* Final image */
#content_area .top-5-best-smart-shower-brand-wrapper .final-image-section {
    text-align:center;
    margin:0 auto;
    padding:16px;
}
#content_area .top-5-best-smart-shower-brand-wrapper .final-image-section img {
    width:608px;
    max-width:100%;
    height:auto;
}

/* FAQs Section */
#content_area .top-5-best-smart-shower-brand-wrapper .faqs-section h2 {
    margin:0 0 10px 0;
    font-size:24px;
}
#content_area .top-5-best-smart-shower-brand-wrapper .faqs-section h3 {
    margin:12px 0 6px 0;
    font-size:18px;
}
#content_area .top-5-best-smart-shower-brand-wrapper .faqs-section p {
    margin:0;
}
/* Category - 8552 top and Bottom - Top-5-Best-Smart-Shower-Brand (https://www.fontanashowers.com/Top-5-Best-Smart-Shower-Brand-s/8552.htm) at 11-03-2026 End Here*/

/* Category - 7987 top and Bottom - Outdoor-Shower-Kits SEO Top (https://www.fontanashowers.com/Outdoor-Shower-Kits-s/7987.htm) at 11-03-2026 Start Here*/
#content_area .outdoor-seo-top-wrapper .outdoor-seo-top{
    width:100%;
    background:linear-gradient(180deg,#f5fbff,#ffffff);
    padding:40px 20px;
    margin-bottom:20px;
}
#content_area .outdoor-seo-top-wrapper .outdoor-seo-top-inner{
    max-width:1200px;
    margin:0 auto;
}
#content_area .outdoor-seo-top-wrapper .outdoor-seo-top h1{
    text-align:center;
    font-size:36px;
    margin:0 0 12px 0;
}
#content_area .outdoor-seo-top-wrapper .outdoor-seo-top p{
    font-size:18px;
    line-height:1.75;
    text-align:center;
    margin:0 auto;
    max-width:1050px;
}
#content_area .outdoor-seo-top-wrapper .outdoor-seo-links{
    margin-top:18px;
    text-align:center;
}
#content_area .outdoor-seo-top-wrapper .outdoor-seo-links a{
    display:inline-block;
    margin:6px 10px;
    padding:10px 14px;
    background:#eaf6ff;
    border-radius:10px;
    text-decoration:none;
}
/* ===================== */
/* Outdoor Shower Kits TOP PICKS */
/* ===================== */
#content_area .outdoor-seo-top-wrapper .outdoor-top-picks{
    width:100%;
    background:linear-gradient(180deg,#ffffff,#f7fbff);
    padding:22px 20px;
    margin-bottom:18px;
}
#content_area .outdoor-seo-top-wrapper .outdoor-top-picks-inner{
    max-width:1200px;
    margin:0 auto;
}
#content_area .outdoor-seo-top-wrapper .outdoor-top-picks h2{
    font-size:26px;
    margin:0 0 10px 0;
}
#content_area .outdoor-seo-top-wrapper .outdoor-top-picks ul{
    font-size:18px;
    line-height:1.7;
    margin:0;
    padding-left:20px;
}
/* ======================= */
/* Outdoor-Shower-Kits SEO BOTTOM */
/* ======================= */
#content_area .outdoor-buying-guide-wrapper .outdoor-buying-guide{
    width:100%;
    background:linear-gradient(180deg,#ffffff,#f5fbff);
    padding:40px 20px;
    margin-top:25px;
}
#content_area .outdoor-buying-guide-wrapper .outdoor-buying-guide-inner{
    max-width:1200px;
    margin:0 auto;
}
#content_area .outdoor-buying-guide-wrapper .outdoor-buying-guide h2{
    font-size:28px;
    margin:0 0 12px 0;
}
#content_area .outdoor-buying-guide-wrapper .outdoor-buying-guide-content{
    font-size:18px;
    line-height:1.75;
}
#content_area .outdoor-buying-guide-wrapper .outdoor-buying-guide-content p{
    margin:0 0 12px 0;
}
#content_area .outdoor-buying-guide-wrapper .outdoor-buying-guide-content ul{
    margin:0;
    padding-left:22px;
}
/* ======================= */
/* Outdoor Showers FAQ */
/* ======================= */
#content_area .outdoor-showers-faq-wrapper .outdoor-showers-faq{
    width:100%;
    background:#ffffff;
    padding:34px 20px;
}
#content_area .outdoor-showers-faq-wrapper .outdoor-showers-faq-inner{
    max-width:1200px;
    margin:0 auto;
}
#content_area .outdoor-showers-faq-wrapper .outdoor-showers-faq h2{
    font-size:28px;
    margin:0 0 12px 0;
}
#content_area .outdoor-showers-faq-wrapper .outdoor-showers-faq-content{
    font-size:18px;
    line-height:1.75;
}
#content_area .zee-march-custom-products-wrapper .v-product{
    box-sizing:border-box;
    font-size:0;
    margin-left:-4px;
    display:inline-block;
    vertical-align:baseline;
    width:359.8px;
    padding:15px;
    position:relative;
    text-align:center;
    border-bottom:1px solid transparent;
    margin-bottom:15px;
    color:#7c7c7c;
    font-family:Helvetica, sans-serif, google;
    background:#fff;
}
#content_area .zee-march-custom-products-wrapper .v-product__inner{
    box-sizing:border-box;
}
#content_area .zee-march-custom-products-wrapper .v-product__img{
    box-sizing:border-box;
    color:#6f7880;
    text-decoration:none;
    display:block;
    position:relative;
    vertical-align:top;
}
#content_area .zee-march-custom-products-wrapper .v-product__img img{
    box-sizing:border-box;
    border:1px solid #666;
    max-width:347px;
    margin:0 auto 15px;
    display:block;
    height:auto;
    width:329.8px;
    object-fit:fill;
}
#content_area .zee-march-custom-products-wrapper .v-product__details{
    box-sizing:border-box;
    display:flex;
    flex-flow:column wrap;
    align-items:center;
}
#content_area .zee-march-custom-products-wrapper .v-product__details .available-cat-swatches {
	order: 2;
}
#content_area .zee-march-custom-products-wrapper .v-product__title{
    text-decoration:none;
    height:52px;
    overflow:hidden;
    margin:0 0 8px;
    display:block;
    overflow-wrap:break-word;
    max-width:100%;
    color:#464646 !important;
    font-family:Helvetica !important;
    font-size:18px !important;
}
#content_area .zee-march-custom-products-wrapper .product_saleprice{
    color:#464646;
    font-size:16px !important;
    font-weight:400;
    line-height:normal;
    margin-bottom:18px;
}
#content_area .zee-march-custom-products-wrapper .startAt-price-label{
    font-size:12px;
    color:#767676;
    font-family:Montserrat,arial,helvetica,sans-serif !important;
}
#content_area .zee-march-custom-products-wrapper .product-price-wrapper{
    max-width:100%;
}
#content_area .zee-march-custom-products-wrapper .product-spacer{
    color:#7c7c7c;
    font-family:Helvetica, sans-serif, google;
    font-size:17px;
    background:#fff;
}
/* Category - 7987 top and Bottom - Outdoor-Shower-Kits SEO Top (https://www.fontanashowers.com/Outdoor-Shower-Kits-s/7987.htm) at 11-03-2026 End Here*/

/* Category - 8252 top and Bottom - top-touchless-faucet-brand-reviews (https://www.fontanashowers.com/Customer-Reviews-of-Touchless-Faucets-by-Brand-s/8252.htm) at 12-03-2026 Start Here*/
#content_area .top-touchless-faucet-brand-reviews-wrapper .fs-review-hub{
  font-family: Inter, Arial, sans-serif;
  color:#123;
  background:linear-gradient(180deg,#f6fbff 0%,#eef7ff 100%);
  border:1px solid #d7e9f7;
  border-radius:24px;
  padding:28px;
  max-width:1280px;
  margin:24px auto;
  box-shadow:0 12px 34px rgba(19,78,116,.08);
}
#content_area .top-touchless-faucet-brand-reviews-wrapper .fs-review-hub *{box-sizing:border-box}
#content_area .top-touchless-faucet-brand-reviews-wrapper .fs-review-hub a{text-decoration:none}
#content_area .top-touchless-faucet-brand-reviews-wrapper .fs-review-hub .hero{
  background:linear-gradient(135deg,#0b5f8a 0%,#0f7fb8 45%,#5bb7e8 100%);
  color:#fff;
  border-radius:22px;
  padding:28px 24px;
  margin-bottom:24px;
  position:relative;
  overflow:hidden;
  text-align:center;
}
#content_area .top-touchless-faucet-brand-reviews-wrapper .fs-review-hub .hero:before{
  content:"";
  position:absolute;
  inset:0;
  background:
	linear-gradient(rgba(255,255,255,.08) 1px, transparent 1px),
	linear-gradient(90deg, rgba(255,255,255,.08) 1px, transparent 1px);
  background-size:24px 24px;
  opacity:.45;
  pointer-events:none;
}
#content_area .top-touchless-faucet-brand-reviews-wrapper .fs-review-hub .hero &gt; *{position:relative;z-index:1}
#content_area .top-touchless-faucet-brand-reviews-wrapper .fs-review-hub .eyebrow{
  display:inline-block;
  font-size:12px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
  background:rgba(255,255,255,.16);
  border:1px solid rgba(255,255,255,.18);
  padding:7px 12px;
  border-radius:999px;
  margin-bottom:10px;
}
#content_area .top-touchless-faucet-brand-reviews-wrapper .fs-review-hub h2{
  margin:0 0 10px !important;
  font-size:34px !important;
  line-height:1.15 !important;
  color:#eef9ff !important;
}
#content_area .top-touchless-faucet-brand-reviews-wrapper .fs-review-hub .hero p{
  margin: 0 auto;
  font-size: 15px !important;
  line-height: 1.7 !important;
  color: #eef9ff !important;
  max-width: 980px;
}
#content_area .top-touchless-faucet-brand-reviews-wrapper .fs-review-hub .top-note{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  margin:20px 0 28px;
}
#content_area .top-touchless-faucet-brand-reviews-wrapper .fs-review-hub .mini{
  background:#fff;
  border:1px solid #d8e8f4;
  border-radius:18px;
  padding:14px 16px;
  box-shadow:0 8px 22px rgba(15,76,117,.06);
}
#content_area .top-touchless-faucet-brand-reviews-wrapper .fs-review-hub .mini strong{
  display:block;
  color:#0b5f8a;
  font-size:13px;
  text-transform:uppercase;
  letter-spacing:.06em;
  margin-bottom:6px;
}
#content_area .top-touchless-faucet-brand-reviews-wrapper .fs-review-hub .mini span{
  display:block;
  color:#27485f;
  font-size:14px;
  line-height:1.55;
}
#content_area .top-touchless-faucet-brand-reviews-wrapper .fs-review-hub .grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}
#content_area .top-touchless-faucet-brand-reviews-wrapper .fs-review-hub .brand{
  background:#fff;
  border:1px solid #dbeaf6;
  border-radius:22px;
  padding:22px;
  box-shadow:0 10px 28px rgba(17,77,120,.07);
}
#content_area .top-touchless-faucet-brand-reviews-wrapper .fs-review-hub .brand-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:16px;
  padding-bottom:12px;
  border-bottom:1px solid #e5f0f8;
}
#content_area .top-touchless-faucet-brand-reviews-wrapper .fs-review-hub .brand-head h3{
  margin:0;
  font-size:24px;
  color:#0c5a82;
}
#content_area .top-touchless-faucet-brand-reviews-wrapper .fs-review-hub .brand-tag{
  display:inline-block;
  padding:7px 12px;
  border-radius:999px;
  background:#eaf6ff;
  border:1px solid #cde6f8;
  color:#0c6b9d;
  font-size:12px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.05em;
  white-space:nowrap;
}
#content_area .top-touchless-faucet-brand-reviews-wrapper .fs-review-hub .product{
  background:linear-gradient(180deg,#fcfeff 0%,#f8fbfe 100%);
  border:1px solid #e1edf7;
  border-radius:18px;
  padding:18px;
  margin-bottom:16px;
}
#content_area .top-touchless-faucet-brand-reviews-wrapper .fs-review-hub .product:last-child{margin-bottom:0}
#content_area .top-touchless-faucet-brand-reviews-wrapper .fs-review-hub .product-title{
  margin:0 0 10px;
  font-size:18px;
  line-height:1.4;
  color:#113a55;
}
#content_area .top-touchless-faucet-brand-reviews-wrapper .fs-review-hub .product-title a{
  color:#0a6ea1;
  font-weight:800;
  border-bottom:1px solid rgba(10,110,161,.25);
}
#content_area .top-touchless-faucet-brand-reviews-wrapper .fs-review-hub .product-title a:hover{
  color:#084f73;
  border-bottom-color:#084f73;
}
#content_area .top-touchless-faucet-brand-reviews-wrapper .fs-review-hub .review-label{
  display:flex;
  align-items:center;
  gap:10px;
  margin:0 0 10px;
  color:#37576d;
  font-size:13px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.06em;
}
#content_area .top-touchless-faucet-brand-reviews-wrapper .fs-review-hub ol{
  margin:0;
  padding-left:22px;
}
#content_area .top-touchless-faucet-brand-reviews-wrapper .fs-review-hub li{
  margin:0 0 10px;
  color:#243f52;
  font-size:14px;
  line-height:1.72;
}
#content_area .top-touchless-faucet-brand-reviews-wrapper .fs-review-hub li:last-child{margin-bottom:0}
#content_area .top-touchless-faucet-brand-reviews-wrapper .fs-review-hub .stars{
  color:#e2a400;
  font-weight:700;
  white-space:nowrap;
}
#content_area .top-touchless-faucet-brand-reviews-wrapper .fs-review-hub .footer-note{
  margin-top:22px;
  padding:16px 18px;
  border-radius:18px;
  background:#f3faff;
  border:1px solid #d8ebf8;
  color:#30566d;
  font-size:14px;
  line-height:1.7;
}
@media (max-width: 980px){
  #content_area .top-touchless-faucet-brand-reviews-wrapper .fs-review-hub .grid{grid-template-columns:1fr}
  #content_area .top-touchless-faucet-brand-reviews-wrapper .fs-review-hub .top-note{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width: 640px){
  #content_area .top-touchless-faucet-brand-reviews-wrapper .fs-review-hub{padding:16px}
  #content_area .top-touchless-faucet-brand-reviews-wrapper .fs-review-hub h2{font-size:27px}
  #content_area .top-touchless-faucet-brand-reviews-wrapper .fs-review-hub .top-note{grid-template-columns:1fr}
  #content_area .top-touchless-faucet-brand-reviews-wrapper .fs-review-hub .brand-head{
	flex-direction:column;
	align-items:flex-start;
  }
}
#content_area .top-touchless-faucet-brand-reviews-wrapper .seo-tag-list{
    box-sizing:border-box;
    margin-bottom:0px;
    color:#464646;
    font-family:Verdana, sans-serif;
    font-size:15px;
    letter-spacing:normal;
    text-align:center;
    background-color:#ffffff;
    list-style:none;
    padding:1.875rem 0px 0.625rem;
    outline:0px;
}
#content_area .top-touchless-faucet-brand-reviews-wrapper .seo-tag{
    box-sizing:border-box;
    display:inline-block;
    margin:0px 0.3125rem 0.9375rem 0px;
    outline:0px;
}
#content_area .top-touchless-faucet-brand-reviews-wrapper .seo-link{
    box-sizing:border-box;
    color:#9f9f9f;
    text-decoration:none;
    outline:0px;
    transition:color 0.3s ease-in-out 0s;
    font-family:central, Helvetica, Arial, sans-serif;
    font-size:0.875rem;
    display:block;
    border:0.0625rem solid #c8c8c8;
    text-transform:capitalize;
    padding:0.375rem 0.625rem 0.3125rem;
}
#content_area .top-aec-touchless-matrix-wrapper .aec-touchless-matrix{
  --ink:#0f172a;
  --muted:#475569;
  --line:#dbe4ee;
  --panel:#ffffff;
  --soft:#f8fbff;
  --soft2:#eef6ff;
  --head1:#0b3a67;
  --head2:#0f5e9c;
  --accent:#d97706;
  --good:#0f766e;
  --warn:#b45309;
  --bad:#b91c1c;
  font-family:Inter,Arial,sans-serif;
  color:var(--ink);
  max-width:1400px;
  margin:24px auto;
  background:linear-gradient(180deg,#f6fbff 0%,#ffffff 100%);
  border:1px solid var(--line);
  border-radius:22px;
  overflow:hidden;
  box-shadow:0 20px 60px rgba(2,32,71,.08);
}
#content_area .top-aec-touchless-matrix-wrapper .aec-touchless-matrix *{box-sizing:border-box}
#content_area .top-aec-touchless-matrix-wrapper .aec-touchless-matrix .hero{
  padding:34px 28px 24px;
  background:
	linear-gradient(135deg,rgba(255,255,255,.10) 0 0),
	linear-gradient(135deg,var(--head1) 0%,var(--head2) 100%);
  color:#fff;
  position:relative;
  overflow:hidden;
}
#content_area .top-aec-touchless-matrix-wrapper .aec-touchless-matrix .hero:before{
  content:"";
  position:absolute; inset:0;
  background-image:
	linear-gradient(rgba(255,255,255,.10) 1px, transparent 1px),
	linear-gradient(90deg, rgba(255,255,255,.10) 1px, transparent 1px);
  background-size:24px 24px;
  pointer-events:none;
  opacity:.28;
}
#content_area .top-aec-touchless-matrix-wrapper .aec-touchless-matrix .hero-inner{position:relative;z-index:1}
#content_area .top-aec-touchless-matrix-wrapper .aec-touchless-matrix h2 {
  margin: 0 0 10px !important;
  font-size: 34px !important;
  line-height: 1.15 !important;
  letter-spacing: -.02em !important;
  font-weight: 800 !important;
  color: rgba(255,255,255,.92) !important;
}
#content_area .top-aec-touchless-matrix-wrapper .aec-touchless-matrix .sub {
  max-width: 1050px;
  margin: 0 auto;
  font-size: 15.5px !important;
  line-height: 1.75 !important;
  color: rgba(255,255,255,.92) !important;
}
#content_area .top-aec-touchless-matrix-wrapper .aec-touchless-matrix .top-meta{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px;
  padding:18px 28px 0;
  background:#fff;
}
#content_area .top-aec-touchless-matrix-wrapper .aec-touchless-matrix .meta-card{
  background:linear-gradient(180deg,#fff 0%,#f8fbff 100%);
  border:1px solid var(--line);
  border-radius:16px;
  padding:14px 16px;
}
#content_area .top-aec-touchless-matrix-wrapper .aec-touchless-matrix .meta-card b{
  display:block;
  margin-bottom:6px;
  font-size:12px;
  color:var(--head2);
  text-transform:uppercase;
  letter-spacing:.08em;
}
#content_area .top-aec-touchless-matrix-wrapper .aec-touchless-matrix .meta-card span{
  display:block;
  font-size:14px;
  line-height:1.6;
  color:var(--ink);
  font-weight:600;
}
#content_area .top-aec-touchless-matrix-wrapper .aec-touchless-matrix .section-pad{padding:22px 28px 28px}
#content_area .top-aec-touchless-matrix-wrapper .aec-touchless-matrix .legend{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-bottom:18px;
}
#content_area .top-aec-touchless-matrix-wrapper .aec-touchless-matrix .pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 12px;
  border-radius:999px;
  border:1px solid var(--line);
  background:#fff;
  color:var(--muted);
  font-size:12.5px;
  font-weight:700;
}
#content_area .top-aec-touchless-matrix-wrapper .aec-touchless-matrix .dot{
  width:10px;height:10px;border-radius:50%;
  display:inline-block;
}
#content_area .top-aec-touchless-matrix-wrapper .aec-touchless-matrix .dot.bad{background:var(--bad)}
#content_area .top-aec-touchless-matrix-wrapper .aec-touchless-matrix .dot.warn{background:var(--warn)}
#content_area .top-aec-touchless-matrix-wrapper .aec-touchless-matrix .dot.good{background:var(--good)}
#content_area .top-aec-touchless-matrix-wrapper .aec-touchless-matrix .dot.info{background:var(--head2)}
#content_area .top-aec-touchless-matrix-wrapper .aec-touchless-matrix .tbl-wrap{
  overflow-x:auto;
  border:1px solid var(--line);
  border-radius:18px;
  background:#fff;
}
#content_area .top-aec-touchless-matrix-wrapper .aec-touchless-matrix table{
  width:100%;
  min-width:1280px;
  border-collapse:separate;
  border-spacing:0;
}
#content_area .top-aec-touchless-matrix-wrapper .aec-touchless-matrix thead th{
  position:sticky;
  top:0;
  z-index:2;
  background:linear-gradient(180deg,#0d4676 0%,#0b3a67 100%);
  color:#fff;
  padding:14px 12px;
  font-size:12px;
  line-height:1.35;
  text-transform:uppercase;
  letter-spacing:.06em;
  text-align:left;
  border-right:1px solid rgba(255,255,255,.10);
  white-space:nowrap;
}
#content_area .top-aec-touchless-matrix-wrapper .aec-touchless-matrix thead th:last-child{border-right:none}
#content_area .top-aec-touchless-matrix-wrapper .aec-touchless-matrix tbody td{
  padding:12px 12px;
  font-size:13.5px;
  line-height:1.55;
  border-right:1px solid #edf2f7;
  border-top:1px solid #edf2f7;
  vertical-align:top;
  background:#fff;
}
#content_area .top-aec-touchless-matrix-wrapper .aec-touchless-matrix tbody td:last-child{border-right:none}
#content_area .top-aec-touchless-matrix-wrapper .aec-touchless-matrix tbody tr:nth-child(even) td{background:#fbfdff}
#content_area .top-aec-touchless-matrix-wrapper .aec-touchless-matrix tbody tr.group-row td{
  background:linear-gradient(180deg,#eff7ff 0%,#f8fbff 100%);
  color:#0b3a67;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.06em;
  font-size:12px;
  padding:10px 12px;
}
#content_area .top-aec-touchless-matrix-wrapper .aec-touchless-matrix .id{
  font-weight:800;
  color:var(--head2);
  white-space:nowrap;
}
#content_area .top-aec-touchless-matrix-wrapper .aec-touchless-matrix .sev,
#content_area .top-aec-touchless-matrix-wrapper .aec-touchless-matrix .freq{
  font-weight:800;
  white-space:nowrap;
}
#content_area .top-aec-touchless-matrix-wrapper .aec-touchless-matrix .sev.high,
#content_area .top-aec-touchless-matrix-wrapper .aec-touchless-matrix .freq.high{color:var(--bad)}
#content_area .top-aec-touchless-matrix-wrapper .aec-touchless-matrix .sev.med,
#content_area .top-aec-touchless-matrix-wrapper .aec-touchless-matrix .freq.med{color:var(--warn)}
#content_area .top-aec-touchless-matrix-wrapper .aec-touchless-matrix .sev.low,
#content_area .top-aec-touchless-matrix-wrapper .aec-touchless-matrix .freq.low{color:var(--good)}
#content_area .top-aec-touchless-matrix-wrapper .aec-touchless-matrix .small{
  font-size:12px;
  color:var(--muted);
}
#content_area .top-aec-touchless-matrix-wrapper .aec-touchless-matrix .notes{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
  margin-top:20px;
}
#content_area .top-aec-touchless-matrix-wrapper .aec-touchless-matrix .note{
  border:1px solid var(--line);
  border-radius:16px;
  padding:16px 18px;
  background:linear-gradient(180deg,#fff 0%,#f8fbff 100%);
}
#content_area .top-aec-touchless-matrix-wrapper .aec-touchless-matrix .note h3{
  margin:0 0 8px;
  font-size:15px;
  color:#0b3a67;
}
#content_area .top-aec-touchless-matrix-wrapper .aec-touchless-matrix .note p,
#content_area .top-aec-touchless-matrix-wrapper .aec-touchless-matrix .note li{
  margin:0;
  font-size:13.5px;
  line-height:1.7;
  color:var(--muted);
}
#content_area .top-aec-touchless-matrix-wrapper .aec-touchless-matrix .note ul{
  margin:0;
  padding-left:18px;
}
@media (max-width:980px){
  #content_area .top-aec-touchless-matrix-wrapper .aec-touchless-matrix .top-meta{grid-template-columns:1fr 1fr}
  #content_area .top-aec-touchless-matrix-wrapper .aec-touchless-matrix .notes{grid-template-columns:1fr}
  #content_area .top-aec-touchless-matrix-wrapper .aec-touchless-matrix h2{font-size:28px}
}
@media (max-width:640px){
  #content_area .top-aec-touchless-matrix-wrapper .aec-touchless-matrix .top-meta{grid-template-columns:1fr}
  #content_area .top-aec-touchless-matrix-wrapper .aec-touchless-matrix .hero,
  #content_area .top-aec-touchless-matrix-wrapper .aec-touchless-matrix .section-pad,
  #content_area .top-aec-touchless-matrix-wrapper .aec-touchless-matrix .top-meta{padding-left:16px;padding-right:16px}
}
/* Category - 8252 top and Bottom - top-touchless-faucet-brand-reviews (https://www.fontanashowers.com/Customer-Reviews-of-Touchless-Faucets-by-Brand-s/8252.htm) at 12-03-2026 End Here*/

/* Category - 8320 top and Bottom - top-touchless-faucet-brand-reviews (https://www.fontanashowers.com/Touchless-Bathroom-Faucet-Reviews-s/8320.htm) at 12-03-2026 Start Here*/
#content_area .zee-march-touchless-review-wrap .touchless-review-wrap {
  max-width: 1350px;
  margin: 50px auto;
  padding: 0 20px 60px;
  font-family: Arial, Helvetica, sans-serif;
  color: #1f3447;
}
#content_area .zee-march-touchless-review-wrap .touchless-review-wrap h3 {
  font-size: 28px;
  margin-bottom: 15px;
  color: #0e2b45;
}
#content_area .zee-march-touchless-review-wrap .touchless-review-wrap &gt; p {
  max-width: 900px;
  line-height: 1.75;
  margin-bottom: 40px;
}
/* ===== Grid Layout ===== */
#content_area .zee-march-touchless-review-wrap .review-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 30px;
}
/* ===== Review Card ===== */
#content_area .zee-march-touchless-review-wrap .review-card {
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  padding: 25px;
  background: #ffffff;
  transition: all 0.2s ease;
}
#content_area .zee-march-touchless-review-wrap .review-card:hover {
  box-shadow: 0 8px 20px rgba(0,0,0,0.06);
  transform: translateY(-3px);
}
#content_area .zee-march-touchless-review-wrap .review-card h4 {
  font-size: 18px;
  margin-bottom: 15px;
  color: #0e2b45;
}
#content_area .zee-march-touchless-review-wrap .review-card ul {
  padding-left: 18px;
  line-height: 1.75;
}
#content_area .zee-march-touchless-review-wrap .review-card li {
  margin-bottom: 6px;
}
#content_area .zee-march-touchless-review-wrap .review-card strong {
  color: #0e2b45;
}
#content_area .zee-march-touchless-review-wrap .review-rating {
  margin-top: 12px;
  font-weight: 700;
  color: #1a7f37;
}
#content_area .zee-march-touchless-review-wrap .review-source a {
  color: #0e2b45;
  text-decoration: none;
  font-weight: 600;
}
#content_area .zee-march-touchless-review-wrap .review-source a:hover {
  text-decoration: underline;
}
/* ===== Conclusion Block ===== */
#content_area .zee-march-touchless-review-wrap .review-conclusion {
  margin-top: 60px;
  padding-top: 30px;
  border-top: 1px solid #e2e8f0;
}
#content_area .zee-march-touchless-wrapper .touchless-wrapper {
  width: 100%;
}
#content_area .zee-march-touchless-wrapper .touchless-inner {
  max-width: 1350px;
  margin: 0 auto;
  padding: 0 20px;
}
/* ===== 3 COLUMN GRID ===== */
#content_area .zee-march-touchless-wrapper .touchless-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px 24px;
}
/* Tablet */
@media (max-width: 992px) {
  #content_area .zee-march-touchless-wrapper .touchless-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
/* Mobile */
@media (max-width: 576px) {
  #content_area .zee-march-touchless-wrapper .touchless-grid {
    grid-template-columns: 1fr;
  }
}
/* ===== SLIM PILL STYLE ===== */
#content_area .zee-march-touchless-wrapper .touchless-grid a {
  display: block;
  padding: 7px 18px;
  background: #eef2f6;
  border-radius: 28px;
  text-align: center;
  text-decoration: none;
  font-size: 14px;
  font-weight: 500;
  color: #2a6fa5;
  line-height: 1.35;
  transition: all 0.25s ease;
}
#content_area .zee-march-touchless-wrapper .touchless-grid a:hover {
  background: #2a6fa5;
  color: #ffffff;
}
/* Category - 8320 top and Bottom - top-touchless-faucet-brand-reviews (https://www.fontanashowers.com/Touchless-Bathroom-Faucet-Reviews-s/8320.htm) at 12-03-2026 End Here*/

/* Category - 6708 top and Bottom - Architectural-Design-Touchless-Faucets (https://www.fontanashowers.com/Architectural-Design-Touchless-Faucets-s/6708.htm) at 12-03-2026 Start Here*/
#content_area .aec-architectural-touchless-wrapper .aec-wrap{max-width:1300px;margin:0 auto;padding:0 20px;font-family:Arial,Helvetica,sans-serif}
#content_area .aec-architectural-touchless-wrapper .aec-hero{padding:90px 0 60px;background:#f8fafc}
#content_area .aec-architectural-touchless-wrapper .aec-hero h1{font-size:42px;margin-bottom:30px}
#content_area .aec-architectural-touchless-wrapper .aec-hero p{font-size:16px;line-height:1.8;color:#475569}
#content_area .aec-architectural-touchless-wrapper .aec-banner img{width:100%;border-radius:12px;margin:40px 0}
#content_area .aec-architectural-touchless-wrapper .aec-split{padding:90px 0;border-top:1px solid #e5e7eb}
#content_area .aec-architectural-touchless-wrapper .aec-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
#content_area .aec-architectural-touchless-wrapper .aec-split.reverse .aec-grid{direction:rtl}
#content_area .aec-architectural-touchless-wrapper .aec-split.reverse .aec-content{direction:ltr}
#content_area .aec-architectural-touchless-wrapper .aec-image img{width:100%;border-radius:14px}
#content_area .aec-architectural-touchless-wrapper .aec-content h2{font-size:30px;margin-bottom:15px}
#content_area .aec-architectural-touchless-wrapper .aec-content strong{display:block;margin-bottom:15px;font-size:14px;letter-spacing:.5px;color:#64748b}
#content_area .aec-architectural-touchless-wrapper .aec-content p{font-size:15px;line-height:1.8;color:#475569;margin-bottom:20px}
#content_area .aec-architectural-touchless-wrapper .aec-btn{display:inline-block;padding:10px 20px;background:#111827;color:#fff;border-radius:6px;text-decoration:none;font-size:14px}
#content_area .aec-architectural-touchless-wrapper .aec-btn:hover{background:#000}
#content_area .aec-architectural-touchless-wrapper .aec-readmore{display:inline-block;margin:40px 0;font-weight:600;cursor:pointer}
#content_area .aec-architectural-touchless-wrapper .aec-hidden{display:none}
@media(max-width:992px){
#content_area .aec-architectural-touchless-wrapper .aec-grid{grid-template-columns:1fr;gap:40px}
#content_area .aec-architectural-touchless-wrapper .aec-split.reverse .aec-grid{direction:ltr}
#content_area .aec-architectural-touchless-wrapper .aec-hero h1{font-size:32px}
}
#content_area .zee-marchaec-touchless-fs-wrapper .fs-wrap{
  max-width:1280px;
  margin:0 auto;
  padding:0 20px;
  font-family:Arial, Helvetica, sans-serif;
  color:#334155;
}
#content_area .zee-marchaec-touchless-fs-wrapper .article-section {
	box-sizing: border-box;
	margin: auto;
	padding: 3rem 2rem;
	display: flex;
	flex: 0 1 auto;
	flex-flow: row wrap;
	max-width: 1030px;
	color: #444;
	font-family: Lato, sans-serif;
	font-size: 13px;
}
#content_area .zee-marchaec-touchless-fs-wrapper .article-title {
	box-sizing: border-box;
	margin-bottom: 0;
	padding: 0 0.5rem;
	flex: 0 0 100%;
	max-width: 100%;
	text-align: center;
}
#content_area .zee-marchaec-touchless-fs-wrapper .article-title h2 {
	box-sizing: border-box;
	margin-top: 0.2rem;
	margin-bottom: 20px;
	font-size: 1.8rem;
	font-family: Lato, "Helvetica Neue", Arial, sans-serif;
	line-height: 1.4;
	color: #444;
	text-rendering: geometricprecision;
}
#content_area .zee-marchaec-touchless-fs-wrapper .blog-article {
	box-sizing: border-box;
	margin-bottom: 0;
	padding: 0 0.5rem;
	flex: 0 0 33.333%;
	max-width: 33.333%;
}
#content_area .zee-marchaec-touchless-fs-wrapper .blog-article a {
	box-sizing: border-box;
	color: #006dd4;
	text-decoration: none;
	margin: 0;
	padding: 0;
	display: block;
}
#content_area .zee-marchaec-touchless-fs-wrapper .article-tile {
	box-sizing: border-box;
	margin-bottom: 0;
	padding: 5px;
}
#content_area .zee-marchaec-touchless-fs-wrapper .article-img {
	box-sizing: border-box;
	background-position: 0% 0%;
	background-size: cover;
	padding: 0;
	height: 180px;
}
#content_area .zee-marchaec-touchless-fs-wrapper .featured-article-title {
	box-sizing: border-box;
	margin-bottom: 1.3rem;
	font-size: 13px;
	line-height: 1.6;
	font-family: inherit;
	text-rendering: geometricprecision;
}
/* Category - 6708 top and Bottom - Architectural-Design-Touchless-Faucets (https://www.fontanashowers.com/Architectural-Design-Touchless-Faucets-s/6708.htm) at 12-03-2026 End Here*/

/* Category - 8549 Bottom - aec-faucet-march-top5-brand-evaluation (https://www.fontanashowers.com/Top-5-Best-Faucet-Brand-s/8549.htm) at 02-04-2026 Start Here*/
/*Top*/
/* ===== MAIN WRAPPER ===== */
#content_area .top-5-best-faucet-brand-delta-faucet-wrapper .aec-delta-wrapper {
    max-width: 1350px;
    margin: 0 auto;
    padding: 0px 20px;
    box-sizing: border-box;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #2b3b4f;
    line-height: 1.8;
}
/* ===== CARD CONTAINER ===== */
#content_area .top-5-best-faucet-brand-delta-faucet-wrapper .aec-delta-wrapper .aec-delta-card {
    background: #ffffff;
    border: 1px solid #d9e7f5;
    border-radius: 14px;
    padding: 40px;
    margin-bottom: 40px;
    box-shadow: 0 10px 30px rgba(15, 39, 66, 0.08);
    transition: all 0.3s ease;
}
#content_area .top-5-best-faucet-brand-delta-faucet-wrapper .aec-delta-wrapper .aec-delta-card:hover {
    box-shadow: 0 14px 40px rgba(15, 39, 66, 0.12);
}
/* ===== MAIN HEADING ===== */
#content_area .top-5-best-faucet-brand-delta-faucet-wrapper .aec-delta-wrapper .aec-delta-card h2 {
    font-size: 34px;
    font-weight: 600;
    color: #0f2742;
    margin-bottom: 25px;
    text-align: center;
    position: relative;
    letter-spacing: 0.5px;
}
#content_area .top-5-best-faucet-brand-delta-faucet-wrapper .aec-delta-wrapper .aec-delta-card h2::after {
    content: "";
    width: 70px;
    height: 3px;
    background: #2a4b73;
    display: block;
    margin: 12px auto 0;
    border-radius: 2px;
}
/* ===== SUBHEADINGS ===== */
#content_area .top-5-best-faucet-brand-delta-faucet-wrapper .aec-delta-wrapper .aec-delta-card h3 {
    font-size: 20px;
    color: #2a4b73;
    margin-top: 30px;
    margin-bottom: 12px;
    font-weight: 600;
    letter-spacing: 0.3px;
}
/* ===== PARAGRAPH STYLING ===== */
#content_area .top-5-best-faucet-brand-delta-faucet-wrapper .aec-delta-wrapper .aec-delta-card p {
    font-size: 15.5px;
    color: #4a5d73;
    margin-bottom: 18px;
}
/* ===== TECHNOLOGY GRID ===== */
#content_area .top-5-best-faucet-brand-delta-faucet-wrapper .aec-delta-wrapper .aec-tech-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin: 20px 0 30px;
}
/* ===== TECHNOLOGY ITEMS ===== */
#content_area .top-5-best-faucet-brand-delta-faucet-wrapper .aec-delta-wrapper .aec-tech-item {
    background: #f4f9ff;
    border: 1px solid #d9e7f5;
    border-radius: 10px;
    padding: 20px;
    font-size: 15px;
    color: #2b3b4f;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    position: relative;
}
#content_area .top-5-best-faucet-brand-delta-faucet-wrapper .aec-delta-wrapper .aec-tech-item strong {
    display: block;
    color: #0f2742;
    font-size: 16px;
    margin-bottom: 6px;
}
#content_area .top-5-best-faucet-brand-delta-faucet-wrapper .aec-delta-wrapper .aec-tech-item:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(15, 39, 66, 0.1);
}
/* Optional subtle top accent line */
#content_area .top-5-best-faucet-brand-delta-faucet-wrapper .aec-delta-wrapper .aec-tech-item::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: linear-gradient(90deg, #2a4b73, #6fa3d2);
    border-radius: 10px 10px 0 0;
}
/* ===== HIGHLIGHT BOX ===== */
#content_area .top-5-best-faucet-brand-delta-faucet-wrapper .aec-delta-wrapper .aec-highlight {
    background: linear-gradient(135deg, #eaf5ff 0%, #ffffff 100%);
    border-left: 4px solid #2a4b73;
    padding: 22px 24px;
    border-radius: 10px;
    font-size: 16px;
    color: #2b3b4f;
    margin-top: 20px;
}
/* ===== RESPONSIVE DESIGN ===== */
@media (max-width: 1024px) {
    #content_area .top-5-best-faucet-brand-delta-faucet-wrapper .aec-delta-wrapper .aec-tech-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 768px) {
    #content_area .top-5-best-faucet-brand-delta-faucet-wrapper .aec-delta-wrapper .aec-delta-wrapper {
        padding: 25px 15px;
    }
    #content_area .top-5-best-faucet-brand-delta-faucet-wrapper .aec-delta-wrapper .aec-delta-card {
        padding: 25px;
    }
    #content_area .top-5-best-faucet-brand-delta-faucet-wrapper .aec-delta-wrapper .aec-delta-card h2 {
        font-size: 28px;
    }
    #content_area .top-5-best-faucet-brand-delta-faucet-wrapper .aec-delta-wrapper .aec-delta-card h3 {
        font-size: 18px;
    }
    #content_area .top-5-best-faucet-brand-delta-faucet-wrapper .aec-delta-wrapper .aec-tech-grid {
        grid-template-columns: 1fr;
    }
    #content_area .top-5-best-faucet-brand-delta-faucet-wrapper .aec-delta-wrapper .aec-highlight {
        font-size: 15px;
    }
}
/* ===================== AEC CONSIDERATION GRID ===================== */
#content_area .top-5-best-faucet-brand-delta-faucet-wrapper .aec-delta-wrapper .aec-consider-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
    margin: 30px 0;
}
#content_area .top-5-best-faucet-brand-delta-faucet-wrapper .aec-delta-wrapper .aec-consider-item {
    background: #f4f9ff;
    border: 1px solid #d9e7f5;
    border-radius: 10px;
    padding: 22px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
#content_area .top-5-best-faucet-brand-delta-faucet-wrapper .aec-delta-wrapper .aec-consider-item:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(15, 39, 66, 0.1);
}
#content_area .top-5-best-faucet-brand-delta-faucet-wrapper .aec-delta-wrapper .aec-consider-item h3 {
    margin-top: 0;
}
/* Empty placeholder to maintain 3x2 grid structure */
#content_area .top-5-best-faucet-brand-delta-faucet-wrapper .aec-delta-wrapper .aec-consider-empty {
    visibility: hidden;
}
/* Responsive */
@media (max-width: 768px) {
    #content_area .top-5-best-faucet-brand-delta-faucet-wrapper .aec-delta-wrapper .aec-consider-grid {
        grid-template-columns: 1fr;
    }
}
/*Bottom*/
#content_area .aec-faucet-march-top5-brand-evaluation .aec-faucet-wrap{
	max-width:1350px;
	margin:40px auto;
	padding:0 18px;
	font-family:Arial, Helvetica, sans-serif;
	color:#163047;
}
#content_area .aec-faucet-march-top5-brand-evaluation .aec-faucet-shell{
	background:linear-gradient(180deg,#eef9ff 0%, #f8fdff 55%, #eef8ff 100%);
	border:1px solid #d8edf8;
	border-radius:22px;
	overflow:hidden;
	box-shadow:0 10px 28px rgba(21,72,102,.08);
}
#content_area .aec-faucet-march-top5-brand-evaluation .aec-faucet-hero{
	padding:42px 34px 28px;
	background:linear-gradient(180deg,rgba(207,238,252,.55) 0%, rgba(240,250,255,.88) 100%);
	border-bottom:1px solid #d7ebf7;
}
#content_area .aec-faucet-march-top5-brand-evaluation .aec-faucet-kicker{
	display:inline-block;
	font-size:12px;
	letter-spacing:1.6px;
	text-transform:uppercase;
	font-weight:700;
	color:#2b6d93;
	background:#e3f5ff;
	border:1px solid #c8e6f7;
	padding:8px 12px;
	border-radius:999px;
	margin-bottom:16px;
}
#content_area .aec-faucet-march-top5-brand-evaluation .aec-faucet-hero h2{
	margin:0 0 14px;
	font-size:34px;
	line-height:1.18;
	color:#10314a;
}
#content_area .aec-faucet-march-top5-brand-evaluation .aec-faucet-hero p{
	margin:0;
	font-size:16px;
	line-height:1.85;
	color:#315067;
	max-width:980px;
}
#content_area .aec-faucet-march-top5-brand-evaluation .aec-image-band{
	padding:24px 34px 6px;
}
#content_area .aec-faucet-march-top5-brand-evaluation .aec-image-grid{
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:18px;
}
#content_area .aec-faucet-march-top5-brand-evaluation .aec-image-card{
	background:rgba(255,255,255,.78);
	border:1px solid #d8ebf5;
	border-radius:18px;
	overflow:hidden;
	box-shadow:0 6px 18px rgba(48,95,124,.05);
	transition:transform .2s ease, box-shadow .2s ease;
}
#content_area .aec-faucet-march-top5-brand-evaluation .aec-image-card:hover{
	transform:translateY(-3px);
	box-shadow:0 10px 24px rgba(48,95,124,.10);
}
#content_area .aec-faucet-march-top5-brand-evaluation .aec-image-card a{
	display:block;
	text-decoration:none;
	color:inherit;
}
#content_area .aec-faucet-march-top5-brand-evaluation .aec-image-thumb{
	display:block;
	width:100%;
	aspect-ratio:1.18 / 1;
	object-fit:cover;
	background:#eaf6fc;
}
#content_area .aec-faucet-march-top5-brand-evaluation .aec-image-content{
	padding:16px 16px 18px;
}
#content_area .aec-faucet-march-top5-brand-evaluation .aec-image-content h3{
	margin:0 0 8px;
	font-size:20px;
	line-height:1.32;
	color:#133955;
}
#content_area .aec-faucet-march-top5-brand-evaluation .aec-image-content p{
	margin:0;
	font-size:14px;
	line-height:1.72;
	color:#35556c;
}
#content_area .aec-faucet-march-top5-brand-evaluation .aec-faucet-grid{
	display:grid;
	grid-template-columns:1.1fr .9fr;
	gap:24px;
	padding:28px 34px 10px;
}
#content_area .aec-faucet-march-top5-brand-evaluation .aec-card{
	background:rgba(255,255,255,.72);
	border:1px solid #d8ebf5;
	border-radius:18px;
	padding:24px;
	box-shadow:0 6px 18px rgba(48,95,124,.05);
}
#content_area .aec-faucet-march-top5-brand-evaluation .aec-card h3{
	margin:0 0 14px;
	font-size:22px;
	line-height:1.3;
	color:#133955;
}
#content_area .aec-faucet-march-top5-brand-evaluation .aec-card p{
	margin:0;
	font-size:15px;
	line-height:1.82;
	color:#35556c;
}
#content_area .aec-faucet-march-top5-brand-evaluation .aec-points{
	list-style:none;
	padding:0;
	margin:0;
}
#content_area .aec-faucet-march-top5-brand-evaluation .aec-points li{
	position:relative;
	padding:0 0 0 18px;
	margin:0 0 12px;
	line-height:1.75;
	color:#33536a;
	font-size:15px;
}
#content_area .aec-faucet-march-top5-brand-evaluation .aec-points li:before{
	content:"";
	position:absolute;
	left:0;
	top:11px;
	width:7px;
	height:7px;
	border-radius:50%;
	background:#6db9de;
}
#content_area .aec-faucet-march-top5-brand-evaluation .aec-section{
	padding:14px 34px 8px;
}
#content_area .aec-faucet-march-top5-brand-evaluation .aec-section h3{
	margin:0 0 16px;
	font-size:24px;
	color:#123852;
}
#content_area .aec-faucet-march-top5-brand-evaluation .aec-section p{
	margin:0 0 18px;
	font-size:15px;
	line-height:1.84;
	color:#35556c;
}
#content_area .aec-faucet-march-top5-brand-evaluation .aec-table-wrap{
	overflow-x:auto;
	margin:0 0 26px;
	border:1px solid #d7eaf5;
	border-radius:18px;
	background:#fafdff;
	box-shadow:0 6px 16px rgba(44,89,117,.05);
}
#content_area .aec-faucet-march-top5-brand-evaluation .aec-table{
	width:100%;
	min-width:760px;
	border-collapse:collapse;
}
#content_area .aec-faucet-march-top5-brand-evaluation .aec-table thead th{
	background:#dff3fd;
	color:#143851;
	font-size:14px;
	text-align:left;
	padding:15px 14px;
	border-bottom:1px solid #cbe5f3;
}
#content_area .aec-faucet-march-top5-brand-evaluation .aec-table tbody td{
	padding:15px 14px;
	border-bottom:1px solid #e3f0f7;
	font-size:14px;
	line-height:1.72;
	color:#35536a;
	vertical-align:top;
	background:#fbfeff;
}
#content_area .aec-faucet-march-top5-brand-evaluation .aec-table tbody tr:nth-child(even) td{
	background:#f3fbff;
}
#content_area .aec-faucet-march-top5-brand-evaluation .aec-table tbody tr:last-child td{
	border-bottom:none;
}
#content_area .aec-faucet-march-top5-brand-evaluation .aec-note{
	margin:18px 0 0;
	padding:18px 20px;
	background:#eaf8ff;
	border:1px solid #cfe9f6;
	border-left:5px solid #77bddf;
	border-radius:16px;
	font-size:15px;
	line-height:1.8;
	color:#2f5067;
}
#content_area .aec-faucet-march-top5-brand-evaluation .aec-bottom{
	padding:8px 34px 34px;
}
#content_area .aec-faucet-march-top5-brand-evaluation .aec-final{
	background:linear-gradient(180deg,#e9f8ff 0%, #f8fdff 100%);
	border:1px solid #d3ebf7;
	border-radius:20px;
	padding:24px;
}
#content_area .aec-faucet-march-top5-brand-evaluation .aec-final h3{
	margin:0 0 12px;
	font-size:24px;
	color:#113650;
}
#content_area .aec-faucet-march-top5-brand-evaluation .aec-final p{
	margin:0;
	font-size:15px;
	line-height:1.85;
	color:#34546b;
}
@media (max-width: 900px){
	#content_area .aec-faucet-march-top5-brand-evaluation .aec-faucet-grid{
	  grid-template-columns:1fr;
	}
	#content_area .aec-faucet-march-top5-brand-evaluation .aec-image-grid{
	  grid-template-columns:1fr;
	}
	#content_area .aec-faucet-march-top5-brand-evaluation .aec-faucet-hero h2{
	  font-size:28px;
	}
}
/* Category - 8549 Bottom - aec-faucet-march-top5-brand-evaluation (https://www.fontanashowers.com/Top-5-Best-Faucet-Brand-s/8549.htm) at 02-04-2026 End Here*/

/* Category - 8549 Bottom - aec-faucet-march-top5-brand-evaluation (https://www.fontanashowers.com/Top-5-Best-Faucet-Brand-s/8549.htm) at 02-04-2026 Start Here*/
/*Top for 2070 category*/
#content_area .luxury-digital-technology-shower-system-wrapper .luxury-wrapper {
  width: 100%;
  padding: 26px 16px;
  background: linear-gradient(135deg,#eef7ff 0%,#f8fbff 45%,#ffffff 100%);
  border: 1px solid #d9ecff;
  border-radius: 14px;
  box-sizing: border-box;
  margin-bottom: 20px;
}
#content_area .luxury-digital-technology-shower-system-wrapper .luxury-container {
  max-width: 1150px;
  margin: auto;
}
#content_area .luxury-digital-technology-shower-system-wrapper .luxury-tagline {
  margin: 0 0 6px 0;
  font-size: 13px;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #2a4b66;
  font-weight: 700;
}
#content_area .luxury-digital-technology-shower-system-wrapper .luxury-description {
  font-size: 16px;
  line-height: 1.7;
  color: #1f3447;
  margin: 0 0 12px 0;
}
/* Common box section */
#content_area .luxury-digital-technology-shower-system-wrapper .luxury-box {
  margin-top: 14px;
  background: #fff;
  border: 1px solid #d9ecff;
  border-radius: 12px;
  padding: 15px;
}
#content_area .luxury-digital-technology-shower-system-wrapper .luxury-box.guide {
  margin-top: 16px;
}
#content_area .luxury-digital-technology-shower-system-wrapper .luxury-heading {
  margin: 0 0 10px 0;
  font-size: 18px;
  color: #0e2b45;
}
#content_area .luxury-digital-technology-shower-system-wrapper .luxury-text {
  margin: 0 0 10px 0;
  line-height: 1.7;
  color: #1f3447;
}
#content_area .luxury-digital-technology-shower-system-wrapper .luxury-list {
  line-height: 1.8;
  color: #1f3447;
  padding-left: 18px;
  margin: 0;
}
#content_area .luxury-digital-technology-shower-system-wrapper .luxury-list.spaced {
  line-height: 1.9;
}
@media (max-width: 768px) {
  #content_area .luxury-digital-technology-shower-system-wrapper .luxury-wrapper {
    padding: 20px 12px;
  }
  #content_area .luxury-digital-technology-shower-system-wrapper .luxury-tagline {
    font-size: 11px;
  }
  #content_area .luxury-digital-technology-shower-system-wrapper .luxury-description {
    font-size: 14px;
  }
  #content_area .luxury-digital-technology-shower-system-wrapper .luxury-heading {
    font-size: 16px;
  }
  #content_area .luxury-digital-technology-shower-system-wrapper .luxury-text {
    font-size: 14px;
  }
  #content_area .luxury-digital-technology-shower-system-wrapper .luxury-list {
    font-size: 14px;
  }
  #content_area .luxury-digital-technology-shower-system-wrapper .luxury-box {
    padding: 12px;
  }
}
/*Bottom for 2070 category*/
#content_area .benifits-smart-shower-system-wrapper .smart-section {
  max-width: 1150px;
  margin: 30px auto;
  padding: 0 12px;
}
#content_area .benifits-smart-shower-system-wrapper .smart-section-heading {
  text-align: center;
  font-size: 26px;
  margin-bottom: 12px;
  color: #0e2b45;
}
#content_area .benifits-smart-shower-system-wrapper .smart-section-text {
  text-align: center;
  max-width: 900px;
  margin: auto;
  line-height: 1.8;
  color: #1f3447;
}
#content_area .benifits-smart-shower-system-wrapper .smart-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-top: 20px;
}
#content_area .benifits-smart-shower-system-wrapper .smart-card {
  flex: 1 1 300px;
  background: #fff;
  border: 1px solid #e5eef7;
  border-radius: 12px;
  padding: 18px;
}
#content_area .benifits-smart-shower-system-wrapper .smart-card h3 {
  margin-top: 0;
  color: #0e2b45;
}
#content_area .benifits-smart-shower-system-wrapper .smart-card p {
  line-height: 1.7;
  color: #1f3447;
}
/* FAQ SECTION */
#content_area .benifits-smart-shower-system-wrapper .smart-faq-heading {
  text-align: center;
  font-size: 26px;
  color: #0e2b45;
  margin-bottom: 12px;
}
#content_area .benifits-smart-shower-system-wrapper .smart-faq-container {
  max-width: 900px;
  margin: auto;
  line-height: 1.8;
  color: #1f3447;
}
#content_area .benifits-smart-shower-system-wrapper .smart-faq-container h3 {
  margin-top: 18px;
  color: #0e2b45;
}
#content_area .benifits-smart-shower-system-wrapper .smart-spacer {
  margin: 20px 0;
}
/* RESPONSIVE */
@media (max-width: 768px) {
  #content_area .benifits-smart-shower-system-wrapper .smart-section-heading,
  #content_area .benifits-smart-shower-system-wrapper .smart-faq-heading {
    font-size: 20px;
  }
  #content_area .benifits-smart-shower-system-wrapper .smart-section-text {
    font-size: 14px;
  }
  #content_area .benifits-smart-shower-system-wrapper .smart-card {
    padding: 14px;
  }
}
/* Category - 8549 Bottom - aec-faucet-march-top5-brand-evaluation (https://www.fontanashowers.com/Top-5-Best-Faucet-Brand-s/8549.htm) at 02-04-2026 End Here*/

/* Category - 12151 - pressure-temp-stability-april-faq (https://www.fontanashowers.com/category-s/12151.htm) at 03-04-2026 Start Here*/
#content_area .pressure-temp-stability-april-faq .fs-compact-faq{
  width:100%;
  padding:24px;
  background:#f4fbff;
}
#content_area .pressure-temp-stability-april-faq .fs-compact-faq-box{
  max-width:1350px;
  margin:0 auto;
  display:flex;
  align-items:center;
  gap:150px;
  background:#fff;
  border-radius:16px;
  padding:18px;
  box-shadow:0 8px 24px rgba(0,0,0,0.06);
}
#content_area .pressure-temp-stability-april-faq .fs-compact-faq-text{
  flex:1 1 56%;
}
#content_area .pressure-temp-stability-april-faq .fs-mini-label{
  font-size:9px;
  font-weight:700;
  letter-spacing:1px;
  text-transform:uppercase;
  color:#57b9f5;
  margin-bottom:8px;
}
#content_area .pressure-temp-stability-april-faq .fs-compact-faq-text h3{
  margin:0 0 10px;
  font-size:17px;
  color:#b7b7b7;
}
#content_area .pressure-temp-stability-april-faq .fs-compact-faq-text p{
  margin:0 0 14px !important;
  font-size:11px !important;
  line-height: 22px !important;
  color:#8e8e8e !important;
  text-align: left !important;
}
#content_area .pressure-temp-stability-april-faq .fs-accordion-list{
  display:flex;
  flex-direction:column;
  gap:7px;
}
#content_area .pressure-temp-stability-april-faq .fs-accordion-list details{
  background:#f7fbfe;
  border:1px solid #e3edf3;
  border-radius:8px;
}
#content_area .pressure-temp-stability-april-faq .fs-accordion-list summary{
  cursor:pointer;
  padding:9px 30px 9px 12px;
  font-size:11px;
  line-height: 16px;
  font-weight:600;
  color:#6f6f6f;
  position: relative;
}
#content_area .pressure-temp-stability-april-faq .fs-accordion-list summary::after{
  content:"+";
  position:absolute;
  right:18px;
}
#content_area .pressure-temp-stability-april-faq .fs-accordion-list details[open] summary::after{
  content:"−";
}
#content_area .pressure-temp-stability-april-faq .fs-answer{
  padding:0 12px 10px;
  font-size:10.5px;
  color:#7e7e7e;
}
#content_area .pressure-temp-stability-april-faq .fs-compact-faq-image{
  flex:1 1 44%;
}
/*#content_area .pressure-temp-stability-april-faq .fs-compact-faq-image img{
  width:100%;
  height:255px;
  object-fit:cover;
  border-radius:12px;
}*/
#content_area .pressure-temp-stability-april-faq .fs-compact-faq-image img{
  width:100%;
  height:365px;
  object-fit:cover;
  border-radius:12px;
}
@media(max-width:900px){
  #content_area .pressure-temp-stability-april-faq .fs-compact-faq-box{
    flex-direction:column;
  }
}
/* Category - 12151 - pressure-temp-stability-april-faq (https://www.fontanashowers.com/category-s/12151.htm) at 03-04-2026 End Here*/

/* Category - 12165 - pressure-temp-stability-april-faq aec-faq-v3 additional style here  (https://www.fontanashowers.com/category-s/12165.htm) at 17-04-2026 Start Here*/
#content_area .pressure-temp-stability-april-faq.aec-faq-v3 .fs-finish-panel {
	width: 100%;
	max-width: 530px;
}
#content_area .pressure-temp-stability-april-faq.aec-faq-v3 .fs-finish-hero-link {
	display: block;
	text-decoration: none;
}
/*#content_area .pressure-temp-stability-april-faq.aec-faq-v3 .fs-finish-hero {
	position: relative;
	width: 100%;
	height: 365px;
	border-radius: 16px;
	overflow: hidden;
	background: #e7e7e9;
	border: 1px solid #d3d8de;
}*/
#content_area .pressure-temp-stability-april-faq.aec-faq-v3 .fs-finish-hero {
	position: relative;
	width: 100%;
	height: 365px;
	border-radius: 16px;
	overflow: hidden;
	background: transparent;
	border: 0px solid #d3d8de;
}
/*#content_area .pressure-temp-stability-april-faq.aec-faq-v3 .fs-finish-hero img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 365px;
	object-fit: cover;
	object-position: center center;
	display: block;
	background: #e7e7e9;
}*/
#content_area .pressure-temp-stability-april-faq.aec-faq-v3 .fs-finish-hero img {
	position: absolute;
	inset: 0;
	width: auto;
	height: 100%;
	object-fit: cover;
	object-position: center center;
	display: block;
	background: #e7e7e9;
	margin: 0 auto;
}
#content_area .pressure-temp-stability-april-faq.aec-faq-v3 .fs-finish-current-name {
	margin-top: 10px;
	text-align: center;
	font-size: 16px;
	line-height: 1.2;
	font-weight: 700;
	letter-spacing: 1px;
	color: #0f5d95;
}
#content_area .pressure-temp-stability-april-faq.aec-faq-v3 .fs-finish-pills {
	margin-top: 12px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 10px;
}
#content_area .pressure-temp-stability-april-faq.aec-faq-v3 .fs-finish-pills button {
	appearance: none;
	border: 1px solid #d6dee6;
	background: #f8fbfd;
	color: #6e8192;
	border-radius: 999px;
	padding: 8px 14px;
	min-height: 30px;
	font-size: 12px;
	line-height: 1;
	font-weight: 500;
	cursor: pointer;
	transition: all 0.2s ease;
	white-space: nowrap;
}
#content_area .pressure-temp-stability-april-faq.aec-faq-v3 .fs-finish-pills button.active {
	background: #0d5d91;
	color: #ffffff;
	border-color: #0d5d91;
}
@media (max-width: 1100px) {
	#content_area .pressure-temp-stability-april-faq.aec-faq-v3 .fs-finish-panel {
		max-width: 100%;
	}
	#content_area .pressure-temp-stability-april-faq.aec-faq-v3 .fs-finish-hero {
		height: auto;
		aspect-ratio: 512 / 225;
	}
}

@media (max-width: 640px) {
	#content_area .pressure-temp-stability-april-faq.aec-faq-v3 .fs-finish-pills {
		gap: 8px;
	}
	#content_area .pressure-temp-stability-april-faq.aec-faq-v3 .fs-finish-pills button {
		font-size: 11px;
		padding: 8px 12px;
	}
}
/* Category - 12165 - pressure-temp-stability-april-faq aec-faq-v3 (https://www.fontanashowers.com/category-s/12165.htm) at 17-04-2026 End Here*/


/* Product - fs-354aq - Fontana-Antique-Commercial-Automatic-Sensor (https://www.fontanashowers.com/Fontana-Antique-Commercial-Automatic-Sensor-p/fs-354aq.htm) at 07-04-2026 Start Here*/
/* Container */
#content_area .fs-aec-product-wrap {
    font-family: Arial, Helvetica, sans-serif;
    color: #16324f;
    max-width: 1280px;
    margin: 0 auto;
}

/* Common Box */
#content_area .fs-aec-product-wrap .fs-aec-product-box {
    background: #ffffff;
    border: 1px solid #dbe8f5;
    border-radius: 12px;
    padding: 24px;
    margin-bottom: 24px;
}

#content_area .fs-aec-product-wrap .fs-aec-product-box .fs-aec-product-box-image {
	margin: 0 auto;
	text-align: center;
}

/* Headings */
#content_area .fs-aec-product-wrap .fs-aec-product-box .fs-aec-product-box-title {
    font-size: 30px;
    margin-bottom: 14px;
    color: #0d2d4d;
}
#content_area .fs-aec-product-wrap .fs-aec-product-box .fs-aec-product-box-subtitle {
    font-size: 24px;
    margin-bottom: 14px;
    color: #0d2d4d;
	text-align: center;
}

#content_area .fs-aec-product-wrap .fs-aec-product-box .fs-aec-product-box-card-title {
    font-size: 22px;
    margin: 0 0 12px;
    color: #0d2d4d;
    text-align: center;
    line-height: normal;
}

/* Text */
#content_area .fs-aec-product-wrap .fs-aec-product-box .fs-aec-product-box-text {
    font-size: 16px;
    margin-bottom: 14px;
}

#content_area .fs-aec-product-wrap .fs-aec-product-box .fs-aec-product-box-large-text {
    font-size: 17px;
}

/* Grid Layouts */
#content_area .fs-aec-product-wrap .fs-aec-product-box-grid-2 {
    display: grid;
    grid-template-columns: repeat(2, minmax(280px, 1fr));
    gap: 20px;
    margin-bottom: 24px;
}

#content_area .fs-aec-product-wrap .fs-aec-product-box-grid-3 {
    display: grid;
    grid-template-columns: repeat(3, minmax(220px, 1fr));
    gap: 12px 20px;
}

/* Lists */
#content_area .fs-aec-product-wrap .fs-aec-product-box .fs-aec-product-box-list {
    padding-left: 20px;
    font-size: 16px;
}

/* Details */
#content_area .fs-aec-product-wrap .fs-aec-product-box .fs-aec-product-box-large-details {
    margin-top: 10px;
    background: #f6fbff;
    border: 1px solid #dbe8f5;
    border-radius: 10px;
    padding: 12px 14px;
}

#content_area .fs-aec-product-wrap .fs-aec-product-box .fs-aec-product-box-large-details summary {
    cursor: pointer;
    font-size: 16px;
    font-weight: 700;
    color: #0d2d4d;
}

#content_area .fs-aec-product-wrap .fs-aec-product-box .fs-aec-product-box-large-details-content {
    padding-top: 12px;
    font-size: 16px;
	line-height: 1.7;
}

/* Technical Grid */
#content_area .fs-aec-product-wrap .fs-aec-product-box-tech-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(260px, 1fr));
    gap: 14px 28px;
    font-size: 16px;
}

/* Dark Section */
#content_area .fs-aec-product-wrap .fs-aec-product-box-dark {
    background: #f3f9ff;
    color: #16324f;
    border-radius: 12px;
    padding: 24px;
}

#content_area .fs-aec-product-wrap .fs-aec-product-box-dark h3 {
    font-size: 24px;
	margin-bottom: 14px;
	color: #0d2d4d !important;
	text-align: center !important;
}
#content_area .fs-aec-product-wrap .fs-aec-product-box-dark .fs-tech-grid {
	color: #0d2d4d;
}

/* Responsive */
@media (max-width: 768px) {
    #content_area .fs-aec-product-wrap .fs-aec-product-box-grid-2,
    #content_area .fs-aec-product-wrap .fs-aec-product-box-grid-3,
    #content_area .fs-aec-product-wrap .fs-aec-product-box-tech-grid {
        grid-template-columns: 1fr;
    }

    #content_area .fs-aec-product-wrap .fs-aec-product-box .fs-aec-product-box-title {
        font-size: 24px;
    }

    #content_area .fs-aec-product-wrap .fs-aec-product-box .fs-aec-product-box-subtitle {
        font-size: 20px;
    }
}
/* Product - fs-354aq - Fontana-Antique-Commercial-Automatic-Sensor (https://www.fontanashowers.com/Fontana-Antique-Commercial-Automatic-Sensor-p/fs-354aq.htm) at 07-04-2026 End Here*/

/* Category - 2044 - ftf-resource-hub (https://www.fontanashowers.com/wall-mount-touchless-faucets-s/2044.htm) at 07-04-2026 End Here*/
#content_area .ftf-resource-hub-april-wrapper {
  font-family: 'Inter', Arial, sans-serif;
  margin: 20px;
  background: #fff;
  color: #333;
}
#content_area .ftf-resource-hub-april-wrapper section {
  text-align: center;
  margin-bottom: 30px;
}
#content_area .ftf-resource-hub-april-wrapper h2 {
  margin-bottom: 20px;
  font-size: 22px;
}
#content_area .ftf-resource-hub-april-wrapper .zara-chips {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  margin-bottom: 20px;
}
#content_area .ftf-resource-hub-april-wrapper .zara-chips a {
  display: inline-block;
  padding: 8px 14px;
  border-radius: 20px;
  background: #f2f2f2;
  text-decoration: none;
  color: #333;
  font-size: 14px;
  transition: background 0.3s, color 0.3s;
}
#content_area .ftf-resource-hub-april-wrapper .zara-chips a:hover {
  background: #333;
  color: #fff;
}
#content_area .ftf-resource-hub-april-wrapper .hidden-section { display: none; }
#content_area .ftf-resource-hub-april-wrapper .read-more-btn {
  display: inline-block;
  padding: 8px 16px;
  margin: 15px auto;
  border: none;
  background: #333;
  color: #fff;
  border-radius: 6px;
  font-size: 14px;
  cursor: pointer;
  transition: background 0.3s;
}
#content_area .ftf-resource-hub-april-wrapper .read-more-btn:hover { background: #000; }
/* Category - 2044 - ftf-resource-hub (https://www.fontanashowers.com/wall-mount-touchless-faucets-s/2044.htm) at 07-04-2026 End Here*/

/*Category 12157 - Read More Button at this page - Minimal Read More Variations (20 Examples) - (https://www.fontanashowers.com/category-s/12157.htm) Top and Bottom at 10-04-2026 Start Here*/
/*New Style and structure*/
#content_area .cbs2 {
	border-bottom: 1px solid #000;
	text-decoration: none;
	color: #25afeb;
	font-size: 16px !important;
	color: #2797d1 !important;
	letter-spacing: normal;
}
#content_area .cbs3 {
	text-decoration: none;
	color: #25afeb;
	font-size: 16px !important;
	color: #2797d1 !important;
	letter-spacing: normal;
}
#content_area .cbs4 {
	text-decoration:none;
    font-size:14px;
    color:#1f2937;
    font-family:Arial, sans-serif;
    padding:0;
    border-bottom:1px solid #ccc;
    cursor:pointer;
}
#content_area .cbs5 {
	display: flex;
	justify-content: space-between;
	align-items: center;
	text-decoration: none;
	font-size: 14px;
	color: #2563eb;
	cursor: pointer;
	font-family: Arial, sans-serif;
	padding: 14px 0;
}
#content_area .cbs6 {
	text-decoration: none;
	font-size: 14px;
	color: #1f2937;
	font-family: Arial, sans-serif;
	padding: 0 0 5px 0;
	margin-top: 6px;
	cursor: pointer;
	border-bottom: 1px solid #e5e7eb;
}
#content_area .cbs7 {
	text-decoration:none;
    font-family:Arial, sans-serif;
    padding:14px 0;
    font-size: 13px;
	color: #6b7280;
	cursor: pointer;
}
#content_area .cbs8 {
	text-decoration:none;
    font-size: 14px;
	color: #1f2937;
    font-family:Arial, sans-serif;
    padding:14px 0;
    font-weight:500;
    cursor:pointer;
}
#content_area .cbs9 {
	text-decoration:none;
    font-family:Arial, sans-serif;
    padding:14px 0;
    font-size: 14px;
	color: #1f2937;
}
#content_area .cbs10 {
	text-decoration:none;
    font-size:14px;
    color:#1f2937;
    font-family:Arial, sans-serif;
    padding:14px 0;
    border-top:1px solid #f0f0f0;
}
#content_area .cbs11 {
	text-decoration:none;
    font-size:14px;
    color:#1f2937;
    font-family:Arial, sans-serif;
    padding:14px 0;
    display:block;
    margin-top:4px;
    cursor:pointer;
}
#content_area .cbs12 {
	text-decoration:none;
    font-size:14px;
    font-family:Arial, sans-serif;
    padding:14px 0;
    color:#9ca3af;
    cursor:pointer;
}
#content_area .cbs13 {
	text-decoration:none;
    color:#1f2937;
    font-family:Arial, sans-serif;
    padding:14px 0;
    font-size:13px;
	cursor:pointer;
}
/*Old Style and structure*/
/* 3. Arrow Indicator (expanded-detailed) */
.zee-expanded-detailed {
    font-size: 17px;
	font-weight: 400;
	line-height: 33px;
	text-align: center;
	font-family: Helvetica;
	color: #7c7c7c;
}
/* Details container inline feel ke liye */
.zee-expanded-detailed .details-box {
    display: inline;
}
/* Summary ko text jaisa bana diya */
.zee-expanded-detailed .details-box summary {
    display: inline;
    cursor: pointer;
    list-style: none;
    font-weight: normal;
}
/* Default browser arrow hide */
.zee-expanded-detailed .details-box summary::-webkit-details-marker {
    display: none;
}
/* Custom arrow */
.zee-expanded-detailed .details-box .arrow::after {
    content: " \25BC";  /* ▼ */
    font-size: 17px;
	font-weight: 400;
	line-height: 33px;
	text-align: center;
	font-family: Helvetica;
	color: #2797d1;
}
/* Open state arrow */
.zee-expanded-detailed .details-box[open] .arrow::after {
	content: " \25B2";  /* ▲ */
}
/* Expanded text next line me */
.zee-expanded-detailed .details-box .more-text {
    display: block;
    font-size: 17px;
	font-weight: 400;
	line-height: 33px;
	text-align: center;
	font-family: Helvetica;
	color: #7c7c7c;
}
/* Responsive (optional but safe) */
@media (max-width: 768px) {
    .zee-expanded-detailed {
        font-size: 13px;
    }
    .zee-expanded-detailed .details-box .more-text {
        font-size: 13px;
    }
}
@media (max-width: 480px) {
    .zee-expanded-detailed {
        font-size: 12px;
    }
    .zee-expanded-detailed .details-box .more-text {
        font-size: 12px;
    }
}
/*zee-rm-wrap*/
.zee-rm-wrap {
  max-width:900px;
  margin:auto;
  font-family:Arial, sans-serif;
}
.zee-rm-wrap .rm-item{
  padding:14px 0;
}
/* Base link */
.zee-rm-wrap .rm-item a,
.zee-rm-wrap .rm-item span{
  text-decoration:none;
  font-size:14px;
  color:#1f2937;
}
/* 1 inline */
.zee-rm-wrap .rm-item.rm1 a,
.zee-rm-wrap .rm-item.rm1 span{border-bottom:1px solid #ccc; cursor:pointer;}
/* 2 right aligned */
.zee-rm-wrap .rm-item.rm2{display:flex;justify-content:space-between;align-items:center;}
.zee-rm-wrap .rm-item.rm2 a,
.zee-rm-wrap .rm-item.rm2 span{color:#2563eb; cursor:pointer;}
/* 3 divider */
.zee-rm-wrap .rm-item.rm3{border-bottom:1px solid #e5e7eb;}
.zee-rm-wrap .rm-item.rm3 a,
.zee-rm-wrap .rm-item.rm3 span{display:block;margin-top:6px; cursor:pointer;}
/* 4 caption */
.zee-rm-wrap .rm-item.rm4 a,
.zee-rm-wrap .rm-item.rm4 span{font-size:13px;color:#6b7280; cursor:pointer;}
/* 5 arrow */
.zee-rm-wrap .rm-item.rm5 a,
.zee-rm-wrap .rm-item.rm5 span{font-weight:500; cursor:pointer;}
/* 6 label */
.zee-rm-wrap .rm-item.rm6 span{font-size:13px;color:#6b7280;}
/* 7 bottom border */
.zee-rm-wrap .rm-item.rm7{border-top:1px solid #f0f0f0;}
/* 8 structured */
.zee-rm-wrap .rm-item.rm8 a,
.zee-rm-wrap .rm-item.rm8 span{display:block;margin-top:4px; cursor:pointer;}
/* 9 subtle */
.zee-rm-wrap .rm-item.rm9 a,
.zee-rm-wrap .rm-item.rm9 span{color:#9ca3af; cursor:pointer;}
/* 10 compact */
.zee-rm-wrap .rm-item.rm10 a,
.zee-rm-wrap .rm-item.rm10 span{font-size:13px; cursor:pointer;}
/*aec-variants TWO LINE STACK*/
.aec-variants-wrap{
  max-width:1000px;
  margin:auto;
  font-family:Arial, sans-serif;
}
/* base */
.aec-variants-wrap .aec-v{
  padding:14px 0;
  border-bottom:1px solid #e5e7eb;
  font-size:14px;
}
.aec-variants-wrap .aec-v .t{
  font-weight:600;
  color:#111827;
}
.aec-variants-wrap .aec-v a{
  text-decoration:none;
  font-size:13px;
  color:#2563eb;
}
/* 1 left border */
.aec-variants-wrap .aec-v.v1{border-left:3px solid #2563eb;padding-left:12px}
/* 2 meta */
.aec-variants-wrap .aec-v.v2 .meta{font-size:12px;color:#6b7280;margin:3px 0}
/* 3 inline */
.aec-variants-wrap .aec-v.v3{display:flex;gap:8px;align-items:center}
/* 4 simple stack */
.aec-variants-wrap .aec-v.v4 a{display:block;margin-top:4px}
/* 5 grid */
.aec-variants-wrap .aec-v.v5{display:flex;justify-content:space-between}
/* 6 caption */
.aec-variants-wrap .aec-v.v6 .sub{font-size:12px;color:#6b7280;margin-bottom:4px}
/* 7 right border */
.aec-variants-wrap .aec-v.v7{border-right:3px solid #e5e7eb;padding-right:10px}
/* 8 label */
.aec-variants-wrap .aec-v.v8 .label{
  font-size:10px;
  background:#f3f4f6;
  padding:2px 6px;
  margin-right:6px;
}
/* 9 minimal */
.aec-variants-wrap .aec-v.v9{border-bottom:1px dashed #e5e7eb}
/* 10 right align */
.aec-variants-wrap .aec-v.v10{
  display:flex;
  justify-content:space-between;
  align-items:center;
}
/*Category 12157 - Read More Button at this page - Minimal Read More Variations (20 Examples) - (https://www.fontanashowers.com/category-s/12157.htm) Top and Bottom at 10-04-2026 End Here*/

/*Category 12163 - aec-custom-tab-april-content - (https://www.fontanashowers.com/category-s/12163.htm) at 10-04-2026 Start Here*/
#content_area .aec-custom-tab-april-content-wrapper .aec-container {
  width:100%;
  max-width:1400px;
  margin:auto;
  font-family:Arial,sans-serif;
  text-align:center;
}
/* TABS */
#content_area .aec-custom-tab-april-content-wrapper .aec-container .aec-tabs{
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:10px;
  margin-bottom:30px;
}
#content_area .aec-custom-tab-april-content-wrapper .aec-container .aec-tab-btn{
  padding:12px 20px;
  border:none;
  background:#111;
  color:#fff;
  cursor:pointer;
  border-radius:6px;
}
#content_area .aec-custom-tab-april-content-wrapper .aec-container .aec-tab-btn.active,
#content_area .aec-custom-tab-april-content-wrapper .aec-container .aec-tab-btn:hover{background:#0073e6;}
/* CONTENT */
#content_area .aec-custom-tab-april-content-wrapper .aec-container .aec-content{display:none;}
/* CARD */
#content_area .aec-custom-tab-april-content-wrapper .aec-container .aec-card{
  background:#fff;
  padding:25px;
  margin-bottom:25px;
  border-radius:10px;
  box-shadow:0 2px 10px rgba(0,0,0,.08);
}
#content_area .aec-custom-tab-april-content-wrapper .aec-container .aec-card h2 {
  font-family: 'Raleway' ,arial,helvetica,sans-serif !important;
  font-weight: 200 !important;
  letter-spacing: 1.5px !important;
  text-transform: capitalize !important;
  text-align: center !important;
  margin: 15px 0 18px !important;
  font-size: 36px !important;
  line-height: 62px !important;
  color: #000 !important;
  background-color: transparent !important;
  position: relative;
}
#content_area .aec-custom-tab-april-content-wrapper .aec-container .aec-card h3 {
  font-weight: 400;
  margin: 10px 0;
  color: #000;
}
/* IMAGE ROW */
#content_area .aec-custom-tab-april-content-wrapper .aec-container .aec-img-row{
  display:flex;
  justify-content:center;
  gap:15px;
  flex-wrap:wrap;
  margin-bottom:20px;
}
#content_area .aec-custom-tab-april-content-wrapper .aec-container .aec-img-row img{
  width:32%;
  min-width:250px;
  border-radius:8px;
}
/* TABLE */
#content_area .aec-custom-tab-april-content-wrapper .aec-container .aec-table{
  width:100%;
  border-collapse:collapse;
  margin-top:20px;
}
#content_area .aec-custom-tab-april-content-wrapper .aec-container .aec-table th,
#content_area .aec-custom-tab-april-content-wrapper .aec-container .aec-table td{
  border: 1px solid #eee;
  padding: 12px;
  font-family: Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  font-size: 15px;
  line-height: 1.5;
  color: #464646;
}
#content_area .aec-custom-tab-april-content-wrapper .aec-container .aec-table th{background:#f7f7f7;}
/* GRID TEXT BLOCKS */
#content_area .aec-custom-tab-april-content-wrapper .aec-container .aec-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
  gap:15px;
}
@media(max-width:768px){
  #content_area .aec-custom-tab-april-content-wrapper .aec-container .aec-img-row img{width:100%;}
}
/*Category 12163 - aec-custom-tab-april-content - (https://www.fontanashowers.com/category-s/12163.htm) at 10-04-2026 End Here*/

/*Product sku fs18261 - Automatic-Sensor-Faucet-And-Soap-Dispenser - (https://www.fontanashowers.com/Dax-Stainless-Steel-Long-Automa-p/fs1851-sf.htm) at 17-04-2026 Start Here*/
#content_area .fs-volusion-wide-april-wrap .fs-volusion-wide-wrap,
#content_area .fs-volusion-wide-april-wrap .fs-volusion-wide-wrap .fs-aec-main,
#content_area .fs-volusion-wide-april-wrap .fs-volusion-wide-wrap .fs-aec-inner{
	width:100% !important;
	max-width:none !important;
	margin:0 !important;
	padding-left:0 !important;
	padding-right:0 !important;
}
/* BASE */
#content_area .fs-volusion-wide-april-wrap .fs-volusion-wide-wrap {
	width:100%;
	padding:20px;
	font-family:Arial,sans-serif;
	color:#16324f;
}
#content_area .fs-volusion-wide-april-wrap .fs-volusion-wide-wrap .fs-aec-main{
	background:linear-gradient(#f7fbff,#eef6ff);
	padding:40px;
}
#content_area .fs-volusion-wide-april-wrap .fs-volusion-wide-wrap .fs-aec-inner{
	width:100%;
}
/* HERO */
#content_area .fs-volusion-wide-april-wrap .fs-volusion-wide-wrap .fs-hero{
	display:grid;
	grid-template-columns:1.15fr .85fr;
	gap:25px;
	background:#fff;
	padding:28px;
	margin-bottom:25px;
	align-items:center;
	width:100%;
	border:1px solid #e2edf7;
	border-radius:14px;
	box-sizing:border-box;
}
#content_area .fs-volusion-wide-april-wrap .fs-volusion-wide-wrap .fs-hero > div:first-child{
	text-align:left !important;
	width:100%;
}
#content_area .fs-volusion-wide-april-wrap .fs-volusion-wide-wrap .fs-hero > div:first-child h1{
	text-align:left !important;
	margin-top:0;
}
#content_area .fs-volusion-wide-april-wrap .fs-volusion-wide-wrap .fs-hero > div:first-child h3{
	text-align:left !important;
	margin-top:0;
}
#content_area .fs-volusion-wide-april-wrap .fs-volusion-wide-wrap .fs-hero > div:first-child p{
	text-align:left !important;
	line-height:1.8 !important;
	margin:0 0 12px 0 !important;
	width:100% !important;
	max-width:none !important;
	display:block !important;
}
#content_area .fs-volusion-wide-april-wrap .fs-volusion-wide-wrap .fs-hero-media{
	display:flex;
	justify-content:flex-end;
}
#content_area .fs-volusion-wide-april-wrap .fs-volusion-wide-wrap .resizable-box{
	width:400px;
	min-width:200px;
	max-width:100%;
	border:none !important;
	background:transparent !important;
	overflow:hidden;
	box-shadow:none !important;
	outline:none !important;
}
#content_area .fs-volusion-wide-april-wrap .fs-volusion-wide-wrap .resizable-box img{
	width:100%;
	height:auto;
	display:block;
	border:none !important;
	outline:none !important;
	box-shadow:none !important;
}
#content_area .fs-volusion-wide-april-wrap .fs-volusion-wide-wrap .fs-grid-2{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:20px;
	margin-bottom:20px;
	width:100%;
}
#content_area .fs-volusion-wide-april-wrap .fs-volusion-wide-wrap .fs-card{
	background:#fff;
	padding:22px;
	border:1px solid #e2edf7;
	border-radius:14px;
}
#content_area .fs-volusion-wide-april-wrap .fs-volusion-wide-wrap .fs-card h3{
	margin-top:0;
	margin-bottom:10px;
}
#content_area .fs-volusion-wide-april-wrap .fs-volusion-wide-wrap .fs-card p{
	text-align:left !important;
	line-height:1.8;
}
#content_area .fs-volusion-wide-april-wrap .fs-volusion-wide-wrap .fs-left-card p{
	text-align:left !Important;
}
#content_area .fs-volusion-wide-april-wrap .fs-volusion-wide-wrap .fs-btn-readmore{
	display:inline-block;
	margin-top:14px;
	padding:10px 16px;
	background:#0d4f8b;
	color:#fff;
	font-size:13px;
	font-weight:700;
	border-radius:6px;
	text-decoration:none;
}
#content_area .fs-volusion-wide-april-wrap .fs-volusion-wide-wrap .fs-readmore summary{
	cursor:pointer;
	list-style:none;
}
#content_area .fs-volusion-wide-april-wrap .fs-volusion-wide-wrap .fs-readmore summary::-webkit-details-marker{
	display:none;
}
#content_area .fs-volusion-wide-april-wrap .fs-volusion-wide-wrap .fs-readmore div{
	font-family:Arial,sans-serif !important;
	color:#16324f !important;
	font-size:16px !important;
	line-height:1.8 !important;
	text-align:left !important;
	margin-top:14px;
}
#content_area .fs-volusion-wide-april-wrap .fs-volusion-wide-wrap .fs-center-image{
	margin:20px 0;
	text-align:center;
}
#content_area .fs-volusion-wide-april-wrap .fs-volusion-wide-wrap .fs-center-image img{
	width:100%;
	max-width:425px;
	border-radius:10px;
	display:inline-block;
}
#content_area .fs-volusion-wide-april-wrap .fs-volusion-wide-wrap .fs-media-info{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:20px;
	margin-bottom:20px;
	align-items:center;
	width:100%;
}
#content_area .fs-volusion-wide-april-wrap .fs-volusion-wide-wrap .fs-media-info p{
	text-align:left;
	line-height:1.8;
}
#content_area .fs-volusion-wide-april-wrap .fs-volusion-wide-wrap .fs-media-info img{
	width:100%;
	max-width:425px;
	border-radius:10px;
	display:block;
}
#content_area .fs-volusion-wide-april-wrap .fs-volusion-wide-wrap .fs-gallery{
	display:grid;
	grid-template-columns:repeat(2,1fr);
	gap:20px;
	margin:20px 0;
	width:100%;
}
#content_area .fs-volusion-wide-april-wrap .fs-volusion-wide-wrap .fs-gallery img{
	width:100%;
	border-radius:10px;
	display:block;
}
#content_area .fs-volusion-wide-april-wrap .fs-volusion-wide-wrap .fs-dark-block{
	background:#eef3f7;
	color:#16324f;
	padding:28px;
	margin-top:25px;
	width:100%;
	border-radius:14px;
	border:1px solid #dde6ef;
	box-shadow:0 8px 20px rgba(0,0,0,.04);
}
#content_area .fs-volusion-wide-april-wrap .fs-volusion-wide-wrap .fs-dark-block h3{
	margin-top:0;
	margin-bottom:15px;
}
#content_area .fs-volusion-wide-april-wrap .fs-volusion-wide-wrap .fs-dark-grid{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:10px;
	margin-top:15px;
}
#content_area .fs-volusion-wide-april-wrap .fs-volusion-wide-wrap .fs-dark-grid div{
	background:#ffffff;
	padding:12px;
	border-radius:8px;
	border:1px solid #dce8f4;
	color:#16324f;
}
#content_area .fs-volusion-wide-april-wrap .fs-volusion-wide-wrap .fs-cta{
	background:#eef3f7;
	color:#16324f;
	padding:30px;
	margin-top:25px;
	width:100%;
	border-radius:16px;
	border:1px solid #dde6ef;
	box-shadow:0 8px 20px rgba(0,0,0,.04);
}
#content_area .fs-volusion-wide-april-wrap .fs-volusion-wide-wrap .fs-cta h3{
	font-size:28px;
	margin-bottom:10px;
	margin-top:0;
}
#content_area .fs-volusion-wide-april-wrap .fs-volusion-wide-wrap .fs-cta p{
	text-align:left;
	line-height:1.8;
	margin-bottom:15px;
}
#content_area .fs-volusion-wide-april-wrap .fs-volusion-wide-wrap .fs-cta a{
	display:inline-block;
	padding:12px 22px;
	background:#0d4f8b;
	color:#fff;
	font-weight:700;
	text-decoration:none;
	border-radius:8px;
}
#content_area .fs-volusion-wide-april-wrap .fs-volusion-wide-wrap .fs-cta-inner{
	display:flex;
	justify-content:space-between;
	align-items:center;
	gap:30px;
	flex-wrap:wrap;
}
#content_area .fs-volusion-wide-april-wrap .fs-volusion-wide-wrap .fs-cta-text{
	flex:1;
	min-width:280px;
}
#content_area .fs-volusion-wide-april-wrap .fs-volusion-wide-wrap .fs-cta-benefits{
	display:flex;
	gap:15px;
	flex-wrap:wrap;
	font-size:14px;
	font-weight:600;
}
#content_area .fs-volusion-wide-april-wrap .fs-volusion-wide-wrap .fs-cta-benefits span{
	background:#fff;
	padding:8px 12px;
	border-radius:8px;
	border:1px solid #e2edf7;
}
#content_area .fs-volusion-wide-april-wrap .fs-volusion-wide-wrap .fs-cta-action{
	flex-shrink:0;
}
#content_area .fs-volusion-wide-april-wrap .fs-volusion-wide-wrap .fs-cta-btn:hover{
	background:#083a66;
}
#content_area .fs-volusion-wide-april-wrap .fs-volusion-wide-wrap .fs-related-block{
	background:#fff;
	padding:25px;
	margin-top:25px;
	border:1px solid #dce8f4;
	width:100%;
	border-radius:14px;
}
#content_area .fs-volusion-wide-april-wrap .fs-volusion-wide-wrap .fs-related-links{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:12px;
}
#content_area .fs-volusion-wide-april-wrap .fs-volusion-wide-wrap .fs-related-links a{
	display:block;
	background:#f8fbff;
	padding:14px;
	text-decoration:none;
	color:#0d4f8b;
	font-weight:700;
	border-radius:8px;
	border:1px solid #e2edf7;
}
#content_area .fs-volusion-wide-april-wrap .fs-volusion-wide-wrap .fs-flex-wrap{
	display:flex;
	gap:20px;
	align-items:flex-start;
	width:100%;
	flex-wrap:wrap;
}
#content_area .fs-volusion-wide-april-wrap .fs-volusion-wide-wrap .fs-split{
	display:flex;
	gap:20px;
	align-items:center;
	width:100%;
	flex-wrap:wrap;
}
#content_area .fs-volusion-wide-april-wrap .fs-volusion-wide-wrap .fs-left-card{
	flex:1;
	min-width:300px;
	background:#fff;
	padding:22px;
	border:1px solid #e2edf7;
	border-radius:14px;
	box-sizing:border-box;
}
#content_area .fs-volusion-wide-april-wrap .fs-volusion-wide-wrap .fs-left-card h3{
	margin-top:0;
}
#content_area .fs-volusion-wide-april-wrap .fs-volusion-wide-wrap .fs-right-image{
	flex:1;
	min-width:300px;
	text-align:right;
}
#content_area .fs-volusion-wide-april-wrap .fs-volusion-wide-wrap .fs-right-image img{
	width:425px;
	max-width:100%;
	height:auto;
	display:inline-block;
	border-radius:10px;
}
@media(max-width:900px){
	#content_area .fs-volusion-wide-april-wrap .fs-volusion-wide-wrap .fs-hero,
	#content_area .fs-volusion-wide-april-wrap .fs-volusion-wide-wrap .fs-grid-2,
	#content_area .fs-volusion-wide-april-wrap .fs-volusion-wide-wrap .fs-media-info,
	#content_area .fs-volusion-wide-april-wrap .fs-volusion-wide-wrap .fs-dark-grid,
	#content_area .fs-volusion-wide-april-wrap .fs-volusion-wide-wrap .fs-gallery,
	#content_area .fs-volusion-wide-april-wrap .fs-volusion-wide-wrap .fs-related-links{
		grid-template-columns:1fr;
	}
	#content_area .fs-volusion-wide-april-wrap .fs-volusion-wide-wrap .fs-hero-media{
		justify-content:flex-start;
	}
	#content_area .fs-volusion-wide-april-wrap .fs-volusion-wide-wrap .resizable-box{
		width:100%;
	}
	#content_area .fs-volusion-wide-april-wrap .fs-volusion-wide-wrap .fs-right-image{
		text-align:left;
	}
}
/*Product sku fs18261 - Automatic-Sensor-Faucet-And-Soap-Dispenser - (https://www.fontanashowers.com/Dax-Stainless-Steel-Long-Automa-p/fs1851-sf.htm) at 17-04-2026 End Here*/

/*Category 12188 - aec-project-authority-hub - (https://www.fontanashowers.com/Fontana-Commercial-Project-List-s/12188.htm) at 21-04-2026 Start Here*/
#content_area .fs-aec-project-authority-hub-wrapper .fs-aec-projects {
  font-family: Arial, Helvetica, sans-serif;
  background: linear-gradient(180deg, #f5fbff 0%, #eef6fb 100%);
  border: 1px solid #d7e7f2;
  border-radius: 18px;
  padding: 28px;
  color: #163247;
  box-shadow: 0 12px 34px rgba(17, 52, 76, 0.08);
  overflow: hidden;
  max-width: 1300px;
  width: 100%;
  margin: 0 auto;
}
#content_area .fs-aec-project-authority-hub-wrapper .fs-aec-projects  * { box-sizing: border-box; }
#content_area .fs-aec-project-authority-hub-wrapper .fs-aec-projects .fs-aec-header {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 22px;
  align-items: flex-start;
}
#content_area .fs-aec-project-authority-hub-wrapper .fs-aec-projects .fs-aec-header-main { max-width: 920px; }
#content_area .fs-aec-project-authority-hub-wrapper .fs-aec-projects .fs-aec-kicker {
  display: inline-block;
  margin-bottom: 10px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #2f6d90;
}
#content_area .fs-aec-project-authority-hub-wrapper .fs-aec-projects .fs-aec-title {
  margin: 0;
  font-size: 30px;
  line-height: 1.15;
  color: #0d2f45;
  letter-spacing: -0.02em;
}
#content_area .fs-aec-project-authority-hub-wrapper .fs-aec-projects .fs-aec-subtitle {
  margin: 10px 0 0;
  font-size: 14px;
  line-height: 1.7;
  color: #476477;
  max-width: 920px;
}
#content_area .fs-aec-project-authority-hub-wrapper .fs-aec-projects .fs-aec-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: flex-start;
}
#content_area .fs-aec-project-authority-hub-wrapper .fs-aec-projects .fs-aec-badge {
  background: #ffffff;
  border: 1px solid #d8e7f1;
  color: #184663;
  border-radius: 999px;
  padding: 8px 14px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}
#content_area .fs-aec-project-authority-hub-wrapper .fs-aec-projects .fs-aec-stats {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin: 0 0 22px;
}
#content_area .fs-aec-project-authority-hub-wrapper .fs-aec-projects .fs-aec-stat {
  background: #ffffff;
  border: 1px solid #d8e7f1;
  border-radius: 14px;
  padding: 16px;
}
#content_area .fs-aec-project-authority-hub-wrapper .fs-aec-projects .fs-aec-stat strong {
  display: block;
  font-size: 26px;
  line-height: 1;
  color: #103851;
  margin-bottom: 6px;
}
#content_area .fs-aec-project-authority-hub-wrapper .fs-aec-projects .fs-aec-stat span {
  display: block;
  font-size: 13px;
  line-height: 1.55;
  color: #4d6c80;
}
#content_area .fs-aec-project-authority-hub-wrapper .fs-aec-projects .fs-aec-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin: 0 0 22px;
}
#content_area .fs-aec-project-authority-hub-wrapper .fs-aec-projects .fs-aec-card {
  background: rgba(255,255,255,0.9);
  border: 1px solid #d8e7f1;
  border-radius: 16px;
  padding: 18px;
}
#content_area .fs-aec-project-authority-hub-wrapper .fs-aec-projects .fs-aec-card h2,
#content_area .fs-aec-project-authority-hub-wrapper .fs-aec-projects .fs-aec-card h3 {
  margin: 0 0 10px;
  font-size: 20px;
  line-height: 1.25;
  color: #103851;
}
#content_area .fs-aec-project-authority-hub-wrapper .fs-aec-projects .fs-aec-card p {
  margin: 0 0 12px;
  font-size: 14px;
  line-height: 1.65;
  color: #4b687a;
}
#content_area .fs-aec-project-authority-hub-wrapper .fs-aec-projects .fs-aec-links,
#content_area .fs-aec-project-authority-hub-wrapper .fs-aec-projects .fs-aec-mini-links {
  margin: 0;
  padding-left: 18px;
}
#content_area .fs-aec-project-authority-hub-wrapper .fs-aec-projects .fs-aec-links li,
#content_area .fs-aec-project-authority-hub-wrapper .fs-aec-projects .fs-aec-mini-links li {
  margin: 0 0 8px;
  color: #35566b;
  font-size: 14px;
  line-height: 1.55;
}
#content_area .fs-aec-project-authority-hub-wrapper .fs-aec-projects .fs-aec-links a,
#content_area .fs-aec-project-authority-hub-wrapper .fs-aec-projects .fs-aec-mini-links a,
#content_area .fs-aec-project-authority-hub-wrapper .fs-aec-projects .fs-aec-table .project a,
#content_area .fs-aec-project-authority-hub-wrapper .fs-aec-projects .fs-aec-inline-links a {
  color: #0d5c8b;
  text-decoration: none;
}
#content_area .fs-aec-project-authority-hub-wrapper .fs-aec-projects .fs-aec-links a:hover,
#content_area .fs-aec-project-authority-hub-wrapper .fs-aec-projects .fs-aec-mini-links a:hover,
#content_area .fs-aec-project-authority-hub-wrapper .fs-aec-projects .fs-aec-table .project a:hover,
#content_area .fs-aec-project-authority-hub-wrapper .fs-aec-projects .fs-aec-inline-links a:hover {
  text-decoration: underline;
}
#content_area .fs-aec-project-authority-hub-wrapper .fs-aec-projects .fs-aec-section-title {
  margin: 0 0 14px;
  font-size: 24px;
  line-height: 1.2;
  color: #103851;
}
#content_area .fs-aec-project-authority-hub-wrapper .fs-aec-projects .fs-aec-section-intro {
  margin: 0 0 18px;
  font-size: 14px;
  line-height: 1.7;
  color: #4b687a;
}
#content_area .fs-aec-project-authority-hub-wrapper .fs-aec-projects .fs-aec-table-wrap {
  overflow-x: auto;
  border-radius: 16px;
  border: 1px solid #d6e4ef;
  background: #ffffff;
  margin-bottom: 22px;
}
#content_area .fs-aec-project-authority-hub-wrapper .fs-aec-projects .fs-aec-table {
  width: 100%;
  min-width: 980px;
  border-collapse: collapse;
}
#content_area .fs-aec-project-authority-hub-wrapper .fs-aec-projects .fs-aec-table thead th {
  background: #13384d;
  color: #ffffff;
  text-align: left;
  padding: 14px 16px;
  font-size: 13px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  position: sticky;
  top: 0;
}
#content_area .fs-aec-project-authority-hub-wrapper .fs-aec-projects .fs-aec-table tbody tr:nth-child(even) {
  background: #f8fcff;
}
#content_area .fs-aec-project-authority-hub-wrapper .fs-aec-projects .fs-aec-table tbody tr:hover {
  background: #eef7fd;
}
#content_area .fs-aec-project-authority-hub-wrapper .fs-aec-projects .fs-aec-table td {
  padding: 13px 16px;
  border-top: 1px solid #e6eef4;
  vertical-align: top;
  font-size: 14px;
  line-height: 1.55;
}
#content_area .fs-aec-project-authority-hub-wrapper .fs-aec-projects .fs-aec-table .num {
  width: 56px;
  color: #5c7789;
  font-weight: 700;
  white-space: nowrap;
}
#content_area .fs-aec-project-authority-hub-wrapper .fs-aec-projects .fs-aec-table .project {
  width: 34%;
  font-weight: 700;
}
#content_area .fs-aec-project-authority-hub-wrapper .fs-aec-projects .fs-aec-table .role {
  color: #35566b;
}
#content_area .fs-aec-project-authority-hub-wrapper .fs-aec-projects .fs-aec-note {
  margin-top: 0;
  padding: 14px 16px;
  border-left: 4px solid #7cb8dc;
  background: #f7fbfe;
  border-radius: 10px;
  color: #486879;
  font-size: 13px;
  line-height: 1.65;
}
#content_area .fs-aec-project-authority-hub-wrapper .fs-aec-projects .fs-aec-inline-links {
  margin-top: 10px;
  font-size: 14px;
  line-height: 1.7;
  color: #4b687a;
}
@media (max-width: 991px) {
  #content_area .fs-aec-project-authority-hub-wrapper .fs-aec-projects .fs-aec-grid,
  #content_area .fs-aec-project-authority-hub-wrapper .fs-aec-projects .fs-aec-stats {
	grid-template-columns: 1fr;
  }
}
@media (max-width: 767px) {
  #content_area .fs-aec-project-authority-hub-wrapper .fs-aec-projects  {
	padding: 18px;
	border-radius: 14px;
  }
  #content_area .fs-aec-project-authority-hub-wrapper .fs-aec-projects .fs-aec-title {
	font-size: 24px;
  }
  #content_area .fs-aec-project-authority-hub-wrapper .fs-aec-projects .fs-aec-section-title {
	font-size: 21px;
  }
}
/*Category 12188 - aec-project-authority-hub - (https://www.fontanashowers.com/Fontana-Commercial-Project-List-s/12188.htm) at 21-04-2026 End Here*/

/*Category 2068 - auto-soap-dispensers - (https://www.fontanashowers.com/auto-soap-dispensers-s/2068.htm) at 22-04-2026 Start Here*/
/*fs-soap-authority-hub*/
#content_area .fs-soap-authority-hub-wrapper .fs-soap-authority-hub{
font-family:Inter,Arial,sans-serif;
background:linear-gradient(180deg,#f7fbff,#eef6ff);
padding:40px 0;
color:#0f172a;
}
#content_area .fs-soap-authority-hub-wrapper .fs-soap-authority-hub .container{
max-width:1300px;
margin:auto;
padding:0 20px;
}
#content_area .fs-soap-authority-hub-wrapper .fs-soap-authority-hub h1{
font-size:42px;
margin-bottom:15px;
letter-spacing:-1px;
}
#content_area .fs-soap-authority-hub-wrapper .fs-soap-authority-hub h2{
font-size:28px;
margin:30px 0 10px;
}
#content_area .fs-soap-authority-hub-wrapper .fs-soap-authority-hub p{
font-size:16px;
line-height:1.7;
color:#334155;
}
#content_area .fs-soap-authority-hub-wrapper .fs-soap-authority-hub .grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:20px;
margin-top:25px;
}
#content_area .fs-soap-authority-hub-wrapper .fs-soap-authority-hub .card{
background:white;
border-radius:16px;
padding:22px;
border:1px solid rgba(0,0,0,.06);
box-shadow:0 8px 20px rgba(0,0,0,.04);
}
#content_area .fs-soap-authority-hub-wrapper .fs-soap-authority-hub .card a{
font-weight:700;
text-decoration:none;
color:#0f172a;
}
#content_area .fs-soap-authority-hub-wrapper .fs-soap-authority-hub .pill{
display:inline-block;
background:#e7f3ff;
padding:6px 12px;
border-radius:999px;
font-size:12px;
margin:4px;
font-weight:600;
}
@media(max-width:1000px){
#content_area .fs-soap-authority-hub-wrapper .fs-soap-authority-hub .grid{grid-template-columns:1fr;}
}
/* explore-other-categories-tf-wrapper */
#content_area .explore-other-categories-tf-wrapper .section-container {
    text-align: center;
    padding: 20px;
}
#content_area .explore-other-categories-tf-wrapper .section-container .section-heading {
    font-weight: 700;
    color: rgb(111, 120, 128);
    font-family: Montserrat-Light, Arial, Helvetica, sans-serif;
    font-size: 28px;
    margin-bottom: 15px;
}
#content_area .explore-other-categories-tf-wrapper .section-container .links-wrapper {
    text-align: center;
}
#content_area .explore-other-categories-tf-wrapper .section-container .category-link {
    display: block;
    font-size: 24px;
    color: rgb(111, 120, 128);
    font-family: Montserrat-Light, Arial, Helvetica, sans-serif;
    text-decoration: none;
    margin: 5px 0;
}
#content_area .explore-other-categories-tf-wrapper .section-container .category-link:hover {
    text-decoration: underline;
}
#content_area .explore-other-categories-tf-wrapper .section-container .empty-link {
    display: none;
}
@media (max-width: 768px) {
    #content_area .explore-other-categories-tf-wrapper .section-container .section-heading {
        font-size: 22px;
    }
    #content_area .explore-other-categories-tf-wrapper .section-container .category-link {
        font-size: 20px;
    }
}
@media (max-width: 480px) {
    #content_area .explore-other-categories-tf-wrapper .section-container .section-heading {
        font-size: 18px;
    }
    #content_area .explore-other-categories-tf-wrapper .section-container .category-link {
        font-size: 18px;
    }
}
/* zara-chips-april-wrapper zara-chips sections in april*/
#content_area .zara-chips-april-wrapper {
  font-family: 'Inter', sans-serif;
  margin: 20px;
  background: #fff;
  color: #333;
}
#content_area .zara-chips-april-wrapper section {
  text-align: center;
  margin-bottom: 30px;
}
#content_area .zara-chips-april-wrapper h2 {
  margin-bottom: 20px;
  font-size: 22px;
}
#content_area .zara-chips-april-wrapper .zara-chips {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  margin-bottom: 20px;
}
#content_area .zara-chips-april-wrapper .zara-chips a {
  display: inline-block;
  padding: 8px 14px;
  border-radius: 20px;
  background: #f2f2f2;
  text-decoration: none;
  color: #333;
  font-size: 14px;
  transition: background 0.3s, color 0.3s;
}
#content_area .zara-chips-april-wrapper .zara-chips a:hover {
  background: #333;
  color: #fff;
}
#content_area .zara-chips-april-wrapper .hidden-section {
  display: none;
}
#content_area .zara-chips-april-wrapper .read-more-btn {
  display: inline-block;
  padding: 8px 16px;
  margin: 15px auto;
  border: none;
  background: #333;
  color: #fff;
  border-radius: 6px;
  font-size: 14px;
  cursor: pointer;
  transition: background 0.3s;
}
#content_area .zara-chips-april-wrapper .read-more-btn:hover {
  background: #000;
}
/* fs2-page-april-wrapper */
#content_area .fs2-page-april-wrapper .fs2-page {
background:#f6f7f9;
color:#111;
font-family:Arial,Helvetica,sans-serif;
line-height:1.65;
padding:16px 0;
}
#content_area .fs2-page-april-wrapper .fs2-page .fs2-wrap{max-width:1180px;margin:0 auto;padding:0 16px;}
#content_area .fs2-page-april-wrapper .fs2-page .fs2-card{
background:#ffffff;
border:1px solid rgba(17,17,17,.12);
border-radius:18px;
box-shadow:0 14px 40px rgba(0,0,0,.10);
overflow:hidden;
}
/* HERO */
#content_area .fs2-page-april-wrapper .fs2-page .fs2-hero{
padding:18px;
border-bottom:1px solid rgba(17,17,17,.12);
background:
  radial-gradient(900px 260px at 20% 0%, rgba(0,0,0,.06), rgba(0,0,0,0)),
  linear-gradient(180deg, rgba(0,0,0,.03), rgba(0,0,0,0));
}
#content_area .fs2-page-april-wrapper .fs2-page .fs2-kicker{
margin:0 0 6px;
font-size:12px;
letter-spacing:.12em;
text-transform:uppercase;
color:#5a6473;
}
#content_area .fs2-page-april-wrapper .fs2-page .fs2-title{
margin:0;
font-size:30px;
line-height:1.15;
letter-spacing:-.02em;
}
#content_area .fs2-page-april-wrapper .fs2-page .fs2-sub{margin:10px 0 0;color:#5a6473;font-size:15px;max-width:980px;}
#content_area .fs2-page-april-wrapper .fs2-page .fs2-ctaRow{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px;}
#content_area .fs2-page-april-wrapper .fs2-page .fs2-btn{
display:inline-flex;
align-items:center;
gap:8px;
padding:10px 12px;
border-radius:999px;
border:1px solid rgba(17,17,17,.12);
background:#fff;
color:#111;
text-decoration:none !important;
font-weight:900;
font-size:13px;
line-height:1;
box-shadow:0 10px 18px rgba(0,0,0,.06);
}
#content_area .fs2-page-april-wrapper .fs2-page .fs2-btn:hover{transform:translateY(-1px);}
/* CONTENT */
#content_area .fs2-page-april-wrapper .fs2-page .fs2-body{padding:16px 18px 18px;}
#content_area .fs2-page-april-wrapper .fs2-page .fs2-split{
display:grid;
grid-template-columns: 1.2fr .8fr;
gap:12px;
margin-top:12px;
align-items:start;
}
@media (max-width: 980px){ #content_area .fs2-page-april-wrapper .fs2-page .fs2-split{grid-template-columns:1fr;} }
#content_area .fs2-page-april-wrapper .fs2-page .fs2-panel{
border:1px solid rgba(17,17,17,.12);
border-radius:16px;
padding:12px;
background:linear-gradient(180deg, rgba(0,0,0,.02), rgba(0,0,0,0));
}
#content_area .fs2-page-april-wrapper .fs2-page .fs2-panel h3{margin:0 0 8px;font-size:16px;letter-spacing:-.01em;}
#content_area .fs2-page-april-wrapper .fs2-page .fs2-panel p{margin:0;color:#111;}
#content_area .fs2-page-april-wrapper .fs2-page .fs2-panel p + p{margin-top:10px;}
#content_area .fs2-page-april-wrapper .fs2-page .fs2-media{
border:1px solid rgba(17,17,17,.12);
border-radius:16px;
overflow:hidden;
background:#fff;
}
#content_area .fs2-page-april-wrapper .fs2-page .fs2-media img{display:block;width:100%;height:auto;}
/* FEATURE STRIP */
#content_area .fs2-page-april-wrapper .fs2-page .fs2-feats{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:10px;
margin-top:12px;
}
@media (max-width: 980px){ #content_area .fs2-page-april-wrapper .fs2-page .fs2-feats{grid-template-columns:1fr 1fr;} }
@media (max-width: 520px){ #content_area .fs2-page-april-wrapper .fs2-page .fs2-feats{grid-template-columns:1fr;} }
#content_area .fs2-page-april-wrapper .fs2-page .fs2-feat{
border:1px solid rgba(17,17,17,.12);
border-radius:16px;
padding:12px;
background:#fff;
box-shadow:0 10px 18px rgba(0,0,0,.06);
}
#content_area .fs2-page-april-wrapper .fs2-page .fs2-feat strong{
display:flex;
align-items:center;
gap:8px;
font-size:14px;
margin-bottom:6px;
}
#content_area .fs2-page-april-wrapper .fs2-page .fs2-ico{
width:28px;height:28px;border-radius:10px;
display:inline-flex;align-items:center;justify-content:center;
border:1px solid rgba(17,17,17,.12);
background:linear-gradient(180deg, rgba(0,0,0,.02), rgba(0,0,0,0));
flex:0 0 28px;
}
#content_area .fs2-page-april-wrapper .fs2-page .fs2-feat span{display:block;color:#5a6473;font-size:13px;}
/* TWO PROMO BLOCKS */
#content_area .fs2-page-april-wrapper .fs2-page .fs2-promoGrid{
margin-top:14px;
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
}
@media (max-width: 980px){ #content_area .fs2-page-april-wrapper .fs2-page .fs2-promoGrid{grid-template-columns:1fr;} }
#content_area .fs2-page-april-wrapper .fs2-page .fs2-promo{
display:grid;
grid-template-columns: 1.05fr .95fr;
gap:12px;
border:1px solid rgba(17,17,17,.12);
border-radius:16px;
overflow:hidden;
background:#fff;
box-shadow:0 10px 18px rgba(0,0,0,.06);
}
@media (max-width: 680px){ #content_area .fs2-page-april-wrapper .fs2-page .fs2-promo{grid-template-columns:1fr;} }
#content_area .fs2-page-april-wrapper .fs2-page .fs2-promoTxt{padding:12px;}
#content_area .fs2-page-april-wrapper .fs2-page .fs2-promoTxt h3{margin:0 0 8px;font-size:18px;letter-spacing:-.01em;}
#content_area .fs2-page-april-wrapper .fs2-page .fs2-promoTxt p{margin:0;color:#111;}
#content_area .fs2-page-april-wrapper .fs2-page .fs2-promoTxt .fs2-miniCta{margin-top:10px;}
#content_area .fs2-page-april-wrapper .fs2-page .fs2-promoImg{background:#fff;border-left:1px solid rgba(17,17,17,.12);}
@media (max-width: 680px){ #content_area .fs2-page-april-wrapper .fs2-page .fs2-promoImg{border-left:0;border-top:1px solid rgba(17,17,17,.12);} }
#content_area .fs2-page-april-wrapper .fs2-page .fs2-promoImg img{display:block;width:100%;height:auto;}
/* LONG SECTION */
#content_area .fs2-page-april-wrapper .fs2-page .fs2-section{
margin-top:14px;
padding-top:14px;
border-top:1px solid rgba(17,17,17,.12);
}
#content_area .fs2-page-april-wrapper .fs2-page .fs2-section h2{
margin:0 0 10px;
font-size:20px;
letter-spacing:-.01em;
}
#content_area .fs2-page-april-wrapper .fs2-page .fs2-section p{margin:0 0 10px;color:#111;}
#content_area .fs2-page-april-wrapper .fs2-page .fs2-section p:last-child{margin-bottom:0;}
/* Read more toggle */
#content_area .fs2-page-april-wrapper .fs2-page .fs2-toggleWrap{margin-top:12px;text-align:center;}
#content_area .fs2-page-april-wrapper .fs2-page .fs2-toggleBtn{
display:inline-flex;align-items:center;justify-content:center;
padding:10px 14px;border-radius:999px;border:1px solid rgba(17,17,17,.12);
background:#fff;color:#111;text-decoration:none !important;
font-weight:900;font-size:13px;box-shadow:0 10px 18px rgba(0,0,0,.06);
cursor:pointer;
}
#content_area .fs2-page-april-wrapper .fs2-page .fs2-hidden{display:none;}
/* tf-page-april-wrapper */
#content_area .tf-page-april-wrapper .tf-page {
background:#f6f7f9;
color:#111;
font-family:Arial,Helvetica,sans-serif;
line-height:1.65;
padding:16px 0;
}
#content_area .tf-page-april-wrapper .tf-page .tf-wrap{max-width:1180px;margin:0 auto;padding:0 16px;}
#content_area .tf-page-april-wrapper .tf-page .tf-card{
background:#ffffff;
border:1px solid rgba(17,17,17,.12);
border-radius:18px;
box-shadow:0 14px 40px rgba(0,0,0,.10);
overflow:hidden;
}
#content_area .tf-page-april-wrapper .tf-page .tf-head{
display:grid;
grid-template-columns: 64px 1fr auto;
gap:12px;
align-items:center;
padding:16px 18px;
border-bottom:1px solid rgba(17,17,17,.12);
background:
  radial-gradient(900px 260px at 20% 0%, rgba(0,0,0,.06), rgba(0,0,0,0)),
  linear-gradient(180deg, rgba(0,0,0,.03), rgba(0,0,0,0));
}
@media (max-width:720px){
#content_area .tf-page-april-wrapper .tf-page .tf-head{grid-template-columns:64px 1fr;grid-auto-rows:auto}
#content_area .tf-page-april-wrapper .tf-page .tf-pill{justify-self:start}
}
#content_area .tf-page-april-wrapper .tf-page .tf-logo{
width:54px;height:54px;border-radius:16px;
display:flex;align-items:center;justify-content:center;
border:1px solid rgba(17,17,17,.12);
background:#fff;
overflow:hidden;
}
#content_area .tf-page-april-wrapper .tf-page .tf-logo img{width:40px;height:auto;display:block}
#content_area .tf-page-april-wrapper .tf-page .tf-titleBox{min-width:0;}
#content_area .tf-page-april-wrapper .tf-page .tf-kicker{
margin:0 0 4px;
font-size:12px;
letter-spacing:.12em;
text-transform:uppercase;
color:#5a6473;
}
#content_area .tf-page-april-wrapper .tf-page .tf-title{
margin:0;
font-size:26px;
letter-spacing:-.02em;
line-height:1.15;
}
#content_area .tf-page-april-wrapper .tf-page .tf-sub{
margin:6px 0 0;
color:#5a6473;
font-size:14px;
}
#content_area .tf-page-april-wrapper .tf-page .tf-pill{
display:inline-flex;
align-items:center;
gap:8px;
padding:10px 12px;
border-radius:999px;
border:1px solid rgba(17,17,17,.12);
background:#fff;
color:#111;
text-decoration:none !important;
font-weight:900;
font-size:13px;
line-height:1;
box-shadow:0 10px 18px rgba(0,0,0,.06);
cursor:pointer;
user-select:none;
}
#content_area .tf-page-april-wrapper .tf-page .tf-pill:hover{transform:translateY(-1px);}
/* Intro text */
#content_area .tf-page-april-wrapper .tf-page .tf-body{padding:14px 18px 18px;}
#content_area .tf-page-april-wrapper .tf-page .tf-lead{
margin:0;
color:#111;
font-size:15px;
}
/* Quick links row */
#content_area .tf-page-april-wrapper .tf-page .tf-links{
display:flex;
flex-wrap:wrap;
gap:10px;
margin-top:12px;
}
#content_area .tf-page-april-wrapper .tf-page .tf-btn{
display:inline-flex;
align-items:center;
gap:8px;
padding:10px 12px;
border-radius:999px;
border:1px solid rgba(17,17,17,.12);
background:#fff;
color:#111;
text-decoration:none !important;
font-weight:900;
font-size:13px;
line-height:1;
box-shadow:0 10px 18px rgba(0,0,0,.06);
}
#content_area .tf-page-april-wrapper .tf-page .tf-btn:hover{transform:translateY(-1px);}
/* Collapsible section (Read More) */
#content_area .tf-page-april-wrapper .tf-page .tf-more{margin-top:12px;}
#content_area .tf-page-april-wrapper .tf-page .tf-hidden{display:none;}
/* Cards */
#content_area .tf-page-april-wrapper .tf-page .tf-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:12px;
margin-top:12px;
}
@media (max-width:980px){ #content_area .tf-page-april-wrapper .tf-page .tf-grid{grid-template-columns:1fr;} }
#content_area .tf-page-april-wrapper .tf-page .tf-item{
border:1px solid rgba(17,17,17,.12);
border-radius:16px;
background:#fff;
box-shadow:0 10px 18px rgba(0,0,0,.06);
padding:12px;
}
#content_area .tf-page-april-wrapper .tf-page .tf-item h4{
margin:0 0 8px;
font-size:16px;
letter-spacing:-.01em;
}
#content_area .tf-page-april-wrapper .tf-page .tf-item p{margin:0;color:#5a6473;font-size:14px;}
#content_area .tf-page-april-wrapper .tf-page .tf-item p + p{margin-top:10px;}
#content_area .tf-page-april-wrapper .tf-page .tf-item a{
color:#111;
text-decoration:none !important;
border-bottom:1px solid rgba(0,0,0,.25);
font-weight:900;
}
#content_area .tf-page-april-wrapper .tf-page .tf-item a:hover{border-bottom-color:#111;}
/* Media inside cards */
#content_area .tf-page-april-wrapper .tf-page .tf-figure{
margin:10px 0 0;
border:1px solid rgba(17,17,17,.12);
border-radius:14px;
overflow:hidden;
background:#fff;
}
#content_area .tf-page-april-wrapper .tf-page .tf-figure img{width:100%;height:auto;display:block}
#content_area .tf-page-april-wrapper .tf-page .tf-note{
margin-top:12px;
padding:12px;
border-radius:16px;
border:1px solid rgba(17,17,17,.12);
background:linear-gradient(180deg, rgba(0,0,0,.02), rgba(0,0,0,0));
color:#111;
}
#content_area .tf-page-april-wrapper .tf-page .tf-note strong{display:block;margin-bottom:6px;}
/*Category 2068 - auto-soap-dispensers - (https://www.fontanashowers.com/auto-soap-dispensers-s/2068.htm) at 22-04-2026 End Here*/

/*Category 12246 - fs-prefooter-tabs-aec - (https://www.fontanashowers.com/Template-design-for-linking-s/12246.htm) at 11-05-2026 Start Here*/
#content_area .fs-prefooter-tabs-aec .fs-prefooter-content p,
#content_area .fs-prefooter-tabs-aec .fs-prefooter-content h3{
    text-align:left !important;
}
/* MAIN WRAPPER */
#content_area .fs-prefooter-tabs-aec{
    background:linear-gradient(135deg,#eef8ff 0%,#f8fcff 45%,#e6f4ff 100%);
    padding:33px 36px 10px;
    font-family:Arial,Helvetica,sans-serif;
}
#content_area .fs-prefooter-tabs-aec .fs-prefooter-tabs-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    border-bottom:1px solid #b8d8ef;
}
#content_area .fs-prefooter-tabs-aec .fs-prefooter-tab{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:35px;
    padding:0 48px 48px 0;
    text-decoration:none;
}
#content_area .fs-prefooter-tabs-aec .fs-prefooter-tab + .fs-prefooter-tab{
    border-left:1px solid #7fb6d8;
    padding-left:48px;
}
#content_area .fs-prefooter-tabs-aec .fs-prefooter-content{
    width:100%;
}
#content_area .fs-prefooter-tabs-aec .fs-prefooter-content h3{
    margin:0 0 12px !important;
    font-size:18px !important;
    font-weight:700 !important;
    color:#073b63 !important;
    line-height:1.3 !important;
}
#content_area .fs-prefooter-tabs-aec .fs-prefooter-content p{
    margin:0 !important;
    font-size:15px !important;
    line-height:1.7 !important;
    color:#284b63 !important;
}
#content_area .fs-prefooter-tabs-aec .fs-prefooter-arrow{
    font-size:38px;
    line-height:1;
    font-weight:300;
    color:#0b74b8;
    flex-shrink:0;
    margin-top:25px;
}
@media(max-width:768px){
    #content_area .fs-prefooter-tabs-aec .fs-prefooter-tabs-grid{
        grid-template-columns:1fr;
    }
    #content_area .fs-prefooter-tabs-aec .fs-prefooter-tab{
        padding:25px 0;
    }
    #content_area .fs-prefooter-tabs-aec .fs-prefooter-tab + .fs-prefooter-tab{
        border-left:0;
        padding-left:0;
        border-top:1px solid #b8d8ef;
    }
}
/*Category 12246 - fs-prefooter-tabs-aec - (https://www.fontanashowers.com/Template-design-for-linking-s/12246.htm) at 11-05-2026 End Here*/

/* FS 6 images boxes (feature-custom-may-wrapper) at 12-05-2026 Start Here */
#content_area .feature-custom-may-wrapper .inner {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	gap: 10px;
	flex-wrap: wrap;
}
#content_area .feature-custom-may-wrapper .inner .box {
	width: calc(16.667% - 10px);
}
#content_area .feature-custom-may-wrapper .inner .box a {
	display: block;
	transition: 0.3s ease;
}
#content_area .feature-custom-may-wrapper .inner .box a:hover .image-detail img {
	transform: scale(1.08);
	transition: 0.3s ease;
}
#content_area .feature-custom-may-wrapper .inner .box .image-detail {
	position: relative;
	display: block;
	overflow: hidden;
	border-radius: 5px;
}
#content_area .feature-custom-may-wrapper .inner .box .image-detail img {
	aspect-ratio: 1;
	object-fit: cover;
}
#content_area .feature-custom-may-wrapper .inner .box .text-info {
	position: absolute;
	top: inherit;
	bottom: 10px;
	left: 10px;
	right: 10px;
	margin: 0 auto;
	width: fit-content;
	background: #fff;
	border-radius: 15px;
	font-size: 14px;
	padding: 5px 10px;
	line-height: normal;
}
@media (max-width: 1100px) {
	#content_area .feature-custom-may-wrapper .inner .box {
		width: calc(33.333% - 10px);
	}
}
@media (max-width: 550px) {
	#content_area .feature-custom-may-wrapper .inner .box {
		width: calc(50% - 10px);
	}
}
@media (max-width: 550px) {
	#content_area .feature-custom-may-wrapper .inner .box {
		width: 100%;
	}
}
/* FS 6 images boxes (feature-custom-may-wrapper) at 12-05-2026 End Here */

/* Category 12291 -- Hospitality-Design-03 (https://www.fontanashowers.com/category-s/12291.htm) at 03-06-2026 Start Here*/
#content_area .Hospitality-Design-03-zee-gradient{
    position:absolute;
    left:0;
    bottom:0;
    width:60%;
    height:55%;
    background:linear-gradient(
        135deg,
        rgba(0,0,0,.55) 0%,
        rgba(0,0,0,.25) 45%,
        rgba(0,0,0,0) 100%
    );
}

#content_area .Hospitality-Design-03-zee-glass-card{
    position:absolute;
    left:60px;
    bottom:60px;
    width:520px;
    max-width:42%;
    background:rgba(255,255,255,.10);
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
    border:1px solid rgba(255,255,255,.20);
    border-radius:24px;
    padding:40px;
}

#content_area .Hospitality-Design-03-zee-glass-title{
    margin:0;
    color:#6AA8FF;
    font-family:Georgia,'Times New Roman',serif;
    font-size:52px;
    font-weight:500;
    line-height:1.1;
    text-shadow:0 2px 12px rgba(0,0,0,.55);
}

#content_area .Hospitality-Design-03-zee-glass-subtitle{
    margin:10px 0 24px;
    color:#6AA8FF;
    font-size:14px;
    font-weight:700;
    letter-spacing:5px;
    text-transform:uppercase;
    text-shadow:0 2px 10px rgba(0,0,0,.55);
}

#content_area .Hospitality-Design-03-zee-glass-text{
    margin:0;
    color:#ffffff;
    font-size:18px;
    line-height:1.9;
    text-shadow:0 2px 12px rgba(0,0,0,.65);
}

#content_area .Hospitality-Design-03-zee-wrapper{
    max-width:1600px;
    margin:40px auto;
    padding:20px;
    font-family:Arial,Helvetica,sans-serif;
}

#content_area .Hospitality-Design-03-zee-hero{
    position:relative;
    overflow:hidden;
    border-radius:24px;
    box-shadow:0 20px 60px rgba(0,0,0,.18);
}

#content_area .Hospitality-Design-03-zee-image{
    width:100%;
    display:block;
}

#content_area .Hospitality-Design-03-zee-brand{
    position:absolute;
    top:40px;
    right:60px;
    font-family:Georgia,'Times New Roman',serif;
    font-size:90px;
    font-style:italic;
    color:rgba(255,255,255,.85);
    text-shadow:0 3px 12px rgba(0,0,0,.35);
    letter-spacing:1px;
    line-height:1;
}

#content_area .Hospitality-Design-03-zee-brand-small{
    font-size:18px;
    font-style:normal;
    letter-spacing:4px;
    text-transform:uppercase;
    text-align:center;
    margin-top:4px;
}

#content_area .Hospitality-Design-03-zee-contributor-card{
    position:absolute;
    left:60px;
    bottom:60px;
    width:500px;
    max-width:42%;
    background:rgba(255,255,255,.22);
    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);
    border:1px solid rgba(255,255,255,.35);
    border-radius:24px;
    padding:40px;
}

#content_area .Hospitality-Design-03-zee-contributor-title {
	margin: 0 !important;
	color: #ffffff !important;
	font-family: Georgia,'Times New Roman',serif !important;
	font-size: 52px !important;
	font-weight: 500 !important;
	line-height: 1.1 !important;
	text-shadow: 0 2px 10px rgba(0,0,0,.25) !important;
}

#content_area .Hospitality-Design-03-zee-contributor-subtitle{
    margin:10px 0 24px;
    color:#4c96ff;
    font-size:14px;
    font-weight:700;
    letter-spacing:5px;
    text-transform:uppercase;
}

#content_area .Hospitality-Design-03-zee-contributor-text{
    margin:0 !important;
    color:#ffffff !important;
    font-size:18px !important;
    line-height:1.8 !important;
    text-shadow:0 1px 6px rgba(0,0,0,.25) !important;
	text-align: justify !important;
}

#content_area .Hospitality-Design-03-zee-spacer{
    margin:80px 0;
}

#content_area .Hospitality-Design-03-zee-profile-wrap{
    max-width:1600px;
    margin:0 auto;
    padding:24px;
    background:#f7fbff;
    border:1px solid #d7e8ff;
    border-radius:20px;
    font-family:Arial,Helvetica,sans-serif;
}

#content_area .Hospitality-Design-03-zee-profile-card{
    display:flex;
    gap:0;
    align-items:stretch;
    background:#fff;
    border-radius:16px;
    overflow:hidden;
    box-shadow:0 10px 30px rgba(30,90,160,.08);
}

#content_area .Hospitality-Design-03-zee-profile-image-col{
    width:32%;
    min-width:320px;

}

#content_area .Hospitality-Design-03-zee-profile-image{
    width:100%;
    height:100%;
    object-fit:cover;

    display:block;
}

#content_area .Hospitality-Design-03-zee-profile-content{
    width:68%;
    padding:48px 56px;
    border:1px solid #cfe3ff;
    border-radius:14px;
    margin:4px;
    position:relative;
    box-sizing:border-box;
}

#content_area .Hospitality-Design-03-zee-logo{
    position:absolute;
    top:28px;
    right:56px;
    width:210px;
    max-width:28%;
    height:auto;
}

#content_area .Hospitality-Design-03-zee-profile-title{
    margin:0 0 6px;
    color:#002855;
    font-family:Georgia,'Times New Roman',serif;
    font-size:42px;
    font-weight:500;
    line-height:1.1;
}

#content_area .Hospitality-Design-03-zee-profile-subtitle{
    margin-bottom:28px;
    color:#4c96ff;
    font-size:16px;
    font-weight:700;
    letter-spacing:7px;
    text-transform:uppercase;
}

#content_area .Hospitality-Design-03-zee-profile-flex{
    display:flex;
    gap:34px;
    align-items:flex-start;
}

#content_area .Hospitality-Design-03-zee-profile-bar{
    width:5px;
    height:142px;
    background:#4c96ff;
    border-radius:4px;
    margin-top:48px;
}

#content_area .Hospitality-Design-03-zee-profile-text-wrap{
    max-width:880px;
}

#content_area .Hospitality-Design-03-zee-profile-text {
	margin: 0;
	color: #4e6682 !important;
	font-size: 17px !important;
	line-height: 1.85 !important;
	text-align: justify !important;
}

#content_area .Hospitality-Design-03-zee-socials{
    margin-top:28px;
    display:flex;
    gap:14px;
    align-items:center;
}

#content_area .Hospitality-Design-03-zee-social{
    width:44px;
    height:44px;
    border:1px solid #cfe3ff;
    border-radius:10px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    color:#4c96ff;
    text-decoration:none;
    font-weight:bold;
}

#content_area .Hospitality-Design-03-zee-social-facebook{
    font-size:22px;
}

#content_area .Hospitality-Design-03-zee-social-instagram{
    font-size:20px;
}

#content_area .Hospitality-Design-03-zee-social-youtube{
    font-size:18px;
}

/* ===========================
   Responsive
   =========================== */

@media (max-width:991px){

    #content_area .Hospitality-Design-03-zee-brand{
        font-size:60px;
        right:30px;
    }

    #content_area .Hospitality-Design-03-zee-contributor-card,
    #content_area .Hospitality-Design-03-zee-glass-card{
        left:30px;
        bottom:30px;
        max-width:60%;
    }

    #content_area .Hospitality-Design-03-zee-profile-card{
        flex-direction:column;
    }

    #content_area .Hospitality-Design-03-zee-profile-image-col,
    #content_area .Hospitality-Design-03-zee-profile-content{
        width:100%;
    }
}

@media (max-width:767px){

    #content_area .Hospitality-Design-03-zee-brand{
        font-size:36px;
        top:20px;
        right:20px;
    }

    #content_area .Hospitality-Design-03-zee-glass-card,
    #content_area .Hospitality-Design-03-zee-contributor-card{
        position:relative;
        left:auto;
        bottom:auto;
        max-width:100%;
        width:auto;
        margin:20px;
        padding:24px;
    }

    #content_area .Hospitality-Design-03-zee-glass-title,
    #content_area .Hospitality-Design-03-zee-contributor-title{
        font-size:34px !important;
		color:#000 !important;
    }
	#content_area .Hospitality-Design-03-zee-contributor-text {
		color: #4e6682 !important;
	}

    #content_area .Hospitality-Design-03-zee-profile-content{
        padding:30px 20px;
    }

    #content_area .Hospitality-Design-03-zee-profile-flex{
        flex-direction:column;
        gap:20px;
    }

    #content_area .Hospitality-Design-03-zee-profile-bar{
        display:none;
    }

    #content_area .Hospitality-Design-03-zee-logo{
        position:static;
        max-width:180px;
        margin-bottom:20px;
    }
}
/* Category 12291 -- Hospitality-Design-03 (https://www.fontanashowers.com/category-s/12291.htm) at 03-06-2026 End Here*/

/* Category 12292 -- Hospitality-Design-01 (https://www.fontanashowers.com/category-s/12292.htm) at 03-06-2026 Start Here*/
#content_area .Hospitality-Design-01-zee-container {
    max-width:1600px;
    margin:0 auto;
    padding:0 20px 30px;
    font-family:Arial,Helvetica,sans-serif;
}

/* Hospitality Design 01 zee Hero Wrapper */
#content_area .Hospitality-Design-01-zee-container .Hospitality-Design-01-zee-hero{
    position:relative;
    overflow:hidden;
    border-radius:0 0 28px 28px;
    box-shadow:0 20px 60px rgba(0,0,0,.16);
    background:#000;
}

/* Hospitality Design 01 zee Hero Image */
#content_area .Hospitality-Design-01-zee-container .Hospitality-Design-01-zee-image{
    width:100%;
    display:block;
}

/* Hospitality Design 01 zee Overlay */
#content_area .Hospitality-Design-01-zee-container .Hospitality-Design-01-zee-overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(90deg,rgba(0,0,0,.52) 0%,rgba(0,0,0,.20) 42%,rgba(0,0,0,0) 78%);
}

/* Hospitality Design 01 zee Content Box */
#content_area .Hospitality-Design-01-zee-container .Hospitality-Design-01-zee-content-box{
    position:absolute;
    left:60px;
    top:50%;
    transform:translateY(-50%);
    width:520px;
    max-width:42%;
    background:rgba(0,0,0,.38);
    border:1px solid rgba(255,255,255,.28);
    border-radius:26px;
    padding:42px 44px;
    box-shadow:0 18px 50px rgba(0,0,0,.35);
}

/* Hospitality Design 01 zee Main Heading */
#content_area .Hospitality-Design-01-zee-container .Hospitality-Design-01-zee-heading {
	margin: 0 0 10px !important;
	font-family: Georgia,"Times New Roman",serif !important;
	font-size: 54px !important;
	font-weight: 500 !important;
	line-height: 1.1 !important;
	color: #69a8ff !important;
	text-shadow: 0 3px 10px rgba(0,0,0,.85) !important;
}

/* Hospitality Design 01 zee Subtitle */
#content_area .Hospitality-Design-01-zee-container .Hospitality-Design-01-zee-subtitle{
    margin:0 0 28px;
    font-size:15px;
    font-weight:700;
    letter-spacing:5px;
    text-transform:uppercase;
    text-shadow:0 3px 10px rgba(0,0,0,.85);
    color:#ffffff;
}

/* Hospitality Design 01 zee Description */
#content_area .Hospitality-Design-01-zee-container .Hospitality-Design-01-zee-description {
	margin: 0;
	color: #ffffff !important;
	font-size: 19px !important;
	line-height: 1.85 !important;
	font-weight: 500 !important;
	text-shadow: 0 3px 12px rgba(0,0,0,.95);
	text-align: justify !important;
}

/* Hospitality Design 01 zee Superscript */
#content_area .Hospitality-Design-01-zee-container .Hospitality-Design-01-zee-sup{
    font-size:55%;
    vertical-align:0.15em;
}

/* Hospitality Design 01 zee Brand */
#content_area .Hospitality-Design-01-zee-container .Hospitality-Design-01-zee-brand{
    position:absolute;
    right:55px;
    top:45px;
    text-align:center;
    color:rgba(255,255,255,.70);
    font-family:Georgia,"Times New Roman",serif;
    font-size:38px;
    font-style:italic;
    line-height:1;
    text-shadow:0 4px 16px rgba(0,0,0,.65);
}

/* Hospitality Design 01 zee Brand Small */
#content_area .Hospitality-Design-01-zee-container .Hospitality-Design-01-zee-brand-small{
    font-family:Arial,Helvetica,sans-serif;
    font-size:8px;
    font-style:normal;
    letter-spacing:3px;
    text-transform:uppercase;
    margin-top:5px;
    color:rgba(255,255,255,.78);
}

/* Hospitality Design 01 zee Responsive */
@media (max-width:1200px){
    #content_area .Hospitality-Design-01-zee-container .Hospitality-Design-01-zee-content-box{
        width:480px;
        max-width:48%;
        padding:35px;
    }

    #content_area .Hospitality-Design-01-zee-container .Hospitality-Design-01-zee-heading{
        font-size:46px;
    }

    #content_area .Hospitality-Design-01-zee-container .Hospitality-Design-01-zee-description{
        font-size:18px;
    }
}

@media (max-width:991px){
    #content_area .Hospitality-Design-01-zee-container .Hospitality-Design-01-zee-content-box{
        left:30px;
        width:420px;
        max-width:55%;
        padding:30px;
    }

    #content_area .Hospitality-Design-01-zee-container .Hospitality-Design-01-zee-heading{
        font-size:38px;
    }

    #content_area .Hospitality-Design-01-zee-container .Hospitality-Design-01-zee-brand{
        right:25px;
        top:25px;
        font-size:28px;
    }

    #content_area .Hospitality-Design-01-zee-container .Hospitality-Design-01-zee-description{
        font-size:17px;
        line-height:1.7;
    }
}

@media (max-width:767px){
    #content_area .Hospitality-Design-01-zee-container .Hospitality-Design-01-zee-content-box{
        position:relative;
        left:auto;
        top:auto;
        transform:none;
        width:auto;
        max-width:none;
        margin:20px;
    }

    #content_area .Hospitality-Design-01-zee-container .Hospitality-Design-01-zee-heading{
        font-size:32px;
    }

    #content_area .Hospitality-Design-01-zee-container .Hospitality-Design-01-zee-brand{
        position:absolute;
        right:15px;
        top:15px;
        font-size:22px;
    }

    #content_area .Hospitality-Design-01-zee-container .Hospitality-Design-01-zee-subtitle{
        font-size:13px;
        letter-spacing:3px;
    }

    #content_area .Hospitality-Design-01-zee-container .Hospitality-Design-01-zee-description{
        font-size:16px;
    }
}

@media (max-width:480px){
    #content_area .Hospitality-Design-01-zee-container{
        padding:0 10px 20px;
    }

    #content_area .Hospitality-Design-01-zee-container .Hospitality-Design-01-zee-content-box{
        padding:22px;
        margin:12px;
        border-radius:18px;
    }

    #content_area .Hospitality-Design-01-zee-container .Hospitality-Design-01-zee-heading{
        font-size:26px;
    }

    #content_area .Hospitality-Design-01-zee-container .Hospitality-Design-01-zee-subtitle{
        font-size:12px;
        letter-spacing:2px;
    }

    #content_area .Hospitality-Design-01-zee-container .Hospitality-Design-01-zee-description{
        font-size:15px;
        line-height:1.65;
    }

    #content_area .Hospitality-Design-01-zee-container .Hospitality-Design-01-zee-brand{
        font-size:18px;
    }
}
/* Category 12292 -- Hospitality-Design-01 (https://www.fontanashowers.com/category-s/12292.htm) at 03-06-2026 End Here*/

/* Category 12293 -- Hospitality-Design-04 -zee Luxury Flow Fontana Elegance D4 Container-(https://www.fontanashowers.com/category-s/12293.htm) at 03-06-2026 Start Here*/
#content_area .zee-Luxury-Flow-Fontana-Elegance-D4-container{
    max-width:1600px;
    margin:40px auto;
    padding:20px;
    font-family:Arial,Helvetica,sans-serif;
}

/* zee Luxury Flow Fontana Elegance D4 Hero */
#content_area .zee-Luxury-Flow-Fontana-Elegance-D4-hero{
    position:relative;
    border-radius:24px;
    overflow:hidden;
    box-shadow:0 15px 50px rgba(0,0,0,.12);
}

/* zee Luxury Flow Fontana Elegance D4 Main Image */
#content_area .zee-Luxury-Flow-Fontana-Elegance-D4-image{
    width:100%;
    display:block;
}

/* zee Luxury Flow Fontana Elegance D4 Content Card */
#content_area .zee-Luxury-Flow-Fontana-Elegance-D4-card{
    position:absolute;
    right:40px;
    top:50%;
    transform:translateY(-50%);
    width:42%;
    background:rgba(255,255,255,.6);
    padding:50px;
    border-radius:20px;
    box-shadow:0 10px 40px rgba(0,0,0,.15);
    box-sizing:border-box;
}

/* zee Luxury Flow Fontana Elegance D4 Logo Wrap */
#content_area .zee-Luxury-Flow-Fontana-Elegance-D4-logo-wrap{
    text-align:right;
    margin-bottom:20px;
}

/* zee Luxury Flow Fontana Elegance D4 Logo */
#content_area .zee-Luxury-Flow-Fontana-Elegance-D4-logo{
    max-width:220px;
    height:auto;
}

/* zee Luxury Flow Fontana Elegance D4 Heading */
#content_area .zee-Luxury-Flow-Fontana-Elegance-D4-heading{
    margin: 0 !important;
	color: #072a57 !important;
	font-family: Georgia,'Times New Roman',serif !important;
	font-size: 52px !important;
	font-weight: 500 !important;
	line-height: 1.1 !important;
}

/* zee Luxury Flow Fontana Elegance D4 Subtitle */
#content_area .zee-Luxury-Flow-Fontana-Elegance-D4-subtitle{
    margin:12px 0 30px;
    color:#4c96ff;
    text-transform:uppercase;
    letter-spacing:6px;
    font-size:15px;
    font-weight:700;
}

/* zee Luxury Flow Fontana Elegance D4 Sup */
#content_area .zee-Luxury-Flow-Fontana-Elegance-D4-sup{
    font-size:55%;
    vertical-align:0.15em;
}

/* zee Luxury Flow Fontana Elegance D4 Content Layout */
#content_area .zee-Luxury-Flow-Fontana-Elegance-D4-content{
    display:flex;
    align-items:flex-start;
    gap:25px;
}

/* zee Luxury Flow Fontana Elegance D4 Divider */
#content_area .zee-Luxury-Flow-Fontana-Elegance-D4-divider{
    width:5px;
    min-width:5px;
    height:180px;
    background:#4c96ff;
    border-radius:4px;
    margin-top:5px;
}

/* zee Luxury Flow Fontana Elegance D4 Content Area */
#content_area .zee-Luxury-Flow-Fontana-Elegance-D4-content-area{
}

/* zee Luxury Flow Fontana Elegance D4 Paragraph */
/*#content_area .zee-Luxury-Flow-Fontana-Elegance-D4-paragraph{
    margin:0 !important;
    color:#54667c !important;
    font-size:17px !important;
    line-height:1.9 !important;
	text-align: justify !important;
}*/
#content_area .zee-Luxury-Flow-Fontana-Elegance-D4-paragraph{
    margin:0 !important;
    color:#54667c !important;
    font-size:17px !important;
    line-height:1.9 !important;
	text-align: justify;
}

/* zee Luxury Flow Fontana Elegance D4 Empty Paragraph */
#content_area .zee-Luxury-Flow-Fontana-Elegance-D4-paragraph-spacing{
    margin-top:18px;
    color:#54667c;
    font-size:17px;
    line-height:1.9;
}

/* zee Luxury Flow Fontana Elegance D4 Social Wrap */
#content_area .zee-Luxury-Flow-Fontana-Elegance-D4-social-wrap{
    display:flex;
    gap:14px;
    margin-top:30px;
}

/* zee Luxury Flow Fontana Elegance D4 Social Base */
#content_area .zee-Luxury-Flow-Fontana-Elegance-D4-social{
    width:48px;
    height:48px;
    border:1px solid #4c96ff;
    border-radius:12px;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    color:#4c96ff;
}

/* zee Luxury Flow Fontana Elegance D4 Facebook */
#content_area .zee-Luxury-Flow-Fontana-Elegance-D4-facebook{
    font-size:22px;
    font-weight:bold;
}

/* zee Luxury Flow Fontana Elegance D4 Instagram */
#content_area .zee-Luxury-Flow-Fontana-Elegance-D4-instagram{
    font-size:22px;
}

/* zee Luxury Flow Fontana Elegance D4 YouTube */
#content_area .zee-Luxury-Flow-Fontana-Elegance-D4-youtube{
    font-size:18px;
}

/* =========================
   Responsive
========================= */

@media (max-width:1200px){

    #content_area .zee-Luxury-Flow-Fontana-Elegance-D4-card{
        width:50%;
        padding:40px;
    }

    #content_area .zee-Luxury-Flow-Fontana-Elegance-D4-heading{
        font-size:44px !important;
    }

}

@media (max-width:991px){

    #content_area .zee-Luxury-Flow-Fontana-Elegance-D4-card{
        width:58%;
        right:25px;
        padding:32px;
    }

    #content_area .zee-Luxury-Flow-Fontana-Elegance-D4-heading{
        font-size:38px !important;
    }

    #content_area .zee-Luxury-Flow-Fontana-Elegance-D4-divider{
        height:150px;
    }

}

@media (max-width:767px){

    #content_area .zee-Luxury-Flow-Fontana-Elegance-D4-card{
        position:relative;
        top:auto;
        right:auto;
        transform:none;
        width:auto;
        margin:20px;
    }

    #content_area .zee-Luxury-Flow-Fontana-Elegance-D4-content{
        flex-direction:column;
        gap:18px;
    }

    #content_area .zee-Luxury-Flow-Fontana-Elegance-D4-divider{
        width:100%;
        height:5px;
        min-width:auto;
        margin-top:0;
    }

    #content_area .zee-Luxury-Flow-Fontana-Elegance-D4-heading{
        font-size:32px !important;
    }

    #content_area .zee-Luxury-Flow-Fontana-Elegance-D4-logo{
        max-width:180px;
    }

}

@media (max-width:480px){

    #content_area .zee-Luxury-Flow-Fontana-Elegance-D4-container{
        padding:10px;
    }

    #content_area .zee-Luxury-Flow-Fontana-Elegance-D4-card{
        padding:22px;
        margin:10px;
    }

    #content_area .zee-Luxury-Flow-Fontana-Elegance-D4-heading{
        font-size:28px !important;
    }

    #content_area .zee-Luxury-Flow-Fontana-Elegance-D4-subtitle{
        font-size:13px;
        letter-spacing:3px;
    }

    #content_area .zee-Luxury-Flow-Fontana-Elegance-D4-paragraph{
        font-size:15px !important;
    }

}
/* Category 12293 -- Hospitality-Design-04 -zee Luxury Flow Fontana Elegance D4 Container- (https://www.fontanashowers.com/category-s/12293.htm) at 03-06-2026 End Here*/

/* Category 12294 and 12295 -- zee Luxury Crafted Signature june template -(https://www.fontanashowers.com/category-s/12294.htm) at 03-06-2026 Start Here*/
#content_area .zee-Luxury-Crafted-Signature-june-template-container{
    max-width:1600px;
    margin:0 auto;
    padding:0;
    background:#fff;
    font-family:Arial,Helvetica,sans-serif;
}

/* zee Luxury Crafted Signature june template Card */
#content_area .zee-Luxury-Crafted-Signature-june-template-card{
    display:flex;
    gap:0;
    align-items:stretch;
    background:#fff;
    border:1px solid #d7e8ff;
    border-radius:16px;
    overflow:hidden;
    box-shadow:0 10px 30px rgba(30,90,160,.08);
}

/* zee Luxury Crafted Signature june template Left Image */
#content_area .zee-Luxury-Crafted-Signature-june-template-image-column{
    width:35%;
    min-width:320px;
}

#content_area .zee-Luxury-Crafted-Signature-june-template-image-link{
    display:block;
    height:100%;
}

#content_area .zee-Luxury-Crafted-Signature-june-template-image{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

/* zee Luxury Crafted Signature june template Right Content */
#content_area .zee-Luxury-Crafted-Signature-june-template-content{
    width:65%;
    padding:58px 56px 40px 56px;
    border-left:1px solid #cfe3ff;
    position:relative;
    box-sizing:border-box;
}

/* zee Luxury Crafted Signature june template Logo */
#content_area .zee-Luxury-Crafted-Signature-june-template-logo{
    position:absolute;
    top:58px;
    right:62px;
    width:145px;
    max-width:20%;
    height:auto;
}

/* zee Luxury Crafted Signature june template Content Group */
#content_area .zee-Luxury-Crafted-Signature-june-template-group{
    max-width:1050px;
    margin:145px auto 0 auto;
}

/* zee Luxury Crafted Signature june template Heading */
#content_area .zee-Luxury-Crafted-Signature-june-template-heading{
    margin:0 0 58px;
    color:#7d8590;
    font-family:Georgia,'Times New Roman',serif;
    font-size:42px;
    font-weight:400;
    line-height:1.1;
    text-align:center;
}

/* zee Luxury Crafted Signature june template Editorial Row */
#content_area .zee-Luxury-Crafted-Signature-june-template-editorial{
    display:flex;
    gap:36px;
    align-items:flex-start;
}

/* zee Luxury Crafted Signature june template Label */
#content_area .zee-Luxury-Crafted-Signature-june-template-label{
    width:230px;
    color:#4c96ff;
    font-size:18px;
    font-weight:700;
    letter-spacing:10px;
    text-transform:uppercase;
    line-height:2.15;
    text-align:left;
    flex-shrink:0;
}

/* zee Luxury Crafted Signature june template Accent Line */
#content_area .zee-Luxury-Crafted-Signature-june-template-line{
    width:5px;
    height:165px;
    background:#4c96ff;
    border-radius:4px;
    flex-shrink:0;
    margin-top:0;
}

/* zee Luxury Crafted Signature june template Text Area */
#content_area .zee-Luxury-Crafted-Signature-june-template-text-area{
    flex:1;
    min-width:0;
}

/* zee Luxury Crafted Signature june template Paragraph */
#content_area .zee-Luxury-Crafted-Signature-june-template-text{
    margin:0 !important;
    color:#5f6f83 !important;
    font-size:18px !important;
    line-height:2.05 !important;
    text-align:justify !important;
}

/* zee Luxury Crafted Signature june template Sup */
#content_area .zee-Luxury-Crafted-Signature-june-template-sup{
    font-size:55%;
    vertical-align:0.15em;
}

/* zee Luxury Crafted Signature june template Social */
#content_area .zee-Luxury-Crafted-Signature-june-template-socials{
    margin-top:44px;
    display:flex;
    gap:14px;
    align-items:center;
    justify-content:flex-start;
}

#content_area .zee-Luxury-Crafted-Signature-june-template-social{
    width:44px;
    height:44px;
    border:1px solid #cfe3ff;
    border-radius:10px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    color:#4c96ff;
    text-decoration:none;
    font-weight:bold;
}

#content_area .zee-Luxury-Crafted-Signature-june-template-facebook{
    font-size:22px;
}

#content_area .zee-Luxury-Crafted-Signature-june-template-instagram{
    font-size:20px;
}

#content_area .zee-Luxury-Crafted-Signature-june-template-youtube{
    font-size:18px;
}

/* zee Luxury Crafted Signature june template Resource Buttons */
#content_area .zee-Luxury-Crafted-Signature-june-template-resources{
    margin-top:14px;
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    align-items:center;
    justify-content:flex-start;
}

#content_area .zee-Luxury-Crafted-Signature-june-template-resource-btn{
    padding:5px 12px;
    background:#eef6ff;
    border:1px solid #cfe3ff;
    border-radius:5px;
    color:#4c96ff;
    font-size:12px;
    font-weight:600;
    text-decoration:none;
}

/* Responsive */
@media (max-width:991px){

    #content_area .zee-Luxury-Crafted-Signature-june-template-card{
        flex-direction:column;
    }

    #content_area .zee-Luxury-Crafted-Signature-june-template-image-column,
    #content_area .zee-Luxury-Crafted-Signature-june-template-content{
        width:100%;
    }

    #content_area .zee-Luxury-Crafted-Signature-june-template-content{
        border-left:none;
        border-top:1px solid #cfe3ff;
    }

    #content_area .zee-Luxury-Crafted-Signature-june-template-editorial{
        flex-direction:column;
        gap:24px;
    }

    #content_area .zee-Luxury-Crafted-Signature-june-template-line{
        width:100%;
        height:5px;
    }

    #content_area .zee-Luxury-Crafted-Signature-june-template-label{
        width:100%;
    }
}

@media (max-width:767px){

    #content_area .zee-Luxury-Crafted-Signature-june-template-content{
        padding:30px 20px;
    }

    #content_area .zee-Luxury-Crafted-Signature-june-template-logo{
        position:relative;
        top:auto;
        right:auto;
        display:block;
        margin:0 auto 25px;
        max-width:160px;
        width:160px;
    }

    #content_area .zee-Luxury-Crafted-Signature-june-template-group{
        margin-top:0;
    }

    #content_area .zee-Luxury-Crafted-Signature-june-template-heading{
        font-size:32px;
        margin-bottom:35px;
    }

    #content_area .zee-Luxury-Crafted-Signature-june-template-text{
        font-size:16px !important;
        line-height:1.8 !important;
    }

    #content_area .zee-Luxury-Crafted-Signature-june-template-socials,
    #content_area .zee-Luxury-Crafted-Signature-june-template-resources{
        justify-content:center;
    }
}
/* Category 12294 and 12295 -- zee Luxury Crafted Signature june template -(https://www.fontanashowers.com/category-s/12294.htm) at 03-06-2026 End Here*/

/* Category 12296 -- zee-crafted-five-star-guest-spaces-june-template -(https://www.fontanashowers.com/category-s/12296.htm) at 03-06-2026 Start Here*/
#content_area .zee-crafted-five-star-guest-spaces-june-template-wrapper{
    max-width:1600px;
    margin:0 auto;
    background:#0f1724;
    font-family:Arial,Helvetica,sans-serif;
    border-radius:22px;
    overflow:hidden;
    box-shadow:0 18px 50px rgba(10,25,50,.18);
}

/* FLEX LAYOUT */
#content_area .zee-crafted-five-star-guest-spaces-june-template-flex{
    display:flex;
    min-height:760px;
}

/* LEFT PANEL */
#content_area .zee-crafted-five-star-guest-spaces-june-template-left{
    width:44%;
    padding:70px 64px;
    box-sizing:border-box;
    background:linear-gradient(180deg, #f0f9ff, #e6f7ff, #f5fbff);
    position:relative;
    color:#fff;
}

/* GOLD LINE */
#content_area .zee-crafted-five-star-guest-spaces-june-template-line{
    position:absolute;
    top:38px;
    left:42px;
    width:110px;
    height:1px;
    background:#c9a76a;
}

/* LOGO */
#content_area .zee-crafted-five-star-guest-spaces-june-template-logo{
    width:155px;
    height:auto;
    background:#fff;
    border-radius:10px;
    padding:10px 14px;
    margin-bottom:92px;
}

/* TAGLINE */
#content_area .zee-crafted-five-star-guest-spaces-june-template-tagline{
    color:#c9a76a;
    font-size:13px;
    font-weight:700;
    letter-spacing:6px;
    text-transform:uppercase;
    margin-bottom:24px;
}

/* HEADING */
#content_area .zee-crafted-five-star-guest-spaces-june-template-heading{
    margin:0 !important;
    color:#0c0f13 !important;
    font-family:Georgia,'Times New Roman',serif !important;
    font-size:58px!important;
    font-weight:400!important;
    line-height:1.05!important;
}

/* TEXT */
#content_area .zee-crafted-five-star-guest-spaces-june-template-text{
    margin:34px 0 0 !important;
    color:#7c7c7c !important;
    font-size:17px !important;
    line-height:1.9 !important;
    max-width:520px !important;
	text-align: justify !important;
}

/* SOCIAL WRAP */
#content_area .zee-crafted-five-star-guest-spaces-june-template-social{
    margin-top:46px;
    display:flex;
    gap:12px;
    align-items:center;
}

/* SOCIAL ICON */
#content_area .zee-crafted-five-star-guest-spaces-june-template-social a {
	width: 42px;
	height: 42px;
	border: 1px solid #0c0f13;
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: #0c0f13;
	text-decoration: none;
	font-size: 18px;
	font-weight: bold;
}

/* RIGHT PANEL */
#content_area .zee-crafted-five-star-guest-spaces-june-template-right{
    width:56%;
    background:#f7fbff;
    box-sizing:border-box;
}

/* IMAGE WRAP */
#content_area .zee-crafted-five-star-guest-spaces-june-template-imagewrap{
    height:64%;
    position:relative;
    overflow:hidden;
}

/* IMAGE */
#content_area .zee-crafted-five-star-guest-spaces-june-template-imagewrap img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

/* BADGE */
#content_area .zee-crafted-five-star-guest-spaces-june-template-badge{
    position:absolute;
    right:36px;
    bottom:34px;
    background:rgba(255,255,255,.92);
    border:1px solid #d7e8ff;
    border-radius:16px;
    padding:18px 22px;
    box-shadow:0 12px 30px rgba(30,90,160,.12);
}

/* BADGE TITLE */
#content_area .zee-crafted-five-star-guest-spaces-june-template-badge-title{
    color:#002855;
    font-family:Georgia,'Times New Roman',serif;
    font-size:28px;
    font-weight:400;
}

/* BADGE SUB */
#content_area .zee-crafted-five-star-guest-spaces-june-template-badge-sub{
    margin-top:6px;
    color:#4c96ff;
    font-size:12px;
    font-weight:700;
    letter-spacing:4px;
    text-transform:uppercase;
}

/* CONTENT */
#content_area .zee-crafted-five-star-guest-spaces-june-template-content{
    padding:40px 48px 42px;
}

/* PARAGRAPH */
#content_area .zee-crafted-five-star-guest-spaces-june-template-content p {
	margin: 0;
	color: #5f6f83 !important;
	font-size: 17px !important;
	line-height: 1.9 !important;
	text-align: justify !important;
}

/* TAGS */
#content_area .zee-crafted-five-star-guest-spaces-june-template-tags{
    margin-top:26px;
    display:flex;
    flex-wrap:wrap;
    gap:8px;
}

/* TAG LINKS */
#content_area .zee-crafted-five-star-guest-spaces-june-template-tags a{
    padding:5px 12px;
    background:#fff;
    border:1px solid #cfe3ff;
    border-radius:5px;
    color:#246fe5;
    font-size:12px;
    font-weight:600;
    text-decoration:none;
}

/* RESPONSIVE */
@media (max-width:1024px){
    #content_area .zee-crafted-five-star-guest-spaces-june-template-flex{
        flex-direction:column;
    }

    #content_area .zee-crafted-five-star-guest-spaces-june-template-left,
    #content_area .zee-crafted-five-star-guest-spaces-june-template-right{
        width:100%;
    }

    #content_area .zee-crafted-five-star-guest-spaces-june-template-heading{
        font-size:42px !important;
    }
}
/* Category 12296 -- zee-crafted-five-star-guest-spaces-june-template -(https://www.fontanashowers.com/category-s/12296.htm) at 03-06-2026 End Here*/

/* Category 12297 -- zee-luxury-crafted-iconic-guest-experiences-june-template -(https://www.fontanashowers.com/category-s/12297.htm) at 03-06-2026 Start Here*/
#content_area .zee-Luxury-Crafted-Iconic-Guest-Experiences-june-template-text p{
    text-align:justify !important;
    line-height:1.95 !important;
}

#content_area .zee-Luxury-Crafted-Iconic-Guest-Experiences-june-template-text h2,
#content_area .zee-Luxury-Crafted-Iconic-Guest-Experiences-june-template-text h3{
    text-align:justify !important;
}

/* MAIN WRAPPER */
#content_area .zee-Luxury-Crafted-Iconic-Guest-Experiences-june-template-main{
    max-width:1600px;
    margin:0 auto;
    background:#07111f;
    font-family:Arial,Helvetica,sans-serif;
    border-radius:24px;
    overflow:hidden;
    box-shadow:0 24px 70px rgba(0,20,45,.25);
}

/* GRID */
#content_area .zee-Luxury-Crafted-Iconic-Guest-Experiences-june-template-grid{
    display:grid;
    grid-template-columns:38% 62%;
    min-height:780px;
    position:relative;
}

/* LEFT PANEL */
#content_area .zee-Luxury-Crafted-Iconic-Guest-Experiences-june-template-left{
    position:relative;
    background:#111;
    overflow:hidden;
}

#content_area .zee-Luxury-Crafted-Iconic-Guest-Experiences-june-template-left img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

#content_area .zee-Luxury-Crafted-Iconic-Guest-Experiences-june-template-overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(180deg,rgba(7,17,31,.05) 0%,rgba(7,17,31,.42) 100%);
}

#content_area .zee-Luxury-Crafted-Iconic-Guest-Experiences-june-template-leftbox{
    position:absolute;
    left:34px;
    bottom:34px;
    background:rgba(255,255,255,.9);
    border:1px solid rgba(218,190,120,.55);
    border-radius:18px;
    padding:18px 22px;
    box-shadow:0 18px 36px rgba(0,0,0,.18);
}

#content_area .zee-Luxury-Crafted-Iconic-Guest-Experiences-june-template-leftbox-title{
    color:#07111f;
    font-family:Georgia,'Times New Roman',serif;
    font-size:28px;
    font-weight:400;
    line-height:1;
}

#content_area .zee-Luxury-Crafted-Iconic-Guest-Experiences-june-template-leftbox-sub{
    margin-top:8px;
    color:#347fb4;
    font-size:11px;
    font-weight:700;
    letter-spacing:4px;
    text-transform:uppercase;
}

/* RIGHT PANEL */
#content_area .zee-Luxury-Crafted-Iconic-Guest-Experiences-june-template-right{
    position:relative;
    background:linear-gradient(135deg,#ffffff 0%,#eef9ff 48%,#dff3ff 100%);
    padding:64px 70px 46px 76px;
    box-sizing:border-box;
    color:#fff;
    overflow:hidden;
}

/* RINGS */
#content_area .zee-Luxury-Crafted-Iconic-Guest-Experiences-june-template-ring1{
    position:absolute;
    top:72px;
    right:84px;
    width:190px;
    height:190px;
    border:1px solid #347fb4;
    border-radius:50%;
}

#content_area .zee-Luxury-Crafted-Iconic-Guest-Experiences-june-template-ring2{
    position:absolute;
    top:96px;
    right:108px;
    width:142px;
    height:142px;
    border:1px solid #347fb4;
    border-radius:50%;
}

/* LOGO */
#content_area .zee-Luxury-Crafted-Iconic-Guest-Experiences-june-template-logo{
    position:absolute;
    top:60px;
    right:70px;
    background:#fff;
    border-radius:14px;
    padding:12px 18px;
    box-shadow:0 18px 44px rgba(0,0,0,.22);
    z-index:2;
}

#content_area .zee-Luxury-Crafted-Iconic-Guest-Experiences-june-template-logo img{
    width:138px;
    height:auto;
    display:block;
}

/* BADGE */
#content_area .zee-Luxury-Crafted-Iconic-Guest-Experiences-june-template-badge {
	display: inline-block;
	border: 1px solid #347fb4;
	border-radius: 999px;
	padding: 8px 16px;
	color: #347fb4;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 4px;
	text-transform: uppercase;
	margin-bottom: 64px;
}

/* HEADING */
#content_area .zee-Luxury-Crafted-Iconic-Guest-Experiences-june-template-h2{
    margin:0;
    color:#18364a !important;
    font-family:Georgia,'Times New Roman',serif;
    font-size:66px;
    font-weight:400;
    line-height:1.02;
    letter-spacing:-1px;
}

/* LINE */
#content_area .zee-Luxury-Crafted-Iconic-Guest-Experiences-june-template-linewrap{
    display:flex;
    gap:22px;
    align-items:center;
    margin:34px 0 28px;
}

#content_area .zee-Luxury-Crafted-Iconic-Guest-Experiences-june-template-line{
    width:90px;
    height:1px;
    background:#347fb4;
}

#content_area .zee-Luxury-Crafted-Iconic-Guest-Experiences-june-template-line-text{
    color:#347fb4;
    font-size:12px;
    font-weight:700;
    letter-spacing:6px;
    text-transform:uppercase;
}

/* PARAGRAPH */
#content_area .zee-Luxury-Crafted-Iconic-Guest-Experiences-june-template-p{
    margin:0;
    color:#7c7c7c;
    font-size:18px;
}

/* METRICS */
#content_area .zee-Luxury-Crafted-Iconic-Guest-Experiences-june-template-metrics{
    margin-top:42px;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:14px;
    max-width:850px;
}

#content_area .zee-Luxury-Crafted-Iconic-Guest-Experiences-june-template-card{
    border:1px solid #347fb4;
    border-radius:16px;
    padding:18px;
    background:rgba(255,255,255,.04);
}

#content_area .zee-Luxury-Crafted-Iconic-Guest-Experiences-june-template-card-title{
    color:#347fb4;
    font-size:12px;
    font-weight:700;
    letter-spacing:3px;
    text-transform:uppercase;
}

#content_area .zee-Luxury-Crafted-Iconic-Guest-Experiences-june-template-card-value{
    margin-top:8px;
    color:#000;
    font-family:Georgia,'Times New Roman',serif;
    font-size:24px;
}

/* SOCIAL */
#content_area .zee-Luxury-Crafted-Iconic-Guest-Experiences-june-template-social{
    margin-top:38px;
    border-top:1px solid rgba(218,190,120,.22);
    padding-top:24px;
}

#content_area .zee-Luxury-Crafted-Iconic-Guest-Experiences-june-template-icons{
    display:flex;
    gap:12px;
    margin-bottom:18px;
}

#content_area .zee-Luxury-Crafted-Iconic-Guest-Experiences-june-template-icons a{
    width:38px;
    height:38px;
    border:1px solid #347fb4;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#347fb4;
    text-decoration:none;
    font-size:18px;
    font-weight:bold;
}

#content_area .zee-Luxury-Crafted-Iconic-Guest-Experiences-june-template-tags{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
}

#content_area .zee-Luxury-Crafted-Iconic-Guest-Experiences-june-template-tags a{
    padding:5px 12px;
    background:rgba(255,255,255,0.08);
    border:1px solid #347fb4;
    border-radius:5px;
    color:#347fb4;
    font-size:12px;
    font-weight:600;
    text-decoration:none;
}

/* RESPONSIVE */
@media(max-width:900px){
    #content_area .zee-Luxury-Crafted-Iconic-Guest-Experiences-june-template-grid{
        grid-template-columns:1fr;
    }
    #content_area .zee-Luxury-Crafted-Iconic-Guest-Experiences-june-template-right{
        padding:30px;
    }
}
/* Category 12297 -- zee-luxury-crafted-iconic-guest-experiences-june-template -(https://www.fontanashowers.com/category-s/12297.htm) at 03-06-2026 End Here*/

/* Category 12300 -- zeeLuxuryCraftedGrandHotelsArchitectResourcesJuneTemplate -(https://www.fontanashowers.com/category-s/12300.htm) at 03-06-2026 Start Here*/
#content_area .zeeLuxuryCraftedGrandHotelsArchitectResourcesJuneTemplate-container{
	max-width:1600px;
	margin:0 auto;
	background:#111827;
	font-family:Arial,Helvetica,sans-serif;
	border-radius:28px;
	overflow:hidden;
	box-shadow:0 30px 90px rgba(0,0,0,.22);
}

#content_area .zeeLuxuryCraftedGrandHotelsArchitectResourcesJuneTemplate-hero{
	position:relative;
	min-height:840px;
	background:#111827;
	overflow:hidden;
}

#content_area .zeeLuxuryCraftedGrandHotelsArchitectResourcesJuneTemplate-bg{
	position:absolute;
	top:0;
	right:0;
	width:68%;
	height:100%;
	object-fit:cover;
	display:block;
}

#content_area .zeeLuxuryCraftedGrandHotelsArchitectResourcesJuneTemplate-overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(90deg,#e6f7ff 0%,rgba(230, 247, 255,.96) 28%,rgba(230, 247, 255,.58) 55%,rgba(230, 247, 255,.08) 100%);
	color: #e6f7ff;
}

#content_area .zeeLuxuryCraftedGrandHotelsArchitectResourcesJuneTemplate-frame{
	position:absolute;
	top:36px;
	left:36px;
	right:36px;
	bottom:36px;
	border:1px solid #347fb4;
	border-radius:22px;
	pointer-events:none;
}

#content_area .zeeLuxuryCraftedGrandHotelsArchitectResourcesJuneTemplate-logo{
	position:absolute;
	top:68px;
	right:76px;
	background:rgba(255,255,255,.94);
	border-radius:16px;
	padding:13px 18px;
	box-shadow:0 18px 48px rgba(0,0,0,.22);
	z-index:3;
}

#content_area .zeeLuxuryCraftedGrandHotelsArchitectResourcesJuneTemplate-bigNumber{
	position:absolute;
	left:70px;
	top:78px;
	color:rgba(218,190,120,.16);
	font-family:Georgia,'Times New Roman',serif;
	font-size:150px;
	line-height:1;
	font-weight:400;
}

#content_area .zeeLuxuryCraftedGrandHotelsArchitectResourcesJuneTemplate-content{
	position:relative;
	z-index:2;
	width:52%;
	min-width:560px;
	padding:170px 0 0 78px;
	box-sizing:border-box;
}

#content_area .zeeLuxuryCraftedGrandHotelsArchitectResourcesJuneTemplate-badge{
	color:#347fb4;
	font-size:12px;
	font-weight:800;
	letter-spacing:7px;
	text-transform:uppercase;
	margin-bottom:26px;
}

#content_area .zeeLuxuryCraftedGrandHotelsArchitectResourcesJuneTemplate-h2{
	margin:0;
	color:#18364a !important;
	font-family:Georgia,'Times New Roman',serif;
	font-size:72px;
	font-weight:400;
	line-height:1.01;
	letter-spacing:-1px;
	text-align: justify !important;
}

#content_area .zeeLuxuryCraftedGrandHotelsArchitectResourcesJuneTemplate-divider{
	display:flex;
	align-items:center;
	gap:18px;
	margin:34px 0 32px;
}

#content_area .zeeLuxuryCraftedGrandHotelsArchitectResourcesJuneTemplate-dividerLine{
	width:84px;
	height:1px;
	background:#347fb4;
}

#content_area .zeeLuxuryCraftedGrandHotelsArchitectResourcesJuneTemplate-p{
	margin:0;
	color:#d9e3ef;
	font-size:18px;
	line-height:1.95;
	max-width:720px;
}

#content_area .zeeLuxuryCraftedGrandHotelsArchitectResourcesJuneTemplate-social{
	margin-top:38px;
	display:flex;
	gap:12px;
	align-items:center;
}

#content_area .zeeLuxuryCraftedGrandHotelsArchitectResourcesJuneTemplate-socialLink{
	width:38px;
	height:38px;
	border:1px solid #347fb4;
	border-radius:50%;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	color:#347fb4;
	text-decoration:none;
	font-size:20px;
	font-weight:bold;
}

#content_area .zeeLuxuryCraftedGrandHotelsArchitectResourcesJuneTemplate-card{
	position:absolute;
	right:72px;
	bottom:78px;
	width:520px;
	background:rgba(255,255,255,.6);
	border:1px solid rgba(218,190,120,.38);
	border-radius:22px;
	padding:28px 30px 26px;
	box-sizing:border-box;
	box-shadow:0 26px 70px rgba(0,0,0,.24);
	z-index:4;
}

#content_area .zeeLuxuryCraftedGrandHotelsArchitectResourcesJuneTemplate-cardHeader{
	display:flex;
	justify-content:space-between;
	gap:20px;
	align-items:flex-start;
	margin-bottom:20px;
}
.zeeLuxuryCraftedGrandHotelsArchitectResourcesJuneTemplate-specifier-access {
	color: #347fb4;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 4px;
	text-transform: uppercase;
}

#content_area .zeeLuxuryCraftedGrandHotelsArchitectResourcesJuneTemplate-cardTitle{
	color:#1f2f42;
	font-family:Georgia,'Times New Roman',serif;
	font-size:30px;
	font-weight:400;
	line-height:1.1;
	margin-top:8px;
}

#content_area .zeeLuxuryCraftedGrandHotelsArchitectResourcesJuneTemplate-plus{
	color:#347fb4;
	font-family:Georgia,'Times New Roman',serif;
	font-size:42px;
	line-height:1;
}

#content_area .zeeLuxuryCraftedGrandHotelsArchitectResourcesJuneTemplate-tags{
	display:flex;
	flex-wrap:wrap;
	gap:8px;
	align-items:center;
}

#content_area .zeeLuxuryCraftedGrandHotelsArchitectResourcesJuneTemplate-tagItem{
	padding:5px 12px;
	background:#fff;
	border:1px solid #347fb4;
	border-radius:5px;
	color:#347fb4;
	font-size:12px;
	font-weight:600;
	text-decoration:none;
}

/* IMPORTANT TEXT RULES */
#content_area .zeeLuxuryCraftedGrandHotelsArchitectResourcesJuneTemplate-content p{
	text-align:justify !important;
}

#content_area .zeeLuxuryCraftedGrandHotelsArchitectResourcesJuneTemplate-content h2{
	text-align:justify !important;
}

#content_area .zeeLuxuryCraftedGrandHotelsArchitectResourcesJuneTemplate-content h3{
	text-align:justify !important;
}

/* RESPONSIVE */
@media (max-width: 1024px){
	#content_area .zeeLuxuryCraftedGrandHotelsArchitectResourcesJuneTemplate-content{
		width:90%;
		min-width:auto;
		padding:120px 20px 40px 20px;
	}
	#content_area .zeeLuxuryCraftedGrandHotelsArchitectResourcesJuneTemplate-card{
		position:relative;
		right:auto;
		bottom:auto;
		width:90%;
		margin:30px auto;
	}
	#content_area .zeeLuxuryCraftedGrandHotelsArchitectResourcesJuneTemplate-bg{
		width:100%;
		opacity:.35;
	}
}
/* Category 12300 -- zeeLuxuryCraftedGrandHotelsArchitectResourcesJuneTemplate -(https://www.fontanashowers.com/category-s/12300.htm) at 03-06-2026 End Here*/

/* Category 12299 -- zee-art-hospitality-water-design-june-template -(https://www.fontanashowers.com/category-s/12299.htm) at 03-06-2026 Start Here*/
#content_area .zee-art-hospitality-water-design-june-template-container{
	max-width:1600px;
	margin:0 auto;
	background:#fbf8f1;
	font-family:Arial,Helvetica,sans-serif;
	overflow:hidden;
	border-radius:28px;
	box-shadow:0 28px 80px rgba(60,45,25,.18);
}

/* HERO WRAPPER */
#content_area .zee-art-hospitality-water-design-june-template-hero {
	position: relative;
	min-height: 820px;
	padding: 58px;
	box-sizing: border-box;
	background: linear-gradient(90deg,#e6f7ff 0%,rgba(230, 247, 255,.96) 28%,rgba(230, 247, 255,.58) 55%,rgba(230, 247, 255,.08) 100%);
}

/* FRAME */
#content_area .zee-art-hospitality-water-design-june-template-frame{
	position:absolute;
	top:34px;
	left:34px;
	right:34px;
	bottom:34px;
	border:1px solid #347fb4;
	border-radius:22px;
	pointer-events:none;
}

/* VERTICAL LABEL */
#content_area .zee-art-hospitality-water-design-june-template-verticalLabel{
	position:absolute;
	left:28px;
	top:50%;
	transform:translateY(-50%) rotate(-90deg);
	transform-origin:center;
	color:#347fb4;
	font-size:11px;
	font-weight:700;
	letter-spacing:6px;
	text-transform:uppercase;
}

/* LOGO */
#content_area .zee-art-hospitality-water-design-june-template-logo{
	position:absolute;
	top:66px;
	right:72px;
	background:rgba(255,255,255,.92);
	border:0px solid rgba(170,130,70,.32);
	border-radius:16px;
	padding:13px 18px;
	box-shadow:0 16px 40px rgba(80,55,25,.14);
}

/* CARD */
#content_area .zee-art-hospitality-water-design-june-template-card{
	position:relative;
	z-index:2;
	width:52%;
	min-width:560px;
	margin:92px 0 0 42px;
	background:rgba(255,255,255,.6);
	backdrop-filter:blur(8px);
	border:0px solid rgba(170,130,70,.28);
	border-radius:24px;
	padding:58px 60px 44px 60px;
	box-sizing:border-box;
	box-shadow:0 24px 70px rgba(70,50,25,.14);
}

/* SMALL LABEL */
#content_area .zee-art-hospitality-water-design-june-template-label{
	color:#347fb4;
	font-size:12px;
	font-weight:800;
	letter-spacing:7px;
	text-transform:uppercase;
	margin-bottom:24px;
}

/* H2 IMPORTANT */
#content_area .zee-art-hospitality-water-design-june-template-h2{
	margin:0;
	color: #18364a !important;
	font-family:Georgia,'Times New Roman',serif;
	font-size:64px;
	font-weight:400;
	line-height:1.02;
	letter-spacing:-1px;
	text-align: justify !important;
}

/* DIVIDER */
#content_area .zee-art-hospitality-water-design-june-template-divider{
	width:86px;
	height:1px;
	background:#347fb4;
	margin:34px 0 30px;
}

/* P IMPORTANT */
#content_area .zee-art-hospitality-water-design-june-template-p{
	margin:0;
	color:#7c7c7c;
	font-size:18px;
	line-height:1.95;
	text-align:justify !important;
}

/* SOCIAL */
#content_area .zee-art-hospitality-water-design-june-template-social{
	margin-top:34px;
	display:flex;
	gap:12px;
	align-items:center;
}

#content_area .zee-art-hospitality-water-design-june-template-social a{
	width:38px;
	height:38px;
	border:1px solid #347fb4;
	border-radius:50%;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	color:#347fb4;
	background:#fff;
	text-decoration:none;
	font-size:18px;
	font-weight:bold;
}

/* BUTTONS */
#content_area .zee-art-hospitality-water-design-june-template-buttons{
	margin-top:22px;
	display:flex;
	flex-wrap:wrap;
	gap:8px;
	align-items:center;
}

#content_area .zee-art-hospitality-water-design-june-template-btn{
	padding:5px 12px;
	background:#fff;
	border:1px solid #347fb4;
	border-radius:5px;
	color:#347fb4;
	font-size:12px;
	font-weight:600;
	text-decoration:none;
}

/* RESPONSIVE */
@media(max-width:1024px){
	#content_area .zee-art-hospitality-water-design-june-template-card{
		width:90%;
		min-width:auto;
		margin:40px auto;
	}
}
/* Category 12299 -- zee-art-hospitality-water-design-june-template -(https://www.fontanashowers.com/category-s/12299.htm) at 03-06-2026 End Here*/

/* Category 12298 -- zee-designed-hospitality-landmarks-june-template-container -(https://www.fontanashowers.com/category-s/12298.htm) at 03-06-2026 Start Here*/
#content_area .zee-designed-hospitality-landmarks-june-template-container{
	max-width:1600px;
	margin:0 auto;
	background:#f4f8fc;
	font-family:Arial,Helvetica,sans-serif;
	border-radius:24px;
	overflow:hidden;
	border:1px solid #d7e8ff;
	box-shadow:0 22px 60px rgba(20,70,120,.14);
}

/* GRID LAYOUT */
#content_area .zee-designed-hospitality-landmarks-june-template-grid{
	display:grid;
	grid-template-columns:42% 58%;
	min-height:780px;
	position:relative;
}

/* LEFT PANEL */
#content_area .zee-designed-hospitality-landmarks-june-template-left{
	position:relative;
	background:#eaf2fb;
	overflow:hidden;
	padding:34px;
	box-sizing:border-box;
}

/* BORDER FRAME */
#content_area .zee-designed-hospitality-landmarks-june-template-frame{
	position:absolute;
	top:34px;
	left:34px;
	right:34px;
	bottom:34px;
	border:1px solid rgba(76,150,255,.35);
	z-index:2;
	pointer-events:none;
}

/* CORNERS */
#content_area .zee-designed-hospitality-landmarks-june-template-cornerTop{
	position:absolute;
	top:54px;
	left:54px;
	width:90px;
	height:90px;
	border-top:3px solid #4c96ff;
	border-left:3px solid #4c96ff;
	z-index:3;
}

#content_area .zee-designed-hospitality-landmarks-june-template-cornerBottom{
	position:absolute;
	bottom:54px;
	right:54px;
	width:90px;
	height:90px;
	border-bottom:3px solid #4c96ff;
	border-right:3px solid #4c96ff;
	z-index:3;
}

/* IMAGE */
#content_area .zee-designed-hospitality-landmarks-june-template-img{
	width:100%;
	height:auto;
	display:block;
}

/* LEFT BADGE */
#content_area .zee-designed-hospitality-landmarks-june-template-badge{
	position:absolute;
	left:68px;
	bottom:70px;
	background:rgba(255,255,255,.92);
	border:1px solid #cfe3ff;
	border-radius:12px;
	padding:14px 18px;
	z-index:4;
}

/* RIGHT PANEL */
#content_area .zee-designed-hospitality-landmarks-june-template-right{
	position:relative;
	background:#ffffff;
	padding:64px 70px 46px 70px;
	box-sizing:border-box;
	overflow:hidden;
}

/* GRID BACKGROUND */
#content_area .zee-designed-hospitality-landmarks-june-template-gridbg{
	position:absolute;
	inset:0;
	background-image:
	linear-gradient(rgba(76,150,255,.055) 1px,transparent 1px),
	linear-gradient(90deg,rgba(76,150,255,.055) 1px,transparent 1px);
	background-size:42px 42px;
	pointer-events:none;
}

/* LOGO */
#content_area .zee-designed-hospitality-landmarks-june-template-logo{
	position:absolute;
	top:56px;
	right:70px;
	background:#fff;
	border:1px solid #d7e8ff;
	border-radius:14px;
	padding:12px 18px;
	box-shadow:0 12px 34px rgba(30,90,160,.12);
	z-index:2;
}

/* CONTENT WRAP */
#content_area .zee-designed-hospitality-landmarks-june-template-content{
	position:relative;
	z-index:2;
	max-width:880px;
	margin-top:118px;
}

/* LINE HEADER */
#content_area .zee-designed-hospitality-landmarks-june-template-line{
	display:flex;
	align-items:center;
	gap:14px;
	margin-bottom:26px;
}

/* LINE BAR */
#content_area .zee-designed-hospitality-landmarks-june-template-linebar{
	width:64px;
	height:1px;
	background:#4c96ff;
}

/* H2 IMPORTANT */
#content_area .zee-designed-hospitality-landmarks-june-template-h2{
	margin:0;
	color:#002855;
	font-family:Georgia,'Times New Roman',serif;
	font-size:62px;
	font-weight:400;
	line-height:1.04;
	letter-spacing:-.5px;
	text-align:justify !important;
}

/* P IMPORTANT */
#content_area .zee-designed-hospitality-landmarks-june-template-p{
	margin:34px 0 0;
	color:#5f6f83;
	font-size:18px;
	line-height:1.95;
	max-width:820px;
	text-align:justify !important;
}

/* GRID BOXES */
#content_area .zee-designed-hospitality-landmarks-june-template-boxes{
	margin-top:38px;
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:12px;
	max-width:820px;
}

#content_area .zee-designed-hospitality-landmarks-june-template-box{
	background:#f7fbff;
	border:1px solid #d7e8ff;
	border-radius:12px;
	padding:16px;
}

/* SOCIAL */
#content_area .zee-designed-hospitality-landmarks-june-template-social{
	margin-top:34px;
	display:flex;
	gap:12px;
	align-items:center;
}

#content_area .zee-designed-hospitality-landmarks-june-template-social a{
	width:38px;
	height:38px;
	border:1px solid #cfe3ff;
	border-radius:8px;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	color:#4c96ff;
	background:#fff;
	text-decoration:none;
	font-size:18px;
	font-weight:bold;
}

/* BUTTONS */
#content_area .zee-designed-hospitality-landmarks-june-template-buttons{
	margin-top:18px;
	display:flex;
	flex-wrap:wrap;
	gap:8px;
	align-items:center;
}

#content_area .zee-designed-hospitality-landmarks-june-template-btn{
	padding:5px 12px;
	background:#fff;
	border:1px solid #cfe3ff;
	border-radius:5px;
	color:rgb(36,111,229);
	font-size:12px;
	font-weight:600;
	text-decoration:none;
}

/* RESPONSIVE */
@media(max-width:1024px){
	#content_area .zee-designed-hospitality-landmarks-june-template-grid{
		grid-template-columns:1fr;
	}
	#content_area .zee-designed-hospitality-landmarks-june-template-right{
		padding:40px 20px;
	}
}
/* Category 12298 -- zee-designed-hospitality-landmarks-june-template-container -(https://www.fontanashowers.com/category-s/12298.htm) at 03-06-2026 End Here*/

/* Category 12286 -- aec-fixture-fairmont-austin-texas-wrapper -(https://www.fontanashowers.com/category-s/12286.htm) at 03-06-2026 Start Here*/
#content_area .aec-fixture-fairmont-austin-texas-wrapper {
	max-width:1180px;margin:0 auto;font-family:Arial,Helvetica,sans-serif;color:#252b33;line-height:1.65;
}
#content_area .aec-fixture-fairmont-austin-texas-wrapper .aec-hero{position:relative;text-align:center;background:#f3f6f8;padding:35px 22px;margin-bottom:25px}
#content_area .aec-fixture-fairmont-austin-texas-wrapper .aec-hero img{width:100%;border-radius:18px;box-shadow:0 18px 45px rgba(0,0,0,.15)}
#content_area .aec-fixture-fairmont-austin-texas-wrapper .aec-hero h1{font-size:38px;font-weight:300;margin:28px auto 10px;max-width:900px}
#content_area .aec-fixture-fairmont-austin-texas-wrapper .aec-wrap{background:#fff;padding:28px;border:1px solid #e5e8ea;border-radius:18px;margin-bottom:26px;overflow:hidden}
#content_area .aec-fixture-fairmont-austin-texas-wrapper .aec-img-left{float:left;width:42%;max-width:430px;margin:6px 28px 18px 0;border-radius:16px;box-shadow:0 12px 30px rgba(0,0,0,.12)}
#content_area .aec-fixture-fairmont-austin-texas-wrapper .aec-img-right{float:right;width:42%;max-width:430px;margin:6px 0 18px 28px;border-radius:16px;box-shadow:0 12px 30px rgba(0,0,0,.12)}
#content_area .aec-fixture-fairmont-austin-texas-wrapper .aec-grid{display:flex;flex-wrap:wrap;gap:16px;margin:20px 0}
#content_area .aec-fixture-fairmont-austin-texas-wrapper .aec-grid img{width:calc(33.333% - 11px);border-radius:14px;box-shadow:0 10px 24px rgba(0,0,0,.1)}
#content_area .aec-fixture-fairmont-austin-texas-wrapper .aec-clear{clear:both}
#content_area .aec-fixture-fairmont-austin-texas-wrapper .aec-btn {
	display: inline-block;
	background: linear-gradient(180deg, #dff2ff, #b5e3ff);
	color: #0c0f13 !important;
	padding: 12px 22px;
	border-radius: 30px;
	text-decoration: none;
	margin: 8px 6px;
}
@media(max-width:760px){#content_area .aec-fixture-fairmont-austin-texas-wrapper .aec-img-left, #content_area .aec-fixture-fairmont-austin-texas-wrapper .aec-img-right, #content_area .aec-fixture-fairmont-austin-texas-wrapper .aec-grid img{float:none;width:100%;max-width:100%;margin:12px 0}}
/* Category 12286 -- aec-fixture-fairmont-austin-texas-wrapper -(https://www.fontanashowers.com/category-s/12286.htm) at 03-06-2026 End Here*/

/* Category 12327 -- Chicagofaucets Stadiums Venues -(https://www.fontanashowers.com/Chicagofaucets-Stadiums-Venues-s/12327.htm) at 04-06-2026 Start Here*/
#content_area .zee-ready-surge-section-june-wrapper .zee-ready-surge-section {
	background: #fff;
	padding: 70px 0;
}
#content_area .zee-ready-surge-section-june-wrapper .zee-ready-surge-section .zee-ready-surge-container {
	width: 100%;
	max-width: 1240px;
	margin: 0 auto;
	padding: 0 32px;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 70px;
}
#content_area .zee-ready-surge-section-june-wrapper .zee-ready-surge-section .zee-ready-surge-content {
	flex: 0 0 50%;
}
#content_area .zee-ready-surge-section-june-wrapper .zee-ready-surge-section .zee-ready-surge-heading {
	font-size: 38px !important;
	line-height: 1.12 !important;
	font-weight: 700 !important;
	color: #333333 !important;
	margin: 0 0 22px !important;
	letter-spacing: .2px !important;
	text-align: left !important;
}
#content_area .zee-ready-surge-section-june-wrapper .zee-ready-surge-section .zee-ready-surge-paragraph {
	font-size: 17px !important;
	line-height: 1.45 !important;
	color: #333333 !important;
	margin-bottom: 22px;
	text-align: left !important;
}
#content_area .zee-ready-surge-section-june-wrapper .zee-ready-surge-section .zee-ready-surge-list {
	margin: 0 0 24px 22px;
	padding: 0;
}
#content_area .zee-ready-surge-section-june-wrapper .zee-ready-surge-section .zee-ready-surge-list-item {
	font-size: 17px !important;
	line-height: 1.42 !important;
	color: #333333 !important;
	margin-bottom: 8px;
}
#content_area .zee-ready-surge-section-june-wrapper .zee-ready-surge-section .zee-ready-surge-last-text {
	margin-bottom: 0;
}
#content_area .zee-ready-surge-section-june-wrapper .zee-ready-surge-section .zee-ready-surge-image-column {
	flex: 0 0 47%;
}
#content_area .zee-ready-surge-section-june-wrapper .zee-ready-surge-section .zee-ready-surge-image {
	width: 100%;
	display: block;
	border-radius: 22px;
	object-fit: cover;
}
@media (max-width: 991px) {
	#content_area .zee-ready-surge-section-june-wrapper .zee-ready-surge-section .zee-ready-surge-container {
		flex-direction: column;
		gap: 40px;
	}
	#content_area .zee-ready-surge-section-june-wrapper .zee-ready-surge-section .zee-ready-surge-content,
	#content_area .zee-ready-surge-section-june-wrapper .zee-ready-surge-section .zee-ready-surge-image-column {
		flex: 0 0 100%;
		width: 100%;
	}
	#content_area .zee-ready-surge-section-june-wrapper .zee-ready-surge-section .zee-ready-surge-heading {
		font-size: 34px !important;
	}
}
@media (max-width: 767px) {
	#content_area .zee-ready-surge-section-june-wrapper .zee-ready-surge-section {
		padding: 50px 0;
	}
	#content_area .zee-ready-surge-section-june-wrapper .zee-ready-surge-section .zee-ready-surge-container {
		padding: 0 20px;
	}
	#content_area .zee-ready-surge-section-june-wrapper .zee-ready-surge-section .zee-ready-surge-heading {
		font-size: 28px !important;
	}
	#content_area .zee-ready-surge-section-june-wrapper .zee-ready-surge-section .zee-ready-surge-paragraph,
	#content_area .zee-ready-surge-section-june-wrapper .zee-ready-surge-section .zee-ready-surge-list-item {
		font-size: 16px !important;
	}
	#content_area .zee-ready-surge-section-june-wrapper .zee-ready-surge-section .zee-ready-surge-image {
		border-radius: 16px;
	}
}
#content_area .zee-facility-cta-section-june-wrapper .zee-facility-cta-section {
	background: #fff;
	padding: 70px 0 90px;
}

#content_area .zee-facility-cta-section-june-wrapper .zee-facility-cta-section .zee-facility-cta-wrapper {
	max-width: 1440px;
	margin: 0 auto;
	padding: 30px;
	background: #000000;
	border-radius: 20px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 40px;
}
#content_area .zee-facility-cta-section-june-wrapper .zee-facility-cta-section .zee-facility-cta-content {
	flex: 1;
}
#content_area .zee-facility-cta-section-june-wrapper .zee-facility-cta-section .zee-facility-cta-title {
	color: #ffffff !important;
	font-size: 30px !important;
	font-weight: 700 !important;
	line-height: 1.2 !important;
	margin: 0 0 14px !important;

	text-align: left !important;
}
#content_area .zee-facility-cta-section-june-wrapper .zee-facility-cta-section .zee-facility-cta-description {
	color: #ffffff;
	font-size: 14px;
	line-height: 1.6;
	margin: 0;
	max-width: 900px;
}
#content_area .zee-facility-cta-section-june-wrapper .zee-facility-cta-section .zee-facility-cta-action {
	flex-shrink: 0;
}
#content_area .zee-facility-cta-section-june-wrapper .zee-facility-cta-section .zee-facility-cta-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 240px;
	height: 46px;
	background: #56a7dc;
	color: #ffffff;
	border-radius: 40px;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	transition: all .3s ease;
}
#content_area .zee-facility-cta-section-june-wrapper .zee-facility-cta-section .zee-facility-cta-button:hover {
	background: #4797cb;
	color: #ffffff;
}
@media (max-width:991px) {
	#content_area .zee-facility-cta-section-june-wrapper .zee-facility-cta-section .zee-facility-cta-wrapper {
		flex-direction: column;
		align-items: flex-start;
		padding: 30px;
	}
	#content_area .zee-facility-cta-section-june-wrapper .zee-facility-cta-section .zee-facility-cta-action {
		width: 100%;
	}
	#content_area .zee-facility-cta-section-june-wrapper .zee-facility-cta-section .zee-facility-cta-button {
		width: 100%;
		max-width: 320px;
	}
}
@media (max-width:767px) {
	#content_area .zee-facility-cta-section-june-wrapper .zee-facility-cta-section .zee-facility-cta-section {
		padding: 50px 15px 70px;
	}
	#content_area .zee-facility-cta-section-june-wrapper .zee-facility-cta-section .zee-facility-cta-wrapper {
		border-radius: 16px;
		padding: 25px;
	}
	#content_area .zee-facility-cta-section-june-wrapper .zee-facility-cta-section .zee-facility-cta-title {
		font-size: 24px !important;
	}
	#content_area .zee-facility-cta-section-june-wrapper .zee-facility-cta-section .zee-facility-cta-description {
		font-size: 13px !important;
	}
	#content_area .zee-facility-cta-section-june-wrapper .zee-facility-cta-section .zee-facility-cta-button {
		width: 100%;
		min-width: 100%;
	}
}
#content_area .zee-stadium-operations-section-june-wrapper .zee-stadium-operations-section {
	background: #e9f5ff;
	padding: 80px 0;
	width: 100vw;
	margin-left: calc(-50vw + 50%);
}
#content_area .zee-stadium-operations-section-june-wrapper .zee-stadium-operations-section .zee-stadium-operations-container {
	max-width: 1440px;
	margin: 0 auto;
	padding: 0 15px;
}
#content_area .zee-stadium-operations-section-june-wrapper .zee-stadium-operations-section .zee-stadium-operations-header {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 15px;
	margin-bottom: 60px;
}
#content_area .zee-stadium-operations-section-june-wrapper .zee-stadium-operations-section .zee-stadium-operations-title {
	font-size: 34px !important;
	font-weight: 700 !important;
	line-height: 1.1 !important;
	color: #333 !important;
	margin: 0 !important;
	text-align: left !important;
}
#content_area .zee-stadium-operations-section-june-wrapper .zee-stadium-operations-section .zee-stadium-operations-description {
	font-size: 17px !important;
	line-height: 1.6 !important;
	color: #333 !important;
	margin: 0;
	text-align: left !important;
}
#content_area .zee-stadium-operations-section-june-wrapper .zee-stadium-operations-section .zee-stadium-operations-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 42px;
}
#content_area .zee-stadium-operations-section-june-wrapper .zee-stadium-operations-section .zee-peak-demand-card,
#content_area .zee-stadium-operations-section-june-wrapper .zee-stadium-operations-section .zee-maintenance-card,
#content_area .zee-stadium-operations-section-june-wrapper .zee-stadium-operations-section .zee-water-systems-card {
	width: 100%;
}
#content_area .zee-stadium-operations-section-june-wrapper .zee-stadium-operations-section .zee-peak-demand-icon-wrap,
#content_area .zee-stadium-operations-section-june-wrapper .zee-stadium-operations-section .zee-maintenance-icon-wrap,
#content_area .zee-stadium-operations-section-june-wrapper .zee-stadium-operations-section .zee-water-systems-icon-wrap {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	margin-bottom: 28px;
}
#content_area .zee-stadium-operations-section-june-wrapper .zee-stadium-operations-section .zee-peak-demand-icon,
#content_area .zee-stadium-operations-section-june-wrapper .zee-stadium-operations-section .zee-maintenance-icon,
#content_area .zee-stadium-operations-section-june-wrapper .zee-stadium-operations-section .zee-water-systems-icon {
	width: 120px;
	height: 120px;
	object-fit: contain;
}
#content_area .zee-stadium-operations-section-june-wrapper .zee-stadium-operations-section .zee-peak-demand-title,
#content_area .zee-stadium-operations-section-june-wrapper .zee-stadium-operations-section .zee-maintenance-title,
#content_area .zee-stadium-operations-section-june-wrapper .zee-stadium-operations-section .zee-water-systems-title {
	font-size: 22px;
	font-weight: 700;
	color: #333;
	margin-bottom: 12px;
	margin-top: 0;
}
#content_area .zee-stadium-operations-section-june-wrapper .zee-stadium-operations-section .zee-peak-demand-list,
#content_area .zee-stadium-operations-section-june-wrapper .zee-stadium-operations-section .zee-maintenance-list,
#content_area .zee-stadium-operations-section-june-wrapper .zee-stadium-operations-section .zee-water-systems-list {
	padding-left: 22px;
}
#content_area .zee-stadium-operations-section-june-wrapper .zee-stadium-operations-section .zee-peak-demand-item,
#content_area .zee-stadium-operations-section-june-wrapper .zee-stadium-operations-section .zee-maintenance-item,
#content_area .zee-stadium-operations-section-june-wrapper .zee-stadium-operations-section .zee-water-systems-item {
	font-size: 15px !important;
	line-height: 1.65 !important;
	color: #333 !important;
	margin-bottom: 2px !important;
}
@media(max-width:991px) {
	#content_area .zee-stadium-operations-section-june-wrapper .zee-stadium-operations-section .zee-stadium-operations-header {
		grid-template-columns: 1fr;
		gap: 25px;
	}
	#content_area .zee-stadium-operations-section-june-wrapper .zee-stadium-operations-section .zee-stadium-operations-grid {
		grid-template-columns: 1fr;
		gap: 50px;
	}
	#content_area .zee-stadium-operations-section-june-wrapper .zee-stadium-operations-section .zee-stadium-operations-title {
		max-width: 100% !important;
	}
}
@media(max-width:767px) {
	#content_area .zee-stadium-operations-section-june-wrapper .zee-stadium-operations-section {
		padding: 70px 0;
	}
	#content_area .zee-stadium-operations-section-june-wrapper .zee-stadium-operations-section .zee-stadium-operations-container {
		padding: 0 20px;
	}
	#content_area .zee-stadium-operations-section-june-wrapper .zee-stadium-operations-section .zee-stadium-operations-title {
		font-size: 28px !important;
	}
	#content_area .zee-stadium-operations-section-june-wrapper .zee-stadium-operations-section .zee-stadium-operations-description {
		font-size: 16px !important;
	}
	#content_area .zee-stadium-operations-section-june-wrapper .zee-stadium-operations-section .zee-peak-demand-icon-wrap,
	#content_area .zee-stadium-operations-section-june-wrapper .zee-stadium-operations-section .zee-maintenance-icon-wrap,
	#content_area .zee-stadium-operations-section-june-wrapper .zee-stadium-operations-section .zee-water-systems-icon-wrap {
		width: 110px;
		height: 110px;
	}
	#content_area .zee-stadium-operations-section-june-wrapper .zee-stadium-operations-section .zee-peak-demand-icon,
	#content_area .zee-stadium-operations-section-june-wrapper .zee-stadium-operations-section .zee-maintenance-icon,
	#content_area .zee-stadium-operations-section-june-wrapper .zee-stadium-operations-section .zee-water-systems-icon {
		width: 95px;
		height: 95px;
	}
	#content_area .zee-stadium-operations-section-june-wrapper .zee-stadium-operations-section .zee-peak-demand-title,
	#content_area .zee-stadium-operations-section-june-wrapper .zee-stadium-operations-section .zee-maintenance-title,
	#content_area .zee-stadium-operations-section-june-wrapper .zee-stadium-operations-section .zee-water-systems-title {
		font-size: 20px;
	}
}
#content_area .zee-stadium-section-june-wrapper {
	font-family: "Arial", sans-serif;
	background: #ffffff;
	color: #1d1d1b;
	padding: 80px 0;
}
#content_area .zee-stadium-section-june-wrapper.with-gray-bg {
	background: #f3f3f3;
	width: 100vw;
	margin-left: calc(-50vw + 50%);
}
#content_area .zee-stadium-section-june-wrapper .zee-stadium-section {
	max-width: 1440px;
	margin: 0 auto;
	text-align: center;
}
#content_area .zee-stadium-section-june-wrapper .zee-stadium-section-description {
	max-width: 780px;
	text-align: left;
	margin: 0 0 40px 0;
}
#content_area .zee-stadium-section-june-wrapper .zee-stadium-section h2 {
	font-size: 36px !important;
	font-weight: 700 !important;
	color: #1d1d1b !important;
	line-height: 1.2 !important;
	margin-bottom: 10px !important;
	text-align: left !important;
}
#content_area .zee-stadium-section-june-wrapper .zee-stadium-section p {
	font-size: 17px !important;
	color: #3a3a3a !important;
	line-height: 1.6 !important;
	margin-bottom: 0;
	margin-left: auto;
	margin-right: auto;
	text-align: left !important;
}
#content_area .zee-stadium-section-june-wrapper .zee-card-grid {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 42px;
}
#content_area .zee-stadium-section-june-wrapper .zee-card-grid .zee-card {
	width: 100%;
	border: 0.735px solid #979797;
	border-radius: 10px;
	overflow: hidden;
	background: #fff;
	transition: transform 0.25s ease-out;
	box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.04);
}
#content_area .zee-stadium-section-june-wrapper .zee-card-grid .zee-card-media {
	border-bottom: 0.735px solid #979797;
}
#content_area .zee-stadium-section-june-wrapper .zee-card-grid .zee-card img {
	width: 100%;
	height: auto;
	object-fit: cover;
}
#content_area .zee-stadium-section-june-wrapper .zee-card-grid .zee-card-body {
	padding: 25px 30px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
#content_area .zee-stadium-section-june-wrapper .zee-card-grid .zee-card-body-top {
	text-align: left;
}
#content_area .zee-stadium-section-june-wrapper .zee-card-grid .zee-card-title {
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	color: #0078b4;
	margin-bottom: 10px;
	line-height: normal;
}
#content_area .zee-stadium-section-june-wrapper .zee-card-grid .zee-card-text {
	color: #1d1d1b;
	height: 140px;
	overflow: hidden;
	font-size: 22px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	margin: 0 0 10px 0;
}
#content_area .zee-stadium-section-june-wrapper .zee-card-grid .zee-card-button {
	display: inline-block;
	margin-bottom: 15px;
	padding: 12px 30px 11px 30px;
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
	text-align: center;
	color: #fff;
	background: #489ACB;
	border-radius: 24px;
	border: 1px solid #489ACB;
	transition: background 0.5s ease, color 0.5s ease;
	margin-top: 20px;
	line-height: normal;
}
#content_area .zee-stadium-section-june-wrapper .zee-card-grid .zee-card-button:hover {
	text-decoration: none;
	background: #2c719b;
	color: #fff;
}
@media screen and (min-width: 1200px) {
	#content_area .zee-stadium-section-june-wrapper .zee-card-grid .zee-card {
		flex: 1 0 calc(33.333% - 28px);
	}
}

@media (max-width: 1280px) {
	#content_area .zee-stadium-section-june-wrapper .zee-card-grid  {
		flex-direction: column;
		gap: 28px;
	}
}

@media (max-width: 767px) {
	#content_area .zee-stadium-section-june-wrapper .zee-stadium-section {
		max-width: 750px;
	}
}
/* Category 12327 -- Chicagofaucets Stadiums Venues -(https://www.fontanashowers.com/Chicagofaucets-Stadiums-Venues-s/12327.htm) at 04-06-2026 End Here*/

/* Category 12079 -- Airport Restroom Solutions -(https://www.fontanashowers.com/airport-restroom-solutions-s/12079.htm) at 04-06-2026 Start Here*/
/*Top*/
#content_area .zara-bs-miami-beach-choice-wrap-main .zara-bs-miami-beach-choice-wrap {
	max-width: 1200px;
	margin: 0 auto;
}
#content_area .zara-bs-miami-beach-choice-wrap-main .zara-bs-miami-beach-choice-wrap .zara-bs-miami-beach-choice-section {
	background: linear-gradient(180deg, #f0f9ff, #e6f7ff, #f5fbff);
	border-radius: 40px;
	box-shadow: 0 30px 60px -15px rgba(0, 0, 0, 0.5);
	overflow: hidden;
	border: 1px solid #ccc;
}
#content_area .zara-bs-miami-beach-choice-wrap-main .zara-bs-miami-beach-choice-wrap .zara-bs-miami-beach-choice-hero {
	background: transparent;
	color: #f1f5f9;
	padding: 3.5rem 3rem;
	border-bottom: 1px solid #7C7C7C;
}
#content_area .zara-bs-miami-beach-choice-wrap-main .zara-bs-miami-beach-choice-wrap .zara-bs-miami-beach-choice-hero h1 {
	font-size: 3rem;
	font-weight: 600;
	letter-spacing: -0.02em;
	line-height: 1.2;
	font-family: 'Playfair Display', 'Times New Roman', serif;
	margin-bottom: 1rem;
	color: #0c0f13;
	text-shadow: 0 2px 4px rgba(0,0,0,0.3);
}
#content_area .zara-bs-miami-beach-choice-wrap-main .zara-bs-miami-beach-choice-wrap .zara-bs-miami-beach-choice-hero h1 span {
	color: #25afeb;
	font-weight: 700;
}
#content_area .zara-bs-miami-beach-choice-wrap-main .zara-bs-miami-beach-choice-wrap .zara-bs-miami-beach-choice-hero .sub {
	font-size: 1.2rem;
	opacity: 0.9;
	font-weight: 300;
	max-width: 800px;
	color: #646464;
	line-height: 22px;
}
#content_area .zara-bs-miami-beach-choice-wrap-main .zara-bs-miami-beach-choice-wrap .zara-bs-miami-beach-choice-content {
	padding: 3rem;
	background: transparent;
}
#content_area .zara-bs-miami-beach-choice-wrap-main .zara-bs-miami-beach-choice-wrap .main-h1 {
	font-size: 3.2rem;
	font-weight: 700;
	line-height: 1.2;
	margin-bottom: 1.5rem;
	color: #f1f5f9;
}
#content_area .zara-bs-miami-beach-choice-wrap-main .zara-bs-miami-beach-choice-wrap .main-h1 .gold-text {
	color: rgb(141, 179, 226);
}
#content_area .zara-bs-miami-beach-choice-wrap-main .zara-bs-miami-beach-choice-wrap .toc {
	background: #fff;
	border-radius: 24px;
	padding: 2rem;
	margin: 2rem 0;
	border: 1px solid #7C7C7C;
}
#content_area .zara-bs-miami-beach-choice-wrap-main .zara-bs-miami-beach-choice-wrap .toc h3 {
	font-size: 1.5rem;
	color: #25afeb;
	margin-bottom: 1rem;
	font-family: 'Playfair Display', serif;
	font-weight: 600;
}
#content_area .zara-bs-miami-beach-choice-wrap-main .zara-bs-miami-beach-choice-wrap .toc ul {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	gap: 1rem;
	list-style: none;
	padding: 0;
	margin: 0;
}
#content_area .zara-bs-miami-beach-choice-wrap-main .zara-bs-miami-beach-choice-wrap .toc li a {
	color: #0b2642;
	text-decoration: none;
	padding: 0.5rem 1rem;
	display: block;
	background: #eaf5fc;
	border-radius: 40px;
	border: 1px solid #cfe6f9;
	transition: all 0.3s ease;
	font-weight: 500;
}
#content_area .zara-bs-miami-beach-choice-wrap-main .zara-bs-miami-beach-choice-wrap .toc li a:hover {
	background: #d7efff;
	color: #0f172a;
	border-color: #d7efff;
	transform: translateY(-2px);
}
#content_area .zara-bs-miami-beach-choice-wrap-main .zara-bs-miami-beach-choice-wrap .zara-bs-miami-beach-choice-hero-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 2.5rem;
	margin: 2rem 0;
	align-items: center;
}

@media (max-width: 768px) {
	#content_area .zara-bs-miami-beach-choice-wrap-main .zara-bs-miami-beach-choice-wrap .zara-bs-miami-beach-choice-hero-grid {
		grid-template-columns: 1fr;
	}
}
#content_area .zara-bs-miami-beach-choice-wrap-main .zara-bs-miami-beach-choice-wrap .zara-bs-miami-beach-choice-media {
	border-radius: 24px;
	overflow: hidden;
	box-shadow: 0 5px 15px rgba(0,0,0,0.08);
	transition: all 0.3s ease;
	border: 1px solid #334155;
}
#content_area .zara-bs-miami-beach-choice-wrap-main .zara-bs-miami-beach-choice-wrap .zara-bs-miami-beach-choice-media:hover {
	transform: translateY(-5px);
	box-shadow: 0 20px 30px -10px rgba(197, 160, 89, 0.2);
}
#content_area .zara-bs-miami-beach-choice-wrap-main .zara-bs-miami-beach-choice-wrap .zara-bs-miami-beach-choice-media img {
	width: 100%;
	height: auto;
	display: block;
}
#content_area .zara-bs-miami-beach-choice-wrap-main .zara-bs-miami-beach-choice-wrap .zara-bs-miami-beach-choice-content h2 {
	font-size: 2.2rem;
	font-weight: 600;
	color: #f1f5f9;
	font-family: 'Playfair Display', serif;
	margin: 3rem 0 1.5rem 0;
	border-left: 6px solid #25afeb;
	padding-left: 1.2rem;
	scroll-margin-top: 2rem;
	text-shadow: 0 2px 4px rgba(0,0,0,0.3);
}
#content_area .zara-bs-miami-beach-choice-wrap-main .zara-bs-miami-beach-choice-wrap .zara-bs-miami-beach-choice-content h2:first-of-type {
	margin-top: 0;
}
#content_area .zara-bs-miami-beach-choice-wrap-main .zara-bs-miami-beach-choice-wrap .zara-bs-miami-beach-choice-content h3 {
	font-size: 1.5rem;
	font-weight: 600;
	color: #347fb4;
	margin: 2rem 0 1rem 0;
}
#content_area .zara-bs-miami-beach-choice-wrap-main .zara-bs-miami-beach-choice-wrap .zara-bs-miami-beach-choice-content p {
	color: #cbd5e1;
	margin-bottom: 1rem;
}
#content_area .zara-bs-miami-beach-choice-wrap-main .zara-bs-miami-beach-choice-wrap .grid-2 {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 2rem;
	margin: 2rem 0;
}
#content_area .zara-bs-miami-beach-choice-wrap-main .zara-bs-miami-beach-choice-wrap .grid-3 {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 2rem;
	margin: 2rem 0;
}
@media (max-width: 768px) {
	#content_area .zara-bs-miami-beach-choice-wrap-main .zara-bs-miami-beach-choice-wrap .grid-2,
	#content_area .zara-bs-miami-beach-choice-wrap-main .zara-bs-miami-beach-choice-wrap .grid-3 {
		grid-template-columns: 1fr;
	}
}
#content_area .zara-bs-miami-beach-choice-wrap-main .zara-bs-miami-beach-choice-wrap .card {
	background: #fff;
	border-radius: 24px;
	padding: 2rem;
	border: 1px solid #7c7c7c;
	transition: all 0.3s ease;
}
#content_area .zara-bs-miami-beach-choice-wrap-main .zara-bs-miami-beach-choice-wrap .card:hover {
	transform: translateY(-4px);
	border-color: #25afeb;
	box-shadow: 0 15px 30px -10px rgba(197, 160, 89, 0.15);
}
#content_area .zara-bs-miami-beach-choice-wrap-main .zara-bs-miami-beach-choice-wrap .card h4 {
	font-size: 1.3rem;
	color: #25afeb;
	margin-bottom: 1rem;
	font-weight: 600;
}
#content_area .zara-bs-miami-beach-choice-wrap-main .zara-bs-miami-beach-choice-wrap .card p {
	color: #cbd5e1;
}
#content_area .zara-bs-miami-beach-choice-wrap-main .zara-bs-miami-beach-choice-wrap .image-gallery {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 2rem;
	margin: 2rem 0;
}
@media (max-width: 768px) {
	#content_area .zara-bs-miami-beach-choice-wrap-main .zara-bs-miami-beach-choice-wrap .image-gallery {
		grid-template-columns: 1fr;
	}
}
#content_area .zara-bs-miami-beach-choice-wrap-main .zara-bs-miami-beach-choice-wrap .showroom-carousel-link {
	text-decoration: none;
	display: block;
	transition: all 0.3s ease;
}
#content_area .zara-bs-miami-beach-choice-wrap-main .zara-bs-miami-beach-choice-wrap .showroom-carousel-link:hover {
	transform: translateY(-5px);
}
#content_area .zara-bs-miami-beach-choice-wrap-main .zara-bs-miami-beach-choice-wrap .showroom-carousel-item {
	background: #1e293b;
	border-radius: 24px;
	overflow: hidden;
	border: 1px solid #334155;
	transition: all 0.3s ease;
}
#content_area .zara-bs-miami-beach-choice-wrap-main .zara-bs-miami-beach-choice-wrap .showroom-carousel-link:hover .showroom-carousel-item {
	border-color: #25afeb;
	box-shadow: 0 20px 30px -10px rgba(197, 160, 89, 0.2);
}
#content_area .zara-bs-miami-beach-choice-wrap-main .zara-bs-miami-beach-choice-wrap .showroom-item-image {
	overflow: hidden;
	width: 100%;
	aspect-ratio: 16 / 9;
}
#content_area .zara-bs-miami-beach-choice-wrap-main .zara-bs-miami-beach-choice-wrap .showroom-item-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform 0.5s ease;
}
#content_area .zara-bs-miami-beach-choice-wrap-main .zara-bs-miami-beach-choice-wrap .showroom-carousel-link:hover .showroom-item-image img {
	transform: scale(1.05);
}
#content_area .zara-bs-miami-beach-choice-wrap-main .zara-bs-miami-beach-choice-wrap .showroom-item-image p {
	padding: 1rem;
	text-align: center;
	font-weight: 500;
	color: #f1f5f9;
	margin: 0;
	background: #1e293b;
}
#content_area .zara-bs-miami-beach-choice-wrap-main .zara-bs-miami-beach-choice-wrap .spec-table {
	width: 100%;
	border-collapse: collapse;
	background: #fff;
	border-radius: 24px;
	overflow: hidden;
	box-shadow: 0 5px 15px rgba(0,0,0,0.08);
	margin: 2rem 0;
}
#content_area .zara-bs-miami-beach-choice-wrap-main .zara-bs-miami-beach-choice-wrap .spec-table th {
	background: #25afeb;
	color: #fff;
	font-weight: 600;
	padding: 1rem 1.5rem;
	text-align: left;
	font-size: 1.1rem;
	border-bottom: 2px solid #25afeb;
}
#content_area .zara-bs-miami-beach-choice-wrap-main .zara-bs-miami-beach-choice-wrap .spec-table td {
	padding: 1rem 1.5rem;
	border-bottom: 1px solid #334155;
	color: #25afeb;
}
#content_area .zara-bs-miami-beach-choice-wrap-main .zara-bs-miami-beach-choice-wrap .spec-table tr:last-child td {
	border-bottom: none;
}
#content_area .zara-bs-miami-beach-choice-wrap-main .zara-bs-miami-beach-choice-wrap .spec-table tr:hover td {
	background-color: #f2f2f2;
}
#content_area .zara-bs-miami-beach-choice-wrap-main .zara-bs-miami-beach-choice-wrap .faq-section {
	margin: 3rem 0;
}
#content_area .zara-bs-miami-beach-choice-wrap-main .zara-bs-miami-beach-choice-wrap .faq-item {
	background: #fff;
	border-radius: 20px;
	padding: 1.8rem;
	margin-bottom: 1rem;
	border: 1px solid #7c7c7c;
	transition: all 0.3s ease;
}
#content_area .zara-bs-miami-beach-choice-wrap-main .zara-bs-miami-beach-choice-wrap .faq-item:hover {
	border-color: #25afeb;
	transform: translateX(5px);
}
#content_area .zara-bs-miami-beach-choice-wrap-main .zara-bs-miami-beach-choice-wrap .faq-item h4 {
	color: #25afeb;
	margin-bottom: 0.8rem;
	font-size: 1.2rem;
	font-weight: 600;
}
#content_area .zara-bs-miami-beach-choice-wrap-main .zara-bs-miami-beach-choice-wrap .faq-item p {
	color: #cbd5e1;
}
#content_area .zara-bs-miami-beach-choice-wrap-main .zara-bs-miami-beach-choice-wrap .cta-box {
	background: #fff;
	color: #f1f5f9;
	padding: 3.5rem;
	border-radius: 32px;
	text-align: center;
	margin: 3rem 0;
	border: 1px solid #334155;
	position: relative;
	overflow: hidden;
}
#content_area .zara-bs-miami-beach-choice-wrap-main .zara-bs-miami-beach-choice-wrap .cta-box::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 4px;
	background: linear-gradient(90deg, #25afeb, #e5c99b, #25afeb);
}
#content_area .zara-bs-miami-beach-choice-wrap-main .zara-bs-miami-beach-choice-wrap .cta-box h3 {
	color: #0c0f13;
	font-size: 2rem;
	margin-bottom: 1rem;
	font-family: 'Playfair Display', serif;
	font-weight: 600;
}
#content_area .zara-bs-miami-beach-choice-wrap-main .zara-bs-miami-beach-choice-wrap .cta-box p {
	color: #cbd5e1;
	margin-bottom: 2rem;
	font-size: 1.1rem;
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
}
#content_area .zara-bs-miami-beach-choice-wrap-main .zara-bs-miami-beach-choice-wrap .cta-btn {
	display: inline-block;
	background: #25afeb;
	color: #0f172a;
	padding: 1rem 2.5rem;
	border-radius: 60px;
	text-decoration: none;
	font-weight: 600;
	font-size: 1.1rem;
	transition: all 0.3s ease;
	border: 2px solid #25afeb;
	cursor: pointer;
	margin: 0 0.5rem 1rem;
	line-height: 22px;
}
#content_area .zara-bs-miami-beach-choice-wrap-main .zara-bs-miami-beach-choice-wrap .cta-btn:hover {
	background: #b48b4a;
	transform: translateY(-2px);
	box-shadow: 0 10px 20px -5px rgba(197, 160, 89, 0.3);
	color: #25afeb;
}
#content_area .zara-bs-miami-beach-choice-wrap-main .zara-bs-miami-beach-choice-wrap .cta-btn-outline {
	display: inline-block;
	background: transparent;
	color: #25afeb;
	padding: 1rem 2.5rem;
	border-radius: 60px;
	text-decoration: none;
	font-weight: 600;
	font-size: 1.1rem;
	transition: all 0.3s ease;
	border: 2px solid #25afeb;
	cursor: pointer;
	margin: 0 0.5rem 1rem;
	line-height: 22px;
}
#content_area .zara-bs-miami-beach-choice-wrap-main .zara-bs-miami-beach-choice-wrap .cta-btn-outline:hover {
	background: #25afeb;
	color: #0f172a;
	transform: translateY(-2px);
}
#content_area .zara-bs-miami-beach-choice-wrap-main .zara-bs-miami-beach-choice-wrap .resource-cloud {
	display: flex;
	flex-wrap: wrap;
	gap: 0.8rem;
	margin: 2rem 0;
	padding: 2rem;
	background: #fff;
	border-radius: 48px;
	border: 1px solid #7c7c7c;
}
#content_area .zara-bs-miami-beach-choice-wrap-main .zara-bs-miami-beach-choice-wrap .resource-cloud a {
	background: #eaf5fc;
	padding: 0.5rem 1.5rem;
	border-radius: 60px;
	text-decoration: none;
	color: #0c0f13;
	font-weight: 500;
	border: 1px solid #334155;
	transition: all 0.3s ease;
	font-size: 0.95rem;
	line-height: 22px;
}
#content_area .zara-bs-miami-beach-choice-wrap-main .zara-bs-miami-beach-choice-wrap .resource-cloud a:hover {
	background: #25afeb;
	color: #0f172a;
	border-color: #25afeb;
	transform: translateY(-2px);
}
#content_area .zara-bs-miami-beach-choice-wrap-main .zara-bs-miami-beach-choice-wrap .expert-note {
	background: #fff;
	padding: 2rem;
	border-radius: 24px;
	margin: 3rem 0 2rem;
	border-left: 6px solid #25afeb;
	font-style: italic;
	position: relative;
}
#content_area .zara-bs-miami-beach-choice-wrap-main .zara-bs-miami-beach-choice-wrap .expert-note::before {
	content: '"';
	position: absolute;
	top: 12px;
	left: 20px;
	font-size: 5rem;
	color: #25afeb;
	opacity: 0.3;
	font-family: serif;
}
#content_area .zara-bs-miami-beach-choice-wrap-main .zara-bs-miami-beach-choice-wrap .expert-note p {
	margin: 0;
	color: #cbd5e1;
	font-size: 1.1rem;
	position: relative;
	z-index: 1;
}
#content_area .zara-bs-miami-beach-choice-wrap-main .zara-bs-miami-beach-choice-wrap .standards-section {
	background: #fff;
	padding: 2rem;
	border-radius: 24px;
	margin: 2rem 0;
	border: 1px solid #7c7c7c;
}
#content_area .zara-bs-miami-beach-choice-wrap-main .zara-bs-miami-beach-choice-wrap .standards-section h3 {
	color: #25afeb;
	margin-top: 0;
}
#content_area .zara-bs-miami-beach-choice-wrap-main .zara-bs-miami-beach-choice-wrap .keyword-bar {
	display: flex;
	flex-wrap: wrap;
	gap: 0.6rem;
	background: #fff;
	padding: 1.2rem 2rem;
	border-radius: 60px;
	margin: 2rem 0;
	align-items: center;
	border: 1px solid #7c7c7c;
}
#content_area .zara-bs-miami-beach-choice-wrap-main .zara-bs-miami-beach-choice-wrap .keyword-bar span {
	font-weight: 600;
	color: #25afeb;
	margin-right: 10px;
}
#content_area .zara-bs-miami-beach-choice-wrap-main .zara-bs-miami-beach-choice-wrap .keyword-bar a {
	background: #eaf5fc;
	padding: 0.2rem 1rem;
	border-radius: 30px;
	color: #0c0f13;
	text-decoration: none;
	font-size: 0.9rem;
	border: 1px solid #334155;
	transition: all 0.3s ease;
}
#content_area .zara-bs-miami-beach-choice-wrap-main .zara-bs-miami-beach-choice-wrap .keyword-bar a:hover {
	background: #25afeb;
	color: #0f172a;
	border-color: #25afeb;
}
#content_area .zara-bs-miami-beach-choice-wrap-main .zara-bs-miami-beach-choice-wrap hr {
	border: none;
	border-top: 2px dashed #334155;
	margin: 3rem 0;
}
#content_area .zara-bs-miami-beach-choice-wrap-main .zara-bs-miami-beach-choice-wrap .brand-footer {
	background: #fff;
	color: #f1f5f9;
	padding: 2.5rem;
	border-radius: 30px;
	margin-top: 3rem;
	text-align: center;
	border: 1px solid #7c7c7c;
}
#content_area .zara-bs-miami-beach-choice-wrap-main .zara-bs-miami-beach-choice-wrap .brand-footer p {
	opacity: 0.9;
	color: #cbd5e1;
}
#content_area .zara-bs-miami-beach-choice-wrap-main .zara-bs-miami-beach-choice-wrap .brand-footer strong {
	color: #25afeb;
}
#content_area .zara-bs-miami-beach-choice-wrap-main .zara-bs-miami-beach-choice-wrap [id] {
	scroll-margin-top: 2rem;
}
#content_area .zara-bs-miami-beach-choice-wrap-main .zara-bs-miami-beach-choice-wrap a {
	color: #25afeb;
	transition: all 0.3s ease;
}
#content_area .zara-bs-miami-beach-choice-wrap-main .zara-bs-miami-beach-choice-wrap a:hover {
	color: #7C7C7C;
}
@media (max-width: 768px) {
	#content_area .zara-bs-miami-beach-choice-wrap-main .zara-bs-miami-beach-choice-wrap .main-h1 {
		font-size: 2.5rem;
	}
	#content_area .zara-bs-miami-beach-choice-wrap-main .zara-bs-miami-beach-choice-wrap .cta-btn,
	#content_area .zara-bs-miami-beach-choice-wrap-main .zara-bs-miami-beach-choice-wrap .cta-btn-outline {
		display: block;
		margin: 1rem 0;
	}
}
/* Bullet points for better readability */
#content_area .zara-bs-miami-beach-choice-wrap-main .zara-bs-miami-beach-choice-wrap .bullet-list {
	list-style: none;
	padding: 0;
	margin: 1rem 0;
}
#content_area .zara-bs-miami-beach-choice-wrap-main .zara-bs-miami-beach-choice-wrap .bullet-list li {
	padding-left: 1.5rem;
	position: relative;
	margin-bottom: 0.5rem;
	color: #cbd5e1;
}
#content_area .zara-bs-miami-beach-choice-wrap-main .zara-bs-miami-beach-choice-wrap .bullet-list li::before {
	content: "";
	color: #25afeb;
	font-weight: bold;
	font-size: 1.2rem;
	position: absolute;
	left: 0;
	top: 15px;
	background-color: #25afeb;
	width: 3px;
	height: 3px;
}
#content_area .zara-bs-miami-beach-choice-wrap-main .zara-bs-miami-beach-choice-wrap .feature-card {
	background: #fff;
	border-radius: 16px;
	padding: 1.5rem;
	border: 1px solid #7c7c7c;
	margin-bottom: 1rem;
}
#content_area .zara-bs-miami-beach-choice-wrap-main .zara-bs-miami-beach-choice-wrap .feature-card h4 {
	color: #25afeb;
	margin-bottom: 0.5rem;
}
#content_area .zara-bs-miami-beach-choice-wrap-main .case-study-section {
    background: #fff;
    padding: 2rem;
    border-radius: 32px;
    margin: 2rem 0;
    border: 1px solid #7c7c7c;
}
#content_area .zara-bs-miami-beach-choice-wrap-main .case-study-wrapper {
    display: flex;
    align-items: center;
    gap: 2rem;
    flex-wrap: wrap;
}
#content_area .zara-bs-miami-beach-choice-wrap-main .case-study-content {
    flex: 2;
    min-width: 300px;
}
#content_area .zara-bs-miami-beach-choice-wrap-main .case-study-title {
    color: #25afeb;
    margin: 0 0 1rem;
}
#content_area .zara-bs-miami-beach-choice-wrap-main .case-study-text {
    color: #cbd5e1;
    line-height: 1.7;
}
#content_area .zara-bs-miami-beach-choice-wrap-main .case-study-image-wrapper {
    flex: 1;
    min-width: 250px;
}
#content_area .zara-bs-miami-beach-choice-wrap-main .case-study-image {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 24px;
    border: 2px solid #25afeb;
}
@media (max-width: 992px) {
    #content_area .zara-bs-miami-beach-choice-wrap-main .case-study-section {
        padding: 1.75rem;
    }
    #content_area .zara-bs-miami-beach-choice-wrap-main .case-study-wrapper {
        gap: 1.5rem;
    }
}
@media (max-width: 768px) {
    #content_area .zara-bs-miami-beach-choice-wrap-main .case-study-section {
        padding: 1.5rem;
        border-radius: 24px;
    }
    #content_area .zara-bs-miami-beach-choice-wrap-main .case-study-wrapper {
        flex-direction: column;
        text-align: center;
    }
    #content_area .zara-bs-miami-beach-choice-wrap-main .case-study-content,
    #content_area .zara-bs-miami-beach-choice-wrap-main .case-study-image-wrapper {
        flex: 1 1 100%;
        min-width: 100%;
    }
    #content_area .zara-bs-miami-beach-choice-wrap-main .case-study-title {
        font-size: 1.4rem;
    }
    #content_area .zara-bs-miami-beach-choice-wrap-main .case-study-image-wrapper {
        order: -1;
    }
    #content_area .zara-bs-miami-beach-choice-wrap-main .bullet-list {
        text-align: left;
        display: inline-block;
    }
}
@media (max-width: 480px) {
    #content_area .zara-bs-miami-beach-choice-wrap-main .case-study-section {
        padding: 1.25rem;
        border-radius: 20px;
    }
    #content_area .zara-bs-miami-beach-choice-wrap-main .case-study-title {
        font-size: 1.2rem;
    }
    #content_area .zara-bs-miami-beach-choice-wrap-main .case-study-text {
        font-size: 0.95rem;
    }
    #content_area .zara-bs-miami-beach-choice-wrap-main .case-study-image {
        border-radius: 16px;
    }
}
/*Bottom*/
#content_area .enhanced-seo-description-wrapper .airport-seo-description {
    background: linear-gradient(180deg, #f0f9ff, #e6f7ff, #f5fbff);
    padding: 3.5rem 3rem;
    border-radius: 40px;
    margin: 3rem 0;
    border: 1px solid #0c0f13;
    box-shadow: 0 30px 60px -15px rgba(0, 0, 0, 0.5);
    position: relative;
    overflow: hidden;
}
#content_area .enhanced-seo-description-wrapper .airport-seo-description .airport-seo-title {
    font-size: 2.5rem;
    font-weight: 600;
    color: #f1f5f9;
    font-family: 'Playfair Display', serif;
    margin-bottom: 1.5rem;
    border-left: 6px solid #25afeb;
    padding-left: 1.2rem;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
    line-height: 1.3;
}
#content_area .enhanced-seo-description-wrapper .airport-seo-description .airport-seo-content {
    color: #cbd5e1;
    font-size: 1.1rem;
    margin-bottom: 2rem;
    line-height: 1.8;
}
#content_area .enhanced-seo-description-wrapper .airport-seo-description .airport-seo-link {
    color: #0c0f13;
    text-decoration: underline;
    transition: opacity 0.3s ease;
}
#content_area .enhanced-seo-description-wrapper .airport-seo-description .airport-seo-link:hover {
    opacity: 0.85;
}
#content_area .enhanced-seo-description-wrapper .airport-seo-description .airport-highlight {
    color: #0c0f13;
    font-weight: 600;
}
@media (max-width: 991px) {
    #content_area .enhanced-seo-description-wrapper .airport-seo-description {
        padding: 2.5rem 2rem;
        border-radius: 30px;
    }
    #content_area .enhanced-seo-description-wrapper .airport-seo-description .airport-seo-title {
        font-size: 2rem;
    }
    #content_area .enhanced-seo-description-wrapper .airport-seo-description .airport-seo-content {
        font-size: 1rem;
    }
}
@media (max-width: 767px) {
    #content_area .enhanced-seo-description-wrapper .airport-seo-description {
        padding: 2rem 1.5rem;
        border-radius: 24px;
        margin: 2rem 0;
    }
    #content_area .enhanced-seo-description-wrapper .airport-seo-description .airport-seo-title {
        font-size: 1.7rem;
        padding-left: 1rem;
        border-left-width: 4px;
    }
    #content_area .enhanced-seo-description-wrapper .airport-seo-description .airport-seo-content {
        font-size: 0.95rem;
        line-height: 1.7;
    }
}
@media (max-width: 480px) {
    #content_area .enhanced-seo-description-wrapper .airport-seo-description {
        padding: 1.5rem 1.25rem;
    }
    #content_area .enhanced-seo-description-wrapper .airport-seo-description .airport-seo-title {
        font-size: 1.45rem;
    }
}
#content_area .dubai-international-airport-project-hero .hero-card {
  margin: 3rem 0 2.5rem 0;
  position: relative;
  border-radius: 32px;
  overflow: hidden;
  border: 2px solid #7c7c7c;
  box-shadow: 0 25px 40px -15px rgba(197, 160, 89, 0.4);
  transform: translateY(0);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}
#content_area .dubai-international-airport-project-hero .hero-card :hover {
	transform: translateY(-5px);
	box-shadow: 0 30px 50px -10px #2c5379;
}
#content_area .dubai-international-airport-project-hero .hero-card .hero-corner {
  position: absolute;
  width: 30px;
  height: 30px;
  z-index: 2;
  opacity: 0.8;
}
#content_area .dubai-international-airport-project-hero .hero-card .corner-tl {
  top: 10px;
  left: 10px;
  border-top: 3px solid #0c0f13;
  border-left: 3px solid #0c0f13;
  border-radius: 16px 0 0 0;
}
#content_area .dubai-international-airport-project-hero .hero-card .corner-tr {
  top: 10px;
  right: 10px;
  border-top: 3px solid #0c0f13;
  border-right: 3px solid #0c0f13;
  border-radius: 0 16px 0 0;
}
#content_area .dubai-international-airport-project-hero .hero-card .corner-bl {
  bottom: 10px;
  left: 10px;
  border-bottom: 3px solid #0c0f13;
  border-left: 3px solid #0c0f13;
  border-radius: 0 0 0 16px;
}
#content_area .dubai-international-airport-project-hero .hero-card .corner-br {
  bottom: 10px;
  right: 10px;
  border-bottom: 3px solid #0c0f13;
  border-right: 3px solid #0c0f13;
  border-radius: 0 0 16px 0;
}
/* ================= IMAGE AREA ================= */
#content_area .dubai-international-airport-project-hero .hero-card .hero-media {
  position: relative;
  width: 100%;
  aspect-ratio: 21 / 9;
  overflow: hidden;
}
#content_area .dubai-international-airport-project-hero .hero-card .hero-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    90deg,
    rgba(10,14,23,0.9) 0%,
    rgba(10,14,23,0.4) 50%,
    rgba(10,14,23,0.9) 100%
  );
  z-index: 1;
  pointer-events: none;
}
#content_area .dubai-international-airport-project-hero .hero-card .hero-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.6s ease;
}
#content_area .dubai-international-airport-project-hero .hero-card .hero-img:hover {
  transform: scale(1.03);
}
/* ================= HERO TEXT ================= */

#content_area .dubai-international-airport-project-hero .hero-card .hero-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  text-align: center;
  width: 80%;
  max-width: 600px;
}
#content_area .dubai-international-airport-project-hero .hero-card .hero-content h4 {
  color:white;font-family:'Playfair Display',serif;font-size:1.8rem;margin:0.5rem 0;text-shadow:0 4px 10px rgba(0,0,0,0.5);
}
#content_area .dubai-international-airport-project-hero .hero-card .hero-content p {
  color:rgba(255,255,255,0.9);margin:0;font-size:1.1rem;text-shadow:0 2px 5px rgba(0,0,0,0.5);
}
#content_area .dubai-international-airport-project-hero .hero-card .hero-badge {
  background: transparent;
  backdrop-filter: blur(5px);
  padding: 0.5rem 2rem;
  border-radius: 60px;
  border: 1px solid #0c0f13;
  color: white;
  font-weight: 500;
  letter-spacing: 1px;
  display: inline-block;
  margin-bottom: 1rem;
  font-size: 0.9rem;
}

/* ================= CAPTION ================= */
#content_area .dubai-international-airport-project-hero .hero-card .hero-caption {
  background: #fff;
  padding: 1rem 2rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 1rem;
  border-top: 1px solid #7c7c7c;
}
#content_area .dubai-international-airport-project-hero .hero-card .hero-caption {
  display:flex;align-items:center;gap:0.5rem;
}
#content_area .dubai-international-airport-project-hero .hero-card .hero-dot {
  background: #0c0f13;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
}
/* ================= STATS ================= */
#content_area .dubai-international-airport-project-hero .hero-card .hero-stats {
  display: flex;
  gap: 2rem;
  flex-wrap: wrap;
}
#content_area .dubai-international-airport-project-hero .hero-card .stat-box {
  text-align: center;
}
#content_area .dubai-international-airport-project-hero .hero-card .stat-value {
  color: #0c0f13;
  font-weight: 700;
  font-size: 1.3rem;
}
#content_area .dubai-international-airport-project-hero .hero-card .stat-label {
  color: #cbd5e1;
  font-size: 0.9rem;
  display: block;
}

/* ================= TYPOGRAPHY ================= */
#content_area .dubai-international-airport-project-content-wrapper .section-title {
  font-size: 1.8rem;
  font-weight: 600;
  color: #2c5379;
  font-family: 'Playfair Display', serif;
  margin: 2.5rem 0 1.2rem 0;
}
#content_area .dubai-international-airport-project-content-wrapper .text {
  color: #cbd5e1;
  margin-bottom: 1.5rem;
  font-size: 1.1rem;
}
/* ================= LISTS ================= */
#content_area .dubai-international-airport-project-content-wrapper .feature-list {
  list-style: none;
  padding: 0;
  margin: 1.5rem 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 1rem;
}
#content_area .dubai-international-airport-project-content-wrapper .feature-item {
  background: rgba(197, 160, 89, 0.1);
  padding: 1rem 1.5rem;
  border-radius: 60px;
  border: 1px solid #334155;
  color: #cbd5e1;
}
/* ================= HIGHLIGHTS ================= */
#content_area .dubai-international-airport-project-content-wrapper .highlight {
  color: #0c0f13;
  font-weight: 600;
}
#content_area .dubai-international-airport-project-content-wrapper .note-box {
  margin: 2rem 0;
  padding: 1.5rem;
  background: rgba(0,0,0,0.3);
  border-radius: 24px;
  border-left: 4px solid #0c0f13;
}
#content_area .dubai-international-airport-project-content-wrapper .gradient-box {
  color: #cbd5e1;
  font-size: 1.1rem;
  padding: 1.5rem;
  background: linear-gradient(180deg, #f0f9ff, #e6f7ff, #f5fbff);
  border-radius: 32px;
  border: 1px solid #0c0f13;
}
@media (max-width: 768px) {
  #content_area .dubai-international-airport-project-hero .hero-card .hero-content {
    width: 90%;
  }

  #content_area .dubai-international-airport-project-hero .hero-card .hero-stats {
    justify-content: center;
    gap: 1rem;
  }

  #content_area .dubai-international-airport-project-hero .hero-card .hero-caption {
    text-align: center;
    justify-content: center;
  }

  #content_area .dubai-international-airport-project-content-wrapper .feature-list {
    grid-template-columns: 1fr;
  }
}
/* Category 12079 -- Airport Restroom Solutions -(https://www.fontanashowers.com/airport-restroom-solutions-s/12079.htm) at 04-06-2026 End Here*/

/* Category 1937 -- fs-bathroom-faucets-w-fm-fs-aec-volusion-wrapper -(https://www.fontanashowers.com/touchless-faucets-s/1937.htm) at 08-06-2026 Start Here*/
/*Top*/
#content_area .fs-bathroom-faucets-w-fm-fs-aec-volusion-wrapper {
	font-family: 'Inter', sans-serif;
	background: #f8fafc;
	color: #1f2937;
	line-height: 1.5;
}
/* ========== HERO BANNER - FULL WIDTH WITH ROUNDED IMAGE ========== */
#content_area .fs-bathroom-faucets-w-fm-fs-aec-volusion-wrapper .hero-banner {
	position: relative;
	width: 100%;
	min-height: 550px;
	background: url('/v/vspfiles/assets/images/April New collections _Manual Faucet.jpg') no-repeat center center;
	background-size: cover;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	border-radius: 0;
	overflow: hidden;
	margin-top: 0;
	width: 100vw;
	margin-left: calc(-50vw + 50%);
}
/*#content_area .fs-bathroom-faucets-w-fm-fs-aec-volusion-wrapper .hero-banner::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(90deg, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.5) 50%, rgba(0,0,0,0.2) 100%);
	z-index: 1;
}*/
#content_area .fs-bathroom-faucets-w-fm-fs-aec-volusion-wrapper .hero-container {
	position: relative;
	z-index: 2;
	max-width: 1400px;
	margin: 0 auto;
	padding: 0 60px;
	width: 100%;
}
#content_area .fs-bathroom-faucets-w-fm-fs-aec-volusion-wrapper .hero-content {
	max-width: 600px;
	color: #ffffff;
}
#content_area .fs-bathroom-faucets-w-fm-fs-aec-volusion-wrapper .hero-content h1 {
	font-size: 52px;
	font-weight: 800;
	line-height: 1.2;
	margin-bottom: 20px;
	color: #ffffff;
	letter-spacing: -0.5px;
}
#content_area .fs-bathroom-faucets-w-fm-fs-aec-volusion-wrapper .hero-content p {
	font-size: 18px !important;
	color: rgba(255, 255, 255, 0.9) !important;
	line-height: 1.6 !important;
	margin-bottom: 30px;
	text-align: justify;
}
#content_area .fs-bathroom-faucets-w-fm-fs-aec-volusion-wrapper .hero-btn {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	background: #d4af37;
	color: #0f172a;
	padding: 14px 36px;
	border-radius: 50px;
	text-decoration: none;
	font-weight: 700;
	font-size: 16px;
	transition: all 0.3s ease;
}
#content_area .fs-bathroom-faucets-w-fm-fs-aec-volusion-wrapper .hero-btn:hover {
	background: #e2c14e;
	gap: 14px;
	transform: translateY(-2px);
}
/* ========== MAIN SECTION ========== */
#content_area .fs-bathroom-faucets-w-fm-fs-aec-volusion-wrapper .fs-bathroom-faucets-w-fm-fs-aec-volusion {
	max-width: 1400px;
	margin: 40px auto;
	padding: 0 24px;
}
#content_area .fs-bathroom-faucets-w-fm-fs-aec-volusion-wrapper .fs-bathroom-faucets-w-fm-fs-wrap {
	width: 100%;
}
/* ========== CONTENT SECTION ========== */
#content_area .fs-bathroom-faucets-w-fm-fs-aec-volusion-wrapper .fs-bathroom-faucets-w-fm-fs-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
	gap: 28px;
	margin-bottom: 48px;
}
#content_area .fs-bathroom-faucets-w-fm-fs-aec-volusion-wrapper .fs-bathroom-faucets-w-fm-fs-card {
	background: #ffffff;
	border-radius: 24px;
	padding: 32px;
	border: 1px solid #eef2f8;
	transition: all 0.3s ease;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03);
}
#content_area .fs-bathroom-faucets-w-fm-fs-aec-volusion-wrapper .fs-bathroom-faucets-w-fm-fs-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 12px 24px rgba(0, 0, 0, 0.08);
	border-color: #cbd5e1;
}
#content_area .fs-bathroom-faucets-w-fm-fs-aec-volusion-wrapper .fs-bathroom-faucets-w-fm-fs-card h2 {
	font-size: 22px;
	font-weight: 700;
	color: #0f3b5c;
	margin-bottom: 16px;
}
#content_area .fs-bathroom-faucets-w-fm-fs-aec-volusion-wrapper .fs-bathroom-faucets-w-fm-fs-card p {
	font-size: 14px;
	color: #475569;
	line-height: 1.6;
	margin-bottom: 20px;
}
#content_area .fs-bathroom-faucets-w-fm-fs-aec-volusion-wrapper .fs-bathroom-faucets-w-fm-fs-kpi {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
	margin-top: 16px;
	padding-top: 16px;
	border-top: 1px solid #eef2f8;
}
#content_area .fs-bathroom-faucets-w-fm-fs-aec-volusion-wrapper .fs-bathroom-faucets-w-fm-k {
	flex: 1;
}
#content_area .fs-bathroom-faucets-w-fm-fs-aec-volusion-wrapper .fs-bathroom-faucets-w-fm-k strong {
	display: block;
	font-size: 12px;
	color: #64748b;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	margin-bottom: 4px;
}
#content_area .fs-bathroom-faucets-w-fm-fs-aec-volusion-wrapper .fs-bathroom-faucets-w-fm-k em {
	font-size: 13px;
	color: #1f2937;
	font-style: normal;
	font-weight: 500;
}
/* ========== PRODUCTS SECTION ========== */
#content_area .fs-bathroom-faucets-w-fm-fs-aec-volusion-wrapper .fs-bathroom-faucets-w-fm-fs-products {
	background: #ffffff;
	border-radius: 32px;
	padding: 48px;
	border: 1px solid #eef2f8;
	margin-top: 20px;
}
#content_area .fs-bathroom-faucets-w-fm-fs-aec-volusion-wrapper .fs-bathroom-faucets-w-fm-fs-products h2 {
	font-size: 28px;
	font-weight: 800;
	color: #0b1e2e;
	margin-bottom: 32px;
	text-align: center;
}
#content_area .fs-bathroom-faucets-w-fm-fs-aec-volusion-wrapper .fs-bathroom-faucets-w-fm-fs-prodgrid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: 32px;
	margin-bottom: 40px;
}
#content_area .fs-bathroom-faucets-w-fm-fs-aec-volusion-wrapper .fs-bathroom-faucets-w-fm-prod {
	background: #f8fafc;
	border-radius: 20px;
	padding: 28px;
	transition: all 0.3s ease;
	border: 1px solid #eef2f8;
}
#content_area .fs-bathroom-faucets-w-fm-fs-aec-volusion-wrapper .fs-bathroom-faucets-w-fm-prod:hover {
	transform: translateY(-4px);
	box-shadow: 0 12px 24px rgba(0, 0, 0, 0.08);
}
#content_area .fs-bathroom-faucets-w-fm-fs-aec-volusion-wrapper .fs-bathroom-faucets-w-fm-prod h3 {
	font-size: 18px;
	font-weight: 700;
	color: #0f3b5c;
	margin-bottom: 12px;
}
#content_area .fs-bathroom-faucets-w-fm-fs-aec-volusion-wrapper .fs-bathroom-faucets-w-fm-prod p {
	font-size: 13px;
	color: #64748b;
	line-height: 1.6;
	margin-bottom: 16px;
}
#content_area .fs-bathroom-faucets-w-fm-fs-aec-volusion-wrapper .fs-bathroom-faucets-w-fm-tagrow {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}
#content_area .fs-bathroom-faucets-w-fm-fs-aec-volusion-wrapper .fs-bathroom-faucets-w-fm-tag {
	background: #eef2ff;
	color: #0f3b5c;
	padding: 4px 12px;
	border-radius: 20px;
	font-size: 11px;
	font-weight: 600;
}
#content_area .fs-bathroom-faucets-w-fm-fs-aec-volusion-wrapper .fs-bathroom-faucets-w-fm-fs-foot {
	text-align: center;
	padding-top: 32px;
	border-top: 1px solid #eef2f8;
	font-size: 14px;
	color: #475569;
}
#content_area .fs-bathroom-faucets-w-fm-fs-aec-volusion-wrapper .fs-bathroom-faucets-w-fm-fs-foot a {
	color: #0f3b5c;
	font-weight: 600;
	text-decoration: none;
	display: inline-block;
	margin-top: 12px;
}
#content_area .fs-bathroom-faucets-w-fm-fs-aec-volusion-wrapper .fs-bathroom-faucets-w-fm-fs-foot a:hover {
	text-decoration: underline;
}
/* ========== RESPONSIVE ========== */
@media (max-width: 1024px) {
	#content_area .fs-bathroom-faucets-w-fm-fs-aec-volusion-wrapper .hero-content h1 { font-size: 42px; }
	#content_area .fs-bathroom-faucets-w-fm-fs-aec-volusion-wrapper .hero-container { padding: 0 40px; }
	#content_area .fs-bathroom-faucets-w-fm-fs-aec-volusion-wrapper .fs-bathroom-faucets-w-fm-fs-grid { grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); }
}
@media (max-width: 900px) {
	#content_area .fs-bathroom-faucets-w-fm-fs-aec-volusion-wrapper .fs-bathroom-faucets-w-fm-fs-grid {
		grid-template-columns: 1fr;
	}
	#content_area .fs-bathroom-faucets-w-fm-fs-aec-volusion-wrapper .fs-bathroom-faucets-w-fm-fs-products {
		padding: 32px 24px;
	}
	#content_area .fs-bathroom-faucets-w-fm-fs-aec-volusion-wrapper .fs-bathroom-faucets-w-fm-fs-products h2 {
		font-size: 24px;
	}
	#content_area .fs-bathroom-faucets-w-fm-fs-aec-volusion-wrapper .fs-bathroom-faucets-w-fm-fs-prodgrid {
		grid-template-columns: 1fr;
	}
}
@media (max-width: 768px) {
	#content_area .fs-bathroom-faucets-w-fm-fs-aec-volusion-wrapper .hero-banner { min-height: 450px; border-radius: 0 0 30px 30px; margin-top: 16px; }
	#content_area .fs-bathroom-faucets-w-fm-fs-aec-volusion-wrapper .hero-container { padding: 0 30px; }
	#content_area .fs-bathroom-faucets-w-fm-fs-aec-volusion-wrapper .hero-content { max-width: 100%; text-align: center; }
	#content_area .fs-bathroom-faucets-w-fm-fs-aec-volusion-wrapper .hero-content h1 { font-size: 32px; }
	#content_area .fs-bathroom-faucets-w-fm-fs-aec-volusion-wrapper .hero-content p { font-size: 15px !important; }
	#content_area .fs-bathroom-faucets-w-fm-fs-aec-volusion-wrapper .hero-btn { padding: 12px 28px; font-size: 14px; }
	#content_area .fs-bathroom-faucets-w-fm-fs-aec-volusion-wrapper .fs-bathroom-faucets-w-fm-fs-aec-volusion {
		padding: 0 16px;
		margin: 30px auto;
	}
	#content_area .fs-bathroom-faucets-w-fm-fs-aec-volusion-wrapper .fs-bathroom-faucets-w-fm-fs-card h2 {
		font-size: 20px;
	}
	#content_area .fs-bathroom-faucets-w-fm-fs-aec-volusion-wrapper .fs-bathroom-faucets-w-fm-kpi {
		flex-direction: column;
		gap: 12px;
	}
}
@media (max-width: 480px) {
	#content_area .fs-bathroom-faucets-w-fm-fs-aec-volusion-wrapper .hero-banner { min-height: 380px; border-radius: 0 0 20px 20px; margin-top: 12px; }
	#content_area .fs-bathroom-faucets-w-fm-fs-aec-volusion-wrapper .hero-container { padding: 0 20px; }
	#content_area .fs-bathroom-faucets-w-fm-fs-aec-volusion-wrapper .hero-content h1 { font-size: 28px; }
	#content_area .fs-bathroom-faucets-w-fm-fs-aec-volusion-wrapper .hero-content p { font-size: 14px !important; }
	#content_area .fs-bathroom-faucets-w-fm-fs-aec-volusion-wrapper .hero-btn { width: 100%; justify-content: center; }
	#content_area .fs-bathroom-faucets-w-fm-fs-aec-volusion-wrapper .fs-bathroom-faucets-w-fm-fs-products {
		padding: 24px 20px;
	}
	#content_area .fs-bathroom-faucets-w-fm-fs-aec-volusion-wrapper .fs-bathroom-faucets-w-fm-prod {
		padding: 20px;
	}
}
/* Category 1937 -- fs-bathroom-faucets-w-fm-fs-aec-volusion-wrapper -(https://www.fontanashowers.com/touchless-faucets-s/1937.htm) at 08-06-2026 End Here*/

/* Category 2056 -- AEC ARCHITECT PANEL DESIGN -(https://www.fontanashowers.com/market-industry-bathroom-fixtures-s/2056.htm) at 10-06-2026 Start Here*/
#content_area .aec-architect-panel-june-design-wrapper .aec-architect-panel {
    max-width: 1350px;
    margin: 10px auto;
    background: #ffffff;
    font-family: 'Inter', sans-serif;
    color: #1f1f1f;
}
#content_area .aec-architect-panel-june-design-wrapper .aec-architect-panel h1 {
    font-size: 34px;
    font-weight: 600;
    margin-bottom: 18px;
}
#content_area .aec-architect-panel-june-design-wrapper .aec-architect-panel h2 {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 30px;
    color: #2e5062;
}
#content_area .aec-architect-panel-june-design-wrapper .aec-architect-panel h3,
#content_area .aec-architect-panel-june-design-wrapper .aec-architect-panel h4,
#content_area .aec-architect-panel-june-design-wrapper .aec-architect-panel h5 {
    margin-top: 40px;
    margin-bottom: 15px;
    font-weight: 600;
    font-size: 18px;
}
#content_area .aec-architect-panel-june-design-wrapper .aec-architect-panel p {
    font-size: 16px;
    line-height: 1.8;
    margin-bottom: 25px;
    color: #444;
}
#content_area .aec-architect-panel-june-design-wrapper .aec-firm-list-3col {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px 30px;
    list-style: none;
    padding: 0;
    margin: 30px 0 45px 0;
}
#content_area .aec-architect-panel-june-design-wrapper .aec-firm-list-3col li {
    padding: 10px 0;
    border-bottom: 1px solid #e6edf3;
    font-size: 15px;
    font-weight: 500;
}
#content_area .aec-architect-panel-june-design-wrapper .aec-resource-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px 30px;
    margin-top: 20px;
}
#content_area .aec-architect-panel-june-design-wrapper .aec-resource-grid a {
    display: block;
    padding: 14px 18px;
    background: #f7f9fb;
    border: 1px solid #e4e8ec;
    border-radius: 10px;
    text-decoration: none;
    color: #2e5062;
    font-weight: 500;
    font-size: 15px;
    transition: all 0.2s ease;
}
#content_area .aec-architect-panel-june-design-wrapper .aec-resource-grid a:hover {
    background: #2e5062;
    color: #ffffff;
    border-color: #2e5062;
}
@media (max-width: 1100px) {
    #content_area .aec-architect-panel-june-design-wrapper .aec-firm-list-3col {
        grid-template-columns: repeat(2, 1fr);
    }
    #content_area .aec-architect-panel-june-design-wrapper .aec-resource-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 700px) {
    #content_area .aec-architect-panel-june-design-wrapper .aec-architect-panel {
        padding: 35px 25px;
    }
    #content_area .aec-architect-panel-june-design-wrapper .aec-firm-list-3col,
    #content_area .aec-architect-panel-june-design-wrapper .aec-resource-grid {
        grid-template-columns: 1fr;
    }
}
/* Category 2056 -- AEC ARCHITECT PANEL DESIGN -(https://www.fontanashowers.com/market-industry-bathroom-fixtures-s/2056.htm) at 10-06-2026 End Here*/

/* Category 7244 -- Luxury Faucets Best Brands -(https://www.fontanashowers.com/Luxury-Faucets-s/7244.htm) at 13-06-2026 Start Here*/
#content_area .leading-architectural-design-sin-faucets-june-wrapper .leading-architectural-design-sin-faucets-wrapper .leading-architectural-design-sin-faucets-banner-img{
    width:100%;
    max-width:1439.2px;
    border:0;
	margin: 0 auto;
	display: block;
}
#content_area .leading-architectural-design-sin-faucets-june-wrapper .leading-architectural-design-sin-faucets-wrapper .leading-architectural-design-sin-faucets-category-main-hd{
    line-height:1.1;
    text-transform:capitalize;
    position:relative;
    margin-bottom:18px !important;
    font-family:Baskerville-Italic, Georgia, Times, serif !important;
    font-weight:400 !important;
    color:#6f7880 !important;
    letter-spacing:1.5px !important;
    font-size:28px !important;
    text-align:center !important;
}
#content_area .leading-architectural-design-sin-faucets-june-wrapper .leading-architectural-design-sin-faucets-wrapper .leading-architectural-design-sin-faucets-category-custom-description{
    text-align:center !important;
    color:#aeaeae !important;
    font-family:Georgia, Times, "Times New Roman", serif !important;
}
#content_area .leading-architectural-design-sin-faucets-june-wrapper .leading-architectural-design-sin-faucets-wrapper .leading-architectural-design-sin-faucets-shop-faucets-wrapper{
    margin-bottom:0;
}
#content_area .leading-architectural-design-sin-faucets-june-wrapper .leading-architectural-design-sin-faucets-wrapper .leading-architectural-design-sin-faucets-heading{
    color:#8db3e2;
    font-weight:700;
    text-align:center;
    margin-top:5px;
    margin-bottom:5px;
    font-style:italic;
    font-family:Georgia, serif !important;
}
#content_area .leading-architectural-design-sin-faucets-june-wrapper .leading-architectural-design-sin-faucets-wrapper .leading-architectural-design-sin-faucets-heading-text{
    font-family:Georgia, serif;
}
#content_area .leading-architectural-design-sin-faucets-june-wrapper .leading-architectural-design-sin-faucets-wrapper .leading-architectural-design-sin-faucets-shop-faucets-inner{
    margin:0 auto;
    text-align:center;
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
}
#content_area .leading-architectural-design-sin-faucets-june-wrapper .leading-architectural-design-sin-faucets-wrapper .leading-architectural-design-sin-faucets-box{
    display:inline-block;
    max-width:20%;
    width:287.837px;
    padding:0 10px;
    box-sizing:border-box;
}
#content_area .leading-architectural-design-sin-faucets-june-wrapper .leading-architectural-design-sin-faucets-wrapper .leading-architectural-design-sin-faucets-image{
    width:100%;
    max-width:267.837px;
    border:0;
}
#content_area .leading-architectural-design-sin-faucets-june-wrapper .leading-architectural-design-sin-faucets-wrapper .leading-architectural-design-sin-faucets-text-detail{
    padding:10px 0;
    font-size:12px;
    font-weight:700;
    font-style:italic;
    color:silver !important;
    font-family:Georgia, serif !important;
}
#content_area .leading-architectural-design-sin-faucets-june-wrapper .leading-architectural-design-sin-faucets-wrapper .leading-architectural-design-sin-faucets-link{
    text-decoration:none;
    color:#6f7880;
}
#content_area .leading-architectural-design-sin-faucets-june-wrapper .leading-architectural-design-sin-faucets-wrapper .leading-architectural-design-sin-faucets-text-link{
    text-decoration:none;
    color:silver !important;
}
@media (max-width:991px){
    #content_area .leading-architectural-design-sin-faucets-june-wrapper .leading-architectural-design-sin-faucets-wrapper .leading-architectural-design-sin-faucets-box{
        max-width:50%;
        width:50%;
    }
}
@media (max-width:576px){
    #content_area .leading-architectural-design-sin-faucets-june-wrapper .leading-architectural-design-sin-faucets-wrapper .leading-architectural-design-sin-faucets-box{
        max-width:100%;
        width:100%;
    }
}
#content_area .leading-architectural-design-sin-faucets-june-wrapper .leading-architectural-design-sin-faucets-wrapper .v65-productDisplay .v-product-grid {
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-start;
}
#content_area .leading-architectural-design-sin-faucets-june-wrapper .leading-architectural-design-sin-faucets-wrapper .v65-productDisplay .v-product-grid .productWrapper {
	box-sizing: border-box;
	position: relative;
	min-height: 1px;
	padding: 15px;
	width: 359.8px;
	text-align: center;
}
#content_area .leading-architectural-design-sin-faucets-june-wrapper .leading-architectural-design-sin-faucets-wrapper .product {
	box-sizing: border-box;
	position: relative;
	overflow: hidden;
	border-radius: 1px;
	background-image: initial;
	padding: 15px;
	width: 329.8px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color: rgb(255, 255, 255) !important;
}
#content_area .leading-architectural-design-sin-faucets-june-wrapper .leading-architectural-design-sin-faucets-wrapper .v65-productDisplay .v-product-grid .productWrapper .entry-media img {
	box-sizing: border-box;
	max-width: 347px;
	height: auto;
	margin: 0px auto 15px;
	display: block;
	width: 299.8px;
	object-fit: fill;
}
/* Category 7244 -- Luxury Faucets Best Brands -(https://www.fontanashowers.com/Luxury-Faucets-s/7244.htm) at 13-06-2026 End Here*/

/* Category 12104 Top and Bottom -- SEO & Container Elements -(https://www.fontanashowers.com/ada-bathroom-sink-requirements-guide-s/12104.htm) at 13-06-2026 Start Here*/
#content_area .zee-ada-bathroom-sink-requirements-guide-wrapper .zee-ada-bathroom-sink-requirements-guide-seo-card {
    background: linear-gradient(135deg, #f8f9fc 0%, #ffffff 100%); 
    border-radius: 16px; 
    padding: 24px; 
    box-shadow: 0 8px 24px rgba(30, 43, 79, 0.08); 
    border-left: 6px solid #1e2b4f; 
    margin-bottom: 20px;
}
#content_area .zee-ada-bathroom-sink-requirements-guide-wrapper .zee-ada-bathroom-sink-requirements-guide-seo-text {
    font-size: 1.15rem; 
    line-height: 1.7; 
    color: #2d3748; 
    margin: 0;
}
#content_area .zee-ada-bathroom-sink-requirements-guide-wrapper .zee-ada-bathroom-sink-requirements-guide-seo-highlight {
    font-weight: 700; 
    color: #1e2b4f; 
    font-size: 1.3rem;
}
#content_area .zee-ada-bathroom-sink-requirements-guide-wrapper .zee-ada-bathroom-sink-requirements-guide-brand-link {
    color: #1e2b4f; 
    font-weight: 700; 
    text-decoration: underline;
}
#content_area .zee-ada-bathroom-sink-requirements-guide-wrapper .zee-ada-bathroom-sink-requirements-guide-brand-link-bold {
    color: #1e2b4f; 
    font-weight: 600;
}
#content_area .zee-ada-bathroom-sink-requirements-guide-wrapper .zee-ada-bathroom-sink-requirements-guide-internal-links-section {
    margin: 40px 0; 
    padding: 20px; 
    background: #f8f9fc; 
    border-radius: 12px;
}
#content_area .zee-ada-bathroom-sink-requirements-guide-wrapper .zee-ada-bathroom-sink-requirements-guide-resources-heading {
    margin-bottom: 16px; 
    color: #1e2b4f;
}
#content_area .zee-ada-bathroom-sink-requirements-guide-wrapper .zee-ada-bathroom-sink-requirements-guide-internal-link-card {
    display: block; 
    padding: 16px; 
    background: white; 
    border-radius: 8px; 
    text-decoration: none; 
    color: inherit; 
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}
#content_area .zee-ada-bathroom-sink-requirements-guide-wrapper .zee-ada-bathroom-sink-requirements-guide-card-title {
    color: #1e2b4f; 
    margin-bottom: 8px;
}
#content_area .zee-ada-bathroom-sink-requirements-guide-wrapper .zee-ada-bathroom-sink-requirements-guide-card-desc {
    font-size: 0.9rem; 
    color: #4a5568;
}
#content_area .zee-ada-bathroom-sink-requirements-guide-wrapper .zee-ada-bathroom-sink-requirements-guide-card-action {
    color: #1e2b4f; 
    font-weight: 600; 
    font-size: 0.9rem;
}
#content_area .zee-ada-bathroom-sink-requirements-guide-wrapper .zee-ada-bathroom-sink-requirements-guide-feature-container {
    background: white; 
    border-radius: 24px; 
    padding: 32px; 
    box-shadow: 0 12px 30px rgba(30, 43, 79, 0.08); 
    border: 1px solid rgba(30, 43, 79, 0.1);
}
#content_area .zee-ada-bathroom-sink-requirements-guide-wrapper .zee-ada-bathroom-sink-requirements-guide-section-title-underlined {
    color: #0a1a2f; 
    font-size: 2rem; 
    margin-bottom: 20px; 
    border-bottom: 3px solid #1e2b4f; 
    padding-bottom: 12px; 
    display: inline-block;
}
#content_area .zee-ada-bathroom-sink-requirements-guide-wrapper .zee-ada-bathroom-sink-requirements-guide-section-title-dark {
    color: #0a1a2f; 
    margin-bottom: 24px;
}
#content_area .zee-ada-bathroom-sink-requirements-guide-wrapper .zee-ada-bathroom-sink-requirements-guide-section-lead-text {
    font-size: 1.1rem; 
    line-height: 1.7; 
    color: #4a5568; 
    margin-bottom: 24px;
}
#content_area .zee-ada-bathroom-sink-requirements-guide-wrapper .zee-ada-bathroom-sink-requirements-guide-step-card {
    background: #f8f9fc; 
    border-radius: 16px; 
    padding: 20px; 
    text-align: center;
}
#content_area .zee-ada-bathroom-sink-requirements-guide-wrapper .zee-ada-bathroom-sink-requirements-guide-step-number {
    background: #1e2b4f; 
    color: white; 
    width: 50px; 
    height: 50px; 
    border-radius: 50%; 
    display: flex; 
    align-items: center; 
    justify-content: center; 
    margin: 0 auto 12px; 
    font-weight: 700;
}
#content_area .zee-ada-bathroom-sink-requirements-guide-wrapper .zee-ada-bathroom-sink-requirements-guide-step-title {
    color: #1e2b4f; 
    margin-bottom: 8px;
}
#content_area .zee-ada-bathroom-sink-requirements-guide-wrapper .zee-ada-bathroom-sink-requirements-guide-step-desc {
    color: #4a5568;
}
#content_area .zee-ada-bathroom-sink-requirements-guide-wrapper .zee-ada-bathroom-sink-requirements-guide-table-responsive {
    overflow-x: auto; 
    margin: 30px 0;
}
#content_area .zee-ada-bathroom-sink-requirements-guide-wrapper table.zee-ada-bathroom-sink-requirements-guide-table {
    width: 100%; 
    border-collapse: collapse; 
    background: white; 
    border-radius: 16px; 
    overflow: hidden; 
    box-shadow: 0 8px 24px rgba(0,0,0,0.05);
}
#content_area .zee-ada-bathroom-sink-requirements-guide-wrapper table.zee-ada-bathroom-sink-requirements-guide-table thead {
    background: #1e2b4f; 
    color: white;
}
#content_area .zee-ada-bathroom-sink-requirements-guide-wrapper table.zee-ada-bathroom-sink-requirements-guide-table th, table.zee-ada-bathroom-sink-requirements-guide-table td {
    padding: 16px; 
    text-align: left;
}
#content_area .zee-ada-bathroom-sink-requirements-guide-wrapper table.zee-ada-bathroom-sink-requirements-guide-table tr {
    border-bottom: 1px solid #e2e8f0;
}
#content_area .zee-ada-bathroom-sink-requirements-guide-wrapper .zee-ada-bathroom-sink-requirements-guide-tbl-bold {
    font-weight: 600;
}
#content_area .zee-ada-bathroom-sink-requirements-guide-wrapper .zee-ada-bathroom-sink-requirements-guide-tbl-bg-alt {
    background: #f8f9fc;
}
#content_area .zee-ada-bathroom-sink-requirements-guide-wrapper .zee-ada-bathroom-sink-requirements-guide-context-notice-box {
    margin: 25px 0; 
    padding: 16px; 
    background: #f0f4fa; 
    border-radius: 8px; 
    border-left: 4px solid #1e2b4f;
}
#content_area .zee-ada-bathroom-sink-requirements-guide-wrapper .zee-ada-bathroom-sink-requirements-guide-notice-text {
    margin: 0; 
    font-size: 1.05rem;
}
#content_area .zee-ada-bathroom-sink-requirements-guide-wrapper .zee-ada-bathroom-sink-requirements-guide-notice-link {
    color: #1e2b4f; 
    font-weight: 700; 
    text-decoration: underline;
}
#content_area .zee-ada-bathroom-sink-requirements-guide-wrapper .zee-ada-bathroom-sink-requirements-guide-bordered-info-card {
    background: #f8f9fc; 
    border-radius: 16px; 
    padding: 24px; 
    border-left: 4px solid #1e2b4f;
}
#content_area .zee-ada-bathroom-sink-requirements-guide-wrapper .zee-ada-bathroom-sink-requirements-guide-card-p-text {
    color: #4a5568; 
    line-height: 1.7; 
    margin-bottom: 16px;
}
#content_area .zee-ada-bathroom-sink-requirements-guide-wrapper .zee-ada-bathroom-sink-requirements-guide-highlight-badge-box {
    background: white; 
    border-radius: 8px; 
    padding: 12px; 
    margin-top: 16px;
}
#content_area .zee-ada-bathroom-sink-requirements-guide-wrapper .zee-ada-bathroom-sink-requirements-guide-highlight-badge-text {
    margin: 0; 
    color: #1e2b4f; 
    font-weight: 600;
}
#content_area .zee-ada-bathroom-sink-requirements-guide-wrapper .zee-ada-bathroom-sink-requirements-guide-gray-info-card {
    background: #f8f9fc; 
    border-radius: 16px; 
    padding: 24px;
}
#content_area .zee-ada-bathroom-sink-requirements-guide-wrapper .zee-ada-bathroom-sink-requirements-guide-bullet-list {
    color: #4a5568; 
    margin-bottom: 0;
}
#content_area .zee-ada-bathroom-sink-requirements-guide-wrapper .zee-ada-bathroom-sink-requirements-guide-bullet-list li {
    margin-bottom: 8px;
}
#content_area .zee-ada-bathroom-sink-requirements-guide-wrapper .zee-ada-bathroom-sink-requirements-guide-info-note-box {
    margin-top: 20px; 
    padding: 16px; 
    background: #f0f4fa; 
    border-radius: 8px;
}
#content_area .zee-ada-bathroom-sink-requirements-guide-wrapper .zee-ada-bathroom-sink-requirements-guide-faucet-success-box {
    margin-top: 20px; 
    padding: 16px; 
    background: #eef2f6; 
    border-radius: 8px;
}
#content_area .zee-ada-bathroom-sink-requirements-guide-wrapper .zee-ada-bathroom-sink-requirements-guide-faucet-success-text {
    margin: 0; 
    color: #1e2b4f;
}
#content_area .zee-ada-bathroom-sink-requirements-guide-wrapper .zee-ada-bathroom-sink-requirements-guide-commercial-card {
    background: #f8f9fc; 
    border-radius: 12px; 
    padding: 20px;
}
#content_area .zee-ada-bathroom-sink-requirements-guide-wrapper .zee-ada-bathroom-sink-requirements-guide-commercial-card-title {
    color: #1e2b4f; 
    margin-bottom: 8px;
}
#content_area .zee-ada-bathroom-sink-requirements-guide-wrapper .zee-ada-bathroom-sink-requirements-guide-commercial-card-desc {
    color: #4a5568;
}
#content_area .zee-ada-bathroom-sink-requirements-guide-wrapper .zee-ada-bathroom-sink-requirements-guide-commercial-footer-text {
    margin-top: 24px;
}
#content_area .zee-ada-bathroom-sink-requirements-guide-wrapper .zee-ada-bathroom-sink-requirements-guide-mistake-card {
    background: #fff5f5; 
    border-radius: 12px; 
    padding: 20px; 
    border-left: 4px solid #e53e3e;
}
#content_area .zee-ada-bathroom-sink-requirements-guide-wrapper .zee-ada-bathroom-sink-requirements-guide-mistake-title {
    color: #c53030; 
    margin-bottom: 8px;
}
#content_area .zee-ada-bathroom-sink-requirements-guide-wrapper .zee-ada-bathroom-sink-requirements-guide-mistake-desc {
    color: #4a5568;
}
#content_area .zee-ada-bathroom-sink-requirements-guide-wrapper .zee-ada-bathroom-sink-requirements-guide-faq-header {
    text-align: center; 
    margin-bottom: 32px;
}
#content_area .zee-ada-bathroom-sink-requirements-guide-wrapper .zee-ada-bathroom-sink-requirements-guide-faq-pill {
    display: inline-block; 
    background: #eef2f6; 
    padding: 6px 16px; 
    border-radius: 40px; 
    font-size: 0.85rem; 
    color: #1e2b4f; 
    margin-bottom: 12px;
}
#content_area .zee-ada-bathroom-sink-requirements-guide-wrapper .zee-ada-bathroom-sink-requirements-guide-faq-card {
    background: white; 
    border-radius: 16px; 
    padding: 24px; 
    box-shadow: 0 8px 24px rgba(0,0,0,0.05);
}
#content_area .zee-ada-bathroom-sink-requirements-guide-wrapper .zee-ada-bathroom-sink-requirements-guide-faq-question {
    color: #1e2b4f; 
    margin-bottom: 8px;
}
#content_area .zee-ada-bathroom-sink-requirements-guide-wrapper .zee-ada-bathroom-sink-requirements-guide-faq-answer {
    margin: 0;
}
#content_area .zee-ada-bathroom-sink-requirements-guide-wrapper .zee-ada-bathroom-sink-requirements-guide-margin-0 { margin: 0; }
#content_area .zee-ada-bathroom-sink-requirements-guide-wrapper .zee-ada-bathroom-sink-requirements-guide-mb-30 { margin-bottom: 30px; }
#content_area .zee-ada-bathroom-sink-requirements-guide-wrapper .zee-ada-bathroom-sink-requirements-guide-center-badges { justify-content: center; }
#content_area .zee-ada-bathroom-sink-requirements-guide-wrapper .zee-ada-bathroom-sink-requirements-guide-final-cta-margin { margin-top: 24px; }
#content_area .zee-ada-bathroom-sink-requirements-guide-wrapper .zee-ada-bathroom-sink-requirements-guide-footer-links { margin-top: 8px; font-size: 0.9rem; }
#content_area .zee-ada-bathroom-sink-requirements-guide-wrapper .zee-ada-bathroom-sink-requirements-guide-grid.zee-ada-bathroom-sink-requirements-guide-cols-3 {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 20px !important;
}
#content_area .zee-ada-bathroom-sink-requirements-guide-wrapper .zee-ada-bathroom-sink-requirements-guide-grid.zee-ada-bathroom-sink-requirements-guide-cols-3 #content_area .zee-ada-bathroom-sink-requirements-guide-wrapper .zee-ada-bathroom-sink-requirements-guide-internal-link-card {
    display: flex !important;
    flex-direction: column;
    justify-content: space-between;
}
#content_area .zee-ada-bathroom-sink-requirements-guide-wrapper .zee-ada-bathroom-sink-requirements-guide-grid.zee-ada-bathroom-sink-requirements-guide-cols-3-flex, 
#content_area .zee-ada-bathroom-sink-requirements-guide-wrapper .zee-ada-bathroom-sink-requirements-guide-grid.zee-ada-bathroom-sink-requirements-guide-cols-3-responsive {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}
#content_area .zee-ada-bathroom-sink-requirements-guide-wrapper .zee-ada-bathroom-sink-requirements-guide-grid.zee-ada-bathroom-sink-requirements-guide-cols-2-flex, 
#content_area .zee-ada-bathroom-sink-requirements-guide-wrapper .zee-ada-bathroom-sink-requirements-guide-grid.zee-ada-bathroom-sink-requirements-guide-cols-2-responsive {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
}
#content_area .zee-ada-bathroom-sink-requirements-guide-wrapper .zee-ada-bathroom-sink-requirements-guide-transition-card {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}
#content_area .zee-ada-bathroom-sink-requirements-guide-wrapper .zee-ada-bathroom-sink-requirements-guide-transition-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 16px 32px rgba(30, 43, 79, 0.12) !important;
}
#content_area .zee-ada-bathroom-sink-requirements-guide-wrapper table.zee-ada-bathroom-sink-requirements-guide-table tr:hover {
    background: #f0f4fa !important;
}
@media (max-width: 992px) {
    #content_area .zee-ada-bathroom-sink-requirements-guide-wrapper .zee-ada-bathroom-sink-requirements-guide-grid.zee-ada-bathroom-sink-requirements-guide-cols-3, 
    #content_area .zee-ada-bathroom-sink-requirements-guide-wrapper .zee-ada-bathroom-sink-requirements-guide-grid.zee-ada-bathroom-sink-requirements-guide-cols-3-flex, 
    #content_area .zee-ada-bathroom-sink-requirements-guide-wrapper .zee-ada-bathroom-sink-requirements-guide-grid.zee-ada-bathroom-sink-requirements-guide-cols-3-responsive {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}
@media (max-width: 768px) {
    #content_area .zee-ada-bathroom-sink-requirements-guide-wrapper .zee-ada-bathroom-sink-requirements-guide-grid.zee-ada-bathroom-sink-requirements-guide-cols-3, 
    #content_area .zee-ada-bathroom-sink-requirements-guide-wrapper .zee-ada-bathroom-sink-requirements-guide-grid.zee-ada-bathroom-sink-requirements-guide-cols-3-flex, 
    #content_area .zee-ada-bathroom-sink-requirements-guide-wrapper .zee-ada-bathroom-sink-requirements-guide-grid.zee-ada-bathroom-sink-requirements-guide-cols-3-responsive,
    #content_area .zee-ada-bathroom-sink-requirements-guide-wrapper .zee-ada-bathroom-sink-requirements-guide-grid.zee-ada-bathroom-sink-requirements-guide-cols-2-flex, 
    #content_area .zee-ada-bathroom-sink-requirements-guide-wrapper .zee-ada-bathroom-sink-requirements-guide-grid.zee-ada-bathroom-sink-requirements-guide-cols-2-responsive {
        grid-template-columns: 1fr !important;
    }
}
@media (max-width: 600px) {
    #content_area .zee-ada-bathroom-sink-requirements-guide-wrapper .zee-ada-bathroom-sink-requirements-guide-grid.zee-ada-bathroom-sink-requirements-guide-cols-3 {
        grid-template-columns: 1fr !important;
    }
}
#content_area .ada-bathroom-sink-requirements-overview-wrapper .ada-overview-section {
  margin-top: 40px;
  margin-bottom: 40px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
}
#content_area .ada-bathroom-sink-requirements-overview-wrapper .section-header {
  text-align: center;
  margin-bottom: 32px;
}
#content_area .ada-bathroom-sink-requirements-overview-wrapper .section-kicker {
  display: inline-block;
  background: #eef2f6;
  padding: 6px 20px;
  border-radius: 40px;
  font-size: 0.85rem;
  color: #1e2b4f;
  letter-spacing: 0.5px;
  margin-bottom: 12px;
}
#content_area .ada-bathroom-sink-requirements-overview-wrapper .section-header h2 {
  font-size: 2.2rem;
  color: #0a1a2f;
  margin-bottom: 16px;
  margin-top: 0;
}
#content_area .ada-bathroom-sink-requirements-overview-wrapper .section-desc {
  font-size: 1.1rem;
  color: #4a5568;
  max-width: 800px;
  margin: 0 auto;
}
#content_area .ada-bathroom-sink-requirements-overview-wrapper .main-content-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}
#content_area .ada-bathroom-sink-requirements-overview-wrapper .card {
  background: white;
  border-radius: 20px;
  padding: 28px;
  box-shadow: 0 8px 24px rgba(0,0,0,0.05);
  border: 1px solid rgba(30, 43, 79, 0.1);
  margin-bottom: 30px;
}
#content_area .ada-bathroom-sink-requirements-overview-wrapper .intro-card {
  border-radius: 24px;
  padding: 36px;
  box-shadow: 0 12px 30px rgba(30, 43, 79, 0.08);
}
#content_area .ada-bathroom-sink-requirements-overview-wrapper .intro-grid {
  display: grid;
  grid-template-columns: 1fr 4fr;
  gap: 30px;
  align-items: center;
}
#content_area .ada-bathroom-sink-requirements-overview-wrapper .accessibility-badge {
  background: #1e2b4f;
  color: white;
  border-radius: 16px;
  padding: 24px;
  text-align: center;
}
#content_area .ada-bathroom-sink-requirements-overview-wrapper .badge-icon {
  font-size: 3rem;
  line-height: 1;
  margin-bottom: 8px;
}
#content_area .ada-bathroom-sink-requirements-overview-wrapper .accessibility-badge h3 {
  color: white;
  margin: 0;
  font-size: 1.2rem;
}
#content_area .ada-bathroom-sink-requirements-overview-wrapper .intro-text {
  font-size: 1.15rem;
  line-height: 1.7;
  color: #2d3748;
  margin-bottom: 0;
}
#content_area .ada-bathroom-sink-requirements-overview-wrapper .drop-cap {
  font-weight: 700;
  color: #1e2b4f;
  font-size: 1.4rem;
}
#content_area .ada-bathroom-sink-requirements-overview-wrapper .two-col-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
  margin-bottom: 30px;
}
#content_area .ada-bathroom-sink-requirements-overview-wrapper .three-col-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
#content_area .ada-bathroom-sink-requirements-overview-wrapper .requirement-card {
  background: white;
  border-radius: 20px;
  padding: 28px;
  box-shadow: 0 8px 24px rgba(0,0,0,0.05);
  border: 1px solid rgba(30, 43, 79, 0.1);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
#content_area .ada-bathroom-sink-requirements-overview-wrapper .requirement-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 20px 32px rgba(30, 43, 79, 0.12) !important;
}
#content_area .ada-bathroom-sink-requirements-overview-wrapper .card-title-block {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 20px;
}
#content_area .ada-bathroom-sink-requirements-overview-wrapper .card-title-block.large-gap {
  gap: 20px;
}
#content_area .ada-bathroom-sink-requirements-overview-wrapper .card-icon-round {
  background: #eef2f6;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #1e2b4f;
  font-size: 1.8rem;
}
#content_area .ada-bathroom-sink-requirements-overview-wrapper .card-icon-round.large-icon {
  width: 70px;
  height: 70px;
  font-size: 2rem;
}
#content_area .ada-bathroom-sink-requirements-overview-wrapper .card-title-block h3 {
  color: #1e2b4f;
  margin: 0;
  font-size: 1.5rem;
}
#content_area .ada-bathroom-sink-requirements-overview-wrapper .large-card-heading {
  font-size: 1.8rem !important;
}
#content_area .ada-bathroom-sink-requirements-overview-wrapper .card-body-text {
  color: #4a5568;
  line-height: 1.7;
  font-size: 1.05rem;
  margin-bottom: 20px;
}
#content_area .ada-bathroom-sink-requirements-overview-wrapper .card-body-text.margin-none {
  margin: 0;
}
#content_area .ada-bathroom-sink-requirements-overview-wrapper .stats-highlight-box {
  background: #f8f9fc;
  border-radius: 12px;
  padding: 16px;
}
#content_area .ada-bathroom-sink-requirements-overview-wrapper .stats-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#content_area .ada-bathroom-sink-requirements-overview-wrapper .stats-margin-top {
  margin-top: 8px;
}
#content_area .ada-bathroom-sink-requirements-overview-wrapper .stats-label {
  color: #1e2b4f;
  font-weight: 600;
}
#content_area .ada-bathroom-sink-requirements-overview-wrapper .stats-value {
  color: #1e2b4f;
  font-weight: 700;
  font-size: 1.2rem;
}
#content_area .ada-bathroom-sink-requirements-overview-wrapper .card-list {
  margin: 0;
  padding-left: 20px;
}
#content_area .ada-bathroom-sink-requirements-overview-wrapper .card-list li {
  margin-bottom: 6px;
  color: #4a5568;
}
#content_area .ada-bathroom-sink-requirements-overview-wrapper .wall-mounted-grid {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 30px;
  align-items: center;
}
#content_area .ada-bathroom-sink-requirements-overview-wrapper .sensor-badge-box {
  background: linear-gradient(135deg, #1e2b4f 0%, #2a3b66 100%);
  color: white;
  border-radius: 16px;
  padding: 20px;
  text-align: center;
}
#content_area .ada-bathroom-sink-requirements-overview-wrapper .badge-large-icon {
  font-size: 2rem;
  margin-bottom: 8px;
}
#content_area .ada-bathroom-sink-requirements-overview-wrapper .badge-title {
  font-weight: 600;
}
#content_area .ada-bathroom-sink-requirements-overview-wrapper .badge-subtitle {
  font-size: 0.9rem;
  opacity: 0.9;
}
#content_area .ada-bathroom-sink-requirements-overview-wrapper .applications-card {
  background: linear-gradient(135deg, #f8f9fc 0%, #ffffff 100%);
}
#content_area .ada-bathroom-sink-requirements-overview-wrapper .applications-card h3 {
  color: #1e2b4f;
  margin-bottom: 24px;
  font-size: 1.5rem;
  margin-top: 0;
}
#content_area .ada-bathroom-sink-requirements-overview-wrapper .applications-desc {
  margin-bottom: 24px;
}
#content_area .ada-bathroom-sink-requirements-overview-wrapper .app-item-box {
  background: white;
  border-radius: 12px;
  padding: 20px;
  text-align: center;
  box-shadow: 0 4px 12px rgba(0,0,0,0.03);
}
#content_area .ada-bathroom-sink-requirements-overview-wrapper .app-icon {
  font-size: 2.5rem;
  margin-bottom: 8px;
}
#content_area .ada-bathroom-sink-requirements-overview-wrapper .app-item-box h4 {
  color: #1e2b4f;
  margin-bottom: 8px;
  margin-top: 0;
}
#content_area .ada-bathroom-sink-requirements-overview-wrapper .app-item-box p {
  color: #666;
  font-size: 0.9rem;
  margin: 0;
}
#content_area .ada-bathroom-sink-requirements-overview-wrapper .spec-card h3 {
  color: #1e2b4f;
  margin-bottom: 16px;
  margin-top: 0;
}
#content_area .ada-bathroom-sink-requirements-overview-wrapper .spec-list {
  margin: 0;
  padding-left: 20px;
}
#content_area .ada-bathroom-sink-requirements-overview-wrapper .spec-list li {
  margin-bottom: 12px;
  color: #4a5568;
}
#content_area .ada-bathroom-sink-requirements-overview-wrapper .spec-list li:last-child {
  margin-bottom: 0;
}
#content_area .ada-bathroom-sink-requirements-overview-wrapper .reference-table {
  width: 100%;
  border-collapse: collapse;
}
#content_area .ada-bathroom-sink-requirements-overview-wrapper .table-header-row {
  border-bottom: 2px solid #e2e8f0;
}
#content_area .ada-bathroom-sink-requirements-overview-wrapper .reference-table th {
  text-align: left;
  padding: 8px 0;
}
#content_area .ada-bathroom-sink-requirements-overview-wrapper .table-body-row {
  border-bottom: 1px solid #e2e8f0;
}
#content_area .ada-bathroom-sink-requirements-overview-wrapper .reference-table td {
  padding: 8px 0;
}
#content_area .ada-bathroom-sink-requirements-overview-wrapper .table-val-bold {
  text-align: right;
  font-weight: 600;
}
#content_area .ada-bathroom-sink-requirements-overview-wrapper .table-no-border-row {
  border: none;
}
#content_area .ada-bathroom-sink-requirements-overview-wrapper .cta-banner-card {
  background: #fcfcfd;
  color: white;
  border-radius: 20px;
  padding: 36px;
  box-shadow: 0 12px 30px rgba(30, 43, 79, 0.3);
  text-align: center;
}
#content_area .ada-bathroom-sink-requirements-overview-wrapper .cta-main-text {
  font-size: 1.2rem;
  line-height: 1.7;
  margin-bottom: 20px;
  opacity: 0.95;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
}
#content_area .ada-bathroom-sink-requirements-overview-wrapper .cta-inline-link {
  color: white;
  font-weight: 700;
  text-decoration: underline;
}
#content_area .ada-bathroom-sink-requirements-overview-wrapper .cta-sub-text {
  font-size: 1.1rem;
  margin-bottom: 24px;
  line-height: 1.6;
}
#content_area .ada-bathroom-sink-requirements-overview-wrapper .trademark-sup {
  font-size: 55%;
  vertical-align: 0.15em;
}
#content_area .ada-bathroom-sink-requirements-overview-wrapper .cta-actions-flex {
  display: flex;
  gap: 16px;
  justify-content: center;
}
#content_area .ada-bathroom-sink-requirements-overview-wrapper .btn {
  display: inline-block;
  padding: 14px 32px;
  border-radius: 40px;
  text-decoration: none;
  font-weight: 600;
  font-size: 1rem;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
#content_area .ada-bathroom-sink-requirements-overview-wrapper .btn--primary {
  background: white;
  color: #1e2b4f;
  box-shadow: 0 4px 12px rgba(0,0,0,0.2);
}
#content_area .ada-bathroom-sink-requirements-overview-wrapper .btn--primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(0,0,0,0.2) !important;
}
#content_area .ada-bathroom-sink-requirements-overview-wrapper .related-resources-flex {
  display: flex;
  justify-content: center;
  gap: 24px;
  margin-top: 32px;
}
#content_area .ada-bathroom-sink-requirements-overview-wrapper .resource-link {
  color: #1e2b4f;
  text-decoration: none;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 6px;
}
@media (max-width: 992px) {
  #content_area .ada-bathroom-sink-requirements-overview-wrapper .three-col-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}
@media (max-width: 768px) {
  #content_area .ada-bathroom-sink-requirements-overview-wrapper .two-col-grid,
  #content_area .ada-bathroom-sink-requirements-overview-wrapper .three-col-grid,
  #content_area .ada-bathroom-sink-requirements-overview-wrapper .intro-grid,
  #content_area .ada-bathroom-sink-requirements-overview-wrapper .wall-mounted-grid {
    grid-template-columns: 1fr !important;
  }
  #content_area .ada-bathroom-sink-requirements-overview-wrapper .section-header h2 {
    font-size: 1.8rem;
  }
  #content_area .ada-bathroom-sink-requirements-overview-wrapper .cta-actions-flex {
    flex-direction: column;
    align-items: center;
    gap: 12px;
  }
  #content_area .ada-bathroom-sink-requirements-overview-wrapper .btn {
    width: 100%;
    box-sizing: border-box;
  }
  #content_area .ada-bathroom-sink-requirements-overview-wrapper .related-resources-flex {
    flex-direction: column;
    align-items: center;
    gap: 16px;
  }
}
/* Category 12104 -- SEO & Container Elements -(https://www.fontanashowers.com/ada-bathroom-sink-requirements-guide-s/12104.htm) at 13-06-2026 End Here*/

/* Category 12386 -- dorn-bathroom -(https://www.fontanashowers.com/category-s/12386.htm) at 13-06-2026 Start Here*/
/*#content_area .zee-dornbracht-bathroom-main-content * {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}*/
#content_area .zee-dornbracht-bathroom-main-content {
	margin: 0;
	font-family: 'Inter', sans-serif;
	background-color: #ffffff;
	color: #111111;
	-webkit-font-smoothing: antialiased;
}
#content_area .zee-dornbracht-bathroom-main-content .zee-dornbracht-bathroom-container {
	max-width: 1440px;
	margin: 0 auto;
	padding: 0 4rem;
}
#content_area .zee-dornbracht-bathroom-main-content .zee-dornbracht-bathroom-container-narrow {
	max-width: 1345px;
	margin: 0 auto;
	padding: 0 2rem;
	text-align: left;
}
#content_area .zee-dornbracht-bathroom-main-content .zee-dornbracht-bathroom-section-subtitle {
	font-size: 0.75rem;
	font-weight: 600;
	letter-spacing: 0.25em;
	text-transform: uppercase;
	color: #333;
	display: block;
	margin-bottom: 1.25rem;
}
#content_area .zee-dornbracht-bathroom-main-content .zee-dornbracht-bathroom-section-title {
	font-size: 28px !important;
	font-weight: 700 !important;
	letter-spacing: -0.02em !important;
	line-height: 30px !important;
	text-transform: uppercase !important;
	color: #333 !important;
	text-align: left !important;
	margin: 0 0 25px 0 !important;
}
#content_area .zee-dornbracht-bathroom-main-content .zee-dornbracht-bathroom-section-desc {
	font-size: 16px !important;
	font-weight: 500;
	line-height: 25px !important;
	color: #000 !important;
}
#content_area .zee-dornbracht-bathroom-main-content .zee-dornbracht-bathroom-section-divider {
	border: none;
	border-top: 1px solid #e5e5e5;
	max-width: 1440px;
	margin: 4rem auto;
	padding: 0 4rem;
}
#content_area .zee-dornbracht-bathroom-main-content .zee-dornbracht-bathroom-btn {
	display: inline-block;
	padding: 1rem 2.5rem;
	border: 1px solid #111111;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 0.15em;
	text-transform: uppercase;
	text-decoration: none;
	margin-top: 2rem;
	transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	background-color: #111111;
	color: #ffffff;
	border-radius: 2px;
	font-family: 'Inter', sans-serif;
}
#content_area .zee-dornbracht-bathroom-main-content .zee-dornbracht-bathroom-btn.zee-dornbracht-bathroom-white-btn {
	border-color: #ffffff;
	color: #ffffff;
}
#content_area .zee-dornbracht-bathroom-main-content .zee-dornbracht-bathroom-btn.zee-dornbracht-bathroom-white-btn:hover {
	background-color: #ffffff;
	color: #111111;
}
#content_area .zee-dornbracht-bathroom-main-content .zee-dornbracht-bathroom-intro-statement-sec {
	margin: 80px 0 80px 0;
}
#content_area .zee-dornbracht-bathroom-main-content .zee-dornbracht-bathroom-category-grid-sec {
	padding: 44px 0;
	background-color: #f2f2f2;
	margin-bottom: 80px;
	width: 100vw;
	margin-left: calc(-50vw + 50%);
}
#content_area .zee-dornbracht-bathroom-main-content .zee-dornbracht-bathroom-category-grid-sec.bathroom-expertise .zee-dornbracht-bathroom-split-wrapper {
	column-gap: 16px;
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	padding-top: 28px;
	row-gap: 28px;
}
#content_area .zee-dornbracht-bathroom-main-content .zee-dornbracht-bathroom-category-grid-sec.bathroom-expertise .zee-dornbracht-bathroom-split-content {
	display: flex;
	flex-direction: column;
	grid-column: 8 / 12;
	justify-content: center;

}
#content_area .zee-dornbracht-bathroom-main-content .zee-dornbracht-bathroom-category-grid-sec.bathroom-expertise .zee-dornbracht-bathroom-split-image {
	grid-column: 2 / 6;
}
#content_area .zee-dornbracht-bathroom-main-content .zee-dornbracht-bathroom-category-grid-sec.bathroom-expertise .zee-dornbracht-bathroom-section-title {
	color: #333 !important;
	font-size: 22px !important;
	font-weight: 700 !important;
	line-height: 28px !important;
	overflow-wrap: break-word;
	text-transform: uppercase !important;
	padding-bottom: 0;
	text-align: left !important;
	margin: 0 0 12px 0 !important;
}
#content_area .zee-dornbracht-bathroom-main-content .zee-dornbracht-bathroom-category-grid-sec.bathroom-expertise p {
	margin-bottom: 44px;
	font-size: 16px !important;
	font-weight: 500;
	line-height: 24px !important;
	color: #333 !important;
}
#content_area .zee-dornbracht-bathroom-main-content .zee-dornbracht-bathroom-category-grid-sec.bathroom-expertise .zee-dornbracht-bathroom-btn {
	background-color: #000;
	color: #fff;
	block-size: 44px;
	padding-block: 12px;
	padding-inline: 16px;
	align-items: center;
	display: flex;
	justify-content: center;
	width: fit-content;
	font-size: 12pt;
	font-style: normal;
	font-weight: 500;
	letter-spacing: .02em;
	line-height: 1.2;
	text-transform: uppercase;
	margin-top: 0;
	font-family: 'Inter', sans-serif;
}
#content_area .zee-dornbracht-bathroom-main-content .zee-dornbracht-bathroom-category-grid-sec.bathroom-expertise .zene-dornbracht-bathroom-btn span {
	margin-inline-start: 8px;
}
#content_area .zee-dornbracht-bathroom-main-content .zee-dornbracht-bathroom-category-grid-sec.bathroom-expertise .zene-dornbracht-bathroom-btn span svg {
	color: #fff;
	fill: #fff;
	stroke: #fff;
}
#content_area .zee-dornbracht-bathroom-main-content .zee-dornbracht-bathroom-grid-three-col {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 2.5rem;
}
#content_area .zee-dornbracht-bathroom-main-content .zee-dornbracht-bathroom-category-card {
	display: flex;
	flex-direction: column;
	gap: 20px;
	position: relative;
}
#content_area .zee-dornbracht-bathroom-main-content .zee-dornbracht-bathroom-img-wrapper {
	width: 100%;
	aspect-ratio: 4 / 5;
	overflow: hidden;
	background-color: #f0f0f0;
	line-height: 0;
}
#content_area .zee-dornbracht-bathroom-main-content .zee-dornbracht-bathroom-img-wrapper img {
	width: 100%;
	height: 100%;
	display: block;
	transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
#content_area .zee-dornbracht-bathroom-main-content .zee-dornbracht-bathroom-category-card:hover .zee-dornbracht-bathroom-img-wrapper img {
	transform: scale(1.03);
}
#content_area .zee-dornbracht-bathroom-main-content .zee-dornbracht-bathroom-card-info {
	display: flex;
	flex-direction: column;
	gap: 28px;
	justify-content: space-between;
}
#content_area .zee-dornbracht-bathroom-main-content .zee-dornbracht-bathroom-card-info h3 {
	font-size: 22px;
	font-weight: 700;
	line-height: .97;
}
#content_area .zee-dornbracht-bathroom-main-content .zee-dornbracht-bathroom-arrow-link {
	font-size: 16px;
	font-weight: 600;
	text-decoration: none;
	display: inline-flex;
	align-items: center;
	transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	padding-bottom: 3px;
	color: #333;
	border-bottom: 1px solid #333;
	max-width: fit-content;
	padding: 2px 0;
	line-height: normal;
}
#content_area .zee-dornbracht-bathroom-main-content .zee-dornbracht-bathroom-arrow-link:hover {
	color: #000;
	border-bottom: 2px solid #000;
}
#content_area .zee-dornbracht-bathroom-main-content .zee-dornbracht-bathroom-arrow-link .zee-dornbracht-bathroom-arrow {
	margin-left: 4px;
	transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
#content_area .zee-dornbracht-bathroom-main-content .zee-dornbracht-bathroom-category-card:hover .zee-dornbracht-bathroom-arrow-link {
	color: #111111;
}
#content_area .zee-dornbracht-bathroom-main-content .zee-dornbracht-bathroom-editorial-split-sec {
	/* padding: 6rem 0; */
}
#content_area .zee-dornbracht-bathroom-main-content .zee-dornbracht-bathroom-split-wrapper {
	display: flex;
	align-items: center;
	gap: 6rem;
	padding-top: 36px;
}
#content_area .zee-dornbracht-bathroom-main-content .zee-dornbracht-bathroom-split-wrapper.zee-dornbracht-bathroom-row-reverse {
	flex-direction: row-reverse;
}
#content_area .zee-dornbracht-bathroom-main-content .zee-dornbracht-bathroom-split-image {
	flex: 0 0 50%;
	overflow: hidden;
	overflow: hidden;
}
#content_area .zee-dornbracht-bathroom-main-content .zee-dornbracht-bathroom-split-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
#content_area .zee-dornbracht-bathroom-main-content .zee-dornbracht-bathroom-split-content {
	flex: 1;
}
#content_area .zee-dornbracht-bathroom-main-content .zee-dornbracht-bathroom-split-content .Individuality-as-our-core-expertise {
	padding-bottom: 28px;

}
#content_area .zee-dornbracht-bathroom-main-content .zee-dornbracht-bathroom-concepts-sec {
	margin: 80px 0;
}
#content_area .zee-dornbracht-bathroom-main-content .zee-dornbracht-bathroom-center-header {
	text-align: center;
	width: 100%;
	margin-bottom: 80px;
}
#content_area .zee-dornbracht-bathroom-main-content .zee-dornbracht-bathroom-center-header .zee-dornbracht-bathroom-section-title,
#content_area .zee-dornbracht-bathroom-main-content .zee-dornbracht-bathroom-section-desc {
	text-align: left;
}
#content_area .zee-dornbracht-bathroom-main-content .zee-dornbracht-bathroom-center-header .zee-dornbracht-bathroom-section-title {
	padding-bottom: 8px;
}
#content_area .zee-dornbracht-bathroom-main-content .zee-dornbracht-bathroom-center-header .zee-dornbracht-bathroom-section-desc {
	padding-bottom: 28px;
}
#content_area .zee-dornbracht-bathroom-main-content .zee-dornbracht-bathroom-grid-two-col {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 4rem;
}
#content_area .zee-dornbracht-bathroom-main-content .zee-dornbracht-bathroom-concept-item {
	display: flex;
	flex-direction: column;
}
/*#content_area .zee-dornbracht-bathroom-main-content .zee-dornbracht-bathroom-concept-img {
	width: 100%;
	aspect-ratio: 16 / 10;
	overflow: hidden;
	margin-bottom: 1.75rem;
}*/
#content_area .zee-dornbracht-bathroom-main-content .zee-dornbracht-bathroom-concept-img {
	width: 100%;
	aspect-ratio: 16 / 10;
	overflow: hidden;
}
/*#content_area .zee-dornbracht-bathroom-main-content .zee-dornbracht-bathroom-concept-img img {
	width: 100%;
	height: 100%;

	object-fit: cover;
}*/
#content_area .zee-dornbracht-bathroom-main-content .zee-dornbracht-bathroom-concept-img img {
	width: 100%;
	height: fit-content;
	object-fit: contain;
}
#content_area .zee-dornbracht-bathroom-main-content .zee-dornbracht-bathroom-concept-details h4 {
	font-size: 1rem;
	font-weight: 500;
	letter-spacing: 0.05em;
	margin-bottom: 0.75rem;
	text-transform: uppercase;
}
#content_area .zee-dornbracht-bathroom-main-content .zee-dornbracht-bathroom-concept-details p {
	font-size: 0.95rem;
	line-height: 1.6;
	color: #333;
	font-weight: 300;
}
.zee-dornbracht-bathroom-atelier-sec {
	margin: 80px 0;
}
#content_area .zee-dornbracht-bathroom-main-content .zee-dornbracht-bathroom-atelier-banner-box {
	background-color: #1a1a1a;
	color: #ffffff;
	padding: 6rem 5rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 4rem;
}
#content_area .zee-dornbracht-bathroom-main-content .zee-dornbracht-bathroom-atelier-text {
	max-width: 60%;
}
#content_area .zee-dornbracht-bathroom-main-content .zee-dornbracht-bathroom-atelier-text h2 {
	font-size: 2rem;
	font-weight: 300;
	letter-spacing: -0.01em;
	margin-bottom: 1rem;
	text-transform: uppercase;
}
#content_area .zee-dornbracht-bathroom-main-content .zee-dornbracht-bathroom-atelier-text p {
	font-size: 1rem;
	line-height: 1.6;
	color: #cccccc;
	font-weight: 300;
}
#content_area .zee-dornbracht-bathroom-main-content .zee-dornbracht-bathroom-atelier-text .zee-dornbracht-bathroom-section-subtitle {
	color: #999999;
}
#content_area .zee-dornbracht-bathroom-main-content .zee-dornbracht-bathroom-atelier-action {
	flex-shrink: 0;
}
#content_area .zee-dornbracht-bathroom-main-content .zee-dornbracht-bathroom-atelier-action .zee-dornbracht-bathroom-btn {
	margin-top: 0;
}
#content_area .zee-dornbracht-bathroom-main-content .zee-slider-container {
	position: relative;
	overflow: hidden;
}
#content_area .zee-dornbracht-bathroom-main-content .zee-slider-track {
	display: flex;
	transition: transform 0.6s ease;
}
#content_area .zee-dornbracht-bathroom-main-content .zee-slider-caption {
	text-align: left;
	font-weight: 500;
	font-size: 14px !important;
	line-height: 1.3 !important;
	padding-top: 16px;
}
/*#content_area .zee-dornbracht-bathroom-main-content .zee-slide {
	display: block;
	aspect-ratio: 21/11;
    overflow: hidden;
}*/
#content_area .zee-dornbracht-bathroom-main-content .zee-slide {
	display: block;
    overflow: hidden;
}
#content_area .zee-dornbracht-bathroom-main-content .zee-slide img {
	width: 100%;
	display: block;
}
#content_area .zee-dornbracht-bathroom-main-content .slick-list {
	overflow: hidden;
}
#content_area .zee-dornbracht-bathroom-main-content .slick-track {
	display: flex !important;
}
/*#content_area .zee-dornbracht-bathroom-main-content .zee-slider-progress {
	height: 4px;
	background: #d9d9d9;
	margin-top: 28px;
	position: relative; 
	display: flex;
	width: 100%;
	height: 2px;
	overflow: hidden;

}*/
#content_area .zee-dornbracht-bathroom-main-content #zee-slider-progress-bar {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 33.33%;
	background: #000;
	transition: width .4s ease;
}
/*#content_area .zee-dornbracht-bathroom-main-content .zee-slider-btn {
	position: absolute;
	border: none;
	border-radius: 50%;
	background: transparent;
	cursor: pointer;
	z-index: 10;
	font-size: 48px;
	line-height: 1;
	transition: .3s;
	top: 420px;
}*/
#content_area .zee-dornbracht-bathroom-main-content .zee-slider-btn {
	position: absolute;
	border: none;
	border-radius: 50%;
	background: transparent;
	cursor: pointer;
	z-index: 10;
	font-size: 48px;
	line-height: 1;
	transition: .3s;
	top: 50%;
	transform: translateY(-50%);
}
#content_area .zee-dornbracht-bathroom-main-content .zee-prev {
	left: 16px;
}
#content_area .zee-dornbracht-bathroom-main-content .zee-next {
	right: 16px;
}
/*#content_area .zee-dornbracht-bathroom-main-content .zee-slider-progress {
	display: flex;
	gap: 8px;

	margin-top: 20px;
}*/
#content_area .zee-dornbracht-bathroom-main-content .zee-slider-progress {
	display: flex;
	margin-top: 20px;
	width: 100%;
	height: 4px;
	background: #ddd;
	overflow: hidden;
}
/*#content_area .zee-dornbracht-bathroom-main-content .segment {
	flex: 1;
	height: 4px;
	background: #d9d9d9;
	transition: .3s;
}*/
#content_area .zee-dornbracht-bathroom-main-content .segment {
	flex: 1;
	transition: .3s;
}
#content_area .zee-dornbracht-bathroom-main-content .segment.active {
	background: #000;
}
#content_area .zee-dornbracht-bathroom-main-content .contact-section {
	margin-bottom: 80px;
	padding: 0 4rem;
}
#content_area .zee-dornbracht-bathroom-main-content .contact-section .contact-section-inner {
	border: 1px solid #666;
	padding: 44px 28px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 44px;
}
#content_area .zee-dornbracht-bathroom-main-content .contact-header {
	text-align: center;
	margin-bottom: 40px;
	display: flex;
	flex-direction: column;
	gap: 8px;
}
#content_area .zee-dornbracht-bathroom-main-content .contact-header h3 {
	text-transform: uppercase;
	font-size: 43px;
	font-weight: 700;
	margin-bottom: 10px;
	line-height: .95;
}
#content_area .zee-dornbracht-bathroom-main-content .contact-header p {
	font-size: 16px !important;
	font-weight: 500 !important;
	line-height: 22px !important;
	color: #000 !important;
	text-align: center;
	font-family: Helvetica !important;
}
#content_area .zee-dornbracht-bathroom-main-content .xtra-service {
	display: flex;
	gap: 60px;
	background: #ece6d4;
	padding: 0 120px;
	align-items: center;
	margin-bottom: 80px;
	width: 100vw;
	margin-left: calc(-50vw + 50%);
}
#content_area .zee-dornbracht-bathroom-main-content .xtra-service__images {
	flex: 1;
	position: relative;
	min-height: 500px;
}
#content_area .zee-dornbracht-bathroom-main-content .xtra-image {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 0;
	transition: .5s;
}
#content_area .zee-dornbracht-bathroom-main-content .xtra-image.active {
	opacity: 1;
}
#content_area .zee-dornbracht-bathroom-main-content .xtra-service__content {
	flex: 1;
}
#content_area .zee-dornbracht-bathroom-main-content .xtra-tabs {
	display: flex;
}
#content_area .zee-dornbracht-bathroom-main-content .xtra-tab {
	cursor: pointer;
	padding: 20px 11px;
	border-bottom: 1px solid #c9c1ae;
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
}
#content_area .zee-dornbracht-bathroom-main-content .xtra-tab .icon {
	height: 48px;
	width: 48px;
}
#content_area .zee-dornbracht-bathroom-main-content .xtra-tab span {
	font-weight: 600;
	text-align: center;
	color: #666;
	font-size: 14px;
	font-family: 'Inter', sans-serif;
	line-height: 22px;
	margin: 10px 0 0 0;
}
#content_area .zee-dornbracht-bathroom-main-content .progress {
	position: absolute;
	left: 0;
	bottom: -1px;
	height: 2px;
	width: 0;
	background: #000;
}
#content_area .zee-dornbracht-bathroom-main-content .xtra-tab.active span {
	color: #000;
}
#content_area .zee-dornbracht-bathroom-main-content .xtra-tab.active .progress {
	animation: zeeFillProgress 4s linear forwards;
}
@keyframes zeeFillProgress {
	from {
		width: 0;
	}

	to {
		width: 100%;
	}
}
#content_area .zee-dornbracht-bathroom-main-content .xtra-slides {
	display: flex;
	flex-direction: column;
	padding: 120px 0 60px;
	gap: 44px;
}
#content_area .zee-dornbracht-bathroom-main-content .xtra-slide-title-first-child {
	color: #666 !important;
}
#content_area .zee-dornbracht-bathroom-main-content .xtra-slide-title-last-child {
	color: #000 !important;
}
#content_area .zee-dornbracht-bathroom-main-content .xtra-slide {
	display: none;
}
#content_area .zee-dornbracht-bathroom-main-content .xtra-slide.active {
	display: block;
}
/*#content_area .zee-dornbracht-bathroom-main-content .xtra-slide h2 {
	font-size: 43px !important;
	text-transform: uppercase !important;
	font-weight: 700 !important;
	line-height: 28px !important;
	text-align: left !important;
}*/
#content_area .zee-dornbracht-bathroom-main-content .xtra-slide h2 {
	font-size: 43px !important;
	text-transform: uppercase !important;
	font-weight: 700 !important;
	line-height: 40px !important;
	text-align: left !important;
}
#content_area .zee-dornbracht-bathroom-main-content .xtra-slide h4 {
	margin-bottom: 20px;

}
#content_area .zee-dornbracht-bathroom-main-content .xtra-slide p {
	line-height: 1.3;
	margin-bottom: 30px;
	font-weight: 500;
	font-size: 16px;
}
#content_area .zee-dornbracht-bathroom-main-content .xtra-btn-outer-wrap {
	margin-top: 60px;
}
#content_area .zee-dornbracht-bathroom-main-content .xtra-btn {
	display: inline-block;
	padding: 14px 28px;
	background: #000;
	color: #fff;
	text-decoration: none;
	font-size: 12pt;
	font-weight: 500;
	letter-spacing: .02em;
	line-height: 1.2;
	text-transform: uppercase;
}
#content_area .zee-dornbracht-bathroom-main-content .zee-dornbracht-newsletter-sec {
	margin: 80px 0 0 0;
}
#content_area .zee-dornbracht-bathroom-main-content .zee-dornbracht-newsletter-box {
	background-color: #f2f2f2;
	padding: 44px 60px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 20px;
}
#content_area .zee-dornbracht-bathroom-main-content .zee-dornbracht-newsletter-icon {
	display: block;
}
#content_area .zee-dornbracht-bathroom-main-content .zee-dornbracht-newsletter-content {
	text-align: center;
}
#content_area .zee-dornbracht-bathroom-main-content .zee-dornbracht-newsletter-content .text {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	gap: 28px;
	padding-bottom: 28px;
	width: 50%;
	margin: 0 auto;
}
#content_area .zee-dornbracht-bathroom-main-content .text .zee-dornbracht-newsletter-title {
	font-size: 43px !important;
	font-family: 'Inter', sans-serif !important;
	font-weight: 700 !important;
	line-height: normal !important;
	text-transform: uppercase !important;
	display: block;
	color: #333 !important;
	margin: 0 !important;
}
#content_area .zee-dornbracht-bathroom-main-content .text .zee-dornbracht-newsletter-description {
	font-weight: 500;
	font-size: 16px !important;
	font-family: 'Inter', sans-serif !important;
	line-height: 1.3 !important;
	color: #333 !important;
	margin: 0 !important;
}
#content_area .zee-dornbracht-bathroom-main-content .zee-dornbracht-newsletter-btn {
	display: block;
	width: fit-content;
	margin: 0 auto;
}
#content_area .zee-dornbracht-bathroom-main-content .contact-grid {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 20px;
}
#content_area .zee-dornbracht-bathroom-main-content .contact-card {
	text-align: center;
	border-radius: 2px;
	transition: all 0.25s ease;
	background: #fff;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	flex: 1 1 auto;
	/* min-width: 244px; */
	padding: 10px;
}
#content_area .zee-dornbracht-bathroom-main-content .contact-card:hover {
	background-color: #e5e5e5;
}
#content_area .zee-dornbracht-bathroom-main-content .contact-card .icon {
	font-size: 28px;
	margin-bottom: 12px;
	color: #000;
}
#content_area .zee-dornbracht-bathroom-main-content .contact-card p {
	font-size: 14px !important;
	font-weight: 500 !important;
	color: #000 !important;
	line-height: 1.3 !important;
	width: 134px;
	text-align: center;
}
#content_area .zee-dornbracht-bathroom-main-content .contact-card {
	text-decoration: none;
	color: inherit;
}
/*#content_area .zee-dornbracht-bathroom-main-content .zee-slider-progress {
	width: 100%;
	height: 2px;
	background: #ddd;
	margin-top: 10px;
	overflow: hidden;
}*/
#content_area .zee-dornbracht-bathroom-main-content #zee-slider-progress-bar {
	display: block;
	height: 100%;
	width: 0%;
	background: #000;
	transition: width 0.4s ease;
}
@media (max-width: 1201px) {
	#content_area .zee-dornbracht-bathroom-main-content .zee-dornbracht-bathroom-container {
		padding: 0 2rem;
	}

	#content_area .zee-dornbracht-bathroom-main-content .zee-dornbracht-bathroom-split-wrapper {
		gap: 3rem;
	}
	#content_area .zee-dornbracht-bathroom-main-content .zee-dornbracht-bathroom-split-content {
		padding-right: 0;
	}
	#content_area .zee-dornbracht-bathroom-main-content .zee-dornbracht-bathroom-split-wrapper.zee-dornbracht-bathroom-row-reverse .zee-dornbracht-bathroom-split-content {
		padding-left: 0;
	}
	#content_area .zee-dornbracht-bathroom-main-content .zee-dornbracht-bathroom-atelier-banner-box {
		flex-direction: column;
		align-items: flex-start;
		padding: 4rem 3rem;
		gap: 2rem;
	}
	#content_area .zee-dornbracht-bathroom-main-content .zee-dornbracht-bathroom-atelier-text {
		max-width: 100%;
	}
	#content_area .zee-dornbracht-bathroom-main-content .xtra-service {
		flex-direction: column;
	}
	#content_area .zee-dornbracht-bathroom-main-content .xtra-service__images {
		width: 100%;
		min-height: 350px;
	}
	#content_area .zee-dornbracht-bathroom-main-content .zee-dornbracht-bathroom-section-title {
		font-size: 43px;
	}
	#content_area .zee-dornbracht-bathroom-main-content .zee-dornbracht-bathroom-grid-three-col {
		flex-basis: 50% !important;
	}
	#content_area .zee-dornbracht-bathroom-main-content .zee-dornbracht-bathroom-grid-three-col {
		grid-template-columns: repeat(2, 1fr);
		gap: 16px;
	}
	#content_area .zee-dornbracht-bathroom-main-content .zee-dornbracht-bathroom-container .zee-dornbracht-bathroom-category-card {
		margin-bottom: 60px;
	}
	#content_area .zee-dornbracht-bathroom-main-content .contact-header p {
		line-height:1.5;
	}
	#content_area .zee-dornbracht-bathroom-main-content .contact-header h3{
		font-size: 34px;
	}
	#content_area .zee-dornbracht-bathroom-main-content .xtra-slide h2{
		font-size: 34px
	}
}

@media (max-width: 769px) {
	#content_area .zee-dornbracht-bathroom-main-content .zee-dornbracht-bathroom-center-header .slide-img {
		aspect-ratio: 1;
	}
	#content_area .zee-dornbracht-bathroom-main-content .zee-dornbracht-bathroom-category-grid-sec.bathroom-expertise .zee-dornbracht-bathroom-split-wrapper {
		display: flex;
	}
	#content_area .zee-dornbracht-bathroom-main-content .zee-dornbracht-bathroom-grid-three-col,
	#content_area .zee-dornbracht-bathroom-main-content .zee-dornbracht-bathroom-grid-two-col {
		grid-template-columns: 1fr;
		gap: 3rem;
	}
	#content_area .zee-dornbracht-bathroom-main-content .zee-dornbracht-bathroom-split-wrapper,
	#content_area .zee-dornbracht-bathroom-main-content .zee-dornbracht-bathroom-split-wrapper.zee-dornbracht-bathroom-row-reverse {
		flex-direction: column-reverse;
		gap: 2rem;
	}
	#content_area .zee-dornbracht-bathroom-main-content .zee-dornbracht-bathroom-section-title {
		font-size: 1.75rem;
	}
	#content_area .zee-dornbracht-bathroom-main-content .zee-dornbracht-bathroom-intro-statement-sec {
		padding: 4rem 0 2rem 0;
	}
	#content_area .zee-dornbracht-bathroom-main-content .zee-dornbracht-bathroom-section-divider {
		margin: 2rem auto;
	}
	#content_area .zee-dornbracht-bathroom-main-content .zee-dornbracht-bathroom-section-title {
		font-size: 37px;
	}
	#content_area .zee-dornbracht-bathroom-main-content .zee-dornbracht-bathroom-category-grid-sec {
		padding: 36px 0;
	}
	#content_area .zee-dornbracht-bathroom-main-content .zee-dornbracht-bathroom-card-info h3 {
		font-size: 19px;
	}
	#content_area .zee-dornbracht-bathroom-main-content .zee-dornbracht-bathroom-arrow-link {
		font-size: 15px;
	}
	#content_area .zee-dornbracht-bathroom-main-content .zee-dornbracht-bathroom-category-grid-sec {
		padding: 36px 0 0 0;
	}
	#content_area .zee-dornbracht-bathroom-main-content .zee-dornbracht-bathroom-category-grid-sec .zee-dornbracht-bathroom-container {
		margin: 0;
		padding-bottom: 28px;
	}
	#content_area .zee-dornbracht-bathroom-main-content .zee-dornbracht-bathroom-container .zee-dornbracht-bathroom-category-card {
		margin-bottom: 0;
	}
	#content_area .zee-dornbracht-bathroom-main-content .zee-dornbracht-bathroom-section-title {
		font-size: 22px;
	}
	#content_area .zee-dornbracht-bathroom-main-content .zee-dornbracht-bathroom-container {
		margin-bottom: 36px;
	}
	#content_area .zee-dornbracht-bathroom-main-content .contact-section {

		padding: 0;
	}
	#content_area .zee-dornbracht-bathroom-main-content .xtra-service{
		flex-direction: column-reverse;
		padding: 0 30px;
	}
	#content_area .zee-dornbracht-bathroom-main-content .xtra-slides{
		padding: 0;
	}
	#content_area .zee-dornbracht-bathroom-main-content .zee-dornbracht-bathroom-category-grid-sec.bathroom-expertise .zee-dornbracht-bathroom-section-title{
		font-size: 18px;
	}
	#content_area .zee-dornbracht-bathroom-main-content .zee-dornbracht-bathroom-category-grid-sec.bathroom-expertise p{
		font-size: 16px;
		margin-bottom: 28px;
	}
	#content_area .zee-dornbracht-bathroom-main-content .zee-dornbracht-bathroom-category-grid-sec.bathroom-expertise{
		margin-bottom: 44px;
	}
	#content_area .zee-dornbracht-bathroom-main-content .zee-dornbracht-newsletter-content .text{
		width: 100%;
	}
	#content_area .zee-dornbracht-bathroom-main-content .text .zee-dornbracht-newsletter-title{
		font-size: 34px;
	}
	#content_area .zee-dornbracht-bathroom-main-content .zee-dornbracht-newsletter-description{
		font-size: 15px;
	}
}
/* Category 12386 -- dorn-bathroom -(https://www.fontanashowers.com/category-s/12386.htm) at 13-06-2026 Start Here*/

#content_area .aec-shower-classification {
    max-width:1350px;
    margin:60px auto;
}
#content_area .aec-shower-classification .aec-classification-table{
    width:100%;
    border-collapse:collapse;
    margin:25px 0 45px;
}
#content_area .aec-shower-classification .aec-classification-table th{
    background:#f4f9ff;
    color:#0f2742;
    padding:14px;
    text-align:left;
}
#content_area .aec-shower-classification .aec-classification-table td{
    border:1px solid #e2eaf3;
    padding:14px;
    text-align:left;
}
#content_area .aec-shower-classification .aec-classification-table tr:nth-child(even){
    background:#fafcff;
}

/* Category 2041 -- zee-fs-rainfall-eeat-guide-june-v1, v2, v3 -(https://www.fontanashowers.com/waterfall-rainfall-showerheads-s/2041.htm) at 23-06-2026 Start Here*/
#content_area .zee-fs-rainfall-eeat-guide-june-v1-wrapper {
	width: 100%;
	background: linear-gradient(135deg, #f4fbff 0%, #ffffff 48%, #eef8ff 100%);
	padding: 58px 22px;
	box-sizing: border-box;
	font-family: Arial, Helvetica, sans-serif;
	color: #1f2933;
}
#content_area .zee-fs-rainfall-eeat-guide-june-v1-wrapper .zee-container {
	max-width: 1180px;
	margin: 0 auto;
}
#content_area .zee-fs-rainfall-eeat-guide-june-v1-wrapper .zee-header-section {
	text-align: center;
	margin-bottom: 36px;
}
#content_area .zee-fs-rainfall-eeat-guide-june-v1-wrapper .zee-badge {
	display: inline-block;
	padding: 8px 18px;
	border-radius: 30px;
	background: #dff3ff;
	color: #0b5e8e;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: .08em;
	text-transform: uppercase;
}
#content_area .zee-fs-rainfall-eeat-guide-june-v1-wrapper .zee-main-heading {
	font-size: 34px;
	line-height: 1.2;
	margin: 18px 0 14px;
	color: #102a43;
}
#content_area .zee-fs-rainfall-eeat-guide-june-v1-wrapper .zee-lead-paragraph {
	font-size: 17px;
	line-height: 1.75;
	max-width: 900px;
	margin: 0 auto;
	color: #52606d;
}
#content_area .zee-fs-rainfall-eeat-guide-june-v1-wrapper .zee-review-box {
	background: #ffffff;
	border-radius: 22px;
	padding: 28px;
	border-left: 6px solid #1b8acb;
	box-shadow: 0 10px 30px rgba(16, 42, 67, .07);
	margin-bottom: 34px;
}
#content_area .zee-fs-rainfall-eeat-guide-june-v1-wrapper .zee-review-title {
	font-size: 23px;
	margin: 0 0 10px;
	color: #102a43;
}
#content_area .zee-fs-rainfall-eeat-guide-june-v1-wrapper .zee-review-text {
	font-size: 16px;
	line-height: 1.75;
	color: #4a5568;
	margin: 0;
}
#content_area .zee-fs-rainfall-eeat-guide-june-v1-wrapper .zee-grid-container {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: 22px;
	margin-bottom: 38px;
}
#content_area .zee-fs-rainfall-eeat-guide-june-v1-wrapper .zee-card {
	background: #ffffff;
	border: 1px solid #d9ecf7;
	border-radius: 18px;
	padding: 26px;
	box-shadow: 0 8px 24px rgba(16, 42, 67, .06);
}
#content_area .zee-fs-rainfall-eeat-guide-june-v1-wrapper .zee-card-title {
	font-size: 22px;
	margin: 0 0 12px;
	color: #123c69;
}
#content_area .zee-fs-rainfall-eeat-guide-june-v1-wrapper .zee-card-text {
	font-size: 15.5px;
	line-height: 1.75;
	color: #4a5568;
	margin: 0;
}
#content_area .zee-fs-rainfall-eeat-guide-june-v1-wrapper .zee-card-link {
	color: #0b6ea8;
	font-weight: 700;
	text-decoration: underline;
}
#content_area .zee-fs-rainfall-eeat-guide-june-v1-wrapper .zee-comparison-section {
	background: #ffffff;
	border-radius: 22px;
	padding: 34px;
	box-shadow: 0 10px 30px rgba(16, 42, 67, .07);
	margin-bottom: 34px;
}
#content_area .zee-fs-rainfall-eeat-guide-june-v1-wrapper .zee-comparison-title {
	font-size: 28px;
	margin: 0 0 16px;
	color: #102a43;
}
#content_area .zee-fs-rainfall-eeat-guide-june-v1-wrapper .zee-comparison-text {
	font-size: 16px;
	line-height: 1.8;
	color: #4a5568;
}
#content_area .zee-fs-rainfall-eeat-guide-june-v1-wrapper .zee-table-responsive {
	window-width: 100%;
	overflow-x: auto;
	margin-top: 22px;
	-webkit-overflow-scrolling: touch;
}
#content_area .zee-fs-rainfall-eeat-guide-june-v1-wrapper .zee-table {
	width: 100%;
	border-collapse: collapse;
	font-size: 15px;
	min-width: 600px;
}
#content_area .zee-fs-rainfall-eeat-guide-june-v1-wrapper .zee-table-header-tr {
	background: #e8f7ff;
	color: #102a43;
}
#content_area .zee-fs-rainfall-eeat-guide-june-v1-wrapper .zee-table-th {
	padding: 14px;
	border: 1px solid #cfe8f7;
	text-align: left;
}
#content_area .zee-fs-rainfall-eeat-guide-june-v1-wrapper .zee-table-td {
	padding: 14px;
	border: 1px solid #d9ecf7;
}
@media (max-width: 768px) {
	#content_area .zee-fs-rainfall-eeat-guide-june-v1-wrapper {
		padding: 38px 16px;
	}
	#content_area .zee-fs-rainfall-eeat-guide-june-v1-wrapper .zee-main-heading {
		font-size: 26px;
	}
	#content_area .zee-fs-rainfall-eeat-guide-june-v1-wrapper .zee-lead-paragraph {
		font-size: 15px;
	}
	#content_area .zee-fs-rainfall-eeat-guide-june-v1-wrapper .zee-comparison-title {
		font-size: 22px;
	}
	#content_area .zee-fs-rainfall-eeat-guide-june-v1-wrapper .zee-review-title {
		font-size: 20px;
	}
	#content_area .zee-fs-rainfall-eeat-guide-june-v1-wrapper .zee-review-box,
	#content_area .zee-fs-rainfall-eeat-guide-june-v1-wrapper .zee-comparison-section {
		padding: 20px;
	}
	#content_area .zee-fs-rainfall-eeat-guide-june-v1-wrapper .zee-card {
		padding: 20px;
	}
}
@media (max-width: 480px) {
	#content_area .zee-fs-rainfall-eeat-guide-june-v1-wrapper .zee-main-heading {
		font-size: 22px;
	}
	#content_area .zee-fs-rainfall-eeat-guide-june-v1-wrapper .zee-grid-container {
		grid-template-columns: 1fr;
	}
}
#content_area .zee-fs-rainfall-eeat-guide-june-v2-wrapper {
	width: 100%;
	background: linear-gradient(135deg, #f4fbff 0%, #ffffff 48%, #eef8ff 100%);
	padding: 58px 22px;
	box-sizing: border-box;
	font-family: Arial, Helvetica, sans-serif;
	color: #1f2933;
}
#content_area .zee-fs-rainfall-eeat-guide-june-v2-wrapper .zee-pressure-box {
	background: #e8f7ff;
	color: #ffffff;
	border-radius: 24px;
	padding: 34px;
	margin-bottom: 34px;
}
#content_area .zee-fs-rainfall-eeat-guide-june-v2-wrapper .zee-pressure-title {
	font-size: 28px;
	margin: 0 0 16px;
	color: #ffffff;
}
#content_area .zee-fs-rainfall-eeat-guide-june-v2-wrapper .zee-pressure-text {
	font-size: 16px;
	line-height: 1.8;
	color: #e6f6ff;
}
#content_area .zee-fs-rainfall-eeat-guide-june-v2-wrapper .zee-safety-box {
	background: #fff7ed;
	border: 1px solid #fed7aa;
	border-radius: 22px;
	padding: 32px;
	margin-bottom: 34px;
}
#content_area .zee-fs-rainfall-eeat-guide-june-v2-wrapper .zee-safety-title {
	font-size: 28px;
	margin: 0 0 16px;
	color: #9a3412;
}
#content_area .zee-fs-rainfall-eeat-guide-june-v2-wrapper .zee-safety-text {
	font-size: 16px;
	line-height: 1.8;
	color: #5f370e;
}
#content_area .zee-fs-rainfall-eeat-guide-june-v2-wrapper .zee-authority-box {
	background: #ffffff;
	border-radius: 22px;
	padding: 34px;
	box-shadow: 0 10px 30px rgba(16, 42, 67, .07);
	margin-bottom: 34px;
}
#content_area .zee-fs-rainfall-eeat-guide-june-v2-wrapper .zee-authority-title {
	font-size: 28px;
	margin: 0 0 16px;
	color: #102a43;
}
#content_area .zee-fs-rainfall-eeat-guide-june-v2-wrapper .zee-authority-text {
	font-size: 16px;
	line-height: 1.8;
	color: #4a5568;
}
#content_area .zee-fs-rainfall-eeat-guide-june-v2-wrapper .zee-links-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
	gap: 16px;
	margin-top: 22px;
}
#content_area .zee-fs-rainfall-eeat-guide-june-v2-wrapper .zee-authority-link {
	display: block;
	padding: 18px;
	background: #e8f7ff;
	border-radius: 14px;
	color: #123c69;
	font-weight: 800;
	text-decoration: none;
	transition: background 0.2s ease;
}
#content_area .zee-fs-rainfall-eeat-guide-june-v2-wrapper .zee-authority-link:hover {
	background: #d4efff;
}
#content_area .zee-fs-rainfall-eeat-guide-june-v2-wrapper .zee-split-layout {
	display: grid;
	grid-template-columns: 1.1fr .9fr;
	gap: 28px;
	align-items: stretch;
	margin-bottom: 34px;
}
#content_area .zee-fs-rainfall-eeat-guide-june-v2-wrapper .zee-hospitality-box {
	background: #ffffff;
	border-radius: 22px;
	padding: 34px;
	box-shadow: 0 10px 30px rgba(16, 42, 67, .07);
}
#content_area .zee-fs-rainfall-eeat-guide-june-v2-wrapper .zee-hospitality-title {
	font-size: 28px;
	margin: 0 0 16px;
	color: #102a43;
}
#content_area .zee-fs-rainfall-eeat-guide-june-v2-wrapper .zee-hospitality-text {
	font-size: 16px;
	line-height: 1.8;
	color: #4a5568;
}
#content_area .zee-fs-rainfall-eeat-guide-june-v2-wrapper .zee-checklist-box {
	background: #e8f7ff;
	border-radius: 22px;
	padding: 30px;
	border: 1px solid #c7e9fb;
}
#content_area .zee-fs-rainfall-eeat-guide-june-v2-wrapper .zee-checklist-title {
	font-size: 24px;
	margin: 0 0 16px;
	color: #123c69;
}
#content_area .zee-fs-rainfall-eeat-guide-june-v2-wrapper .zee-checklist-ul {
	padding-left: 20px;
	margin: 0;
	color: #344054;
	font-size: 15.5px;
	line-height: 1.85;
}
@media (max-width: 991px) {
	#content_area .zee-fs-rainfall-eeat-guide-june-v2-wrapper .zee-split-layout {
		grid-template-columns: 1fr;
		gap: 24px;
	}
}
@media (max-width: 768px) {
	#content_area .zee-fs-rainfall-eeat-guide-june-v2-wrapper {
		padding: 38px 16px;
	}
	#content_area .zee-fs-rainfall-eeat-guide-june-v2-wrapper .zee-pressure-title,
	#content_area .zee-fs-rainfall-eeat-guide-june-v2-wrapper .zee-safety-title,
	#content_area .zee-fs-rainfall-eeat-guide-june-v2-wrapper .zee-authority-title,
	#content_area .zee-fs-rainfall-eeat-guide-june-v2-wrapper .zee-hospitality-title {
		font-size: 22px;
	}
	#content_area .zee-fs-rainfall-eeat-guide-june-v2-wrapper .zee-checklist-title {
		font-size: 20px;
	}
	#content_area .zee-fs-rainfall-eeat-guide-june-v2-wrapper .zee-pressure-box,
	#content_area .zee-fs-rainfall-eeat-guide-june-v2-wrapper .zee-safety-box,
	#content_area .zee-fs-rainfall-eeat-guide-june-v2-wrapper .zee-authority-box,
	#content_area .zee-fs-rainfall-eeat-guide-june-v2-wrapper .zee-hospitality-box,
	#content_area .zee-fs-rainfall-eeat-guide-june-v2-wrapper .zee-checklist-box {
		padding: 22px;
	}
}
@media (max-width: 480px) {
	#content_area .zee-fs-rainfall-eeat-guide-june-v2-wrapper .zee-links-grid {
		grid-template-columns: 1fr;
	}
	#content_area .zee-fs-rainfall-eeat-guide-june-v2-wrapper .zee-authority-link {
		padding: 14px;
		font-size: 14px;
	}
}
#content_area .zee-fs-rainfall-eeat-guide-june-v3-wrapper {
	width: 100%;
	background: linear-gradient(135deg, #f4fbff 0%, #ffffff 48%, #eef8ff 100%);
	padding: 58px 22px;
	box-sizing: border-box;
	font-family: Arial, Helvetica, sans-serif;
	color: #1f2933;
}
#content_area .zee-fs-rainfall-eeat-guide-june-v3-wrapper .zee-faq-container {
	background: #ffffff;
	border-radius: 22px;
	padding: 34px;
	box-shadow: 0 10px 30px rgba(16, 42, 67, .07);
	margin-bottom: 34px;
}
#content_area .zee-fs-rainfall-eeat-guide-june-v3-wrapper .zee-faq-main-title {
	font-size: 28px;
	margin: 0 0 18px;
	color: #102a43;
}
#content_area .zee-fs-rainfall-eeat-guide-june-v3-wrapper .zee-faq-item {
	border-top: 1px solid #d9ecf7;
	padding: 18px 0;
}
#content_area .zee-fs-rainfall-eeat-guide-june-v3-wrapper .zee-faq-item-last {
	border-top: 1px solid #d9ecf7;
	border-bottom: 1px solid #d9ecf7;
	padding: 18px 0;
}
#content_area .zee-fs-rainfall-eeat-guide-june-v3-wrapper .zee-faq-question {
	font-size: 19px;
	margin: 0 0 8px;
	color: #123c69;
}
#content_area .zee-fs-rainfall-eeat-guide-june-v3-wrapper .zee-faq-answer {
	font-size: 15.5px;
	line-height: 1.75;
	color: #4a5568;
	margin: 0;
}
#content_area .zee-fs-rainfall-eeat-guide-june-v3-wrapper .zee-faq-subheading {
	text-align: left;
	display: block;
	margin-top: 10px;
}
#content_area .zee-fs-rainfall-eeat-guide-june-v3-wrapper .zee-cta-container {
	text-align: center;
	background: #e8f7ff;
	color: #ffffff;
	border-radius: 24px;
	padding: 36px 24px;
}
#content_area .zee-fs-rainfall-eeat-guide-june-v3-wrapper .zee-cta-title {
	font-size: 28px;
	margin: 0 0 12px;
	color: #ffffff;
}
#content_area .zee-fs-rainfall-eeat-guide-june-v3-wrapper .zee-cta-desc {
	font-size: 16px;
	line-height: 1.75;
	max-width: 820px;
	margin: 0 auto 22px;
	color: #e6f6ff;
}
#content_area .zee-fs-rainfall-eeat-guide-june-v3-wrapper .zee-cta-button {
	display: inline-block;
	background: #ffffff;
	color: #123c69;
	padding: 14px 24px;
	border-radius: 8px;
	text-decoration: none;
	font-weight: 800;
	transition: opacity 0.2s ease;
}
#content_area .zee-fs-rainfall-eeat-guide-june-v3-wrapper .zee-cta-button:hover {
	opacity: 0.9;
}
@media (max-width: 768px) {
	#content_area .zee-fs-rainfall-eeat-guide-june-v3-wrapper {
		padding: 38px 16px;
	}
	#content_area .zee-fs-rainfall-eeat-guide-june-v3-wrapper .zee-faq-container,
	#content_area .zee-fs-rainfall-eeat-guide-june-v3-wrapper .zee-cta-container {
		padding: 22px;
	}
	#content_area .zee-fs-rainfall-eeat-guide-june-v3-wrapper .zee-faq-main-title,
	#content_area .zee-fs-rainfall-eeat-guide-june-v3-wrapper .zee-cta-title {
		font-size: 22px;
	}
	#content_area .zee-fs-rainfall-eeat-guide-june-v3-wrapper .zee-faq-question {
		font-size: 17px;
	}
	#content_area .zee-fs-rainfall-eeat-guide-june-v3-wrapper .zee-faq-answer,
	#content_area .zee-fs-rainfall-eeat-guide-june-v3-wrapper .zee-cta-desc {
		font-size: 15px;
	}
}
@media (max-width: 480px) {
	#content_area .zee-fs-rainfall-eeat-guide-june-v3-wrapper .zee-faq-main-title,
	#content_area .zee-fs-rainfall-eeat-guide-june-v3-wrapper .zee-cta-title {
		font-size: 20px;
	}
	#content_area .zee-fs-rainfall-eeat-guide-june-v3-wrapper .zee-cta-button {
		display: block;
		padding: 14px 16px;
		font-size: 15px;
	}
}
/* Category 2041 -- zee-fs-rainfall-eeat-guide-june-v1, v2, v3 -(https://www.fontanashowers.com/waterfall-rainfall-showerheads-s/2041.htm) at 23-06-2026 End Here*/

/* Category 12469 -- FAQ + Right Section -(https://www.fontanashowers.com/category-s/12469.htm) at 24-06-2026 Start Here*/
#content_area .zara-ftf-faq-product-list-2columns {
	padding: 20px 0;
	margin: 0 auto;
}
#content_area .zara-ftf-faq-product-list-2columns * {
	box-sizing: border-box;
}
#content_area .zara-ftf-faq-product-list-2columns .zara-ftf-faq-product-list-wrap {
    margin: 30px auto;
    padding: 0 14px 30px;
    max-width: 1440px;
    width: 100%;
    display: flex;
    justify-content: center;
    /*align-items: flex-start;*/
	gap: 20px;
}
#content_area .zara-ftf-faq-product-list-2columns .zara-ftf-faq-product-list-wrap section.zara-ftf-faq-product-list-card,
#content_area .zara-ftf-faq-product-list-2columns .zara-ftf-faq-product-list-wrap section.zara-ftf-faq-product-list-products-section {
    width: 50%;
}
/* FAQ Card Container */
#content_area .zara-ftf-faq-product-list-2columns .zara-ftf-faq-product-list-card {
	  background: #ffffffee;
	  border-radius: 16px;
	  padding: 34px 28px;
	  box-shadow: 0 18px 40px rgba(3, 32, 73, .25), 0 2px 8px rgba(3, 32, 73, .12);
	  backdrop-filter: saturate(110%) blur(2px);
}
#content_area .zara-ftf-faq-product-list-2columns .zara-ftf-faq-product-list-card-inner {
	display: flex;
	justify-content: space-between;
	gap: 50px;
}
@media(max-width: 1100px){
	#content_area .zara-ftf-faq-product-list-2columns .zara-ftf-faq-product-list-wrap {
		flex-wrap: wrap;
	}
	#content_area .zara-ftf-faq-product-list-2columns .zara-ftf-faq-product-list-wrap section.zara-ftf-faq-product-list-card,
	#content_area .zara-ftf-faq-product-list-2columns .zara-ftf-faq-product-list-wrap section.zara-ftf-faq-product-list-products-section {
		width: 100%;
	}
	#content_area .zara-ftf-faq-product-list-2columns .zara-ftf-faq-product-list-card-inner {
		justify-content: center;
		flex-wrap: wrap;
	}
}
#content_area .zara-ftf-faq-product-list-2columns .zara-ftf-faq-product-list-card-inner .zara-ftf-faq-product-list-card-box:first-child {
	max-width: 510px;
}
#content_area .zara-ftf-faq-product-list-2columns .zara-ftf-faq-product-list-card-inner .zara-ftf-faq-product-list-card-box:last-child {
	width: calc(100% - 510px);
}
@media(max-width: 1100px){
	#content_area .zara-ftf-faq-product-list-2columns .zara-ftf-faq-product-list-card-inner .zara-ftf-faq-product-list-card-box:last-child {
		max-width: 510px;
		width: 100%;
	}
}
#content_area .zara-ftf-faq-product-list-2columns .zara-ftf-faq-product-list-card-inner .zara-ftf-faq-product-list-card-box-list {
	display: flex;
	justify-content: center;
	flex-direction: column;
	gap: 12px;
	height: 100%;
}
#content_area .zara-ftf-faq-product-list-2columns .zara-ftf-faq-product-list-card-inner .zara-ftf-faq-product-list-card-box .zara-ftf-faq-product-list-card-box-list img {
	border-radius: 16px;
}
/* FAQ Section */
#content_area .zara-ftf-faq-product-list-2columns .zara-ftf-faq-product-list-faq-section,
#content_area .zara-ftf-faq-product-list-2columns .zara-ftf-faq-product-list-faq-wrap {
	text-align: center !important;
}
/* FAQ Title with gradient background */
#content_area .zara-ftf-faq-product-list-2columns .zara-ftf-faq-product-list-faq-title {
    color: inherit !important;
    display: inline-block;
    padding: 0;
    border-radius: 16px;
    margin: 0 auto 14px !important;
    font-weight: 200 !important;
    font-size: 30px !important;
    line-height: 1.15 !important;
    letter-spacing: .02em !important;
    font-family: Montserrat, system-ui, Arial, Helvetica, sans-serif !important;
}
@media(max-width: 500px){
	#content_area .zara-ftf-faq-product-list-2columns .zara-ftf-faq-product-list-faq-title {
		font-size: 30px !important;
		line-height: 1.5 !important;
	}
}
/* FAQ Details container */
#content_area .zara-ftf-faq-product-list-2columns .zara-ftf-faq-product-list-details {
    margin: 16px 0;
    border: 0px solid #e5edf3;
    border-radius: 12px;
    padding: 0;
    margin-bottom: 10px;
}

/* FAQ Summary (question) */
/* #content_area .zara-ftf-faq-product-list-2columns .zara-ftf-faq-product-list-summary {
    font-size: 12px;
    list-style: none;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0;
    width: 100%;
    background: linear-gradient(180deg, #eef8ff 0%, #d7eeff 100%);
    color: #6f7880;
    font-weight: 700;
    border-radius: 999px;
    padding: 10px 20px 10px 20px;
    box-shadow: 0 18px 40px rgba(3, 32, 73, .1), 0 2px 8px rgba(3, 32, 73, .1);
    transition: transform .08s ease, box-shadow .2s ease;
    text-align: center;
    font-family: 'Inter';
    line-height: 24px;
    position: relative;
}
    */
 #content_area .zara-ftf-faq-product-list-2columns .zara-ftf-faq-product-list-summary {
    font-size: 12px;
    list-style: none;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0;
    width: 100%;
    background: linear-gradient(180deg, #eef8ff 0%, #d7eeff 100%);
    color: #6f7880;
    font-weight: 700;
    border-radius: 999px;
    padding: 10px 50px 10px 10px;
    box-shadow: 0 18px 40px rgba(3, 32, 73, .1), 0 2px 8px rgba(3, 32, 73, .1);
    transition: transform .08s ease, box-shadow .2s ease;
    text-align: center;
    font-family: 'Inter';
    line-height: 24px;
    position: relative;
}
#content_area .zara-ftf-faq-product-list-2columns .zara-ftf-faq-product-list-summary:hover {
	transform: translateY(-2px);
	box-shadow: 0 22px 40px rgba(3, 32, 73, .28), 0 3px 10px rgba(3, 32, 73, .14);
}
#content_area .zara-ftf-faq-product-list-2columns .zara-ftf-faq-product-list-summary::after {
	content: "+";
	font-weight: 800;
	font-size: 20px;
	line-height: 1;
	margin-left: 0;
}
#content_area .zara-ftf-faq-product-list-2columns .zara-ftf-faq-product-list-details[open] .zara-ftf-faq-product-list-summary::after {
	content: "–";
}
#content_area .zara-ftf-faq-product-list-2columns .zara-ftf-faq-product-list-summary::after,
#content_area .zara-ftf-faq-product-list-2columns .zara-ftf-faq-product-list-details[open] .zara-ftf-faq-product-list-summary::after {
	position: absolute;
    right: 22px;
}
/* FAQ Answer */
#content_area .zara-ftf-faq-product-list-2columns .zara-ftf-faq-product-list-answer {
    padding: 5px 20px;
    color: #7C7C7C !important;
    margin-bottom: -4px;
    font-family: Helvetica, sans-serif !important;
    font-size: 15px !important;
    line-height: 25px !important;
}
/**************************/
#content_area .zara-ftf-faq-product-list-2columns .zara-ftf-faq-product-list-products-section {
  margin-top: 0;
  background: #ffffffee;
  border-radius: 16px;
  box-shadow: 0 18px 40px rgba(3, 32, 73, .25), 0 2px 8px rgba(3, 32, 73, .12);
  padding: 15px 20px 15px;
}

#content_area .zara-ftf-faq-product-list-2columns .zara-ftf-faq-product-list-products-title {
  font-family: "Playfair Display", Georgia, serif;
  font-weight: 600;
  font-size: 30px;
  margin: 12px 0 28px;
  color: #0b1f35;
  text-align: center;
}

#content_area .zara-ftf-faq-product-list-2columns .zara-ftf-faq-product-list-products-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
  margin-top: 28px;
}

#content_area .zara-ftf-faq-product-list-2columns .zara-ftf-faq-product-list-p-card {
  text-align: center;
  font-family: "Inter", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

#content_area .zara-ftf-faq-product-list-2columns .zara-ftf-faq-product-list-p-media {
  overflow: hidden;
  border-radius: 12px;
  box-shadow: 0 18px 40px rgba(3, 32, 73, .25), 0 2px 8px rgba(3, 32, 73, .12);
  background: #f3f6ff;
}

#content_area .zara-ftf-faq-product-list-2columns .zara-ftf-faq-product-list-p-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

#content_area .zara-ftf-faq-product-list-2columns .zara-ftf-faq-product-list-p-title {
  font-family: "Playfair Display", Georgia, serif;
  font-weight: 500;
  font-size: 14px;
  margin: 18px 0 20px;
  color: #1c2b45;
}

#content_area .zara-ftf-faq-product-list-2columns .zara-ftf-faq-product-list-p-btn {
    display: inline-block;
    padding: 10px 15px;
    border-radius: 34px;
    background: linear-gradient(90deg, #32c5c7 0%, #0075ff 100%);
    color: #fff;
    text-decoration: none;
    font-weight: 600;
    font-size: 14px;
    transition: transform .15s ease, box-shadow .15s ease;
    font-family: "Inter", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
    line-height: normal;
}

#content_area .zara-ftf-faq-product-list-2columns .zara-ftf-faq-product-list-p-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 24px rgba(0, 118, 255, .25);
}

#content_area .zara-ftf-faq-product-list-2columns .zara-ftf-faq-product-list-p-btn:active {
  transform: translateY(0);
}

/* Responsive styles */
@media (max-width: 980px) {
  #content_area .zara-ftf-faq-product-list-2columns .zara-ftf-faq-product-list-products-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 760px) {
  #content_area .zara-ftf-faq-product-list-2columns .zara-ftf-faq-product-list-wrap {
    margin: 36px auto;
  }
  
  #content_area .zara-ftf-faq-product-list-2columns .zara-ftf-faq-product-list-products-grid {
    grid-template-columns: 1fr;
    gap: 34px;
  }
  
  #content_area .zara-ftf-faq-product-list-2columns .zara-ftf-faq-product-list-p-media img {
    height: 260px;
  }
}
/* Category 12469 -- FAQ + Right Section -(https://www.fontanashowers.com/category-s/12469.htm) at 24-06-2026 End Here*/

/* Product id -  fs9818test (Fontana-Commercial-Wall-Mount-Automatic-Soap-Disp)  at 03-07-2026 Start Here*/
#content_area .zee-installation-drawing-options-section .zee-installation-drawing-options-container {
	max-width: 1200px;
	margin: 30px auto;
	padding: 28px;
	background: #f8fafc;
	border: 1px solid #d9e2ec;
	border-radius: 14px;
	font-family: Arial, Helvetica, sans-serif;
}
#content_area .zee-installation-drawing-options-section .zee-installation-drawing-options-main-heading {
	margin: 0 0 12px;
	color: #1f2937;
	font-size: 28px;
	text-align: center;
}
#content_area .zee-installation-drawing-options-section .zee-installation-drawing-options-sub-heading {
	margin: 0 0 24px;
	color: #4b5563;
	font-size: 16px;
	text-align: center;
}
#content_area .zee-installation-drawing-options-section .zee-installation-drawing-options-grid-layout {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
	gap: 14px;
}
#content_area .zee-installation-drawing-options-section .zee-installation-drawing-options-card-link {
	display: block;
	padding: 16px;
	background: #ffffff;
	border: 1px solid #d8dee8;
	border-left: 5px solid #b08a2e;
	border-radius: 10px;
	color: #1f2937;
	text-decoration: none;
	font-weight: bold;
	font-size: 14px;
}
/* Product id -  fs9818test (Fontana-Commercial-Wall-Mount-Automatic-Soap-Disp)  at 03-07-2026 End Here*/

/* Category id - 12527  -- fontanashowers-certifications-compliance (https://www.fontanashowers.com/category-s/12527.htm) at 10-07-2026 Start Here*/
#content_area .fontanashowers-certifications-compliance-wrapper .fontanashowers-certifications-compliance-wrapper {
  margin: 0;
  color: #1f2428;
  background: #fbfaf8;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.55;
}
#content_area .fontanashowers-certifications-compliance-wrapper .fontanashowers-certifications-compliance-wrapper img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#content_area .fontanashowers-certifications-compliance-wrapper .fontanashowers-certifications-compliance-wrapper a {
  color: inherit;
  text-decoration: none;
}

#content_area .fontanashowers-certifications-compliance-wrapper .zee-certifications-page {
  min-height: 100vh;
  overflow: hidden;
}

#content_area .fontanashowers-certifications-compliance-wrapper .zee-certifications-hero {
  display: grid;
  grid-template-columns: minmax(0, 0.88fr) minmax(320px, 1.12fr);
  min-height: min(760px, calc(100vh - 72px));
  border-bottom: 1px solid #ded9d2;
}

#content_area .fontanashowers-certifications-compliance-wrapper .zee-certifications-hero-copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: clamp(52px, 8vw, 112px) clamp(24px, 6vw, 84px);
}

#content_area .fontanashowers-certifications-compliance-wrapper .zee-certifications-eyebrow {
  margin: 0 0 18px;
  color: #5e4b35;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

#content_area .fontanashowers-certifications-compliance-wrapper h1 {
	max-width: 720px;
	margin: 0;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(44px, 7vw, 88px);
	font-weight: 400;
	line-height: 0.98;
	letter-spacing: 0;
	color: #000;
	text-align: left !important;
}

#content_area .fontanashowers-certifications-compliance-wrapper .zee-certifications-hero-copy p {
  max-width: 590px;
  margin: 24px 0 0;
  color: #687078;
  font-size: clamp(16px, 1.45vw, 19px);
}

#content_area .fontanashowers-certifications-compliance-wrapper .zee-certifications-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 34px;
}

#content_area .fontanashowers-certifications-compliance-wrapper .zee-certifications-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 0 20px;
  border: 1px solid #1f2428;
  border-radius: 2px;
  background: #1f2428;
  color: #ffffff;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

#content_area .fontanashowers-certifications-compliance-wrapper .zee-certifications-button.zee-certifications-secondary {
  background: transparent;
  color: #1f2428;
}

#content_area .fontanashowers-certifications-compliance-wrapper .zee-certifications-hero-media {
  position: relative;
  min-height: 420px;
  background: #ddd7cf;
}

#content_area .fontanashowers-certifications-compliance-wrapper .zee-certifications-hero-media::after {
  position: absolute;
  inset: 0;
  content: "";
  background: linear-gradient(90deg, rgba(251, 250, 248, 0.08), rgba(31, 36, 40, 0.08));
  pointer-events: none;
}

#content_area .fontanashowers-certifications-compliance-wrapper .zee-certifications-quick-panel {
  position: absolute;
  right: clamp(18px, 4vw, 52px);
  bottom: clamp(18px, 4vw, 52px);
  width: min(360px, calc(100% - 36px));
  padding: 22px;
  border: 1px solid rgba(255, 255, 255, 0.55);
  background: rgba(255, 255, 255, 0.88);
  backdrop-filter: blur(16px);
}

#content_area .fontanashowers-certifications-compliance-wrapper .zee-certifications-quick-panel h2 {
  margin: 0 0 12px;
  font-size: 15px;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

#content_area .fontanashowers-certifications-compliance-wrapper .zee-certifications-quick-panel ul {
  display: grid;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
  color: #687078;
  font-size: 14px;
}

#content_area .fontanashowers-certifications-compliance-wrapper .zee-certifications-quick-panel li {
  display: grid;
  grid-template-columns: 18px 1fr;
  gap: 10px;
  align-items: start;
}

#content_area .fontanashowers-certifications-compliance-wrapper .zee-certifications-check {
	width: 18px;
	height: 18px;
	border: 1px solid #8b6f4e;
	color: #5e4b35;
	font-size: 12px;
	line-height: 16px;
	text-align: center;
	margin-top: 8px;
}

#content_area .fontanashowers-certifications-compliance-wrapper .zee-certifications-section {
  padding: clamp(56px, 8vw, 104px) clamp(20px, 5vw, 70px);
}

#content_area .fontanashowers-certifications-compliance-wrapper .zee-certifications-section-header {
  display: grid;
  grid-template-columns: minmax(0, 0.7fr) minmax(280px, 0.3fr);
  gap: 28px;
  align-items: end;
  max-width: 1220px;
  margin: 0 auto 34px;
}

#content_area .fontanashowers-certifications-compliance-wrapper .zee-certifications-section-header h2 {
	margin: 0 !important;
	font-family: Georgia, "Times New Roman", serif !important;
	font-size: clamp(34px, 4.6vw, 58px) !important;
	font-weight: 400 !important;
	line-height: 1.04 !important;
	text-align: left !important;
	color: #000 !important;
}

#content_area .fontanashowers-certifications-compliance-wrapper .zee-certifications-quick-panel h2 {
	margin: 0 0 12px !important;
	font-size: 15px !important;
	letter-spacing: 0.13em !important;
	text-transform: uppercase !important;
	text-align: left !important;
	color: #000 !important;
	font-weight: 600 !important;
	line-height: 24px !important;
}

#content_area .fontanashowers-certifications-compliance-wrapper .zee-certifications-section-header p {
  margin: 0;
  color: #687078;
  font-size: 15px;
}

#content_area .fontanashowers-certifications-compliance-wrapper .zee-certifications-cert-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  max-width: 1220px;
  margin: 0 auto;
  border-top: 1px solid #ded9d2;
  border-left: 1px solid #ded9d2;
}

#content_area .fontanashowers-certifications-compliance-wrapper .zee-certifications-cert-card {
  min-height: 210px;
  padding: 24px;
  border-right: 1px solid #ded9d2;
  border-bottom: 1px solid #ded9d2;
  background: rgba(255, 255, 255, 0.45);
}

#content_area .fontanashowers-certifications-compliance-wrapper .zee-certifications-cert-mark {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 54px;
  height: 54px;
  margin-bottom: 24px;
  border: 1px solid #8b6f4e;
  border-radius: 50%;
  color: #5e4b35;
  font-weight: 700;
  letter-spacing: 0.05em;
}

#content_area .fontanashowers-certifications-compliance-wrapper .zee-certifications-cert-card h3 {
  margin: 0 0 8px;
  font-size: 17px;
}

#content_area .fontanashowers-certifications-compliance-wrapper .zee-certifications-cert-card p {
	margin: 0;
	color: #687078 !important;
	font-size: 14px !important;
	line-height: 22px !important;
	text-align: left;
}

#content_area .fontanashowers-certifications-compliance-wrapper .zee-certifications-split {
  display: grid;
  grid-template-columns: minmax(320px, 0.95fr) minmax(0, 1.05fr);
  gap: clamp(28px, 5vw, 68px);
  align-items: center;
  max-width: 1220px;
  margin: 0 auto;
}

#content_area .fontanashowers-certifications-compliance-wrapper .zee-certifications-image-frame {
  aspect-ratio: 4 / 3;
  background: #f2efeb;
}

#content_area .fontanashowers-certifications-compliance-wrapper .zee-certifications-steps {
  display: grid;
  gap: 18px;
  counter-reset: item;
}

#content_area .fontanashowers-certifications-compliance-wrapper .zee-certifications-step {
  display: grid;
  grid-template-columns: 50px 1fr;
  gap: 18px;
  padding-bottom: 18px;
  border-bottom: 1px solid #ded9d2;
  counter-increment: item;

}

#content_area .fontanashowers-certifications-compliance-wrapper .zee-certifications-step::before {
  content: counter(item, decimal-leading-zero);
  color: #5e4b35;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 26px;
}

#content_area .fontanashowers-certifications-compliance-wrapper .zee-certifications-step h3 {
  margin: 0 0 5px;
  font-size: 18px;
}

#content_area .fontanashowers-certifications-compliance-wrapper .zee-certifications-step p {
  margin: 0;
  color: #687078;
  font-size: 15px;
}

#content_area .fontanashowers-certifications-compliance-wrapper .zee-certifications-band {
  background: #f2efeb;
  border-top: 1px solid #ded9d2;
  border-bottom: 1px solid #ded9d2;
}

#content_area .fontanashowers-certifications-compliance-wrapper .zee-certifications-support-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  max-width: 1220px;
  margin: 0 auto;
  background: #ded9d2;
}

#content_area .fontanashowers-certifications-compliance-wrapper .zee-certifications-support-item {
  padding: 28px;
  background: #fbfaf8;
}

#content_area .fontanashowers-certifications-compliance-wrapper .zee-certifications-support-item h3 {
	margin: 0 0 10px;
	font-size: 18px;
	font-weight: 600 !important;
	color: #000 !important;
}

#content_area .fontanashowers-certifications-compliance-wrapper .zee-certifications-support-item p {
	margin: 0;
	color: #687078 !important;
	font-size: 14px !important;
	line-height: 22px !important;
}

#content_area .fontanashowers-certifications-compliance-wrapper .zee-certifications-cta {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 24px;
  align-items: center;
  max-width: 1220px;
  margin: 0 auto;
  padding: clamp(34px, 5vw, 54px);
  border: 1px solid #ded9d2;
  background: #ffffff;
}

#content_area .fontanashowers-certifications-compliance-wrapper .zee-certifications-cta h2 {
	margin: 0 0 8px !important;
	font-family: Georgia, "Times New Roman", serif !important;
	font-size: 48px !important;
	font-weight: 400 !important;
	line-height: 1.05 !important;
	text-align: left !important;
	color: #000 !important;
}

#content_area .fontanashowers-certifications-compliance-wrapper .zee-certifications-cta p {
  max-width: 720px;
  margin: 0;
  color: #687078;
}

#content_area .fontanashowers-certifications-compliance-wrapper footer {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  padding: 28px clamp(20px, 5vw, 70px);
  color: #687078;
  font-size: 12px;
}

#content_area .fontanashowers-certifications-compliance-wrapper .zee-certifications-certification-footer {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  padding: 28px clamp(20px, 5vw, 70px);
  color: #687078;
  font-size: 12px;
}

@media (max-width: 980px) {
  #content_area .fontanashowers-certifications-compliance-wrapper .zee-certifications-hero,
  #content_area .fontanashowers-certifications-compliance-wrapper .zee-certifications-split,
  #content_area .fontanashowers-certifications-compliance-wrapper .zee-certifications-section-header,
  #content_area .fontanashowers-certifications-compliance-wrapper .zee-certifications-cta {
    grid-template-columns: 1fr;
  }

  #content_area .fontanashowers-certifications-compliance-wrapper .zee-certifications-hero {
    min-height: auto;
  }

  #content_area .fontanashowers-certifications-compliance-wrapper .zee-certifications-cert-grid,
  #content_area .fontanashowers-certifications-compliance-wrapper .zee-certifications-support-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #content_area .fontanashowers-certifications-compliance-wrapper .zee-certifications-cta {
    padding: 28px;
  }
}

@media (max-width: 680px) {
  #content_area .fontanashowers-certifications-compliance-wrapper .zee-certifications-nav {
    align-items: flex-start;
    flex-direction: column;
    gap: 10px;
  }

  #content_area .fontanashowers-certifications-compliance-wrapper .zee-certifications-nav-links {
    width: 100%;
    justify-content: space-between;
    gap: 10px;
    font-size: 11px;
  }

  #content_area .fontanashowers-certifications-compliance-wrapper .zee-certifications-hero-copy {
    padding-top: 46px;
    padding-bottom: 42px;
  }

  #content_area .fontanashowers-certifications-compliance-wrapper .zee-certifications-hero-actions {
    flex-direction: column;
  }

  #content_area .fontanashowers-certifications-compliance-wrapper .zee-certifications-button {
    width: 100%;
  }

  #content_area .fontanashowers-certifications-compliance-wrapper .zee-certifications-quick-panel {
    position: static;
    width: auto;
    margin: -86px 18px 18px;
  }

  #content_area .fontanashowers-certifications-compliance-wrapper .zee-certifications-cert-grid,
  #content_area .fontanashowers-certifications-compliance-wrapper .zee-certifications-support-grid {
    grid-template-columns: 1fr;
  }

  #content_area .fontanashowers-certifications-compliance-wrapper .zee-certifications-cert-card {
    min-height: auto;
  }
  
}
/* Category id - 12527  -- fontanashowers-certifications-compliance (https://www.fontanashowers.com/category-s/12527.htm) at 10-07-2026 End Here*/

/* Category id - 12528  -- fontana-roi-compliance (https://www.fontanashowers.com/category-s/12528.htm) at 10-07-2026 Start Here*/
#content_area .fontana-roi-compliance-wrapper {
  margin: 0;
  color: #101820;
  background: #ffffff;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.45;
}

#content_area .fontana-roi-compliance-wrapper img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#content_area .fontana-roi-compliance-wrapper a {
  color: inherit;
  text-decoration: none;
}

#content_area .fontana-roi-compliance-wrapper .zee-fontana-roi-site-header {
  display: grid;
  grid-template-columns: 220px minmax(0, 1fr) 190px;
  gap: 22px;
  align-items: center;
  min-height: 60px;
  padding: 12px clamp(24px, 6vw, 60px);
  border-bottom: 1px solid #d9e0e6;
  background: #fff;
}

#content_area .fontana-roi-compliance-wrapper .zee-fontana-roi-logo {
  line-height: 1;
}

#content_area .fontana-roi-compliance-wrapper .zee-fontana-roi-logo strong {
  display: block;
  font-size: 20px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

#content_area .fontana-roi-compliance-wrapper .zee-fontana-roi-logo span {
  display: block;
  margin-top: 4px;
  color: #4e5a63;
  font-size: 9px;
  letter-spacing: 0.45em;
  text-transform: uppercase;
}

#content_area .fontana-roi-compliance-wrapper .zee-fontana-roi-nav {
  display: flex;
  justify-content: center;
  gap: clamp(14px, 2.2vw, 28px);
  color: #2d3942;
  font-size: 13px;
  white-space: nowrap;
}

#content_area .fontana-roi-compliance-wrapper .zee-fontana-roi-tools {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  color: #4e5a63;
  font-size: 12px;
}

#content_area .fontana-roi-compliance-wrapper .zee-fontana-roi-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border: 1px solid #d9e0e6;
  border-radius: 50%;
  color: #00477f;
  font-size: 13px;
  font-weight: 700;
}

#content_area .fontana-roi-compliance-wrapper .zee-fontana-roi-hero {
  position: relative;
  display: grid;
  grid-template-columns: minmax(360px, 0.68fr) minmax(420px, 0.82fr);
  min-height: 575px;
  overflow: hidden;
  background: #fff;
  border-bottom: 1px solid #d9e0e6;
}

#content_area .fontana-roi-compliance-wrapper .zee-fontana-roi-hero-copy {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 48px clamp(34px, 6vw, 58px);
}

#content_area .fontana-roi-compliance-wrapper .zee-fontana-roi-hero-copy h1 {
  max-width: 510px;
  margin: 0 0 18px;
  font-size: clamp(34px, 4.6vw, 50px);
  line-height: 1.02;
  letter-spacing: 0;
  font-weight: 600;
}

#content_area .fontana-roi-compliance-wrapper .zee-fontana-roi-hero-copy p {
	max-width: 500px;
	margin: 0 0 14px;
	color: #1f2a33 !important;
	font-size: 15px !important;
	line-height: 22px !important;
}

#content_area .fontana-roi-compliance-wrapper .zee-fontana-roi-hero-copy .zee-fontana-roi-lead-strong {
  margin-top: 10px;
  color: #0d151b;
  font-weight: 700;
}

#content_area .fontana-roi-compliance-wrapper .zee-fontana-roi-check-list {
  display: grid;
  gap: 11px;
  max-width: 500px;
  margin: 16px 0 22px;
  padding: 0;
  list-style: none;
  color: #1f2a33;
  font-size: 14px;
}

#content_area .fontana-roi-compliance-wrapper .zee-fontana-roi-check-list li {
  display: grid;
  grid-template-columns: 18px 1fr;
  gap: 9px;
  align-items: start;
}

#content_area .fontana-roi-compliance-wrapper .zee-fontana-roi-check-list span {
  color: #00477f;
  font-weight: 700;
}

#content_area .fontana-roi-compliance-wrapper .zee-fontana-roi-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  min-height: 40px;
  padding: 0 28px;
  border-radius: 3px;
  background: #00477f;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  box-shadow: 0 5px 14px rgba(0, 71, 127, 0.22);
}

#content_area .fontana-roi-compliance-wrapper .zee-fontana-roi-hero-image {
  position: absolute;
  inset: 0 0 0 47%;
  clip-path: polygon(18% 0, 100% 0, 100% 100%, 0 100%);
  background: #003763;
}

#content_area .fontana-roi-compliance-wrapper .zee-fontana-roi-hero-image::after {
  position: absolute;
  inset: 0;
  content: "";
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.02), rgba(0, 52, 94, 0.18));
  pointer-events: none;
}

#content_area .fontana-roi-compliance-wrapper .zee-fontana-roi-facility-strip {
  display: grid;
  grid-template-columns: minmax(320px, 0.44fr) minmax(0, 0.56fr);
  min-height: 178px;
  border-bottom: 1px solid #d9e0e6;
}

#content_area .fontana-roi-compliance-wrapper .zee-fontana-roi-facility-copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 28px clamp(28px, 6vw, 58px);
  background: #00477f;
  color: #fff;
}

#content_area .fontana-roi-compliance-wrapper .zee-fontana-roi-facility-copy h2 {
	max-width: 380px;
	margin: 0 0 12px !important;
	font-size: clamp(28px, 4vw, 42px) !important;
	line-height: 1.02 !important;
	color: #fff !important;
	text-align: left !important;
}

#content_area .fontana-roi-compliance-wrapper .zee-fontana-roi-facility-copy p {
	max-width: 420px;
	margin: 0;
	font-size: 14px !important;
	line-height: 22px !important;
	color: #fff !important;
}

#content_area .fontana-roi-compliance-wrapper .zee-fontana-roi-facility-image {
  min-height: 178px;
}

#content_area .fontana-roi-compliance-wrapper .zee-fontana-roi-section {
  padding: clamp(48px, 7vw, 66px) clamp(28px, 6vw, 60px);
}

#content_area .fontana-roi-compliance-wrapper .zee-fontana-roi-section-head {
  display: grid;
  grid-template-columns: minmax(0, 0.58fr) minmax(280px, 0.42fr);
  gap: 28px;
  align-items: end;
  max-width: 1240px;
  margin: 0 auto 34px;
}

#content_area .fontana-roi-compliance-wrapper .zee-fontana-roi-eyebrow {
  margin: 0 0 8px;
  color: #00477f;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

#content_area .fontana-roi-compliance-wrapper .zee-fontana-roi-section-head h2 {
	margin: 0 !important;
	font-size: clamp(28px, 4vw, 40px) !important;
	line-height: 1.08 !important;
	letter-spacing: 0 !important;
	text-align: left !important;
}

#content_area .fontana-roi-compliance-wrapper .zee-fontana-roi-section-head p {
	margin: 0;
	color: #1f2a33 !important;
	font-size: 14px !important;
	line-height: 22px !important;
}

#content_area .fontana-roi-compliance-wrapper .zee-fontana-roi-benefits {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  max-width: 1240px;
  margin: 0 auto;
}

#content_area .fontana-roi-compliance-wrapper .zee-fontana-roi-benefit {
  min-height: 245px;
  padding: 6px 44px 0 0;
  border-right: 1px solid #d9e0e6;
}

#content_area .fontana-roi-compliance-wrapper .zee-fontana-roi-benefit + .zee-fontana-roi-benefit {
  padding-left: 44px;
}

#content_area .fontana-roi-compliance-wrapper .zee-fontana-roi-benefit:last-child {
  border-right: 0;
  padding-right: 0;
}

#content_area .fontana-roi-compliance-wrapper .zee-fontana-roi-circle-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 66px;
  height: 66px;
  margin: 0 auto 18px;
  /*border: 2px solid #b9d2e8;
  border-radius: 50%;*/
  color: #00477f;
  font-size: 30px;
  font-weight: 300;
}

#content_area .fontana-roi-compliance-wrapper .zee-fontana-roi-benefit h3 {
  margin: 0 0 10px;
  font-size: 20px;
  font-weight: 500;
}

#content_area .fontana-roi-compliance-wrapper .zee-fontana-roi-benefit ul {
  display: grid;
  gap: 7px;
  margin: 0;
  padding-left: 18px;
  color: #1f2a33;
  font-size: 13px;
}

#content_area .fontana-roi-compliance-wrapper .zee-fontana-roi-benefit ul li {
	margin: 0;
	color: #1f2a33 !important;
	font-size: 14px !important;
	line-height: 22px !important;
}

#content_area .fontana-roi-compliance-wrapper .zee-fontana-roi-products {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  max-width: 1240px;
  margin: 0 auto;
  background: #d9e0e6;
}

#content_area .fontana-roi-compliance-wrapper .zee-fontana-roi-product {
  display: flex;
  flex-direction: column;
  min-height: 300px;
  padding: 24px 24px 22px;
  background: #fff;
}

#content_area .fontana-roi-compliance-wrapper .zee-fontana-roi-product-image {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 120px;
  margin-bottom: 20px;
}

#content_area .fontana-roi-compliance-wrapper .zee-fontana-roi-product-image img {
  width: auto;
  max-width: 82%;
  height: auto;
  max-height: 120px;
  object-fit: contain;
}

#content_area .fontana-roi-compliance-wrapper .zee-fontana-roi-series {
  margin: 0 0 4px;
  color: #00477f;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
}

#content_area .fontana-roi-compliance-wrapper .zee-fontana-roi-product h3 {
  margin: 0 0 8px;
  font-size: 18px;
  font-weight: 500;
}

#content_area .fontana-roi-compliance-wrapper .zee-fontana-roi-product p {
	margin: 0 0 16px;
	color: #1f2a33 !important;
	font-size: 12px !important;
	line-height: 22px !important;
}

#content_area .fontana-roi-compliance-wrapper .zee-fontana-roi-product a {
  margin-top: auto;
  color: #00477f;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

#content_area .fontana-roi-compliance-wrapper .zee-fontana-roi-proof {
  max-width: 1240px;
  margin: 34px auto 0;
}

#content_area .fontana-roi-compliance-wrapper .zee-fontana-roi-proof h2 {
	margin: 0 0 16px !important;
	font-size: 28px !important;
	font-weight: 500 !important;
	line-height: 22px !important;
	text-align: left !important;
	color: #000 !important;
}

#content_area .fontana-roi-compliance-wrapper .zee-fontana-roi-proof-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}

#content_area .fontana-roi-compliance-wrapper .zee-fontana-roi-proof-image {
  aspect-ratio: 2.2 / 1;
  overflow: hidden;
  background: #f5f8fb;
}

@media (max-width: 1000px) {
  #content_area .fontana-roi-compliance-wrapper .zee-fontana-roi-site-header {
	grid-template-columns: 1fr;
	gap: 12px;
  }

  #content_area .fontana-roi-compliance-wrapper .zee-fontana-roi-nav {
	justify-content: flex-start;
	overflow-x: auto;
	padding-bottom: 4px;
  }

  #content_area .fontana-roi-compliance-wrapper .zee-fontana-roi-tools {
	justify-content: flex-start;
  }

  #content_area .fontana-roi-compliance-wrapper .zee-fontana-roi-hero {
	grid-template-columns: 1fr;
	min-height: auto;
  }

  #content_area .fontana-roi-compliance-wrapper .zee-fontana-roi-hero-copy {
	padding-bottom: 42px;
  }

  #content_area .fontana-roi-compliance-wrapper .zee-fontana-roi-hero-image {
	position: relative;
	inset: auto;
	min-height: 360px;
	clip-path: none;
  }

  #content_area .fontana-roi-compliance-wrapper .zee-fontana-roi-facility-strip,
  #content_area .fontana-roi-compliance-wrapper .zee-fontana-roi-section-head {
	grid-template-columns: 1fr;
  }

  #content_area .fontana-roi-compliance-wrapper .zee-fontana-roi-benefits,
  #content_area .fontana-roi-compliance-wrapper .zee-fontana-roi-products,
  #content_area .fontana-roi-compliance-wrapper .zee-fontana-roi-proof-grid {
	grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #content_area .fontana-roi-compliance-wrapper .zee-fontana-roi-benefit,
  #content_area .fontana-roi-compliance-wrapper .zee-fontana-roi-benefit + .zee-fontana-roi-benefit,
  #content_area .fontana-roi-compliance-wrapper .zee-fontana-roi-benefit:last-child {
	padding: 24px 24px 28px;
	border-right: 0;
	border-bottom: 1px solid #d9e0e6;
  }
}

@media (max-width: 620px) {
  #content_area .fontana-roi-compliance-wrapper .zee-fontana-roi-hero-copy h1 {
	font-size: 34px;
  }

  #content_area .fontana-roi-compliance-wrapper .zee-fontana-roi-facility-copy h2 {
	font-size: 30px;
  }

  #content_area .fontana-roi-compliance-wrapper .zee-fontana-roi-benefits,
  #content_area .fontana-roi-compliance-wrapper .zee-fontana-roi-products,
  #content_area .fontana-roi-compliance-wrapper .zee-fontana-roi-proof-grid {
	grid-template-columns: 1fr;
  }

  #content_area .fontana-roi-compliance-wrapper .zee-fontana-roi-product {
	min-height: auto;
  }
}
/* Category id - 12528  -- fontana-roi-compliance (https://www.fontanashowers.com/category-s/12528.htm) at 10-07-2026 End Here*/

/* Category id - 12534  -- zee-option-a-compact-wireframes (https://www.fontanashowers.com/category-s/12540.htm) at 10-07-2026 Start Here*/
#content_area .zee-option-a-compact-wireframes-wrapper {
  margin: 0;
  color: #202326;
  background: #fbfaf8;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.45;
  padding: 34px clamp(18px, 4vw, 56px) 56px;
}

 #content_area .zee-option-a-compact-wireframes-wrapper .zee-option-a-compact-wireframes-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 0.34fr);
  gap: 28px;
  align-items: end;
  max-width: 1240px;
  margin: 0 auto 32px;
  padding-bottom: 24px;
  border-bottom: 1px solid var(--line);
}

#content_area .zee-option-a-compact-wireframes-wrapper .zee-option-a-compact-wireframes-eyebrow {
	margin: 0 0 12px;
	color: #7d674a !important;
	font-size: 12px !important;
	font-weight: 700;
	letter-spacing: 0.16em;
	text-transform: uppercase;
}

#content_area .zee-option-a-compact-wireframes-wrapper h1,
#content_area .zee-option-a-compact-wireframes-wrapper h2 {
  margin: 0;
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 400;
  letter-spacing: 0;
}

#content_area .zee-option-a-compact-wireframes-wrapper h1 {
  max-width: 820px;
  font-size: clamp(38px, 6vw, 74px);
  line-height: 1;
}

#content_area .zee-option-a-compact-wireframes-wrapper .zee-option-a-compact-wireframes-header p,
#content_area .zee-option-a-compact-wireframes-wrapper .zee-option-a-compact-wireframes-note,
#content_area .zee-option-a-compact-wireframes-wrapper .zee-option-a-compact-wireframes-intro {
	margin: 0;
	color: #687078 !important;
	font-size: 14px !important;
	line-height: 22px !important;
}

#content_area .zee-option-a-compact-wireframes-wrapper .zee-option-a-compact-wireframes {
  max-width: 1240px;
  margin: 0 auto 34px;
  border: 1px solid #ddd8d1;
  background: #fff;
}

#content_area .zee-option-a-compact-wireframes-wrapper .zee-option-a-compact-wireframes-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: center;
  padding: 18px 20px;
  border-bottom: 1px solid #ddd8d1;
  background: #f1eee9;
}

#content_area .zee-option-a-compact-wireframes-wrapper .zee-option-a-compact-wireframes-head h2 {
	font-size: clamp(24px, 3vw, 36px) !important;
	line-height: 1.08 !important;
	text-align: left !important;
	margin: 0 !important;
	font-family: Georgia, "Times New Roman", serif !important;
	font-weight: 400 !important;
	letter-spacing: 0 !important;
	color: #202326 !important;
}

#content_area .zee-option-a-compact-wireframes-wrapper .zee-option-a-compact-wireframes-density {
  padding: 7px 10px;
  border: 1px solid #ddd8d1;
  background: #fbfaf8;
  color: #7d674a;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  white-space: nowrap;
}

#content_area .zee-option-a-compact-wireframes-wrapper .zee-option-a-compact-wireframes-toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 12px 20px;
  border-bottom: 1px solid #ddd8d1;
}

#content_area .zee-option-a-compact-wireframes-wrapper .zee-option-a-compact-wireframes-chip {
  min-height: 28px;
  padding: 6px 11px;
  border: 1px solid #ddd8d1;
  background: transparent;
  color: #687078;
  font-size: 12px;
}

#content_area .zee-option-a-compact-wireframes-wrapper .zee-option-a-compact-wireframes-chip.zee-option-a-compact-wireframes-active {
  border-color: #202326;
  background: #202326;
  color: #fff;
}

#content_area .zee-option-a-compact-wireframes-wrapper .zee-option-a-compact-wireframes-compact-list {
  display: grid;
}

#content_area .zee-option-a-compact-wireframes-wrapper .zee-option-a-compact-wireframes-row {
  display: grid;
  grid-template-columns: 66px minmax(160px, 0.55fr) minmax(220px, 1fr) 112px;
  gap: 14px;
  align-items: center;
  min-height: 58px;
  padding: 10px 20px;
  border-bottom: 1px solid #ddd8d1;
}

#content_area .zee-option-a-compact-wireframes-wrapper .zee-option-a-compact-wireframes-row:last-child,
#content_area .zee-option-a-compact-wireframes-wrapper .zee-option-a-compact-wireframes-matrix-item:nth-last-child(-n+2),
#content_area .zee-option-a-compact-wireframes-wrapper .zee-option-a-compact-wireframes-group:last-child {
  border-bottom: 0;
}

#content_area .zee-option-a-compact-wireframes-wrapper .zee-option-a-compact-wireframes-mark {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 30px;
  border: 1px solid #7d674a;
  color: #7d674a;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.05em;
}

#content_area .zee-option-a-compact-wireframes-wrapper h3 {
	margin: 0;
	font-size: 15px;
	line-height: 1.2;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 600;
	letter-spacing: 0;
}

#content_area .zee-option-a-compact-wireframes-wrapper .zee-option-a-compact-wireframes-row p,
#content_area .zee-option-a-compact-wireframes-wrapper .zee-option-a-compact-wireframes-matrix-item p,
#content_area .zee-option-a-compact-wireframes-wrapper .zee-option-a-compact-wireframes-group p {
	margin: 0;
	color: #687078 !important;
	font-size: 13px !important;
	line-height: 22px !important;
	text-align: left !important;
}

#content_area .zee-option-a-compact-wireframes-wrapper .zee-option-a-compact-wireframes-impact {
  justify-self: end;
  color: #7d674a;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.11em;
  text-transform: uppercase;
}

#content_area .zee-option-a-compact-wireframes-wrapper .zee-option-a-compact-wireframes-matrix {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

#content_area .zee-option-a-compact-wireframes-wrapper .zee-option-a-compact-wireframes-matrix-item {
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr);
  gap: 14px;
  align-items: start;
  min-height: 88px;
  padding: 16px 20px;
  border-right: 1px solid #ddd8d1;
  border-bottom: 1px solid #ddd8d1;
}

#content_area .zee-option-a-compact-wireframes-wrapper .zee-option-a-compact-wireframes-matrix-item:nth-child(2n) {
  border-right: 0;
}

#content_area .zee-option-a-compact-wireframes-wrapper .zee-option-a-compact-wireframes-mini-mark {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border: 1px solid #7d674a;
  border-radius: 50%;
  color: #7d674a;
  font-size: 11px;
  font-weight: 700;
}

#content_area .zee-option-a-compact-wireframes-wrapper .zee-option-a-compact-wireframes-grouped {
  display: grid;
}

#content_area .zee-option-a-compact-wireframes-wrapper .zee-option-a-compact-wireframes-group {
  display: grid;
  grid-template-columns: 170px minmax(0, 1fr);
  gap: 20px;
  min-height: 90px;
  padding: 16px 20px;
  border-bottom: 1px solid #ddd8d1;
}

#content_area .zee-option-a-compact-wireframes-wrapper .zee-option-a-compact-wireframes-group-title {
  color: #7d674a;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

#content_area .zee-option-a-compact-wireframes-wrapper .zee-option-a-compact-wireframes-tokens {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

#content_area .zee-option-a-compact-wireframes-wrapper .zee-option-a-compact-wireframes-token {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 5px 10px;
  border: 1px solid #ddd8d1;
  font-size: 13px;
}

#content_area .zee-option-a-compact-wireframes-wrapper .zee-option-a-compact-wireframes-summary {
  max-width: 1240px;
  margin: 0 auto;
  padding: 22px;
  border: 1px solid #ddd8d1;
  background: #f1eee9;
}

#content_area .zee-option-a-compact-wireframes-wrapper .zee-option-a-compact-wireframes-summary h2 {
	margin-bottom: 8px !important;
	font-size: 30px !important;
	line-height: 33px !important;
	text-align: left !important;
	color: #202326 !important;
	font-weight: 500 !important;
	font-family: Georgia, "Times New Roman", serif !important;
}

#content_area .zee-option-a-compact-wireframes-wrapper .zee-option-a-compact-wireframes-summary p {
	max-width: 820px;
	margin: 0;
	color: #687078 !important;
	line-height: 22px !important;
}

@media (max-width: 860px) {
  #content_area .zee-option-a-compact-wireframes-wrapper .zee-option-a-compact-wireframes-header,
  #content_area .zee-option-a-compact-wireframes-wrapper .zee-option-a-compact-wireframes-head,
  #content_area .zee-option-a-compact-wireframes-wrapper .zee-option-a-compact-wireframes-row,
  #content_area .zee-option-a-compact-wireframes-wrapper .zee-option-a-compact-wireframes-group {
	grid-template-columns: 1fr;
  }

  #content_area .zee-option-a-compact-wireframes-wrapper .zee-option-a-compact-wireframes-row {
	gap: 7px;
	min-height: auto;
  }

  #content_area .zee-option-a-compact-wireframes-wrapper .zee-option-a-compact-wireframes-impact {
	justify-self: start;
  }

  #content_area .zee-option-a-compact-wireframes-wrapper .zee-option-a-compact-wireframes-matrix {
	grid-template-columns: 1fr;
  }

  #content_area .zee-option-a-compact-wireframes-wrapper .zee-option-a-compact-wireframes-matrix-item {
	border-right: 0;
  }
}
/* Category id - 12534  -- zee-option-a-compact-wireframes (https://www.fontanashowers.com/category-s/12540.htm) at 10-07-2026 End Here*/

/* Category id - 12558  -- fs9818-engineering-resource (https://www.fontanashowers.com/category-s/12558.htm) at 12-07-2026 Start Here*/
#content_area .zee-july-fs9818-engineering-resource-wrapper .fs9818-engineering-resource{
	max-width:1380px;
	margin:40px auto;
	padding:46px;
	box-sizing:border-box;
	background:linear-gradient(145deg,#ffffff 0%,#f7fbfd 55%,#edf7fb 100%);
	border:1px solid #d6e5ec;
	border-radius:24px;
	box-shadow:0 18px 50px rgba(30,67,84,.09);
	color:#17313d;
	font-family:Arial,Helvetica,sans-serif;
	line-height:1.65;
}
#content_area .zee-july-fs9818-engineering-resource-wrapper .fs9818-engineering-resource *{
	box-sizing:border-box;
}
#content_area .zee-july-fs9818-engineering-resource-wrapper .fs9818-engineering-resource a{
	color:#075f80;
	text-decoration:none;
}
#content_area .zee-july-fs9818-engineering-resource-wrapper .fs9818-engineering-resource a:hover{
	text-decoration:underline;
}
.fs9818-eyebrow{
	margin:0 0 10px;
	color:#427486;
	font-size:13px;
	font-weight:700;
	letter-spacing:1.4px;
	text-transform:uppercase;
}
#content_area .zee-july-fs9818-engineering-resource-wrapper .fs9818-engineering-resource h2{
	margin:0 0 16px;
	color:#102d39;
	font-size:32px;
	line-height:1.2;
}
#content_area .zee-july-fs9818-engineering-resource-wrapper .fs9818-engineering-resource h3{
	margin:0 0 12px;
	color:#163946;
	font-size:21px;
	line-height:1.3;
}
#content_area .zee-july-fs9818-engineering-resource-wrapper .fs9818-engineering-resource h4{
	margin:0 0 8px;
	color:#173946;
	font-size:17px;
}
#content_area .zee-july-fs9818-engineering-resource-wrapper .fs9818-lead{
	max-width:1080px;
	margin:0 0 28px;
	color:#3a5560;
	font-size:17px;
}
#content_area .zee-july-fs9818-engineering-resource-wrapper .fs9818-product-panel{
	display:grid;
	grid-template-columns:minmax(300px,520px) 1fr;
	gap:38px;
	align-items:center;
	margin:30px 0 42px;
	padding:28px;
	background:#ffffff;
	border:1px solid #d8e6ec;
	border-radius:20px;
}
#content_area .zee-july-fs9818-engineering-resource-wrapper .fs9818-product-image{
	display:block;
	width:100%;
	min-height:500px;
	max-height:620px;
	object-fit:contain;
	background:#f4f7f8;
	border-radius:16px;
}
#content_area .zee-july-fs9818-engineering-resource-wrapper .fs9818-product-details ul{
	margin:18px 0 24px;
	padding-left:20px;
}
#content_area .zee-july-fs9818-engineering-resource-wrapper .fs9818-product-details li{
	margin-bottom:7px;
}
#content_area .zee-july-fs9818-engineering-resource-wrapper .fs9818-button-row{
	display:flex;
	flex-wrap:wrap;
	gap:12px;
}
#content_area .zee-july-fs9818-engineering-resource-wrapper .fs9818-button{
	display:inline-block;
	padding:12px 18px;
	background:#0c6685;
	border:1px solid #0c6685;
	border-radius:7px;
	color:#ffffff !important;
	font-size:14px;
	font-weight:700;
	text-decoration:none !important;
}
#content_area .zee-july-fs9818-engineering-resource-wrapper .fs9818-button.secondary{
	background:#ffffff;
	color:#0c6685 !important;
}
#content_area .zee-july-fs9818-engineering-resource-wrapper .fs9818-section{
	margin-top:42px;
}
#content_area .zee-july-fs9818-engineering-resource-wrapper .fs9818-drawing-intro{
	margin:0 0 24px;
}
#content_area .zee-july-fs9818-engineering-resource-wrapper .fs9818-drawing-grid{
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:18px;
}
#content_area .zee-july-fs9818-engineering-resource-wrapper .fs9818-drawing-card{
	padding:23px;
	background:#ffffff;
	border:1px solid #d9e6eb;
	border-radius:15px;
}
#content_area .zee-july-fs9818-engineering-resource-wrapper .fs9818-drawing-card.completed{
	border-left:5px solid #278261;
}
#content_area .zee-july-fs9818-engineering-resource-wrapper .fs9818-status{
	display:inline-block;
	margin-bottom:12px;
	padding:4px 9px;
	background:#e8f6ef;
	border-radius:20px;
	color:#176246;
	font-size:12px;
	font-weight:700;
}
#content_area .zee-july-fs9818-engineering-resource-wrapper .fs9818-drawing-card p{
	margin:0;
	color:#425c66;
}
#content_area .zee-july-fs9818-engineering-resource-wrapper .fs9818-note{
	margin:24px 0 0;
	padding:18px 20px;
	background:#fffaf0;
	border-left:4px solid #c79335;
	border-radius:8px;
	color:#594925;
}
#content_area .zee-july-fs9818-engineering-resource-wrapper .fs9818-coordination-grid{
	display:grid;
	grid-template-columns:repeat(3,minmax(0,1fr));
	gap:18px;
	margin-top:20px;
}
#content_area .zee-july-fs9818-engineering-resource-wrapper .fs9818-coordination-card{
	padding:20px;
	background:#f8fcfd;
	border:1px solid #d7e7ed;
	border-radius:13px;
}
#content_area .zee-july-fs9818-engineering-resource-wrapper .fs9818-coordination-card p{
	margin:0;
	color:#425d68;
}
#content_area .zee-july-fs9818-engineering-resource-wrapper .fs9818-link-grid{
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:16px;
	margin-top:20px;
}
#content_area .zee-july-fs9818-engineering-resource-wrapper .fs9818-resource-link{
	display:block;
	padding:19px;
	background:#ffffff;
	border:1px solid #d6e5eb;
	border-radius:12px;
}
#content_area .zee-july-fs9818-engineering-resource-wrapper .fs9818-resource-link strong{
	display:block;
	margin-bottom:5px;
	color:#123847;
}
#content_area .zee-july-fs9818-engineering-resource-wrapper .fs9818-resource-link span{
	display:block;
	color:#516a74;
	font-size:14px;
}
#content_area .zee-july-fs9818-engineering-resource-wrapper .fs9818-authority-list{
	display:grid;
	gap:13px;
	margin:20px 0 0;
	padding:0;
	list-style:none;
}
#content_area .zee-july-fs9818-engineering-resource-wrapper .fs9818-authority-list li{
	padding:17px 19px;
	background:#ffffff;
	border:1px solid #dae6eb;
	border-radius:11px;
}
#content_area .zee-july-fs9818-engineering-resource-wrapper .fs9818-authority-list strong{
	display:block;
	margin-bottom:4px;
}
#content_area .zee-july-fs9818-engineering-resource-wrapper .fs9818-disclaimer{
	margin-top:35px;
	padding:18px 20px;
	background:#eaf5f9;
	border-radius:10px;
	color:#355662;
	font-size:14px;
}
@media(max-width:900px){
	#content_area .zee-july-fs9818-engineering-resource-wrapper .fs9818-engineering-resource{
		padding:25px;
	}
	#content_area .zee-july-fs9818-engineering-resource-wrapper .fs9818-product-panel,
	#content_area .zee-july-fs9818-engineering-resource-wrapper .fs9818-drawing-grid,
	#content_area .zee-july-fs9818-engineering-resource-wrapper .fs9818-coordination-grid,
	#content_area .zee-july-fs9818-engineering-resource-wrapper .fs9818-link-grid{
		grid-template-columns:1fr;
	}
	#content_area .zee-july-fs9818-engineering-resource-wrapper .fs9818-product-image{
		min-height:350px;
	}
	#content_area .zee-july-fs9818-engineering-resource-wrapper .fs9818-engineering-resource h2{
		font-size:27px;
	}
}
/* Category id - 12558  -- fs9818-engineering-resource (https://www.fontanashowers.com/category-s/12558.htm) at 12-07-2026 End Here*/

/* Category id - 12559  -- zee-july-portfolio (https://www.fontanashowers.com/category-s/12559.htm) at 12-07-2026 Start Here*/
#content_area .zee-july-portfolio-wrapper {
  margin: 0;
  min-width: 320px;
  color: #31323a;
  background: #fbfbfa;
  font-family: Arial, Helvetica, sans-serif;
  -webkit-font-smoothing: antialiased;
}

#content_area .zee-july-portfolio-wrapper a { color: inherit; text-decoration: none; }

#content_area .zee-july-portfolio-wrapper .zee-july-portfolio-site-header {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  width: 100%;
  height: 82px;
  padding: 0 clamp(24px, 7vw, 120px);
  background: #fbfbfa;
}

#content_area .zee-july-portfolio-wrapper .zee-july-portfolio-wordmark {
  color: #353640;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 1.7px;
  white-space: nowrap;
}

#content_area .zee-july-portfolio-wrapper .zee-july-portfolio-site-nav {
  display: flex;
  align-items: center;
  gap: clamp(22px, 2.3vw, 42px);
  margin-left: auto;
}

#content_area .zee-july-portfolio-wrapper .zee-july-portfolio-site-nav a {
  color: #77777c;
  font-size: 14px;
  line-height: 1;
  transition: color 160ms ease;
}

#content_area .zee-july-portfolio-wrapper .zee-july-portfolio-site-nav a:hover,
#content_area .zee-july-portfolio-wrapper .zee-july-portfolio-site-nav a.zee-july-portfolio-active { color: #3d3e45; }

#content_area .zee-july-portfolio-wrapper .zee-july-portfolio-menu-toggle { display: none; }

#content_area .zee-july-portfolio-wrapper .zee-july-portfolio-hero {
  position: relative;
  height: clamp(360px, 40vw, 650px);
  min-height: 0;
  overflow: hidden;
}

#content_area .zee-july-portfolio-wrapper .zee-july-portfolio-hero > img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}

#content_area .zee-july-portfolio-wrapper .zee-july-portfolio-hero-copy {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  transform: translate(-50%, -52%);
  text-align: center;
}

#content_area .zee-july-portfolio-wrapper .zee-july-portfolio-hero h1 {
	margin: 0;
	color: #30313a;
	font-family: "Bodoni MT", Didot, "Times New Roman", serif;
	font-size: clamp(56px, 7vw, 112px);
	font-weight: 400;
	letter-spacing: .16em;
	line-height: .9;
	text-transform: uppercase !important;
}

#content_area .zee-july-portfolio-wrapper .zee-july-portfolio-hero p {
	margin: 22px 0 0;
	color: #73737a !important;
	font-size: clamp(14px, 1.25vw, 18px) !important;
	letter-spacing: .1px;
	text-align: center;
}

#content_area .zee-july-portfolio-wrapper .zee-july-portfolio-portfolio {
  padding: clamp(64px, 5.5vw, 96px) clamp(24px, 5vw, 80px) 110px;
  background: #fbfbfa;
}

#content_area .zee-july-portfolio-wrapper .zee-july-portfolio-portfolio-intro { text-align: center; }

#content_area .zee-july-portfolio-wrapper .zee-july-portfolio-eyebrow {
	margin: 0 0 14px;
	color: #777880 !important;
	font-size: 10px !important;
	font-weight: 700;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: center;
	line-height: 22px !important;
}

#content_area .zee-july-portfolio-wrapper .zee-july-portfolio-portfolio h2 {
	margin: 0 !important;
	color: #47464c !important;
	font-family: Georgia, "Times New Roman", serif !important;
	font-size: clamp(32px, 3.1vw, 52px) !important;
	font-weight: 400 !important;
	line-height: 1.12 !important;
}

#content_area .zee-july-portfolio-wrapper .zee-july-portfolio-intro-copy {
	max-width: 760px;
	margin: 20px auto 0;
	color: #77777d !important;
	font-size: 15px !important;
	line-height: 1.6 !important;
	text-align: center;
}

#content_area .zee-july-portfolio-wrapper .zee-july-portfolio-project-filters {
  display: flex;
  justify-content: center;
  gap: clamp(24px, 3vw, 52px);
  margin: 46px auto 52px;
}

#content_area .zee-july-portfolio-wrapper .zee-july-portfolio-filter {
  position: relative;
  padding: 0 0 10px;
  border: 0;
  color: #85858b;
  background: transparent;
  cursor: pointer;
  font: 14px/1 Arial, Helvetica, sans-serif;
}

#content_area .zee-july-portfolio-wrapper .zee-july-portfolio-filter::after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 1px;
  background: #47474b;
  content: "";
  opacity: 0;
}

#content_area .zee-july-portfolio-wrapper .zee-july-portfolio-filter:hover,
#content_area .zee-july-portfolio-wrapper .zee-july-portfolio-filter.zee-july-portfolio-active { color: #4d4d52; }
#content_area .zee-july-portfolio-wrapper .zee-july-portfolio-filter.zee-july-portfolio-active::after { opacity: 1; }

#content_area .zee-july-portfolio-wrapper .zee-july-portfolio-project-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  justify-content: center;
  width: min(100%, 1320px);
  margin: 0 auto;
  gap: clamp(18px, 2vw, 32px);
}

#content_area .zee-july-portfolio-wrapper .zee-july-portfolio-project-card {
  min-width: 0;
  overflow: hidden;
  background: #f7f7f6;
}

#content_area .zee-july-portfolio-wrapper .zee-july-portfolio-project-card > img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1.17 / 1;
  object-fit: cover;
}

#content_area .zee-july-portfolio-wrapper .zee-july-portfolio-project-content { padding: 30px clamp(22px, 2.1vw, 36px) 34px; }

#content_area .zee-july-portfolio-wrapper .zee-july-portfolio-project-type {
	margin: 0 0 14px;
	color: #87878b !important;
	font-size: 10px !important;
	font-weight: 700;
	letter-spacing: 1.4px;
	text-transform: uppercase;
	line-height: 22px !important;
}

#content_area .zee-july-portfolio-wrapper .zee-july-portfolio-project-card h3 {
  min-height: 58px;
  margin: 0;
  color: #3e3e44;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(20px, 1.75vw, 28px);
  font-weight: 400;
  line-height: 1.2;
}

#content_area .zee-july-portfolio-wrapper .zee-july-portfolio-title-rule {
  display: block;
  width: 16px;
  height: 1px;
  margin: 16px 0 18px;
  background: #c5c5c5;
}

#content_area .zee-july-portfolio-wrapper .zee-july-portfolio-project-description {
	min-height: 92px;
	margin: 0;
	color: #707075 !important;
	font-size: 13px !important;
	line-height: 1.7 !important;
	text-align: left;
}

#content_area .zee-july-portfolio-wrapper .zee-july-portfolio-read-more {
  display: inline-flex;
  align-items: center;
  gap: 22px;
  margin-top: 22px;
  color: #55555b;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 1.2px;
  text-transform: uppercase;
}

#content_area .zee-july-portfolio-wrapper .zee-july-portfolio-read-more span {
  position: relative;
  display: block;
  width: 18px;
  height: 1px;
  background: #4d4d52;
}

#content_area .zee-july-portfolio-wrapper .zee-july-portfolio-read-more span::after {
  position: absolute;
  top: -3px;
  right: 0;
  width: 6px;
  height: 6px;
  border-top: 1px solid #4d4d52;
  border-right: 1px solid #4d4d52;
  content: "";
  transform: rotate(45deg);
}

#content_area .zee-july-portfolio-wrapper .zee-july-portfolio-no-results {
  margin: 0 auto;
  color: #77787e;
  text-align: center;
  font-size: 12px;
}

@media (max-width: 560px) {
  #content_area .zee-july-portfolio-wrapper .zee-july-portfolio-site-header { height: 58px; padding: 0 22px; }
  #content_area .zee-july-portfolio-wrapper .zee-july-portfolio-wordmark { font-size: 9px; }
  #content_area .zee-july-portfolio-wrapper .zee-july-portfolio-menu-toggle {
    display: grid;
    gap: 5px;
    width: 28px;
    padding: 8px 0;
    margin-left: auto;
    border: 0;
    background: transparent;
  }
  #content_area .zee-july-portfolio-wrapper .zee-july-portfolio-menu-toggle span { display: block; width: 100%; height: 1px; background: #31323a; }
  #content_area .zee-july-portfolio-wrapper .zee-july-portfolio-site-nav {
    position: absolute;
    top: 58px;
    right: 0;
    left: 0;
    display: none;
    flex-direction: column;
    align-items: flex-start;
    gap: 18px;
    padding: 24px 22px;
    background: #fbfbfa;
    border-top: 1px solid #eee;
  }
  #content_area .zee-july-portfolio-wrapper .zee-july-portfolio-nav-open .zee-july-portfolio-site-nav { display: flex; }
  #content_area .zee-july-portfolio-wrapper .zee-july-portfolio-site-nav a { font-size: 12px; }
  #content_area .zee-july-portfolio-wrapper .zee-july-portfolio-hero { height: 276px; min-height: 0; }
  #content_area .zee-july-portfolio-wrapper .zee-july-portfolio-hero h1 { font-size: 37px !important; letter-spacing: 6px !important; }
  #content_area .zee-july-portfolio-wrapper .zee-july-portfolio-hero p { font-size: 10px !important; }
  #content_area .zee-july-portfolio-wrapper .zee-july-portfolio-portfolio { padding: 44px 20px 52px; }
  #content_area .zee-july-portfolio-wrapper .zee-july-portfolio-portfolio h2 { font-size: 25px !important;}
  #content_area .zee-july-portfolio-wrapper .zee-july-portfolio-intro-copy { font-size: 10px; line-height: 1.6; }
  #content_area .zee-july-portfolio-wrapper .zee-july-portfolio-desktop-break { display: none; }
  #content_area .zee-july-portfolio-wrapper .zee-july-portfolio-project-filters { justify-content: flex-start; gap: 19px; margin: 28px -20px 28px; padding: 0 20px; overflow-x: auto; }
  #content_area .zee-july-portfolio-wrapper .zee-july-portfolio-filter { flex: 0 0 auto; font-size: 9px; }
  #content_area .zee-july-portfolio-wrapper .zee-july-portfolio-project-grid { grid-template-columns: 1fr; gap: 18px; max-width: 430px; margin: 0 auto; }
  #content_area .zee-july-portfolio-wrapper .zee-july-portfolio-project-card > img { height: auto; aspect-ratio: 1.17 / 1; }
  #content_area .zee-july-portfolio-wrapper .zee-july-portfolio-project-content { padding: 22px; }
  #content_area .zee-july-portfolio-wrapper .zee-july-portfolio-project-type { font-size: 8px; }
  #content_area .zee-july-portfolio-wrapper .zee-july-portfolio-project-card h3 { min-height: 0 !important; font-size: 20px!important; }
  #content_area .zee-july-portfolio-wrapper .zee-july-portfolio-project-description { min-height: 0 !important; font-size: 10px !important; }
  #content_area .zee-july-portfolio-wrapper .zee-july-portfolio-read-more { margin-top: 16px; font-size: 9px; }
}
/* Category id - 12559  -- zee-july-portfolio (https://www.fontanashowers.com/category-s/12559.htm) at 12-07-2026 End Here*/











/* Category  -- BIM Object Touchless Bathroom Faucets () at 22-12-2025 Start Here*/
/* Category  -- BIM Object Touchless Bathroom Faucets () at 22-12-2025 End Here*/
/* #content_area */

/*Zee End*/














/*Zara Css below*/
.ftf-get-more-info {
	margin: 40px 0;
	font-family: Inter, system-ui;
}

.ftf-get-more-info .ftf-get-more-info-wrap {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 20px;
}

.ftf-get-more-info h2 {
	font-size: 22px;
	margin: 0 0 20px;
	font-weight: 700;
}

.ftf-get-more-info .ftf-get-more-info-chips {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.ftf-get-more-info a {
	background: #f1f5f9;
	color: #0b2642;
	text-decoration: none;
	padding: 10px 16px;
	border-radius: 20px;
	font-weight: 600;
	font-size: 14px;
	transition: .2s ease-in-out;
}

.ftf-get-more-info a:hover {
	background: #0b2642;
	color: white;
}

.zara-get-more-info-categories {
	color: #e6edf6;
	padding: 36px 0;
	font: 16px/1.7 Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

.zara-get-more-info-categories .zara-get-more-info-categories-wrap {
	margin: 0 auto;
	padding: 0 20px;
}

.zara-get-more-info-categories .zara-get-more-info-categories-head {
	display: flex;
	gap: 18px;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: 18px;
}

.zara-get-more-info-categories h2 {
	margin: 0;
	font-size: 26px;
	font-weight: 800;
	letter-spacing: .3px;
}

.zara-get-more-info-categories .zara-get-more-info-categories-badges {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
}

.zara-get-more-info-categories .zara-get-more-info-categories-badge {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	border: 1px solid #1a2742;
	padding: 8px 12px;
	border-radius: 999px;
	font-weight: 700;
	font-size: 12px;
	color: #9fb0c9;
	background: linear-gradient(180deg, #0c1a31, #0b1628);
}

.zara-get-more-info-categories .zara-get-more-info-categories-badge svg {
	width: 16px;
	height: 16px;
	opacity: .9;
}

.zara-get-more-info-categories .zara-get-more-info-categories-grid {
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	gap: 14px;
}

.zara-get-more-info-categories .zara-get-more-info-categories-card {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	grid-column: span 6;
	background: #0f1627;
	border: 1px solid #1a2742;
	border-radius: 18px;
	padding: 18px;
	box-shadow: 0 10px 30px rgba(0,0,0,.25);
	position: relative;
	overflow: hidden;
}

@media (min-width: 980px) {
	.zara-get-more-info-categories .zara-get-more-info-categories-card {
		grid-column: span 4;
	}
}

@media (max-width: 600px) {
	.zara-get-more-info-categories .zara-get-more-info-categories-card {
		grid-column: span 12;
	}
}

.zara-get-more-info-categories .zara-get-more-info-categories-card h3 {
	margin: 0 0 6px;
	font-size: 16px;
	font-weight: 800;
}

.zara-get-more-info-categories .zara-get-more-info-categories-card p {
	margin: 0 0 12px;
	color: #9fb0c9;
	font-size: 14px;
}

.zara-get-more-info-categories .zara-get-more-info-categories-chips {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.zara-get-more-info-categories .zara-get-more-info-categories-chip {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 10px 12px;
	border-radius: 12px;
	text-decoration: none;
	background: #12203a;
	border: 1px solid #1a2742;
	color: #e6edf6;
	font-weight: 700;
	font-size: 13px;
	transition: transform .16s ease, background .16s ease;
}

.zara-get-more-info-categories .zara-get-more-info-categories-chip:hover {
	transform: translateY(-1px);
	background: #152749;
}

.zara-get-more-info-categories .zara-get-more-info-categories-chip svg {
	width: 16px;
	height: 16px;
	opacity: .9;
	flex: 0 0 16px;
}

.zara-get-more-info-categories .zara-get-more-info-categories-cta {
	margin-top: 18px;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.zara-get-more-info-categories .zara-get-more-info-categories-btn {
	font-size: 14px;
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 12px 14px;
	border-radius: 14px;
	text-decoration: none;
	font-weight: 800;
	border: 1px solid #1a2742;
	background: #12203a;
	color: #e6edf6;
}

.zara-get-more-info-categories .zara-get-more-info-categories-btn:hover {
	background: #1a2f55;
}

.zara-get-more-info-categories .zara-get-more-info-categories-btn.zara-get-more-info-categories-primary {
	font-size: 14px;
	background: linear-gradient(180deg, #d1b362, #b48a2e);
	color: #0b1220;
	border-color: #b48a2e;
}

.zara-get-more-info-categories .zara-get-more-info-categories-eyebrow {
	font-size: 12px;
	color: #9fb0c9;
	margin-bottom: 8px;
	letter-spacing: .3px;
	text-transform: uppercase;
}

.zara-get-more-info-categories .zara-get-more-info-categories-gold {
	color: #c9a44c;
}

.zara-get-more-info-categories .zara-get-more-info-categories-ribbon {
	position: absolute;
	top: 10px;
	right: 10px;
	background: rgba(201,164,76,.12);
	border: 1px solid rgba(201,164,76,.35);
	color: #c9a44c;
	padding: 4px 8px;
	border-radius: 999px;
	font-size: 11px;
	font-weight: 800;
}

.zara-why-choose-fontana-for-specifiers {
	background: linear-gradient(180deg, #f0f9ff, #e6f7ff, #f5fbff);
	color: #0b2642;
	padding: 36px 0;
	font: 16px/1.7 Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

.zara-why-choose-fontana-for-specifiers .zara-why-choose-fontana-for-specifiers-wrap {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 20px;
}

.zara-why-choose-fontana-for-specifiers .zara-why-choose-fontana-for-specifiers-head {
	display: flex;
	gap: 18px;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: 18px;
}

.zara-why-choose-fontana-for-specifiers h2 {
	margin: 0;
	font-size: 26px;
	font-weight: 800;
	letter-spacing: .3px;
}

.zara-why-choose-fontana-for-specifiers .zara-why-choose-fontana-for-specifiers-badges {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
}

.zara-why-choose-fontana-for-specifiers .zara-why-choose-fontana-for-specifiers-badge {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	border: 1px solid #cfe6f9;
	padding: 8px 12px;
	border-radius: 999px;
	font-weight: 700;
	font-size: 12px;
	color: #4b5d75;
	background: #fff;
}

.zara-why-choose-fontana-for-specifiers .zara-why-choose-fontana-for-specifiers-badge svg {
	width: 16px;
	height: 16px;
	opacity: .8;
}

.zara-why-choose-fontana-for-specifiers .zara-why-choose-fontana-for-specifiers-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 350px));
	gap: 14px;
	justify-content: left;
}

.zara-why-choose-fontana-for-specifiers .zara-why-choose-fontana-for-specifiers-card {
	background: #fff;
	border: 1px solid #cfe6f9;
	border-radius: 18px;
	padding: 18px;
	box-shadow: 0 6px 20px rgba(0,0,0,.08);
	position: relative;
	overflow: hidden;
}

.zara-why-choose-fontana-for-specifiers .zara-why-choose-fontana-for-specifiers-card h3 {
	margin: 0 0 6px;
	font-size: 16px;
	font-weight: 800;
	color: #0b2642;
}

.zara-why-choose-fontana-for-specifiers .zara-why-choose-fontana-for-specifiers-card p {
	margin: 0 0 12px;
	color: #4b5d75;
	font-size: 14px;
}

.zara-why-choose-fontana-for-specifiers .zara-why-choose-fontana-for-specifiers-chips {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.zara-why-choose-fontana-for-specifiers .zara-why-choose-fontana-for-specifiers-chip {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 10px 12px;
	border-radius: 12px;
	text-decoration: none;
	background: #eaf5fc;
	border: 1px solid #cfe6f9;
	color: #0b2642;
	font-weight: 700;
	font-size: 13px;
	transition: transform .16s ease, background .16s ease;
}

.zara-why-choose-fontana-for-specifiers .zara-why-choose-fontana-for-specifiers-chip:hover {
	transform: translateY(-1px);
	background: #d7efff;
}

.zara-why-choose-fontana-for-specifiers .zara-why-choose-fontana-for-specifiers-chip svg {
	width: 16px;
	height: 16px;
	opacity: .9;
	flex: 0 0 16px;
}

.zara-why-choose-fontana-for-specifiers .zara-why-choose-fontana-for-specifiers-cta {
	margin-top: 18px;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.zara-why-choose-fontana-for-specifiers .zara-why-choose-fontana-for-specifiers-btn {
	font-size: 14px;
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 12px 14px;
	border-radius: 14px;
	text-decoration: none;
	font-weight: 800;
	border: 1px solid #cfe6f9;
	background: #eaf5fc;
	color: #0b2642;
}

.zara-why-choose-fontana-for-specifiers .zara-why-choose-fontana-for-specifiers-btn:hover {
	background: #d7efff;
}

.zara-why-choose-fontana-for-specifiers .zara-why-choose-fontana-for-specifiers-btn.zara-why-choose-fontana-for-specifiers-primary {
	background: linear-gradient(180deg, #dff2ff, #b5e3ff);
	color: #0b2642;
	border-color: #a4d9f7;
}

.zara-why-choose-fontana-for-specifiers .zara-why-choose-fontana-for-specifiers-btn.zara-why-choose-fontana-for-specifiers-primary:hover {
	background: linear-gradient(180deg, #e9f4fb, #b5e3ff);
}

.zara-why-choose-fontana-for-specifiers .zara-why-choose-fontana-for-specifiers-eyebrow {
	font-size: 12px;
	color: #4b5d75;
	margin-bottom: 8px;
	letter-spacing: .3px;
	text-transform: uppercase;
}

.zara-why-choose-fontana-for-specifiers .zara-why-choose-fontana-for-specifiers-gold {
	color: #c9a44c;
}

.zara-why-choose-fontana-for-specifiers .zara-why-choose-fontana-for-specifiers-ribbon {
	position: absolute;
	top: 10px;
	right: 10px;
	background: rgba(201,164,76,.1);
	border: 1px solid rgba(201,164,76,.3);
	color: #c9a44c;
	padding: 4px 8px;
	border-radius: 999px;
	font-size: 11px;
	font-weight: 800;
}

.zara-get-more-info-with-images {
	background: linear-gradient(180deg, #f0f9ff, #e6f7ff, #f5fbff);
	color: #0b2642;
	padding: 36px 0;
	font: 16px/1.7 Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

.zara-get-more-info-with-images .zara-get-more-info-with-images-wrap {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 20px;
}

.zara-get-more-info-with-images .zara-get-more-info-with-images-head {
	display: flex;
	gap: 18px;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: 18px;
}

.zara-get-more-info-with-images h2 {
	margin: 0;
	font-size: 26px;
	font-weight: 800;
	letter-spacing: .3px;
}

.zara-get-more-info-with-images .zara-get-more-info-with-images-badges {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
}

.zara-get-more-info-with-images .zara-get-more-info-with-images-badge {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	border: 1px solid #cfe6f9;
	padding: 8px 12px;
	border-radius: 999px;
	font-weight: 700;
	font-size: 12px;
	color: #4b5d75;
	background: #fff;
}

.zara-get-more-info-with-images .zara-get-more-info-with-images-grid {
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	gap: 14px;
}

.zara-get-more-info-with-images .zara-get-more-info-with-images-card {
	grid-column: span 6;
	background: #fff;
	border: 1px solid #cfe6f9;
	border-radius: 18px;
	padding: 0 0 18px;
	box-shadow: 0 6px 20px rgba(0,0,0,.08);
	position: relative;
	overflow: hidden;
	display: flex;
	flex-direction: column;
}

@media (min-width: 980px) {
	.zara-get-more-info-with-images .zara-get-more-info-with-images-card {
		grid-column: span 4;
	}
}

@media (max-width: 550px) {
	.zara-get-more-info-with-images .zara-get-more-info-with-images-card {
		grid-column: span 12;
	}
}

.zara-get-more-info-with-images .zara-get-more-info-with-images-card .zara-get-more-info-with-images-img-wrap {
	width: 100%;
	height: 120px;
	background: #eaf5fc;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 13px;
	color: #4b5d75;
	border-bottom: 1px solid #cfe6f9;
}

.zara-get-more-info-with-images .zara-get-more-info-with-images-card .zara-get-more-info-with-images-content {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 18px;
	flex: 1;
}

.zara-get-more-info-with-images .zara-get-more-info-with-images-card h3 {
	margin: 0 0 6px;
	font-size: 16px;
	font-weight: 800;
	color: #0b2642;
}

#content_area .zara-get-more-info-with-images .zara-get-more-info-with-images-card p {
	margin: 0 0 12px;
	color: #4b5d75;
	font-size: 14px;
  text-align: left;
}

.zara-get-more-info-with-images .zara-get-more-info-with-images-chips {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.zara-get-more-info-with-images .zara-get-more-info-with-images-chip {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 10px 12px;
	border-radius: 12px;
	text-decoration: none;
	background: #eaf5fc;
	border: 1px solid #cfe6f9;
	color: #0b2642;
	font-weight: 700;
	font-size: 13px;
	transition: transform .16s ease, background .16s ease;
}

.zara-get-more-info-with-images .zara-get-more-info-with-images-chip:hover {
	transform: translateY(-1px);
	background: #d7efff;
}

.zara-get-more-info-with-images .zara-get-more-info-with-images-cta {
	margin-top: 18px;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.zara-get-more-info-with-images .zara-get-more-info-with-images-btn {
	font-size: 14px;
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 12px 14px;
	border-radius: 14px;
	text-decoration: none;
	font-weight: 800;
	border: 1px solid #cfe6f9;
	background: #eaf5fc;
	color: #0b2642;
}

.zara-get-more-info-with-images .zara-get-more-info-with-images-btn:hover {
	background: #d7efff;
}

.zara-get-more-info-with-images .zara-get-more-info-with-images-btn.zara-get-more-info-with-images-primary {
	background: linear-gradient(180deg, #dff2ff, #b5e3ff);
	color: #0b2642;
	border-color: #a4d9f7;
}

.zara-get-more-info-with-images .zara-get-more-info-with-images-btn.zara-get-more-info-with-images-primary:hover {
	background: linear-gradient(180deg, #e9f4fb, #b5e3ff);
}

.zara-trusted-fixtures-bathroom {
	font: 16px/1.7 Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
	color: #0b1f36;
	background: linear-gradient(180deg, #f9fcff, #f2f7fc);
	margin: 0;
	padding: 0;
}

.zara-trusted-fixtures-bathroom .zara-trusted-fixtures-bathroom-fs-wrap {
	max-width: 1300px;
	margin: 0 auto;
	padding: 0 20px;
}

.zara-trusted-fixtures-bathroom h1,
    .zara-trusted-fixtures-bathroom h2,
    .zara-trusted-fixtures-bathroom h3 {
	margin: 0;
}

.zara-trusted-fixtures-bathroom h1 {
	font-size: 36px;
	font-weight: 800;
}

.zara-trusted-fixtures-bathroom h2 {
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 14px;
}
    
    /* HERO */
.zara-trusted-fixtures-bathroom .zara-trusted-fixtures-bathroom-fs-hero {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px;
	align-items: center;
	padding: 50px 20px;
}

.zara-trusted-fixtures-bathroom .zara-trusted-fixtures-bathroom-fs-hero img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 24px;
	box-shadow: 0 8px 24px rgba(0,0,0,.08);
}

.zara-trusted-fixtures-bathroom .zara-trusted-fixtures-bathroom-fs-hero .zara-trusted-fixtures-bathroom-panel {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.zara-trusted-fixtures-bathroom .zara-trusted-fixtures-bathroom-tag {
	display: inline-flex;
	padding: 6px 12px;
	border-radius: 999px;
	background: rgba(28,109,208,.1);
	color: #1c6dd0;
	font-weight: 700;
	font-size: 13px;
	width: max-content;
}

.zara-trusted-fixtures-bathroom .zara-trusted-fixtures-bathroom-cta {
	display: flex;
	gap: 12px;
	flex-wrap: wrap;
	margin-top: 10px;
}

.zara-trusted-fixtures-bathroom .zara-trusted-fixtures-bathroom-btn {
	padding: 12px 16px;
	border-radius: 14px;
	text-decoration: none;
	font-weight: 700;
	border: 1px solid #dfe8f1;
	background: #fff;
	color: #0b1f36;
	box-shadow: 0 4px 12px rgba(0,0,0,.04);
	transition: .2s;
}

.zara-trusted-fixtures-bathroom .zara-trusted-fixtures-bathroom-btn:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 20px rgba(28,109,208,.15);
}

.zara-trusted-fixtures-bathroom .zara-trusted-fixtures-bathroom-btn.zara-trusted-fixtures-bathroom-primary {
	background: linear-gradient(180deg, #e1f0ff, #c9e1ff);
	border-color: #b9d6f8;
	color: #0a326a;
}

.zara-trusted-fixtures-bathroom .zara-trusted-fixtures-bathroom-btn.zara-trusted-fixtures-bathroom-gold {
	background: linear-gradient(180deg, #f8f1dc, #e8d7a8);
	border-color: #dfc57d;
	color: #5b4514;
}
    
    /* INDUSTRY GRID */
.zara-trusted-fixtures-bathroom .zara-trusted-fixtures-bathroom-industries {
	padding: 40px 0;
}

.zara-trusted-fixtures-bathroom .zara-trusted-fixtures-bathroom-grid {
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	gap: 16px;
}

.zara-trusted-fixtures-bathroom .zara-trusted-fixtures-bathroom-card {
	grid-column: span 4;
	background: #fff;
	border: 1px solid #dfe8f1;
	border-radius: 18px;
	overflow: hidden;
	box-shadow: 0 8px 24px rgba(0,0,0,.08);
	transition: .25s;
}

.zara-trusted-fixtures-bathroom .zara-trusted-fixtures-bathroom-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 14px 28px rgba(28,109,208,.18);
}

.zara-trusted-fixtures-bathroom .zara-trusted-fixtures-bathroom-card .zara-trusted-fixtures-bathroom-img {
	height: 200px;
	background: #eef4fb;
}

.zara-trusted-fixtures-bathroom .zara-trusted-fixtures-bathroom-card .zara-trusted-fixtures-bathroom-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.zara-trusted-fixtures-bathroom .zara-trusted-fixtures-bathroom-card .zara-trusted-fixtures-bathroom-bd {
	padding: 16px;
}

.zara-trusted-fixtures-bathroom .zara-trusted-fixtures-bathroom-card h3 {
	font-size: 18px;
	margin-bottom: 6px;
}

.zara-trusted-fixtures-bathroom .zara-trusted-fixtures-bathroom-card p {
	color: #5c6b7a;
	font-size: 14px;
	margin: 0 0 12px;
}

.zara-trusted-fixtures-bathroom .zara-trusted-fixtures-bathroom-chips {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.zara-trusted-fixtures-bathroom .zara-trusted-fixtures-bathroom-chip {
	padding: 6px 10px;
	border-radius: 10px;
	background: #f2f7ff;
	border: 1px solid #dfe8f1;
	font-size: 12px;
	font-weight: 700;
	color: #1c3d70;
}

@media (max-width: 980px) {
	.zara-trusted-fixtures-bathroom .zara-trusted-fixtures-bathroom-card {
		grid-column: span 6;
	}
}

@media (max-width: 640px) {
	.zara-trusted-fixtures-bathroom .zara-trusted-fixtures-bathroom-card {
		grid-column: span 12;
	}
}
    
    /* Additional Responsive Styles */
@media (max-width: 768px) {
	.zara-trusted-fixtures-bathroom .zara-trusted-fixtures-bathroom-fs-hero {
		grid-template-columns: 1fr;
		padding: 30px 20px;
		text-align: center;
	}

	.zara-trusted-fixtures-bathroom h1 {
		font-size: 28px;
	}

	.zara-trusted-fixtures-bathroom h2 {
		font-size: 20px;
	}
}

@media (max-width: 640px) {
	.zara-trusted-fixtures-bathroom .zara-trusted-fixtures-bathroom-cta,
        .zara-trusted-fixtures-bathroom .zara-trusted-fixtures-bathroom-foot-cta {
		flex-direction: column;
		align-items: center;
	}

	.zara-trusted-fixtures-bathroom .zara-trusted-fixtures-bathroom-btn {
		width: 100%;
		max-width: 280px;
		justify-content: center;
	}

	.zara-trusted-fixtures-bathroom .zara-trusted-fixtures-bathroom-fs-wrap {
		padding: 0 15px;
	}

	.zara-trusted-fixtures-bathroom .zara-trusted-fixtures-bathroom-industries,
        .zara-trusted-fixtures-bathroom .zara-trusted-fixtures-bathroom-compliance,
        .zara-trusted-fixtures-bathroom .zara-trusted-fixtures-bathroom-foot-cta {
		padding: 30px 0;
	}

	.zara-trusted-fixtures-bathroom .zara-trusted-fixtures-bathroom-case {
		min-width: 280px;
	}

	.zara-trusted-fixtures-bathroom .zara-trusted-fixtures-bathroom-cases {
		padding: 30px 0;
		padding-left: 15px;
	}

	.zara-trusted-fixtures-bathroom .zara-trusted-fixtures-bathroom-badges {
		justify-content: center;
	}

	.zara-trusted-fixtures-bathroom .zara-trusted-fixtures-bathroom-badge-big {
		flex: 1;
		min-width: 120px;
		text-align: center;
	}
}
    
    /* CASE STUDIES SCROLLER */
.zara-trusted-fixtures-bathroom .zara-trusted-fixtures-bathroom-cases {
	padding: 40px 0;
	overflow: auto;
	display: flex;
	gap: 14px;
	scroll-snap-type: x mandatory;
}

.zara-trusted-fixtures-bathroom .zara-trusted-fixtures-bathroom-case {
	min-width: 340px;
	background: #fff;
	border: 1px solid #dfe8f1;
	border-radius: 18px;
	overflow: hidden;
	box-shadow: 0 8px 24px rgba(0,0,0,.08);
	scroll-snap-align: start;
	transition: .25s;
}

.zara-trusted-fixtures-bathroom .zara-trusted-fixtures-bathroom-case:hover {
	transform: translateY(-3px);
	box-shadow: 0 12px 26px rgba(28,109,208,.15);
}

.zara-trusted-fixtures-bathroom .zara-trusted-fixtures-bathroom-case .zara-trusted-fixtures-bathroom-img {
	height: 180px;
	background: #e9f1fa;
}

.zara-trusted-fixtures-bathroom .zara-trusted-fixtures-bathroom-case .zara-trusted-fixtures-bathroom-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.zara-trusted-fixtures-bathroom .zara-trusted-fixtures-bathroom-case .zara-trusted-fixtures-bathroom-bd {
	padding: 14px;
}

.zara-trusted-fixtures-bathroom .zara-trusted-fixtures-bathroom-meta {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
	margin-top: 8px;
}

.zara-trusted-fixtures-bathroom .zara-trusted-fixtures-bathroom-meta .zara-trusted-fixtures-bathroom-badge {
	padding: 6px 10px;
	border-radius: 999px;
	background: #f6f9ff;
	border: 1px solid #dfe8f1;
	font-size: 12px;
	color: #1a4075;
}
    
    /* COMPLIANCE SECTION */
.zara-trusted-fixtures-bathroom .zara-trusted-fixtures-bathroom-compliance {
	padding: 40px 0;
}

.zara-trusted-fixtures-bathroom .zara-trusted-fixtures-bathroom-badges {
	display: flex;
	gap: 12px;
	flex-wrap: wrap;
}

.zara-trusted-fixtures-bathroom .zara-trusted-fixtures-bathroom-badge-big {
	padding: 12px 20px;
	border-radius: 999px;
	background: #fff;
	border: 1px solid #dfe8f1;
	font-weight: 700;
	font-size: 14px;
	box-shadow: 0 4px 12px rgba(0,0,0,.05);
	transition: .2s;
}

.zara-trusted-fixtures-bathroom .zara-trusted-fixtures-bathroom-badge-big:hover {
	background: #f1f6ff;
	transform: translateY(-2px);
}
    
    /* FOOTER CTA */
.zara-trusted-fixtures-bathroom .zara-trusted-fixtures-bathroom-foot-cta {
	padding: 40px 0;
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	justify-content: center;
}

.zara-trusted-fixtures-bathroom .zara-trusted-fixtures-bathroom-micro {
	font-size: 13px;
	color: #5c6b7a;
	text-align: center;
	margin-top: 10px;
}

.zara-curated-bathroom-designs-collection {
	font: 16px/1.7 Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
	color: #0d1b2a;
	background: linear-gradient(180deg, #f7fbff, #f2f7fc);
	margin: 0;
	padding: 0;
}

.zara-curated-bathroom-designs-collection * {
	box-sizing: border-box;
}

.zara-curated-bathroom-designs-collection .zara-curated-bathroom-designs-collection-id-wrap {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 20px;
}

.zara-curated-bathroom-designs-collection .zara-curated-bathroom-designs-collection-id-hero {
	display: grid;
	grid-template-columns: 1.2fr .8fr;
	gap: 20px;
	align-items: stretch;
	padding: 40px 20px;
}

@media (max-width: 980px) {
	.zara-curated-bathroom-designs-collection .zara-curated-bathroom-designs-collection-id-hero {
		grid-template-columns: 1fr;
		gap: 16px;
	}
}

.zara-curated-bathroom-designs-collection .zara-curated-bathroom-designs-collection-id-hero .zara-curated-bathroom-designs-collection-visual {
	border-radius: 24px;
	overflow: hidden;
	position: relative;
	background: #dce9f9;
	min-height: 420px;
}

.zara-curated-bathroom-designs-collection .zara-curated-bathroom-designs-collection-id-hero .zara-curated-bathroom-designs-collection-visual img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.zara-curated-bathroom-designs-collection .zara-curated-bathroom-designs-collection-id-hero .zara-curated-bathroom-designs-collection-panel {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.zara-curated-bathroom-designs-collection .zara-curated-bathroom-designs-collection-id-tag {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 8px 12px;
	border-radius: 999px;
	background: rgba(27,118,255,.12);
	color: #0d3a7a;
	font-weight: 700;
	width: max-content;
}

.zara-curated-bathroom-designs-collection .zara-curated-bathroom-designs-collection-id-h1 {
	font-size: 38px;
	line-height: 1.15;
	margin: 0;
}

.zara-curated-bathroom-designs-collection .zara-curated-bathroom-designs-collection-id-sub {
	color: #5b6b7a;
	margin: 0;
}

.zara-curated-bathroom-designs-collection .zara-curated-bathroom-designs-collection-id-cta {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 8px;
}

.zara-curated-bathroom-designs-collection .zara-curated-bathroom-designs-collection-btn {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 12px 16px;
	border-radius: 14px;
	text-decoration: none;
	font-weight: 800;
	border: 1px solid #e7eef6;
	background: #fff;
	color: #0d1b2a;
	box-shadow: 0 4px 10px rgba(2,20,43,.04);
	transition: transform .2s ease, box-shadow .2s ease, background .2s;
}

.zara-curated-bathroom-designs-collection .zara-curated-bathroom-designs-collection-btn:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 18px rgba(27,118,255,.14);
	background: #fafcff;
}

.zara-curated-bathroom-designs-collection .zara-curated-bathroom-designs-collection-btn.zara-curated-bathroom-designs-collection-primary {
	background: linear-gradient(180deg, #e0ecff, #cfe3ff);
	border-color: #c9dcff;
	color: #0b2f6b;
}

.zara-curated-bathroom-designs-collection .zara-curated-bathroom-designs-collection-btn.zara-curated-bathroom-designs-collection-gold {
	background: linear-gradient(180deg, #f3ead4, #e7d2a2);
	border-color: #e0c785;
	color: #5a4518;
}

.zara-curated-bathroom-designs-collection .zara-curated-bathroom-designs-collection-id-section {
	padding: 26px 0;
}

.zara-curated-bathroom-designs-collection .zara-curated-bathroom-designs-collection-id-section h2 {
	font-size: 24px;
	margin: 0 0 14px;
}
    
    /* Moodboard */
.zara-curated-bathroom-designs-collection .zara-curated-bathroom-designs-collection-id-mood {
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	gap: 12px;
}

.zara-curated-bathroom-designs-collection .zara-curated-bathroom-designs-collection-tile {
	grid-column: span 4;
	background: #ffffff;
	border: 1px solid #e7eef6;
	border-radius: 16px;
	overflow: hidden;
	box-shadow: 0 10px 28px rgba(2,20,43,.08);
	transition: transform .22s ease, box-shadow .22s ease;
}

.zara-curated-bathroom-designs-collection .zara-curated-bathroom-designs-collection-tile:hover {
	transform: translateY(-4px);
	box-shadow: 0 14px 28px rgba(27,118,255,.16);
}

.zara-curated-bathroom-designs-collection .zara-curated-bathroom-designs-collection-tile .zara-curated-bathroom-designs-collection-img {
	height: 180px;
	background: #eaf2ff;
}

.zara-curated-bathroom-designs-collection .zara-curated-bathroom-designs-collection-tile .zara-curated-bathroom-designs-collection-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.zara-curated-bathroom-designs-collection .zara-curated-bathroom-designs-collection-tile .zara-curated-bathroom-designs-collection-txt {
	padding: 12px;
}

.zara-curated-bathroom-designs-collection .zara-curated-bathroom-designs-collection-eyebrow {
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: .32px;
	color: #5b6b7a;
	margin-bottom: 6px;
}

.zara-curated-bathroom-designs-collection .zara-curated-bathroom-designs-collection-tile h3 {
	margin: 0 0 6px;
	font-size: 16px;
}

.zara-curated-bathroom-designs-collection .zara-curated-bathroom-designs-collection-chips {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 6px;
}

.zara-curated-bathroom-designs-collection .zara-curated-bathroom-designs-collection-chip {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 8px 10px;
	border-radius: 12px;
	background: #f1f6ff;
	border: 1px solid #e7eef6;
	font-weight: 700;
	font-size: 12px;
	color: #0b2f6b;
}

@media (max-width: 980px) {
	.zara-curated-bathroom-designs-collection .zara-curated-bathroom-designs-collection-tile {
		grid-column: span 6;
	}
}

@media (max-width: 640px) {
	.zara-curated-bathroom-designs-collection .zara-curated-bathroom-designs-collection-tile {
		grid-column: span 12;
	}
}
    
    /* Collections */
.zara-curated-bathroom-designs-collection .zara-curated-bathroom-designs-collection-id-collections {
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	gap: 14px;
}

.zara-curated-bathroom-designs-collection .zara-curated-bathroom-designs-collection-collection {
	grid-column: span 4;
	background: #fff;
	border: 1px solid #e7eef6;
	border-radius: 18px;
	overflow: hidden;
	box-shadow: 0 10px 28px rgba(2,20,43,.08);
	transition: transform .22s ease, box-shadow .22s ease;
}

.zara-curated-bathroom-designs-collection .zara-curated-bathroom-designs-collection-collection:hover {
	transform: translateY(-4px);
	box-shadow: 0 14px 28px rgba(27,118,255,.16);
}

.zara-curated-bathroom-designs-collection .zara-curated-bathroom-designs-collection-collection .zara-curated-bathroom-designs-collection-hero {
	height: 220px;
	background: #edf3ff;
}

.zara-curated-bathroom-designs-collection .zara-curated-bathroom-designs-collection-collection .zara-curated-bathroom-designs-collection-hero img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.zara-curated-bathroom-designs-collection .zara-curated-bathroom-designs-collection-collection .zara-curated-bathroom-designs-collection-bd {
	padding: 14px;
}

.zara-curated-bathroom-designs-collection .zara-curated-bathroom-designs-collection-collection .zara-curated-bathroom-designs-collection-bd p {
	margin: 6px 0 10px;
	color: #5b6b7a;
	font-size: 14px;
}

.zara-curated-bathroom-designs-collection .zara-curated-bathroom-designs-collection-links {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

@media (max-width: 980px) {
	.zara-curated-bathroom-designs-collection .zara-curated-bathroom-designs-collection-collection {
		grid-column: span 6;
	}
}

@media (max-width: 640px) {
	.zara-curated-bathroom-designs-collection .zara-curated-bathroom-designs-collection-collection {
		grid-column: span 12;
	}
}
    
    /* Finish Library */
.zara-curated-bathroom-designs-collection .zara-curated-bathroom-designs-collection-id-finishes {
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	gap: 10px;
	align-items: start;
}

.zara-curated-bathroom-designs-collection .zara-curated-bathroom-designs-collection-finish-card {
	grid-column: span 3;
	background: #fff;
	border: 1px solid #e7eef6;
	border-radius: 14px;
	padding: 12px;
	box-shadow: 0 10px 28px rgba(2,20,43,.08);
	transition: transform .2s ease, box-shadow .2s ease;
}

.zara-curated-bathroom-designs-collection .zara-curated-bathroom-designs-collection-finish-card:hover {
	transform: translateY(-3px);
	box-shadow: 0 10px 22px rgba(27,118,255,.14);
}

.zara-curated-bathroom-designs-collection .zara-curated-bathroom-designs-collection-swatch {
	width: 100%;
	height: 70px;
	border-radius: 10px;
	margin-bottom: 10px;
	border: 1px solid #e7eef6;
}

.zara-curated-bathroom-designs-collection .zara-curated-bathroom-designs-collection-swatch.zara-curated-bathroom-designs-collection-gold {
	background: linear-gradient(135deg, #d6b36a, #b4882e);
}

.zara-curated-bathroom-designs-collection .zara-curated-bathroom-designs-collection-swatch.zara-curated-bathroom-designs-collection-brushed-gold {
	background: repeating-linear-gradient(90deg, #d8bf86 0 6px, #b99a54 6px 12px);
}

.zara-curated-bathroom-designs-collection .zara-curated-bathroom-designs-collection-swatch.zara-curated-bathroom-designs-collection-matte-black {
	background: #222;
}

.zara-curated-bathroom-designs-collection .zara-curated-bathroom-designs-collection-swatch.zara-curated-bathroom-designs-collection-brushed-nickel {
	background: repeating-linear-gradient(90deg, #c7c9cc 0 6px, #aeb2b6 6px 12px);
}

.zara-curated-bathroom-designs-collection .zara-curated-bathroom-designs-collection-swatch.zara-curated-bathroom-designs-collection-chrome {
	background: linear-gradient(135deg, #e5e8ec, #a8b2bd);
}

.zara-curated-bathroom-designs-collection .zara-curated-bathroom-designs-collection-swatch.zara-curated-bathroom-designs-collection-antique-brass {
	background: linear-gradient(135deg, #8b6a2f, #c49b4b);
}

.zara-curated-bathroom-designs-collection .zara-curated-bathroom-designs-collection-finish-card h4 {
	margin: 0 0 4px;
	font-size: 14px;
}

.zara-curated-bathroom-designs-collection .zara-curated-bathroom-designs-collection-finish-card p {
	margin: 0;
	color: #5b6b7a;
	font-size: 12px;
}

@media (max-width: 980px) {
	.zara-curated-bathroom-designs-collection .zara-curated-bathroom-designs-collection-finish-card {
		grid-column: span 4;
	}
}

@media (max-width: 640px) {
	.zara-curated-bathroom-designs-collection .zara-curated-bathroom-designs-collection-finish-card {
		grid-column: span 6;
	}
}
    
    /* Tools Row */
.zara-curated-bathroom-designs-collection .zara-curated-bathroom-designs-collection-tools {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 12px;
}

.zara-curated-bathroom-designs-collection .zara-curated-bathroom-designs-collection-tool {
	padding: 10px 12px;
	border-radius: 12px;
	border: 1px solid #e7eef6;
	background: #fff;
	font-weight: 800;
	text-decoration: none;
	color: #0b2f6b;
	transition: transform .18s ease, box-shadow .18s ease;
}

.zara-curated-bathroom-designs-collection .zara-curated-bathroom-designs-collection-tool:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 18px rgba(27,118,255,.12);
}
    
    /* Case studies (scroll-snap) */
.zara-curated-bathroom-designs-collection .zara-curated-bathroom-designs-collection-cases {
	overflow: auto;
	display: flex;
	gap: 12px;
	padding-bottom: 6px;
	scroll-snap-type: x mandatory;
}

.zara-curated-bathroom-designs-collection .zara-curated-bathroom-designs-collection-case {
	min-width: 320px;
	background: #fff;
	border: 1px solid #e7eef6;
	border-radius: 16px;
	overflow: hidden;
	scroll-snap-align: start;
	box-shadow: 0 10px 28px rgba(2,20,43,.08);
	transition: transform .2s ease, box-shadow .2s ease;
}

.zara-curated-bathroom-designs-collection .zara-curated-bathroom-designs-collection-case:hover {
	transform: translateY(-3px);
	box-shadow: 0 12px 24px rgba(27,118,255,.14);
}

.zara-curated-bathroom-designs-collection .zara-curated-bathroom-designs-collection-case .zara-curated-bathroom-designs-collection-img {
	height: 160px;
	background: #eaf2ff;
}

.zara-curated-bathroom-designs-collection .zara-curated-bathroom-designs-collection-case .zara-curated-bathroom-designs-collection-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.zara-curated-bathroom-designs-collection .zara-curated-bathroom-designs-collection-case .zara-curated-bathroom-designs-collection-bd {
	padding: 12px;
}

.zara-curated-bathroom-designs-collection .zara-curated-bathroom-designs-collection-meta {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
	margin-top: 6px;
}

.zara-curated-bathroom-designs-collection .zara-curated-bathroom-designs-collection-meta .zara-curated-bathroom-designs-collection-badge {
	padding: 6px 10px;
	border-radius: 999px;
	background: #f5f9ff;
	border: 1px solid #e7eef6;
	font-size: 12px;
	color: #2a4f8a;
}
    
    /* Sustainability / Spec */
.zara-curated-bathroom-designs-collection .zara-curated-bathroom-designs-collection-sust {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 14px;
	align-items: center;
	background: #ffffffcc;
	border: 1px dashed #cfe1f7;
	padding: 16px;
	border-radius: 18px;
}

.zara-curated-bathroom-designs-collection .zara-curated-bathroom-designs-collection-sust p {
	margin: 0;
	color: #5b6b7a;
}

.zara-curated-bathroom-designs-collection .zara-curated-bathroom-designs-collection-sust strong {
	color: #0b2f6b;
}

.zara-curated-bathroom-designs-collection .zara-curated-bathroom-designs-collection-sust .zara-curated-bathroom-designs-collection-actions {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
}

@media (max-width: 820px) {
	.zara-curated-bathroom-designs-collection .zara-curated-bathroom-designs-collection-sust {
		grid-template-columns: 1fr;
	}
}
    
    /* Footer CTA */
.zara-curated-bathroom-designs-collection .zara-curated-bathroom-designs-collection-foot-cta {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	justify-content: center;
	padding: 28px 0 40px;
}

.zara-curated-bathroom-designs-collection .zara-curated-bathroom-designs-collection-micro {
	font-size: 12px;
	color: #5b6b7a;
	text-align: center;
	margin-top: 6px;
}

.zara-get-more-info-page-with-side-img {
	background: linear-gradient(180deg, #f0f9ff, #e6f7ff, #f5fbff);
	color: #0b2642;
	padding: 0;
	font: 16px/1.7 Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

.zara-get-more-info-page-with-side-img-inner {
	display: flex;
	flex-direction: column;
	max-width: 1200px;
	margin: 0 auto;
}

.zara-get-more-info-page-with-side-img-content {
	flex: 1 1 100%;
	padding: 36px 24px;
	order: 1;
}

.zara-get-more-info-page-with-side-img-sideimg {
	flex: 1 1 100%;
	min-height: 300px;
	background: #d7efff;
	display: flex;
	align-items: center;
	justify-content: center;
	order: 2;
}

        /* Desktop layout - image on right, content on left */
@media(min-width: 1000px) {
	.zara-get-more-info-page-with-side-img-inner {
		flex-direction: row;
		flex-wrap: nowrap;
	}

	.zara-get-more-info-page-with-side-img-content {
		flex: 1 1 60%;
		order: 1;
	}

	.zara-get-more-info-page-with-side-img-sideimg {
		flex: 1 1 40%;
		min-height: 100%;
		order: 2;
	}
}

.zara-get-more-info-page-with-side-img-sideimg span {
	color: #4b5d75;
	font-size: 14px;
}

.zara-get-more-info-page-with-side-img-sideimg img {
	max-width: 100%;
	height: auto;
	display: block;
	object-fit: cover;
}

.zara-get-more-info-page-with-side-img h2 {
	margin: 0 0 20px;
	font-size: 26px;
	font-weight: 800;
	letter-spacing: .3px;
}

.zara-get-more-info-page-with-side-img-badges {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
	margin-bottom: 20px;
}

.zara-get-more-info-page-with-side-img-badge {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	border: 1px solid #cfe6f9;
	padding: 8px 12px;
	border-radius: 999px;
	font-weight: 700;
	font-size: 12px;
	color: #4b5d75;
	background: #fff;
}

.zara-get-more-info-page-with-side-img-grid {
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	gap: 14px;
}

@media(min-width: 640px) {
	.zara-get-more-info-page-with-side-img-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

.zara-get-more-info-page-with-side-img-card {
	grid-column: span 1;
	background: #fff;
	border: 1px solid #cfe6f9;
	border-radius: 18px;
	padding: 18px;
	box-shadow: 0 6px 20px rgba(0, 0, 0, .08);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.zara-get-more-info-page-with-side-img-card h3 {
	margin: 0 0 6px;
	font-size: 16px;
	font-weight: 800;
	color: #0b2642;
}

.zara-get-more-info-page-with-side-img-card p {
	margin: 0 0 12px;
	color: #4b5d75;
	font-size: 14px;
}

.zara-get-more-info-page-with-side-img-chips {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.zara-get-more-info-page-with-side-img-chip {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 10px 12px;
	border-radius: 12px;
	text-decoration: none;
	background: #eaf5fc;
	border: 1px solid #cfe6f9;
	color: #0b2642;
	font-weight: 700;
	font-size: 13px;
	transition: transform .16s ease, background .16s ease;
}

.zara-get-more-info-page-with-side-img-chip:hover {
	transform: translateY(-1px);
	background: #d7efff;
}

.zara-get-more-info-page-with-side-img-cta {
	margin-top: 24px;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.zara-get-more-info-page-with-side-img-btn {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 12px 14px;
	border-radius: 14px;
	text-decoration: none;
	font-weight: 800;
	border: 1px solid #cfe6f9;
	background: #eaf5fc;
	color: #0b2642;
	transition: background .16s ease;
}

.zara-get-more-info-page-with-side-img-btn:hover {
	background: #d7efff;
}

.zara-get-more-info-page-with-side-img-btn.zara-get-more-info-page-with-side-img-primary {
	background: linear-gradient(180deg, #dff2ff, #b5e3ff);
	color: #0b2642;
	border-color: #a4d9f7;
}

.zara-get-more-info-page-with-side-img-btn.zara-get-more-info-page-with-side-img-primary:hover {
	background: linear-gradient(180deg, #eaf5fc, #b5e3ff);
}

.zara-get-more-info-with-dozen-cards {
	color: #0b2642;
	padding: 0;
	font: 16px/1.7 Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

.zara-get-more-info-with-dozen-cards .zara-get-more-info-with-dozen-cards-inner {
	display: flex;
	flex-wrap: wrap;
	max-width: 1200px;
	margin: 0 auto;
}

.zara-get-more-info-with-dozen-cards .zara-get-more-info-with-dozen-cards-content {
	flex: 1 1 60%;
	padding: 36px 24px;
}

.zara-get-more-info-with-dozen-cards .zara-get-more-info-with-dozen-cards-sideimg {
	flex: 1 1 40%;
	min-height: 100%;
	background: #d7efff;
	display: flex;
	align-items: center;
	justify-content: center;
}

.zara-get-more-info-with-dozen-cards .zara-get-more-info-with-dozen-cards-sideimg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.zara-get-more-info-with-dozen-cards .zara-get-more-info-with-dozen-cards-placeholder {
	color: #4b5d75;
	font-size: 14px;
}

.zara-get-more-info-with-dozen-cards h2 {
	margin: 0 0 20px;
	font-size: 26px;
	font-weight: 800;
	letter-spacing: .3px;
}

.zara-get-more-info-with-dozen-cards .zara-get-more-info-with-dozen-cards-badges {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
	margin-bottom: 20px;
}

.zara-get-more-info-with-dozen-cards .zara-get-more-info-with-dozen-cards-badge {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	border: 1px solid #cfe6f9;
	padding: 8px 12px;
	border-radius: 999px;
	font-weight: 700;
	font-size: 12px;
	color: #4b5d75;
	background: #fff;
}

.zara-get-more-info-with-dozen-cards .zara-get-more-info-with-dozen-cards-grid {
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	gap: 14px;
}

.zara-get-more-info-with-dozen-cards .zara-get-more-info-with-dozen-cards-card {
	grid-column: span 12;
	background: #fff;
	border: 1px solid #cfe6f9;
	border-radius: 18px;
	padding: 0 0 16px;
	box-shadow: 0 6px 20px rgba(0,0,0,.08);
	display: flex;
	flex-direction: column;
	overflow: hidden;
}

@media (min-width: 980px) {
	.zara-get-more-info-with-dozen-cards .zara-get-more-info-with-dozen-cards-card {
		grid-column: span 6;
	}
}

@media (max-width: 1128px) and (min-width: 981px) {
	.zara-get-more-info-with-dozen-cards .zara-get-more-info-with-dozen-cards-chips {
		flex-direction: column;
		align-items: stretch;
	}

	.zara-get-more-info-with-dozen-cards .zara-get-more-info-with-dozen-cards-chip {
		width: 100%;
		justify-content: center;
	}
}

.zara-get-more-info-with-dozen-cards .zara-get-more-info-with-dozen-cards-card .zara-get-more-info-with-dozen-cards-img-wrap {
	width: 100%;
	height: 120px;
	background: #eaf5fc;
	display: flex;
	align-items: center;
	justify-content: center;
	border-bottom: 1px solid #cfe6f9;
}

.zara-get-more-info-with-dozen-cards .zara-get-more-info-with-dozen-cards-card .zara-get-more-info-with-dozen-cards-content-in {
	padding: 16px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	flex: 1;
}

.zara-get-more-info-with-dozen-cards .zara-get-more-info-with-dozen-cards-card h3 {
	margin: 0 0 6px;
	font-size: 16px;
	font-weight: 800;
}

.zara-get-more-info-with-dozen-cards .zara-get-more-info-with-dozen-cards-card p {
	margin: 0 0 12px;
	color: #4b5d75;
	font-size: 14px;
}

.zara-get-more-info-with-dozen-cards .zara-get-more-info-with-dozen-cards-chips {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.zara-get-more-info-with-dozen-cards .zara-get-more-info-with-dozen-cards-chip {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 10px 12px;
	border-radius: 12px;
	text-decoration: none;
	background: #eaf5fc;
	border: 1px solid #cfe6f9;
	color: #0b2642;
	font-weight: 700;
	font-size: 13px;
	transition: transform .16s ease, background .16s ease;
}

.zara-get-more-info-with-dozen-cards .zara-get-more-info-with-dozen-cards-chip:hover {
	transform: translateY(-1px);
	background: #d7efff;
}

.zara-get-more-info-with-dozen-cards .zara-get-more-info-with-dozen-cards-cta {
	margin-top: 24px;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.zara-get-more-info-with-dozen-cards .zara-get-more-info-with-dozen-cards-btn {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 12px 14px;
	border-radius: 14px;
	text-decoration: none;
	font-weight: 800;
	border: 1px solid #cfe6f9;
	background: #eaf5fc;
	color: #0b2642;
}

.zara-get-more-info-with-dozen-cards .zara-get-more-info-with-dozen-cards-btn:hover {
	background: #d7efff;
}

.zara-get-more-info-with-dozen-cards .zara-get-more-info-with-dozen-cards-btn.zara-get-more-info-with-dozen-cards-primary {
	background: linear-gradient(180deg, #dff2ff, #b5e3ff);
	color: #0b2642;
	border-color: #a4d9f7;
}

.zara-get-more-info-with-dozen-cards .zara-get-more-info-with-dozen-cards-btn.zara-get-more-info-with-dozen-cards-primary:hover {
	background: linear-gradient(180deg, #eaf5fc, #b5e3ff);
}
    
    /* Mini support section (left column only) */
.zara-get-more-info-with-dozen-cards .zara-get-more-info-with-dozen-cards-fs-minihelp {
	margin-top: 20px;
}

.zara-get-more-info-with-dozen-cards .zara-get-more-info-with-dozen-cards-fs-minihelp .zara-get-more-info-with-dozen-cards-mini-head {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 0 0 10px;
}

.zara-get-more-info-with-dozen-cards .zara-get-more-info-with-dozen-cards-fs-minihelp .zara-get-more-info-with-dozen-cards-mini-head h3 {
	margin: 0;
	font-size: 18px;
	font-weight: 800;
	color: #0b2642;
}

.zara-get-more-info-with-dozen-cards .zara-get-more-info-with-dozen-cards-fs-minihelp .zara-get-more-info-with-dozen-cards-mini-grid {
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	gap: 10px;
}

.zara-get-more-info-with-dozen-cards .zara-get-more-info-with-dozen-cards-fs-minihelp .zara-get-more-info-with-dozen-cards-mini-card {
	grid-column: span 12;
	background: #fff;
	border: 1px solid #cfe6f9;
	border-radius: 14px;
	padding: 12px 14px;
	box-shadow: 0 4px 12px rgba(0,0,0,.05);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	flex: 1;
}

@media (min-width: 880px) {
	.zara-get-more-info-with-dozen-cards .zara-get-more-info-with-dozen-cards-fs-minihelp .zara-get-more-info-with-dozen-cards-mini-card {
		grid-column: span 6;
	}
}

.zara-get-more-info-with-dozen-cards .zara-get-more-info-with-dozen-cards-fs-minihelp .zara-get-more-info-with-dozen-cards-mini-card h4 {
	margin: 0 0 6px;
	font-size: 14px;
	font-weight: 800;
	color: #0b2642;
}

.zara-get-more-info-with-dozen-cards .zara-get-more-info-with-dozen-cards-fs-minihelp .zara-get-more-info-with-dozen-cards-mini-card p {
	margin: 0 0 8px;
	font-size: 13px;
	color: #4b5d75;
}

.zara-get-more-info-with-dozen-cards .zara-get-more-info-with-dozen-cards-fs-minihelp .zara-get-more-info-with-dozen-cards-mini-links {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.zara-get-more-info-with-dozen-cards .zara-get-more-info-with-dozen-cards-fs-minihelp .zara-get-more-info-with-dozen-cards-mini-link {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 8px 10px;
	border-radius: 10px;
	background: #eaf5fc;
	border: 1px solid #cfe6f9;
	color: #0b2642;
	text-decoration: none;
	font-weight: 700;
	font-size: 12px;
}

.zara-get-more-info-with-dozen-cards .zara-get-more-info-with-dozen-cards-fs-minihelp .zara-get-more-info-with-dozen-cards-mini-link:hover {
	background: #d7efff;
}

@media (max-width: 1110px) and (min-width: 882px) {
	.zara-get-more-info-with-dozen-cards .zara-get-more-info-with-dozen-cards-fs-minihelp .zara-get-more-info-with-dozen-cards-mini-links {
		flex-direction: column;
		align-items: stretch;
	}

	.zara-get-more-info-with-dozen-cards .zara-get-more-info-with-dozen-cards-fs-minihelp .zara-get-more-info-with-dozen-cards-mini-link {
		width: 100%;
		justify-content: center;
	}
}

.zara-why-architects-look-to-fontana * {
	box-sizing: border-box;
}

.zara-why-architects-look-to-fontana {
	width: 100%;
	overflow-x: hidden;
	margin: 0;
	padding: 0;
	color: #e9eef7;
	font: 16px/1.6 system-ui,Segoe UI,Roboto,Inter,Arial;
}

.zara-why-architects-look-to-fontana a {
	color: #4da3ff;
	text-decoration: none;
}

.zara-why-architects-look-to-fontana a:hover {
	text-decoration: underline;
}

.zara-why-architects-look-to-fontana .zara-why-architects-look-to-fontana-wrap {
	max-width: 1150px;
	margin: auto;
	padding: 32px 20px;
}

.zara-why-architects-look-to-fontana .zara-why-architects-look-to-fontana-hero {
	padding: 56px 20px 34px;
	border-bottom: 1px solid #1e2a44;
}

.zara-why-architects-look-to-fontana .zara-why-architects-look-to-fontana-kicker {
	letter-spacing: 2px;
	text-transform: uppercase;
	color: #b7c2d1;
	font-weight: 600;
	font-size: 14px;
}

.zara-why-architects-look-to-fontana h1 {
	color: #000 !important;
	margin: 4px 0 16px;
	font-size: 35px;
	line-height: 1.15;
	word-wrap: break-word;
}

.zara-why-architects-look-to-fontana .zara-why-architects-look-to-fontana-lead {
	max-width: 78ch;
	color: #b7c2d1;
}

.zara-why-architects-look-to-fontana .zara-why-architects-look-to-fontana-cta-row {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: 18px;
}

.zara-why-architects-look-to-fontana .zara-why-architects-look-to-fontana-btn {
	display: inline-block;
	padding: 12px 16px;
	border-radius: 12px;
	border: 1px solid #cfe6f9;
	background: #eaf5fc;
	color: #0b2642;
	font-weight: 600;
}
.zara-why-architects-look-to-fontana .zara-why-architects-look-to-fontana-btn:hover {
	background: #d7efff;
}
.zara-why-architects-look-to-fontana .zara-why-architects-look-to-fontana-btn.zara-why-architects-look-to-fontana-primary {
	background: linear-gradient(180deg, #dff2ff, #b5e3ff);
	color: #0c0f13;
	border-color: #cfe6f9;
}
.zara-why-architects-look-to-fontana .zara-why-architects-look-to-fontana-btn.zara-why-architects-look-to-fontana-primary:hover {
	background: linear-gradient(180deg, #e9f4fb, #b5e3ff);
}


.zara-why-architects-look-to-fontana .zara-why-architects-look-to-fontana-btn.zara-why-architects-look-to-fontana-secondary {
	background: #eaf5fc;
}
.zara-why-architects-look-to-fontana .zara-why-architects-look-to-fontana-btn.zara-why-architects-look-to-fontana-secondary:hover {
	background: #d7efff;
}

.zara-why-architects-look-to-fontana .zara-why-architects-look-to-fontana-local {
	position: sticky;
	top: 0;
	background: #2c5379;
	backdrop-filter: blur(6px);
	border-bottom: 1px solid #2c5379;
	z-index: 5;
}

.zara-why-architects-look-to-fontana .zara-why-architects-look-to-fontana-local .zara-why-architects-look-to-fontana-navwrap {
	justify-content: center !important;
	max-width: 1800px;
	margin: auto;
	display: flex;
	gap: 18px;
	overflow: auto;
	padding: 10px 20px;
	flex-wrap: wrap;
}

.zara-why-architects-look-to-fontana .zara-why-architects-look-to-fontana-local a {
	white-space: nowrap;
	color: #b7c2d1;
}

.zara-why-architects-look-to-fontana .zara-why-architects-look-to-fontana-local a:hover {
	color: #e9eef7;
}

.zara-why-architects-look-to-fontana section {
	padding: 36px 0;
	border-bottom: 1px solid #1e2a44;
}

.zara-why-architects-look-to-fontana h2 {
	font-size: 26px;
	margin: 0 0 14px;
}

.zara-why-architects-look-to-fontana .zara-why-architects-look-to-fontana-grid {
	display: grid;
	gap: 18px;
}

.zara-why-architects-look-to-fontana .zara-why-architects-look-to-fontana-grid.zara-why-architects-look-to-fontana-cols-3 {
	grid-template-columns: repeat(3,minmax(0,1fr));
}

.zara-why-architects-look-to-fontana .zara-why-architects-look-to-fontana-grid.zara-why-architects-look-to-fontana-cols-2 {
	grid-template-columns: repeat(2,minmax(0,1fr));
}

@media (max-width:900px) {
	.zara-why-architects-look-to-fontana h1 {
		font-size: 28px;
	}

	.zara-why-architects-look-to-fontana h2 {
		font-size: 22px;
	}

	.zara-why-architects-look-to-fontana .zara-why-architects-look-to-fontana-grid.zara-why-architects-look-to-fontana-cols-3 {
		grid-template-columns: 1fr;
	}

	.zara-why-architects-look-to-fontana .zara-why-architects-look-to-fontana-grid.zara-why-architects-look-to-fontana-cols-2 {
		grid-template-columns: 1fr;
	}
}

.zara-why-architects-look-to-fontana .zara-why-architects-look-to-fontana-card {
	background: linear-gradient(180deg, #f0f9ff, #e6f7ff, #f5fbff);
	border: 1px solid #e6f7ff;
	border-radius: 16px;
	padding: 18px;
}

.zara-why-architects-look-to-fontana .zara-why-architects-look-to-fontana-eyebrow {
	color: #0c0f13;
	font-weight: 600;
	font-size: 14px;
	margin-bottom: 6px;
}

.zara-why-architects-look-to-fontana .zara-why-architects-look-to-fontana-table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
}

.zara-why-architects-look-to-fontana .zara-why-architects-look-to-fontana-table th,
    .zara-why-architects-look-to-fontana .zara-why-architects-look-to-fontana-table td {
	color: #7c7c7c !important;
	padding: 12px;
	border-bottom: 1px solid #1e2a44;
	text-align: left;
	vertical-align: top;
}

.zara-why-architects-look-to-fontana .zara-why-architects-look-to-fontana-pill {
	display: inline-block;
	padding: 6px 10px;
	background: #2c5379;
	border: 1px solid #2c5379;
	border-radius: 999px;
	color: #fff;
	font-size: 14px;
}

.zara-why-architects-look-to-fontana .zara-why-architects-look-to-fontana-muted {
	color: #b7c2d1;
}

.zara-why-architects-look-to-fontana .zara-why-architects-look-to-fontana-note {
	font-size: 14px;
	color: #b7c2d1;
}

.zara-why-architects-look-to-fontana footer {
	padding: 28px 0;
}

.zara-why-architects-look-to-fontana .zara-why-architects-look-to-fontana-badges {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.zara-why-architects-look-to-fontana .zara-why-architects-look-to-fontana-flag {
	padding: 7px 10px;
	border: 1px solid #2c5379;
	border-radius: 10px;
	background: #2c5379;
	color: #fff;
	font-size: 14px;
}
/* 1. Reset and base responsive setup */
.zara-why-architects-look-to-fontana * {
	box-sizing: border-box;
}

.zara-why-architects-look-to-fontana {
	width: 100%;
	overflow-x: hidden;
}

/* 2. Update wrapper with box-sizing */
.zara-why-architects-look-to-fontana .zara-why-architects-look-to-fontana-wrap {
	max-width: 1800px;
	margin: 0 auto;
	padding: 32px 20px;
	box-sizing: border-box;
}

/* 3. Responsive styles for small screens (400px and below) */
@media (max-width: 400px) {
  /* Wrapper padding reduction */
	.zara-why-architects-look-to-fontana .zara-why-architects-look-to-fontana-wrap {
		padding: 0 12px;
	}
  
  /* Hero section responsive */
	.zara-why-architects-look-to-fontana .zara-why-architects-look-to-fontana-hero {
		padding: 32px 12px 18px;
	}

	.zara-why-architects-look-to-fontana .zara-why-architects-look-to-fontana-kicker {
		font-size: 12px;
	}

	.zara-why-architects-look-to-fontana h1 {
		font-size: 24px;
		line-height: 1.2;
		word-wrap: break-word;
	}

	.zara-why-architects-look-to-fontana .zara-why-architects-look-to-fontana-lead {
		font-size: 14px;
		line-height: 1.5;
		word-wrap: break-word;
	}
  
  /* CTA buttons responsive */
	.zara-why-architects-look-to-fontana .zara-why-architects-look-to-fontana-cta-row {
		gap: 8px;
		flex-direction: column;
	}

	.zara-why-architects-look-to-fontana .zara-why-architects-look-to-fontana-btn {
		padding: 10px 12px;
		font-size: 14px;
		width: 100%;
		text-align: center;
	}
  
  /* Navigation responsive */
	.zara-why-architects-look-to-fontana .zara-why-architects-look-to-fontana-navwrap {
		padding: 8px 12px;
		gap: 12px;
	}

	.zara-why-architects-look-to-fontana .zara-why-architects-look-to-fontana-local a {
		font-size: 14px;
	}
  
  /* Grid items spacing */
	.zara-why-architects-look-to-fontana .zara-why-architects-look-to-fontana-grid {
		gap: 12px;
	}
  
  /* Cards padding */
	.zara-why-architects-look-to-fontana .zara-why-architects-look-to-fontana-card {
		padding: 14px;
	}
  
  /* Table responsive */
	.zara-why-architects-look-to-fontana .zara-why-architects-look-to-fontana-table {
		font-size: 14px;
		display: block;
		overflow-x: auto;
	}

	.zara-why-architects-look-to-fontana .zara-why-architects-look-to-fontana-table th,
  .zara-why-architects-look-to-fontana .zara-why-architects-look-to-fontana-table td {
		padding: 8px;
		font-size: 13px;
	}
  
  /* Typography adjustments */
	.zara-why-architects-look-to-fontana h2 {
		font-size: 20px;
	}

	.zara-why-architects-look-to-fontana .zara-why-architects-look-to-fontana-eyebrow {
		font-size: 12px;
	}

	.zara-why-architects-look-to-fontana .zara-why-architects-look-to-fontana-pill,
  .zara-why-architects-look-to-fontana .zara-why-architects-look-to-fontana-flag {
		font-size: 12px;
		padding: 5px 8px;
	}

	.zara-why-architects-look-to-fontana .zara-why-architects-look-to-fontana-note {
		font-size: 12px;
	}
  
  /* Sections padding */
	.zara-why-architects-look-to-fontana section {
		padding: 24px 0;
	}
}

/* 4. Additional breakpoint for tablets (600px) */
@media (max-width: 600px) {
	.zara-why-architects-look-to-fontana .zara-why-architects-look-to-fontana-cta-row {
		flex-direction: column;
	}

	.zara-why-architects-look-to-fontana .zara-why-architects-look-to-fontana-btn {
		width: 100%;
		justify-content: center;
	}
}

/* 5. Fix for preventing horizontal scroll on all sections */
.zara-why-architects-look-to-fontana .zara-why-architects-look-to-fontana-hero,
.zara-why-architects-look-to-fontana .zara-why-architects-look-to-fontana-local,
.zara-why-architects-look-to-fontana section,
.zara-why-architects-look-to-fontana footer {
	width: 100%;
	box-sizing: border-box;
}

/* 6. Text overflow prevention for all text elements */
.zara-why-architects-look-to-fontana h1,
.zara-why-architects-look-to-fontana h2,
.zara-why-architects-look-to-fontana h3,
.zara-why-architects-look-to-fontana p,
.zara-why-architects-look-to-fontana a,
.zara-why-architects-look-to-fontana li {
	word-wrap: break-word;
	overflow-wrap: break-word;
}

/* 7. Fix sticky navigation */
.zara-why-architects-look-to-fontana .zara-why-architects-look-to-fontana-local {
	width: 100%;
	left: 0;
	right: 0;
}


 /* Zara Smart Shower System - Architecture & Construction Styles */
.zara-smart-shower-system-for-architecture-construction {
	background: #ffffff;
	padding: 24px 0;
}

.zara-smart-shower-system-for-architecture-construction .zara-smart-shower-system-for-architecture-construction-wrap {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 16px;
}

.zara-smart-shower-system-for-architecture-construction .zara-smart-shower-system-for-architecture-construction-hd {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 16px;
	margin-bottom: 20px;
	border-bottom: 1px solid #e2e8f0;
	padding-bottom: 12px;
}

.zara-smart-shower-system-for-architecture-construction .zara-smart-shower-system-for-architecture-construction-hd h2 {
	margin: 0;
	font: 600 28px/1.2 system-ui, Segoe UI, Roboto, Arial, sans-serif;
	color: #0f172a;
}

.zara-smart-shower-system-for-architecture-construction .zara-smart-shower-system-for-architecture-construction-hd .zara-smart-shower-system-for-architecture-construction-sub {
	font: 500 14px/1 system-ui, Segoe UI, Roboto, Arial, sans-serif;
	color: #475569;
	letter-spacing: .06em;
	text-transform: uppercase;
}

.zara-smart-shower-system-for-architecture-construction .zara-smart-shower-system-for-architecture-construction-grid {
	display: grid;
	gap: 20px;
	grid-template-columns: repeat(12, 1fr);
}

.zara-smart-shower-system-for-architecture-construction .zara-smart-shower-system-for-architecture-construction-card {
	grid-column: span 6;
	display: grid;
	grid-template-rows: auto 1fr auto;
	gap: 12px;
	background: #ffffff;
	border: 1px solid #e2e8f0;
	border-radius: 14px;
	overflow: hidden;
	box-shadow: 0 6px 20px rgba(2, 6, 23, .06);
}

@media (max-width: 768px) {
	.zara-smart-shower-system-for-architecture-construction .zara-smart-shower-system-for-architecture-construction-card {
		grid-column: span 12;
	}
}

.zara-smart-shower-system-for-architecture-construction .zara-smart-shower-system-for-architecture-construction-media {
	position: relative;
	aspect-ratio: 16/9;
	background: #f8fafc;
	overflow: hidden;
}

.zara-smart-shower-system-for-architecture-construction .zara-smart-shower-system-for-architecture-construction-media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.zara-smart-shower-system-for-architecture-construction .zara-smart-shower-system-for-architecture-construction-body {
	padding: 16px 18px 6px;
}

.zara-smart-shower-system-for-architecture-construction .zara-smart-shower-system-for-architecture-construction-body h3 {
	margin: 0 0 6px;
	font: 600 18px/1.25 system-ui, Segoe UI, Roboto, Arial, sans-serif;
	color: #0f172a;
}

.zara-smart-shower-system-for-architecture-construction .zara-smart-shower-system-for-architecture-construction-body p {
	margin: 0;
	color: #475569;
	font: 400 14.5px/1.6 system-ui, Segoe UI, Roboto, Arial, sans-serif;
}

.zara-smart-shower-system-for-architecture-construction .zara-smart-shower-system-for-architecture-construction-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 10px 14px;
	padding: 10px 18px 2px;
	color: #334155;
	font-size: 13px;
}

.zara-smart-shower-system-for-architecture-construction .zara-smart-shower-system-for-architecture-construction-badge {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 6px 10px;
	border: 1px solid #e2e8f0;
	border-radius: 999px;
	background: #ffffff;
	white-space: nowrap;
}

.zara-smart-shower-system-for-architecture-construction .zara-smart-shower-system-for-architecture-construction-cta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	padding: 12px 14px 14px;
	border-top: 1px solid #e2e8f0;
	background: linear-gradient(180deg, #ffffff, #fafafa);
	margin-top: 12px;
}

.zara-smart-shower-system-for-architecture-construction .zara-smart-shower-system-for-architecture-construction-btn {
	display: inline-block;
	padding: 10px 14px;
	border-radius: 10px;
	text-decoration: none;
	font: 600 14px/1 system-ui, Segoe UI, Roboto, Arial, sans-serif;
	border: 1px solid #e5e7eb;
	color: #0f172a;
	background: #ffffff;
}

.zara-smart-shower-system-for-architecture-construction .zara-smart-shower-system-for-architecture-construction-btn--primary {
	background: #d4af37;
	color: #111827;
	border-color: #d1b55a;
	box-shadow: 0 6px 14px rgba(212, 175, 55, .25);
	min-width: 143px;
	min-height: 36px;
}

.zara-smart-shower-system-for-architecture-construction .zara-smart-shower-system-for-architecture-construction-btn:hover {
	filter: brightness(0.98);
}

.zara-smart-shower-system-for-architecture-construction .zara-smart-shower-system-for-architecture-construction-notes {
	color: #64748b;
	font-size: 12.5px;
	line-height: 1.4;
}

.zara-touchless-flush-valves-professionals-review * {
	box-sizing: border-box;
}

.zara-touchless-flush-valves-professionals-review {
	margin: 0;
	font: 16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif;
	color: #0f172a;
}

.zara-touchless-flush-valves-professionals-review .zara-touchless-flush-valves-professionals-review-link {
	color: #0ea5e9;
	text-decoration: none;
}

.zara-touchless-flush-valves-professionals-review .zara-touchless-flush-valves-professionals-review-link:hover {
	text-decoration: underline;
}

.zara-touchless-flush-valves-professionals-review .zara-touchless-flush-valves-professionals-review-wrap {
	max-width: 1300px;
	margin: 0 auto;
	padding: 32px 20px;
}

.zara-touchless-flush-valves-professionals-review .zara-touchless-flush-valves-professionals-review-header h1 {
	margin: 0 0 8px;
	font-size: clamp(22px,3.5vw,42px);
	text-align: left;
}

.zara-touchless-flush-valves-professionals-review .zara-touchless-flush-valves-professionals-review-header p {
	margin: 0;
	color: #334155;
}

.zara-touchless-flush-valves-professionals-review .zara-touchless-flush-valves-professionals-review-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
	gap: 22px;
	margin-top: 24px;
}

@media (min-width: 900px) {
	.zara-touchless-flush-valves-professionals-review .zara-touchless-flush-valves-professionals-review-grid {
		grid-template-columns: repeat(3, 1fr);
	}
}

.zara-touchless-flush-valves-professionals-review .zara-touchless-flush-valves-professionals-review-article {
	background: #ffffff;
	border: 1px solid #e2e8f0;
	border-radius: 16px;
	overflow: hidden;
}

.zara-touchless-flush-valves-professionals-review .zara-touchless-flush-valves-professionals-review-media {
	aspect-ratio: 1/1;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #f1f5f9;
}

.zara-touchless-flush-valves-professionals-review .zara-touchless-flush-valves-professionals-review-media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.zara-touchless-flush-valves-professionals-review .zara-touchless-flush-valves-professionals-review-placeholder {
	color: #64748b;
	font-weight: 600;
}

.zara-touchless-flush-valves-professionals-review .zara-touchless-flush-valves-professionals-review-content {
	padding: 16px 16px 18px;
}

#content_area .zara-touchless-flush-valves-professionals-review .zara-touchless-flush-valves-professionals-review-content h2 {
	margin: 0 0 6px;
	font-size: 1.1rem;
	color: #0c0f13 !important;
	line-height: normal !important;
	text-align: left !important;
}

.zara-touchless-flush-valves-professionals-review .zara-touchless-flush-valves-professionals-review-sku {
	color: #9ca3af;
	font-size: 12px;
}

.zara-touchless-flush-valves-professionals-review .zara-touchless-flush-valves-professionals-review-kpis {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 10px 0 12px;
}

.zara-touchless-flush-valves-professionals-review .zara-touchless-flush-valves-professionals-review-kpi {
	background: #ecfeff;
	border: 1px solid #bae6fd;
	color: #0369a1;
	border-radius: 10px;
	padding: .3rem .55rem;
	font-weight: 700;
	font-size: .8rem;
}

.zara-touchless-flush-valves-professionals-review .zara-touchless-flush-valves-professionals-review-reviews {
	display: grid;
	gap: 10px;
}

.zara-touchless-flush-valves-professionals-review .zara-touchless-flush-valves-professionals-review-review {
	background: #f0fdf4;
	border: 1px solid #bbf7d0;
	border-radius: 12px;
	padding: 10px 12px;
}

.zara-touchless-flush-valves-professionals-review .zara-touchless-flush-valves-professionals-review-stars {
	color: #f59e0b;
}

.zara-touchless-flush-valves-professionals-review .zara-touchless-flush-valves-professionals-review-cta {
	display: flex;
	gap: 10px;
	margin-top: 12px;
	flex-wrap: wrap;
}

.zara-touchless-flush-valves-professionals-review .zara-touchless-flush-valves-professionals-review-btn {
	display: inline-block;
	padding: .55rem .85rem;
	border-radius: 10px;
	border: 1px solid #0f172a;
	font-weight: 700;
	font-size: 14px;
}

.zara-touchless-flush-valves-professionals-review .zara-touchless-flush-valves-professionals-review-btn:hover {
	text-decoration: none !important;
}

.zara-touchless-flush-valves-professionals-review .zara-touchless-flush-valves-professionals-review-btn.zara-touchless-flush-valves-professionals-review-primary {
	background: #0f172a;
	color: #fff;
}

.zara-touchless-flush-valves-professionals-review .zara-touchless-flush-valves-professionals-review-btn.zara-touchless-flush-valves-professionals-review-ghost {
	background: #fff;
	color: #0f172a;
}

.zara-touchless-flush-valves-professionals-review .zara-touchless-flush-valves-professionals-review-footer {
	margin-top: 26px;
	color: #9ca3af;
	font-size: 13px;
}

.zara-touchless-flush-valves-professionals-review-sec * {
	box-sizing: border-box;
}

.zara-touchless-flush-valves-professionals-review-sec {
	margin: 0;
	font: 16px/1.6 system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji";
	color: #e5e7eb;
}

.zara-touchless-flush-valves-professionals-review-sec .zara-touchless-flush-valves-professionals-review-sec-wrap {
	max-width: 1300px;
	margin: 0 auto;
	padding: 40px 20px;
}

.zara-touchless-flush-valves-professionals-review-sec .zara-touchless-flush-valves-professionals-review-sec-header {
	text-align: center;
	margin-bottom: 32px;
}

.zara-touchless-flush-valves-professionals-review-sec .zara-touchless-flush-valves-professionals-review-sec-header h1 {
	font-size: clamp(28px, 3vw, 42px);
	margin: 0 0 10px;
	letter-spacing: .4px;
	color: #0f172a;
	text-align: left;
}

.zara-touchless-flush-valves-professionals-review-sec .zara-touchless-flush-valves-professionals-review-sec-header p {
	color: #9ca3af;
	margin: 0;
}

.zara-touchless-flush-valves-professionals-review-sec .zara-touchless-flush-valves-professionals-review-sec-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(min(280px, 100%), 1fr));
	gap: 22px;
}

@media (min-width: 900px) {
	.zara-touchless-flush-valves-professionals-review-sec .zara-touchless-flush-valves-professionals-review-sec-grid {
		grid-template-columns: repeat(3, 1fr);
	}
}

.zara-touchless-flush-valves-professionals-review-sec .zara-touchless-flush-valves-professionals-review-sec-product {
	background: radial-gradient(1200px 600px at 100% 0, rgba(34,211,238,.06), transparent 45%), #111827;
	border: 1px solid rgba(255,255,255,.06);
	border-radius: 18px;
	overflow: hidden;
	box-shadow: 0 10px 30px rgba(0,0,0,.35);
	transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.zara-touchless-flush-valves-professionals-review-sec .zara-touchless-flush-valves-professionals-review-sec-product:hover {
	transform: translateY(-2px);
	border-color: rgba(34,211,238,.25);
	box-shadow: 0 12px 36px rgba(0,0,0,.45);
}

.zara-touchless-flush-valves-professionals-review-sec .zara-touchless-flush-valves-professionals-review-sec-thumb {
	aspect-ratio: 1/1;
	background: #0b1226;
	display: grid;
	place-items: center;
	position: relative;
}

.zara-touchless-flush-valves-professionals-review-sec .zara-touchless-flush-valves-professionals-review-sec-thumb img {
	width: 86%;
	height: 86%;
	object-fit: contain;
	filter: drop-shadow(0 6px 18px rgba(0,0,0,.45));
}

.zara-touchless-flush-valves-professionals-review-sec .zara-touchless-flush-valves-professionals-review-sec-content {
	padding: 16px 16px 18px;
}

.zara-touchless-flush-valves-professionals-review-sec .zara-touchless-flush-valves-professionals-review-sec-sku {
	font-size: 12px;
	color: #9ca3af;
	letter-spacing: .4px;
	text-transform: uppercase;
}

#content_area .zara-touchless-flush-valves-professionals-review-sec .zara-touchless-flush-valves-professionals-review-sec-content h2 {
	font-size: 18px;
	margin: 6px 0 10px;
	line-height: 1.35;
	color: #fff !important;
}

.zara-touchless-flush-valves-professionals-review-sec .zara-touchless-flush-valves-professionals-review-sec-badges {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
	margin-bottom: 10px;
}

.zara-touchless-flush-valves-professionals-review-sec .zara-touchless-flush-valves-professionals-review-sec-badge {
	border: 1px solid rgba(255,255,255,.12);
	color: #c7d2fe;
	padding: 2px 8px;
	border-radius: 999px;
	font-size: 12px;
	background: rgba(99,102,241,.08);
}

.zara-touchless-flush-valves-professionals-review-sec .zara-touchless-flush-valves-professionals-review-sec-stars {
	color: #fde68a;
	font-size: 14px;
	letter-spacing: 1px;
}

.zara-touchless-flush-valves-professionals-review-sec .zara-touchless-flush-valves-professionals-review-sec-quote {
	margin: 10px 0 14px;
	color: #e5e7eb;
	font-size: 14px;
}

.zara-touchless-flush-valves-professionals-review-sec .zara-touchless-flush-valves-professionals-review-sec-quote em {
	color: #a5b4fc;
}

.zara-touchless-flush-valves-professionals-review-sec .zara-touchless-flush-valves-professionals-review-sec-cta {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 9px 12px;
	border-radius: 12px;
	text-decoration: none;
	color: #0b1226;
	background: linear-gradient(90deg, #67e8f9, #22d3ee);
	box-shadow: 0 0 0 0 rgba(34,211,238,.35);
	transition: box-shadow .2s ease;
	font-weight: 600;
	font-size: 14px;
}

.zara-touchless-flush-valves-professionals-review-sec .zara-touchless-flush-valves-professionals-review-sec-cta:hover {
	box-shadow: 0 0 0 6px rgba(34,211,238,.35);
}

.zara-touchless-flush-valves-professionals-review-sec .zara-touchless-flush-valves-professionals-review-sec-footer {
	color: #9ca3af;
	text-align: center;
	margin-top: 34px;
	font-size: 13px;
}

.zara-touchless-flush-valves-professionals-review-sec .zara-touchless-flush-valves-professionals-review-sec-ph {
	width: 86%;
	height: 86%;
	border-radius: 18px;
	background: linear-gradient(135deg, rgba(34,211,238,.12), rgba(99,102,241,.12));
	display: grid;
	place-items: center;
	color: #cbd5e1;
	border: 1px dashed rgba(255,255,255,.2);
	text-align: center;
	padding: 16px;
	font-size: 14px;
}

.zara-spec-grade-touchless-faucet-for-architects-designers * {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

.zara-spec-grade-touchless-faucet-for-architects-designers {
	margin: 0;
	font-family: Inter, system-ui, Segoe UI, Roboto, Arial, sans-serif;
	color: #0f172a;
	line-height: 1.6;
}

.zara-spec-grade-touchless-faucet-for-architects-designers img {
	max-width: 100%;
	height: auto;
	display: block;
}

.zara-spec-grade-touchless-faucet-for-architects-designers a {
	color: #0ea5e9;
	text-decoration: none;
}

.zara-spec-grade-touchless-faucet-for-architects-designers a:hover {
	text-decoration: underline;
}

.zara-spec-grade-touchless-faucet-for-architects-designers .zara-spec-grade-touchless-faucet-for-architects-designers-container {
	max-width: 1800px;
	margin: 0 auto;
	padding: 24px;
}

.zara-spec-grade-touchless-faucet-for-architects-designers-band .zara-spec-grade-touchless-faucet-for-architects-designers-center .zara-spec-grade-touchless-faucet-for-architects-designers-container h2 {
	color: #fff !important;
}

#content_area .zara-spec-grade-touchless-faucet-for-architects-designers .zara-spec-grade-touchless-faucet-for-architects-designers-container p {
	text-align: justify;
}

.zara-spec-grade-touchless-faucet-for-architects-designers .zara-spec-grade-touchless-faucet-for-architects-designers-center {
	text-align: center;
}

.zara-spec-grade-touchless-faucet-for-architects-designers .zara-spec-grade-touchless-faucet-for-architects-designers-muted {
	color: #475569;
}

.zara-spec-grade-touchless-faucet-for-architects-designers .zara-spec-grade-touchless-faucet-for-architects-designers-btn {
	display: inline-block;
	background: #12aeee;
	color: #ffffff;
	padding: 12px 18px;
	border-radius: 10px;
	font-weight: 600;
	box-shadow: 0 6px 16px rgba(18, 174, 238, 0.18);
	border: none !important;
}

.zara-spec-grade-touchless-faucet-for-architects-designers .zara-spec-grade-touchless-faucet-for-architects-designers-btn-dark {
	background: #0f172a;
}

.zara-spec-grade-touchless-faucet-for-architects-designers .zara-spec-grade-touchless-faucet-for-architects-designers-btn:hover {
	text-decoration: none;
}

.zara-spec-grade-touchless-faucet-for-architects-designers .zara-spec-grade-touchless-faucet-for-architects-designers-btn-ghost {
	background: #ffffff;
	border: 1px solid #e6eef3;
	color: #0f172a;
}

.zara-spec-grade-touchless-faucet-for-architects-designers .zara-spec-grade-touchless-faucet-for-architects-designers-btn:hover {
	filter: brightness(0.96);
}

.zara-spec-grade-touchless-faucet-for-architects-designers .zara-spec-grade-touchless-faucet-for-architects-designers-pill {
	display: inline-flex;
	gap: 8px;
	align-items: center;
	border: 1px solid #e6eef3;
	padding: 6px 10px;
	border-radius: 999px;
	color: #475569;
	font-size: 0.85rem;
	background: #ffffff;
}

        /* Layout helpers */
.zara-spec-grade-touchless-faucet-for-architects-designers section {
	margin-top: 28px;
}

.zara-spec-grade-touchless-faucet-for-architects-designers .zara-spec-grade-touchless-faucet-for-architects-designers-grid {
	display: grid;
	gap: 16px;
}

.zara-spec-grade-touchless-faucet-for-architects-designers .zara-spec-grade-touchless-faucet-for-architects-designers-cols-2 {
	grid-template-columns: repeat(2, 1fr);
}

.zara-spec-grade-touchless-faucet-for-architects-designers .zara-spec-grade-touchless-faucet-for-architects-designers-cols-3 {
	grid-template-columns: repeat(3, 1fr);
}

.zara-spec-grade-touchless-faucet-for-architects-designers .zara-spec-grade-touchless-faucet-for-architects-designers-cols-4 {
	grid-template-columns: repeat(4, 1fr);
}

@media (max-width: 1000px) {
	.zara-spec-grade-touchless-faucet-for-architects-designers .zara-spec-grade-touchless-faucet-for-architects-designers-cols-4 {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media (max-width: 820px) {
	.zara-spec-grade-touchless-faucet-for-architects-designers .zara-spec-grade-touchless-faucet-for-architects-designers-cols-3,
            .zara-spec-grade-touchless-faucet-for-architects-designers .zara-spec-grade-touchless-faucet-for-architects-designers-cols-4 {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 560px) {
	.zara-spec-grade-touchless-faucet-for-architects-designers .zara-spec-grade-touchless-faucet-for-architects-designers-cols-2,
            .zara-spec-grade-touchless-faucet-for-architects-designers .zara-spec-grade-touchless-faucet-for-architects-designers-cols-3,
            .zara-spec-grade-touchless-faucet-for-architects-designers .zara-spec-grade-touchless-faucet-for-architects-designers-cols-4 {
		grid-template-columns: 1fr;
	}
}

.zara-spec-grade-touchless-faucet-for-architects-designers .zara-spec-grade-touchless-faucet-for-architects-designers-card {
	background: #ffffff;
	border: 1px solid #e6eef3;
	border-radius: 14px;
	padding: 18px;
}

.zara-spec-grade-touchless-faucet-for-architects-designers .zara-spec-grade-touchless-faucet-for-architects-designers-tile {
	background: #ffffff;
	border: 1px solid #e6eef3;
	border-radius: 14px;
	display: grid;
	grid-template-columns: 0.9fr 1.1fr;
	gap: 16px;
	overflow: hidden;
}

.zara-spec-grade-touchless-faucet-for-architects-designers .zara-spec-grade-touchless-faucet-for-architects-designers-tile .zara-spec-grade-touchless-faucet-for-architects-designers-txt {
	padding: 16px;
}

@media (max-width: 760px) {
	.zara-spec-grade-touchless-faucet-for-architects-designers .zara-spec-grade-touchless-faucet-for-architects-designers-tile {
		grid-template-columns: 1fr;
	}
}

        /* Hero */
.zara-spec-grade-touchless-faucet-for-architects-designers .zara-spec-grade-touchless-faucet-for-architects-designers-hero {
	position: relative;
}

.zara-spec-grade-touchless-faucet-for-architects-designers .zara-spec-grade-touchless-faucet-for-architects-designers-hero-img {
	width: 100%;
	height: 46vh;
	object-fit: cover;
	object-position: center;
	filter: brightness(0.78);
}

.zara-spec-grade-touchless-faucet-for-architects-designers .zara-spec-grade-touchless-faucet-for-architects-designers-hero-content {
	position: absolute;
	inset: 0;
	display: grid;
	place-items: center;
	padding: 16px;
}

.zara-spec-grade-touchless-faucet-for-architects-designers .zara-spec-grade-touchless-faucet-for-architects-designers-hero-card {
	max-width: 1050px;
	background: rgba(255, 255, 255, 0.92);
	backdrop-filter: saturate(1.1) blur(6px);
	border: 1px solid #e6eef3;
	border-radius: 16px;
	padding: 26px;
}

.zara-spec-grade-touchless-faucet-for-architects-designers .zara-spec-grade-touchless-faucet-for-architects-designers-hero h1 {
	margin: 0 0 8px;
	font-size: clamp(26px, 3.6vw, 40px);
	line-height: 1.15;
}

.zara-spec-grade-touchless-faucet-for-architects-designers .zara-spec-grade-touchless-faucet-for-architects-designers-hero p {
	margin: 6px 0 14px;
}

.zara-spec-grade-touchless-faucet-for-architects-designers .zara-spec-grade-touchless-faucet-for-architects-designers-specbar {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
	justify-content: center;
}

.zara-spec-grade-touchless-faucet-for-architects-designers .zara-spec-grade-touchless-faucet-for-architects-designers-specbar a {
	border: 1px solid #e6eef3;
	background: #ffffff;
	border-radius: 999px;
	padding: 10px 12px;
	font-weight: 600;
}

.zara-spec-grade-touchless-faucet-for-architects-designers .zara-spec-grade-touchless-faucet-for-architects-designers-specbar a:hover {
	border-color: #cfe8f6;
	text-decoration: none !important;
}

        /* Product cards */
.zara-spec-grade-touchless-faucet-for-architects-designers .zara-spec-grade-touchless-faucet-for-architects-designers-prod {
	background: #ffffff;
	border: 1px solid #e6eef3;
	border-radius: 12px;
	overflow: hidden;
	display: flex;
	flex-direction: column;
}

.zara-spec-grade-touchless-faucet-for-architects-designers .zara-spec-grade-touchless-faucet-for-architects-designers-prod figure {
	padding: 12px 12px 0;
}

.zara-spec-grade-touchless-faucet-for-architects-designers .zara-spec-grade-touchless-faucet-for-architects-designers-prod figure img {
	border: 1px solid #d7dde3;
	border-radius: 12px;
	margin: 0 auto;
}

.zara-spec-grade-touchless-faucet-for-architects-designers .zara-spec-grade-touchless-faucet-for-architects-designers-prod .zara-spec-grade-touchless-faucet-for-architects-designers-body {
	padding: 12px 14px 16px;
}

.zara-spec-grade-touchless-faucet-for-architects-designers .zara-spec-grade-touchless-faucet-for-architects-designers-prod h3 {
	margin: 6px 0 4px;
	font-size: 1rem;
}

.zara-spec-grade-touchless-faucet-for-architects-designers .zara-spec-grade-touchless-faucet-for-architects-designers-meta {
	font-size: 0.88rem;
	color: #475569;
}

        /* Logos row */
.zara-spec-grade-touchless-faucet-for-architects-designers .zara-spec-grade-touchless-faucet-for-architects-designers-logos {
	display: flex;
	flex-wrap: wrap;
	gap: 18px;
	align-items: center;
	justify-content: center;
}

.zara-spec-grade-touchless-faucet-for-architects-designers .zara-spec-grade-touchless-faucet-for-architects-designers-logos img {
	max-height: 44px;
	filter: grayscale(1);
	opacity: 0.9;
}

        /* Lists */
.zara-spec-grade-touchless-faucet-for-architects-designers .zara-spec-grade-touchless-faucet-for-architects-designers-list {
	display: grid;
	gap: 10px;
	margin: 0;
	padding-left: 0;
	list-style: none;
}

.zara-spec-grade-touchless-faucet-for-architects-designers .zara-spec-grade-touchless-faucet-for-architects-designers-list li {
	background: #ffffff;
	border: 1px solid #e6eef3;
	border-radius: 10px;
	padding: 10px 12px;
}

        /* Band */
.zara-spec-grade-touchless-faucet-for-architects-designers .zara-spec-grade-touchless-faucet-for-architects-designers-band {
	background: #e6f2fb;
	color: #0b1220;
	padding: 34px 0;
}

.zara-spec-grade-touchless-faucet-for-architects-designers .zara-spec-grade-touchless-faucet-for-architects-designers-band .zara-spec-grade-touchless-faucet-for-architects-designers-btn {
	background: #22c55e;
	box-shadow: none;
}

.zara-spec-grade-touchless-faucet-for-architects-designers .zara-spec-grade-touchless-faucet-for-architects-designers-band p {
	margin: 6px 0 0;
}

        /* BIM Search hero */
.zara-spec-grade-touchless-faucet-for-architects-designers .zara-spec-grade-touchless-faucet-for-architects-designers-bim-hero {
	position: relative;
	border-radius: 16px;
	overflow: hidden;
	border: 1px solid #e6eef3;
}

.zara-spec-grade-touchless-faucet-for-architects-designers .zara-spec-grade-touchless-faucet-for-architects-designers-bim-hero .zara-spec-grade-touchless-faucet-for-architects-designers-bg {
	position: absolute;
	inset: 0;
}

.zara-spec-grade-touchless-faucet-for-architects-designers .zara-spec-grade-touchless-faucet-for-architects-designers-bim-hero .zara-spec-grade-touchless-faucet-for-architects-designers-bg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	filter: brightness(0.55);
}

.zara-spec-grade-touchless-faucet-for-architects-designers .zara-spec-grade-touchless-faucet-for-architects-designers-bim-hero .zara-spec-grade-touchless-faucet-for-architects-designers-content {
	position: relative;
	z-index: 2;
	padding: 32px;
	display: grid;
	place-items: center;
	text-align: center;
	color: #ffffff;
}

.zara-spec-grade-touchless-faucet-for-architects-designers .zara-spec-grade-touchless-faucet-for-architects-designers-bim-hero h2 {
	margin: 0 0 6px;
}

.zara-spec-grade-touchless-faucet-for-architects-designers .zara-spec-grade-touchless-faucet-for-architects-designers-bim-form {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
	justify-content: center;
	margin-top: 10px;
}

.zara-spec-grade-touchless-faucet-for-architects-designers .zara-spec-grade-touchless-faucet-for-architects-designers-bim-input {
	min-width: 260px;
	border-radius: 10px;
	border: 1px solid #d7dde3;
	padding: 10px 12px;
	outline: none;
}

.zara-spec-grade-touchless-faucet-for-architects-designers .zara-spec-grade-touchless-faucet-for-architects-designers-bim-input::placeholder {
	color: #cfe0ea;
}

        /* Radio panel */
.zara-spec-grade-touchless-faucet-for-architects-designers .zara-spec-grade-touchless-faucet-for-architects-designers-radio-panel {
	display: grid;
	grid-template-columns: 1.1fr 0.9fr;
	gap: 18px;
}

@media (max-width: 820px) {
	.zara-spec-grade-touchless-faucet-for-architects-designers .zara-spec-grade-touchless-faucet-for-architects-designers-radio-panel {
		grid-template-columns: 1fr;
	}
}

.zara-spec-grade-touchless-faucet-for-architects-designers .zara-spec-grade-touchless-faucet-for-architects-designers-radio-card {
	background: #ffffff;
	border: 1px solid #e6eef3;
	border-radius: 14px;
	padding: 18px;
}

.zara-spec-grade-touchless-faucet-for-architects-designers .zara-spec-grade-touchless-faucet-for-architects-designers-radio-options {
	display: grid;
	gap: 10px;
	margin-top: 10px;
}

.zara-spec-grade-touchless-faucet-for-architects-designers .zara-spec-grade-touchless-faucet-for-architects-designers-form-option-wrapper {
	display: flex;
	gap: 10px;
	align-items: center;
}

.zara-spec-grade-touchless-faucet-for-architects-designers .zara-spec-grade-touchless-faucet-for-architects-designers-radio-options input {
	width: 18px;
	height: 18px;
}

.zara-spec-grade-touchless-faucet-for-architects-designers .zara-spec-grade-touchless-faucet-for-architects-designers-radio-go {
	margin-top: 12px;
}

        /* Collapsibles */
.zara-spec-grade-touchless-faucet-for-architects-designers details {
	background: #ffffff;
	border: 1px solid #e6eef3;
	border-radius: 12px;
	padding: 10px 14px;
}

.zara-spec-grade-touchless-faucet-for-architects-designers details + details {
	margin-top: 10px;
}

.zara-spec-grade-touchless-faucet-for-architects-designers summary {
	cursor: pointer;
	font-weight: 700;
	color: #0f172a;
}

.zara-spec-grade-touchless-faucet-for-architects-designers details p,
        .zara-spec-grade-touchless-faucet-for-architects-designers .zara-spec-grade-touchless-faucet-for-architects-designers-linklist {
	margin: 10px 0 0;
}

.zara-spec-grade-touchless-faucet-for-architects-designers .zara-spec-grade-touchless-faucet-for-architects-designers-linklist a {
	display: inline-block;
	margin: 0.15rem 0.4rem 0.15rem 0;
	border: 1px solid #e6eef3;
	border-radius: 999px;
	padding: 6px 10px;
	background: #ffffff;
	color: #334155;
	font-size: 0.9rem;
}

.zara-spec-grade-touchless-faucet-for-architects-designers .zara-spec-grade-touchless-faucet-for-architects-designers-badge {
	display: inline-flex;
	gap: 8px;
	align-items: center;
	font-size: 0.88rem;
	color: #065f46;
	background: rgba(16, 185, 129, 0.1);
	border: 1px solid rgba(16, 185, 129, 0.25);
	padding: 6px 10px;
	border-radius: 999px;
}

.zara-spec-grade-ada-touchless-faucet * {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

.zara-spec-grade-ada-touchless-faucet {
	background: #ffffff;
	font-family: Inter, system-ui, -apple-system, sans-serif;
}

.zara-spec-grade-ada-touchless-faucet .zara-spec-grade-ada-touchless-faucet-hero {
	background: #ffffff;
}

.zara-spec-grade-ada-touchless-faucet .zara-spec-grade-ada-touchless-faucet-wrap {
	margin: 0 auto;
	padding: 48px 20px;
	display: grid;
	grid-template-columns: 1.2fr 0.8fr;
	gap: 30px;
	align-items: center;
	font-family: Inter, system-ui;
}

.zara-spec-grade-ada-touchless-faucet .zara-spec-grade-ada-touchless-faucet-chip {
	display: inline-flex;
	align-items: center;
	padding: 0.35rem 0.7rem;
	border-radius: 999px;
	background: #eaf6fb;
	color: #066b92;
	font-weight: 600;
	font-size: 13px;
	line-height: 1;
	font-family: Inter;
}

.zara-spec-grade-ada-touchless-faucet .zara-spec-grade-ada-touchless-faucet-hero h1 {
	font-size: 32px;
	line-height: 1.2;
	margin: 0.3rem 0 1rem;
	color: #0f172a;
}

.zara-spec-grade-ada-touchless-faucet .zara-spec-grade-ada-touchless-faucet-hero p {
	color: #64748b;
	font-size: 16.5px;
	max-width: 56ch;
}

.zara-spec-grade-ada-touchless-faucet .zara-spec-grade-ada-touchless-faucet-hero-badges {
	margin: 10px 0 4px;
	color: #334155;
	font-weight: 600;
	font-size: 13px;
	font-family: Inter;
}

.zara-spec-grade-ada-touchless-faucet .zara-spec-grade-ada-touchless-faucet-act {
	display: flex;
	gap: 0.6rem;
	flex-wrap: wrap;
	margin-top: 12px;
}

.zara-spec-grade-ada-touchless-faucet .zara-spec-grade-ada-touchless-faucet-btn {
	display: inline-flex;
	gap: 0.5rem;
	align-items: center;
	justify-content: center;
	padding: 0.8rem 1.1rem;
	border-radius: 999px;
	border: 1px solid #e5edf3;
	background: #ffffff;
	color: #0f172a;
	text-decoration: none;
	font-weight: 600;
	font-size: 14px;
	line-height: 1;
	font-family: Inter;
}

.zara-spec-grade-ada-touchless-faucet .zara-spec-grade-ada-touchless-faucet-btn:hover {
	border-color: #0e94ca;
}

.zara-spec-grade-ada-touchless-faucet .zara-spec-grade-ada-touchless-faucet-btn-primary {
	background: #0e94ca;
	border-color: transparent;
	color: #ffffff;
}

.zara-spec-grade-ada-touchless-faucet .zara-spec-grade-ada-touchless-faucet-btn-primary:hover {
	background: #066b92;
}

.zara-spec-grade-ada-touchless-faucet .zara-spec-grade-ada-touchless-faucet-hero .zara-spec-grade-ada-touchless-faucet-media {
	border-radius: 20px;
	box-shadow: 0 10px 30px rgba(14, 148, 202, 0.12);
	overflow: hidden;
	border: 1px solid #e5edf3;
	width: 100%;
	object-fit: cover;
	max-width: 450px;
	object-position: center center;
}

.zara-spec-grade-ada-touchless-faucet .zara-spec-grade-ada-touchless-faucet-media img {
	width: 100%;
	height: auto;
	display: block;
}

@media(max-width: 980px) {
	.zara-spec-grade-ada-touchless-faucet .zara-spec-grade-ada-touchless-faucet-hero .zara-spec-grade-ada-touchless-faucet-wrap {
		grid-template-columns: 1fr;
	}

	.zara-spec-grade-ada-touchless-faucet .zara-spec-grade-ada-touchless-faucet-hero .zara-spec-grade-ada-touchless-faucet-media {
		justify-self: center;
	}
}

.zara-platform-branded-collections-portfolio * {
	box-sizing: border-box;
}

.zara-platform-branded-collections-portfolio {
	margin: 0;
	padding: 0;
	color: #ecf0f1;
	font-family: Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
}

.zara-platform-branded-collections-portfolio .zara-platform-branded-collections-portfolio-link {
	color: #0c0f13;
	text-decoration: none;
}

.zara-platform-branded-collections-portfolio .zara-platform-branded-collections-portfolio-link:hover {
	text-decoration: underline;
}

.zara-platform-branded-collections-portfolio .zara-platform-branded-collections-portfolio-container {
	margin: 0 auto;
	padding: 24px;
}

.zara-platform-branded-collections-portfolio .zara-platform-branded-collections-portfolio-hero

.zara-platform-branded-collections-portfolio .zara-platform-branded-collections-portfolio-eyebrow {
	letter-spacing: .18em;
	text-transform: uppercase;
	color: #0c0f13;
	font-size: 12px;
	margin-bottom: 6px;
}

.zara-platform-branded-collections-portfolio .zara-platform-branded-collections-portfolio-h1 {
	font-size: 36px;
	line-height: 1.1;
	margin: 0 0 8px;
	font-weight: 800;
	color: #0c0f13;
}

.zara-platform-branded-collections-portfolio .zara-platform-branded-collections-portfolio-sub {
	color: #9aa3ad;
	max-width: 70ch;
	margin: 0;
}

.zara-platform-branded-collections-portfolio .zara-platform-branded-collections-portfolio-grid {
	display: grid;
	grid-template-columns: repeat(12,1fr);
	gap: 16px;
	margin-top: 22px;
}

@media (max-width:1080px) {
	.zara-platform-branded-collections-portfolio .zara-platform-branded-collections-portfolio-grid {
		grid-template-columns: repeat(8,1fr);
	}
}

@media (max-width:720px) {
	.zara-platform-branded-collections-portfolio .zara-platform-branded-collections-portfolio-grid {
		grid-template-columns: repeat(4,1fr);
	}
}

.zara-platform-branded-collections-portfolio .zara-platform-branded-collections-portfolio-card {
	grid-column: span 6;
	display: flex;
	flex-direction: column;
	gap: 12px;
	background: linear-gradient(180deg, #f0f9ff, #e6f7ff, #f5fbff);
	border: 1px solid #e6f7ff;
	border-radius: 18px;
	padding: 16px 16px 18px;
	box-shadow: 0 12px 30px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.03);
	transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.zara-platform-branded-collections-portfolio .zara-platform-branded-collections-portfolio-card:hover {
	transform: translateY(-2px);
	box-shadow: 0 20px 50px rgba(0,0,0,.45);
}

.zara-platform-branded-collections-portfolio .zara-platform-branded-collections-portfolio-figure {
	position: relative;
	border-radius: 14px;
	overflow: hidden;
	background: #fff;
	border: 2px solid #223047;
}

.zara-platform-branded-collections-portfolio .zara-platform-branded-collections-portfolio-figure img {
	min-width: 100%;
	height: auto;
	object-fit: cover;
	display: block;
	opacity: 0;
	transition: opacity .25s ease;
}

.zara-platform-branded-collections-portfolio .zara-platform-branded-collections-portfolio-cap {
	position: absolute;
	inset: auto 8px 8px 8px;
	background: rgba(0,0,0,.35);
	backdrop-filter: blur(4px);
	color: #dfe6ee;
	font-size: 12px;
	padding: 6px 8px;
	border-radius: 10px;
	border: 1px solid rgba(255,255,255,.15);
}

.zara-platform-branded-collections-portfolio .zara-platform-branded-collections-portfolio-loading {
	position: absolute;
	inset: 0;
	display: grid;
	place-items: center;
	color: #8fa7c1;
	font-size: 12px;
}

.zara-platform-branded-collections-portfolio .zara-platform-branded-collections-portfolio-error {
	position: absolute;
	inset: 0;
	display: grid;
	place-items: center;
	color: #c8d1db;
	background: repeating-linear-gradient(45deg,#0f1724,#0f1724 10px,#0c1521 10px,#0c1521 20px);
}

.zara-platform-branded-collections-portfolio .zara-platform-branded-collections-portfolio-row {
	display: flex;
	gap: 10px;
	align-items: center;
	flex-wrap: wrap;
}

.zara-platform-branded-collections-portfolio .zara-platform-branded-collections-portfolio-code {
	font-family: ui-monospace,Menlo,Consolas,monospace;
	font-size: 12px;
	color: #fff;
	padding: 6px 10px;
	border: 1px dashed #2c5379;
	border-radius: 8px;
	background: #2c5379;
}

.zara-platform-branded-collections-portfolio .zara-platform-branded-collections-portfolio-title {
	font-size: 18px;
	font-weight: 700;
	line-height: 1.25;
	margin: 4px 0 0;
}

.zara-platform-branded-collections-portfolio .zara-platform-branded-collections-portfolio-meta {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
}

.zara-platform-branded-collections-portfolio .zara-platform-branded-collections-portfolio-chip {
	background: #2c5379;
	border: 1px solid #2c5379;
	color: #fff;
	padding: 6px 8px;
	border-radius: 999px;
	font-size: 12px;
}

.zara-platform-branded-collections-portfolio .zara-platform-branded-collections-portfolio-chip.zara-platform-branded-collections-portfolio-brand {
	border-color: #2c5379;
	color: #fff;
	background: #2c5379;
}

.zara-platform-branded-collections-portfolio .zara-platform-branded-collections-portfolio-group {
	font-style: italic;
}

#content_area .zara-platform-branded-collections-portfolio .zara-platform-branded-collections-portfolio-desc {
	color: #c8d1db;
	text-align: justify;
}

.zara-platform-branded-collections-portfolio .zara-platform-branded-collections-portfolio-labels {
	display: grid;
	grid-template-columns: 160px minmax(0,1fr);
	gap: 10px 14px;
	align-items: start;
}

.zara-platform-branded-collections-portfolio .zara-platform-branded-collections-portfolio-label {
	color: #9fb0c2;
	font-size: 12px;
	white-space: nowrap;
	margin-top: 2px;
}

.zara-platform-branded-collections-portfolio .zara-platform-branded-collections-portfolio-value {
	color: #eaf2fa;
	font-size: 13px;
	line-height: 1.5;
	word-break: break-word;
	overflow-wrap: anywhere;
}

.zara-platform-branded-collections-portfolio .zara-platform-branded-collections-portfolio-stars {
	color: #ffcc33;
	letter-spacing: 1px;
	margin-right: 6px;
}

.zara-platform-branded-collections-portfolio .zara-platform-branded-collections-portfolio-btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 10px 12px;
	border-radius: 12px;
	border: 1px solid #2a3343;
	background: #0f1724;
	color: #e8f0f7;
	font-size: 12px;
	font-weight: 600;
	text-decoration: none;
}

.zara-platform-branded-collections-portfolio .zara-platform-branded-collections-portfolio-btn:hover {
	background: #132034;
	text-decoration: none;
}

.zara-platform-branded-collections-portfolio .zara-platform-branded-collections-portfolio-btn.zara-platform-branded-collections-portfolio-primary {
	border-color: #1e7bd8;
	background: linear-gradient(180deg,#1c86f5 0%,#106bd1 100%);
	color: white;
	justify-content: center !important;
}

.zara-fontana-protfolio-branded-collections-products-list * {
	box-sizing: border-box;
}

.zara-fontana-protfolio-branded-collections-products-list {
	margin: 0;
	padding: 0;
	font-family: Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
	color: #0b2133;
}

.zara-fontana-protfolio-branded-collections-products-list .zara-fontana-protfolio-branded-collections-products-list-link {
	color: #0284c7;
	text-decoration: none;
}

.zara-fontana-protfolio-branded-collections-products-list .zara-fontana-protfolio-branded-collections-products-list-link:hover {
	text-decoration: underline;
}

.zara-fontana-protfolio-branded-collections-products-list .zara-fontana-protfolio-branded-collections-products-list-container {
	max-width: 1800px;
	margin: 0 auto;
	padding: 24px;
}
  
  /* HERO */
.zara-fontana-protfolio-branded-collections-products-list .zara-fontana-protfolio-branded-collections-products-list-hero {
	border-radius: 20px;
	padding: 24px 24px;
	background: radial-gradient(1200px 420px at -10% -30%, rgba(56,189,248,.22), transparent 60%),
               radial-gradient(900px 480px at 110% -20%, rgba(14,165,233,.18), transparent 60%),
               linear-gradient(180deg, rgba(255,255,255,.55) 0%, rgba(255,255,255,.25) 100%);
	box-shadow: 0 30px 80px rgba(2,132,199,.18), inset 0 1px 0 rgba(255,255,255,.5);
	backdrop-filter: blur(6px);
	margin-bottom: 14px;
}

.zara-fontana-protfolio-branded-collections-products-list .zara-fontana-protfolio-branded-collections-products-list-eyebrow {
	letter-spacing: .18em;
	text-transform: uppercase;
	color: #0369a1;
	font-size: 12px;
	margin-bottom: 6px;
}

.zara-fontana-protfolio-branded-collections-products-list .zara-fontana-protfolio-branded-collections-products-list-h1 {
	font-size: 28px;
	line-height: 1.15;
	margin: 0 0 8px;
	font-weight: 800;
	color: #062338;
}

.zara-fontana-protfolio-branded-collections-products-list .zara-fontana-protfolio-branded-collections-products-list-sub {
	color: #34566e;
	max-width: 80ch;
	margin: 0;
}
  
  /* CONTROLS */
.zara-fontana-protfolio-branded-collections-products-list .zara-fontana-protfolio-branded-collections-products-list-toolbar {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	align-items: center;
	justify-content: space-between;
	margin-top: 14px;
	padding: 12px;
	border: 1px solid rgba(3,105,161,.20);
	border-radius: 14px;
	background: rgba(255,255,255,.6);
	box-shadow: 0 8px 24px rgba(2,132,199,.10);
}

.zara-fontana-protfolio-branded-collections-products-list .zara-fontana-protfolio-branded-collections-products-list-controls {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	align-items: center;
}

.zara-fontana-protfolio-branded-collections-products-list .zara-fontana-protfolio-branded-collections-products-list-label-sm {
	font-size: 12px;
	color: #0b5f8f;
	font-weight: 600;
}

.zara-fontana-protfolio-branded-collections-products-list .zara-fontana-protfolio-branded-collections-products-list-select {
	appearance: none;
	padding: 8px 12px;
	border-radius: 10px;
	border: 1px solid rgba(3,105,161,.28);
	background: #fff;
	color: #073c60;
	font-weight: 700;
}

.zara-fontana-protfolio-branded-collections-products-list .zara-fontana-protfolio-branded-collections-products-list-filter-chip {
	user-select: none;
	cursor: pointer;
	border-radius: 999px;
	font-size: 12px;
	font-weight: 700;
	border: 1px solid rgba(3,105,161,.30);
	background: rgba(219,244,255,.85);
	color: #035a8a;
	padding: 0 10px;
}

.zara-fontana-protfolio-branded-collections-products-list .zara-fontana-protfolio-branded-collections-products-list-filter-chip.zara-fontana-protfolio-branded-collections-products-list-is-active {
	background: #0ea5e9;
	color: #035a8a;
	border-color: #0ea5e9;
}

.zara-fontana-protfolio-branded-collections-products-list .zara-fontana-protfolio-branded-collections-products-list-filter-chip[data-filter="ALL"] {
	background: #fff;
}

.zara-fontana-protfolio-branded-collections-products-list .zara-fontana-protfolio-branded-collections-products-list-clear-btn {
	margin-left: auto;
	padding: 8px 10px;
	font-size: 12px;
	font-weight: 700;
	color: #0369a1;
	border: none;
	background: transparent;
	text-decoration: underline;
	cursor: pointer;
}
  
  /* GRID */
.zara-fontana-protfolio-branded-collections-products-list .zara-fontana-protfolio-branded-collections-products-list-grid {
	display: grid;
	grid-template-columns: repeat(12,1fr);
	gap: 16px;
	margin-top: 16px;
}

@media (max-width:1080px) {
	.zara-fontana-protfolio-branded-collections-products-list .zara-fontana-protfolio-branded-collections-products-list-grid {
		grid-template-columns: repeat(8,1fr);
	}
}

@media (max-width:720px) {
	.zara-fontana-protfolio-branded-collections-products-list .zara-fontana-protfolio-branded-collections-products-list-grid {
		grid-template-columns: repeat(4,1fr);
	}
}
  
  /* CARD */
.zara-fontana-protfolio-branded-collections-products-list .zara-fontana-protfolio-branded-collections-products-list-card {
	grid-column: span 6;
	display: flex;
	flex-direction: column;
	gap: 12px;
	background: rgba(255,255,255,.72);
	border: 1px solid rgba(3,105,161,.20);
	border-radius: 18px;
	padding: 16px 16px 18px;
	box-shadow: 0 18px 40px rgba(2,132,199,.15), 0 2px 0 rgba(255,255,255,.7) inset;
	transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
	backdrop-filter: blur(8px);
}

.zara-fontana-protfolio-branded-collections-products-list .zara-fontana-protfolio-branded-collections-products-list-card:hover {
	transform: translateY(-2px);
	box-shadow: 0 26px 60px rgba(2,132,199,.22);
	border-color: rgba(2,132,199,.35);
	background: rgba(255,255,255,.80);
}
  
  /* Figure */
.zara-fontana-protfolio-branded-collections-products-list .zara-fontana-protfolio-branded-collections-products-list-figure {
	position: relative;
	aspect-ratio: 16/10;
	border-radius: 14px;
	overflow: hidden;
	background: linear-gradient(135deg, #e6f5ff 0%, #cfefff 100%);
	border: 1px solid rgba(3,105,161,.18);
}

/*.zara-fontana-protfolio-branded-collections-products-list .zara-fontana-protfolio-branded-collections-products-list-figure img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	opacity: 0;
	transition: opacity .25s ease;
}*/
.zara-fontana-protfolio-branded-collections-products-list .zara-fontana-protfolio-branded-collections-products-list-figure img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	opacity: 1;
	transition: opacity .25s ease;
}

.zara-fontana-protfolio-branded-collections-products-list .zara-fontana-protfolio-branded-collections-products-list-cap {
	position: absolute;
	inset: auto 8px 8px 8px;
	background: linear-gradient(180deg, rgba(255,255,255,.70), rgba(255,255,255,.45));
	color: #084466;
	font-size: 12px;
	padding: 0 8px;
	border-radius: 10px;
	border: 1px solid rgba(3,105,161,.25);
}
/*
.zara-fontana-protfolio-branded-collections-products-list .zara-fontana-protfolio-branded-collections-products-list-loading {
	position: absolute;
	inset: 0;
	display: grid;
	place-items: center;
	color: #0b5f8f;
	font-size: 12px;
}
*/
.zara-fontana-protfolio-branded-collections-products-list .zara-fontana-protfolio-branded-collections-products-list-loading {
	position: absolute;
	inset: 0;
	display: grid;
	place-items: center;
	color: #0b5f8f;
	font-size: 12px;
	opacity: 0;
}

.zara-fontana-protfolio-branded-collections-products-list .zara-fontana-protfolio-branded-collections-products-list-error {
	position: absolute;
	inset: 0;
	display: grid;
	place-items: center;
	color: #0b5f8f;
	background: repeating-linear-gradient(45deg,#e8f6ff,#e8f6ff 10px,#dff1ff 10px,#dff1ff 20px);
}
  
  /* Text & chips */
.zara-fontana-protfolio-branded-collections-products-list .zara-fontana-protfolio-branded-collections-products-list-row {
	display: flex;
	gap: 10px;
	align-items: center;
	flex-wrap: wrap;
}

.zara-fontana-protfolio-branded-collections-products-list .zara-fontana-protfolio-branded-collections-products-list-code {
	font-family: ui-monospace,Menlo,Consolas,monospace;
	font-size: 12px;
	color: #0b5986;
	padding: 0 10px;
	border: 1px dashed rgba(3,105,161,.35);
	border-radius: 8px;
	background: rgba(186,230,253,.35);
}

.zara-fontana-protfolio-branded-collections-products-list .zara-fontana-protfolio-branded-collections-products-list-title {
	font-size: 18px;
	font-weight: 800;
	line-height: 1.25;
	margin: 4px 0 0;
	color: #072b46;
}

.zara-fontana-protfolio-branded-collections-products-list .zara-fontana-protfolio-branded-collections-products-list-meta {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
}

.zara-fontana-protfolio-branded-collections-products-list .zara-fontana-protfolio-branded-collections-products-list-chip {
	background: rgba(255,255,255,.65);
	border: 1px solid rgba(3,105,161,.25);
	color: #0a4f7a;
	padding: 0 8px;
	border-radius: 999px;
	font-size: 12px;
}

.zara-fontana-protfolio-branded-collections-products-list .zara-fontana-protfolio-branded-collections-products-list-chip.zara-fontana-protfolio-branded-collections-products-list-brand {
	border-color: rgba(2,132,199,.45);
	color: #035a8a;
	background: rgba(219,244,255,.85);
}

.zara-fontana-protfolio-branded-collections-products-list .zara-fontana-protfolio-branded-collections-products-list-chip.zara-fontana-protfolio-branded-collections-products-list-finish {
	background: #fff;
	border-color: rgba(3,105,161,.25);
	color: #07507b;
}

.zara-fontana-protfolio-branded-collections-products-list .zara-fontana-protfolio-branded-collections-products-list-desc {
	color: #0a4266;
}
  
  /* Labels grid — wraps long text cleanly */
.zara-fontana-protfolio-branded-collections-products-list .zara-fontana-protfolio-branded-collections-products-list-labels {
	display: grid;
	grid-template-columns: 170px minmax(0,1fr);
	gap: 0;
	align-items: start;
}

.zara-fontana-protfolio-branded-collections-products-list .zara-fontana-protfolio-branded-collections-products-list-label {
	color: #0c5c8c;
	font-size: 12px;
	white-space: nowrap;
	margin-top: 2px;
}

.zara-fontana-protfolio-branded-collections-products-list .zara-fontana-protfolio-branded-collections-products-list-value {
	color: #073c60;
	font-size: 13px;
	line-height: 1.55;
	word-break: break-word;
	overflow-wrap: anywhere;
}

.zara-fontana-protfolio-branded-collections-products-list .zara-fontana-protfolio-branded-collections-products-list-stars {
	color: #d97706;
	letter-spacing: 1px;
	margin-right: 6px;
}

.zara-fontana-protfolio-branded-collections-products-list .zara-fontana-protfolio-branded-collections-products-list-btn {
	display: inline-flex;
	align-items: center !important;
	gap: 8px;
	padding: 10px 12px;
	border-radius: 12px;
	justify-content: center !important;
	border: 1px solid rgba(2,132,199,.35);
	background: linear-gradient(180deg, #39b6ff 0%, #0ea5e9 100%);
	color: white;
	font-size: 12px;
	font-weight: 700;
	text-decoration: none;
}

.zara-fontana-protfolio-branded-collections-products-list .zara-fontana-protfolio-branded-collections-products-list-btn:hover {
	filter: brightness(1.05);
	text-decoration: none;
}

.zara-fontana-protfolio-branded-collections-products-list .zara-fontana-protfolio-branded-collections-products-list-hidden {
	display: none !important;
}

.zara-request-review-cards .zara-request-review-cards-ftf-cta {
	margin: 36px 0;
	font-family: Inter, system-ui;
}

.zara-request-review-cards .zara-request-review-cards-wrap {
	max-width: 1800px;
	margin: 0 auto;
	padding: 0 20px;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 16px;
}

.zara-request-review-cards .zara-request-review-cards-card {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	background: #ffffff;
	border: 1px solid #e5edf3;
	border-radius: 16px;
	padding: 18px;
}

.zara-request-review-cards .zara-request-review-cards-card h3 {
	margin: .2rem 0 6px;
}

.zara-request-review-cards .zara-request-review-cards-card p {
	color: #64748b;
}

/* Fixed: Added proper parent selector and gap for button wrapping */
.zara-request-review-cards .zara-request-review-cards-card-btns {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 12px;
}

.zara-request-review-cards .zara-request-review-cards-btn {
	width: fit-content;
	margin-top: 8px;
	padding: .65rem 1rem;
	border-radius: 999px;
	border: 1px solid #e5edf3;
	text-decoration: none;
	color: #0f172a;
	font: 600 14px/1 Inter;
	background: #ffffff;
}

.zara-request-review-cards .zara-request-review-cards-btn:hover {
	border-color: #0e94ca;
}

.zara-request-review-cards .zara-request-review-cards-btn--primary {
	background: #0e94ca;
	color: #ffffff;
	border-color: transparent;
}

.zara-request-review-cards .zara-request-review-cards-btn--primary:hover {
	background: #066b92;
}

@media(max-width: 768px) {
	.zara-request-review-cards .zara-request-review-cards-wrap {
		grid-template-columns: 1fr;
	}
}

/* Additional responsive improvements for small screens */
@media(max-width: 480px) {
	.zara-request-review-cards .zara-request-review-cards-card-btns {
		flex-direction: column;
		align-items: stretch;
	}

	.zara-request-review-cards .zara-request-review-cards-btn {
		width: 100%;
		text-align: center;
	}
}

@media(max-width: 992px) and (min-width: 768px) {
	.zara-request-review-cards .zara-request-review-cards-card-btns {
		flex-direction: column;
		align-items: stretch;
	}

	.zara-request-review-cards .zara-request-review-cards-btn {
		width: 100%;
		text-align: center;
		justify-content: center;
	}
}

.zara-review-and-casenotes-specs * {
	box-sizing: border-box;
}

.zara-review-and-casenotes-specs {
	margin: 0;
	font: 16px/1.6 system-ui, -apple-system, Segoe UI, Roboto, Inter, Arial, sans-serif;
	color: #0f172a;
}

.zara-review-and-casenotes-specs .zara-review-and-casenotes-specs-link {
	color: #0ea5e9;
	text-decoration: none;
}

.zara-review-and-casenotes-specs .zara-review-and-casenotes-specs-link:hover {
	text-decoration: underline;
}

.zara-review-and-casenotes-specs .zara-review-and-casenotes-specs-wrap {
	max-width: 1800px;
	margin: auto;
	padding: 28px;
}

.zara-review-and-casenotes-specs .zara-review-and-casenotes-specs-header {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin-bottom: 10px;
}

.zara-review-and-casenotes-specs .zara-review-and-casenotes-specs-breadcrumbs {
	font-size: 13.5px;
	color: #475569;
}

.zara-review-and-casenotes-specs .zara-review-and-casenotes-specs-page-title {
	font-size: clamp(24px, 3.6vw, 38px);
	margin: 6px 0 4px;
}

.zara-review-and-casenotes-specs .zara-review-and-casenotes-specs-lead {
	color: #475569;
	max-width: 70ch;
}

.zara-review-and-casenotes-specs .zara-review-and-casenotes-specs-jump {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin: 18px 0;
}

.zara-review-and-casenotes-specs .zara-review-and-casenotes-specs-chip {
	display: inline-flex;
	align-items: center;
	padding: .4rem .75rem;
	border-radius: 999px;
	background: #ffffff;
	border: 1px solid #e2e8f0;
	font-weight: 600;
}

.zara-review-and-casenotes-specs .zara-review-and-casenotes-specs-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 22px;
}

@media(min-width: 880px) {
	.zara-review-and-casenotes-specs .zara-review-and-casenotes-specs-grid {
		grid-template-columns: 1fr 1fr;
	}
}

.zara-review-and-casenotes-specs .zara-review-and-casenotes-specs-card {
	background: #ffffff;
	border: 1px solid #e2e8f0;
	border-radius: 16px;
	padding: 18px;
}

.zara-review-and-casenotes-specs .zara-review-and-casenotes-specs-product-hd {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 16px;
}

.zara-review-and-casenotes-specs .zara-review-and-casenotes-specs-product-hd h2 {
	margin: 0;
	font-size: 22px;
}

.zara-review-and-casenotes-specs .zara-review-and-casenotes-specs-badge {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	background: #ecfeff;
	border: 1px solid #bae6fd;
	color: #0369a1;
	padding: .25rem .6rem;
	border-radius: 999px;
	font-size: 12.8px;
	font-weight: 700;
}

.zara-review-and-casenotes-specs .zara-review-and-casenotes-specs-rating {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 8px 0 6px;
}

.zara-review-and-casenotes-specs .zara-review-and-casenotes-specs-stars {
	color: #f59e0b;
}

.zara-review-and-casenotes-specs .zara-review-and-casenotes-specs-kpis {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 8px 0 14px;
}

.zara-review-and-casenotes-specs .zara-review-and-casenotes-specs-kpi {
	background: #ecfdf5;
	border: 1px solid #bbf7d0;
	color: #065f46;
	border-radius: 8px;
	padding: .35rem .6rem;
	font-weight: 700;
	font-size: 13px;
}

.zara-review-and-casenotes-specs .zara-review-and-casenotes-specs-bullets {
	margin: 10px 0 8px;
	padding-left: 18px;
}

.zara-review-and-casenotes-specs .zara-review-and-casenotes-specs-cta {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 14px;
}

.zara-review-and-casenotes-specs .zara-review-and-casenotes-specs-btn {
	display: inline-block;
	padding: .6rem .9rem;
	border-radius: 10px;
	font-weight: 700;
	border: 1px solid #0f172a;
}

.zara-review-and-casenotes-specs .zara-review-and-casenotes-specs-btn-primary {
	background: linear-gradient(to bottom, rgba(54,158,223,1) 0%,rgba(45,135,191,1) 100%,rgba(45,135,191,1) 102%);
	color: #fff;
	border-color: #1e7db9;
}

.zara-review-and-casenotes-specs .zara-review-and-casenotes-specs-btn-primary:hover {
	background: linear-gradient(to top, rgba(54,158,223,1) 0%,rgba(45,135,191,1) 100%,rgba(45,135,191,1) 102%);
}

.zara-review-and-casenotes-specs .zara-review-and-casenotes-specs-btn:hover {
	text-decoration: none;
}

.zara-review-and-casenotes-specs .zara-review-and-casenotes-specs-btn-ghost {
	background: #fff;
	color: #0f172a;
}

.zara-review-and-casenotes-specs .zara-review-and-casenotes-specs-reviews {
	display: grid;
	grid-template-columns: 1fr;
	gap: 12px;
	margin-top: 14px;
}

@media(min-width: 720px) {
	.zara-review-and-casenotes-specs .zara-review-and-casenotes-specs-reviews {
		grid-template-columns: 1fr 1fr;
	}
}

.zara-review-and-casenotes-specs .zara-review-and-casenotes-specs-blockquote {
	margin: 0;
	border-left: 4px solid #22c55e;
	padding: .6rem .9rem;
	background: #f0fdf4;
	border-radius: 10px;
}

.zara-review-and-casenotes-specs .zara-review-and-casenotes-specs-blockquote footer {
	margin-top: 8px;
	color: #475569;
	font-weight: 700;
}

.zara-review-and-casenotes-specs .zara-review-and-casenotes-specs-faq {
	margin-top: 26px;
}

.zara-review-and-casenotes-specs .zara-review-and-casenotes-specs-faq details {
	margin-bottom: 10px;
}

.zara-review-and-casenotes-specs .zara-review-and-casenotes-specs-faq summary {
	cursor: pointer;
	font-weight: 600;
	padding: 8px 0;
}

.zara-review-and-casenotes-specs .zara-review-and-casenotes-specs-site-footer {
	margin: 28px 0 12px;
	color: #475569;
	font-size: 14px;
}

.zara-review-and-casenotes-specs .zara-review-and-casenotes-specs-small {
	color: #777777 !important;
}

.zara-review-and-casenotes-specs-small-stars {
	font-size: 13.5px !important;
	color: #475569 !important;
}


/* Section Container Styles */
.zara-more-info-and-discover-collections {
	width: 100%;
	padding: 60px 20px;
	background-color: #ffffff;
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}

        /* Get More Info Section Styles */
.zara-more-info-and-discover-collections .zara-more-info-and-discover-collections-ftf-get-more-info {
	max-width: 1800px;
	margin: 0 auto;
}

.zara-more-info-and-discover-collections .zara-more-info-and-discover-collections-ftf-get-more-info-wrap {
	text-align: center;
}

.zara-more-info-and-discover-collections .zara-more-info-and-discover-collections-ftf-get-more-info-wrap h2 {
	font-size: 32px;
	font-weight: 300;
	margin-bottom: 40px;
	color: #000000;
	letter-spacing: -0.5px;
	line-height: 1.2;
}

.zara-more-info-and-discover-collections .zara-more-info-and-discover-collections-ftf-get-more-info-chips {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	justify-content: center;
	align-items: center;
    margin-bottom: 20px;
}

.zara-more-info-and-discover-collections .zara-more-info-and-discover-collections-ftf-get-more-info-chips a {
	display: inline-block;
	padding: 8px 14px;
	background: #f2f2f2;
	color: #333;
	text-decoration: none;
	font-size: 14px;
	font-weight: 400;
	border-radius: 20px;
	transition: background 0.3s;
	white-space: nowrap;
	font-family: 'Inter', sans-serif;
}

.zara-more-info-and-discover-collections .zara-more-info-and-discover-collections-ftf-get-more-info-chips a:hover {
	background: #ddd;
	color: #ffffff;
	transform: translateY(-2px);
}
.zara-more-info-and-discover-collections .zara-more-info-and-discover-collections-ftf-get-more-info .hidden-section {
	display: none;
}
.zara-more-info-and-discover-collections .zara-more-info-and-discover-collections-ftf-get-more-info-wrap .read-more-btn {
	display: inline-block;
	padding: 8px 16px;
	border: none;
	background: #333;
	color: #fff;
	border-radius: 6px;
	font-family: 'Inter', sans-serif;
	cursor: pointer;
	transition: background 0.3s;
}

.zara-more-info-and-discover-collections .zara-more-info-and-discover-collections-ftf-get-more-info-wrap .read-more-btn:hover {
	background: #000;
}

        /* Responsive Design */
@media (max-width: 768px) {
	.zara-more-info-and-discover-collections {
		padding: 40px 15px;
	}

	.zara-more-info-and-discover-collections .zara-more-info-and-discover-collections-ftf-get-more-info-wrap h2 {
		font-size: 24px;
		margin-bottom: 30px;
	}

	.zara-more-info-and-discover-collections .zara-more-info-and-discover-collections-ftf-get-more-info-chips {
		gap: 8px;
	}

	.zara-more-info-and-discover-collections .zara-more-info-and-discover-collections-ftf-get-more-info-chips a {
		font-size: 13px;
		padding: 8px 16px;
	}
}

@media (max-width: 480px) {
	.zara-more-info-and-discover-collections .zara-more-info-and-discover-collections-ftf-get-more-info-chips a {
		font-size: 12px;
		padding: 7px 14px;
	}
}
/* Reset for section */
.zara-more-info-and-discover-collections-sec {
	margin: 0;
}

        /* Category Heading - keeping exact same styling */
.zara-more-info-and-discover-collections-sec .zara-more-info-and-discover-collections-sec-category-sub-hd {
	font-size: 28px;
	font-weight: 600;
	margin: 0 0 30px 0;
	text-align: center;
	color: #333333;
}

        /* Wrapper */
.zara-more-info-and-discover-collections-sec .zara-more-info-and-discover-collections-sec-sub-cat-wrapper {
	width: 100%;
	max-width: 1800px;
	margin: 0 auto;
}

        /* Grid */
.zara-more-info-and-discover-collections-sec .zara-more-info-and-discover-collections-sec-sub-bat-gird {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 20px;
}

@media (max-width: 1200px) {
	grid-template-columns: repeat(4, 1fr);
}

        /* Category Item */
.zara-more-info-and-discover-collections-sec .zara-more-info-and-discover-collections-sec-cat-item {
	text-align: center;
	box-shadow: 0 0 20px #0000002e;
	border-radius: 4px;
}

        /* Image Box */
.zara-more-info-and-discover-collections-sec .zara-more-info-and-discover-collections-sec-image-box {
	width: 100%;
	height: auto;
	overflow: hidden;
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 4px;
}

.zara-more-info-and-discover-collections-sec .zara-more-info-and-discover-collections-sec-image-box img {
	width: 100%;
	height: auto;
	object-fit: cover;
	display: block;
	padding: 0 8px;
}

        /* Product Name */
.zara-more-info-and-discover-collections-sec .zara-more-info-and-discover-collections-sec-prdt-name {
	font-size: 13px;
	color: #000;
	font-weight: bold;
	padding: 8px 14px;
}

        /* Title Meta Link */
.zara-more-info-and-discover-collections-sec .zara-more-info-and-discover-collections-sec-title-meta {
	color: #000;
	text-decoration: none;
	font-size: 13px;
	font-weight: 600;
	display: inline-block;
	transition: color 0.3s ease;
}

.zara-more-info-and-discover-collections-sec .zara-more-info-and-discover-collections-sec-title-meta:hover {
	color: #01a6de;
	text-decoration: none;
}

        /* Responsive */
@media (max-width: 768px) {
	.zara-more-info-and-discover-collections-sec .zara-more-info-and-discover-collections-sec-sub-bat-gird {
		grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
		gap: 15px;
	}

	.zara-more-info-and-discover-collections-sec .zara-more-info-and-discover-collections-sec-image-box {
		height: 150px;
	}
}

@media (max-width: 480px) {
	.zara-more-info-and-discover-collections-sec .zara-more-info-and-discover-collections-sec-sub-bat-gird {
		grid-template-columns: repeat(2, 1fr);
		gap: 10px;
	}

	.zara-more-info-and-discover-collections-sec .zara-more-info-and-discover-collections-sec-image-box {
		height: 120px;
	}

	.zara-more-info-and-discover-collections-sec .zara-more-info-and-discover-collections-sec-title-meta {
		font-size: 13px;
	}
}
.zara-bathroom-fixtures-collection-hospitality-selected {
	margin: 0;
	padding: 0;
	font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, "Noto Sans";
	color: #1f3444;
}

.zara-bathroom-fixtures-collection-hospitality-selected * {
	box-sizing: border-box;
}

.zara-bathroom-fixtures-collection-hospitality-selected .zara-bathroom-fixtures-collection-hospitality-selected-wrap {
	max-width: 1800px;
	margin: 0 auto;
	padding: 24px;
}

.zara-bathroom-fixtures-collection-hospitality-selected a {
	color: inherit;
	text-decoration: none;
}

.zara-bathroom-fixtures-collection-hospitality-selected .zara-bathroom-fixtures-collection-hospitality-selected-pill {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	background: #e0f6ff;
	color: #5a8db5;
	padding: 6px 10px;
	border-radius: 999px;
	font-weight: 700;
	font-size: 12px;
}

.zara-bathroom-fixtures-collection-hospitality-selected .zara-bathroom-fixtures-collection-hospitality-selected-btn {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	padding: 12px 16px;
	border-radius: 12px;
	background: #ffffff;
	border: 1px solid #dde3ec;
	font-weight: 800;
	transition: 0.2s ease;
	color: #1f3444;
	text-decoration: none;
	font-size: 14px;
}

.zara-bathroom-fixtures-collection-hospitality-selected .zara-bathroom-fixtures-collection-hospitality-selected-btn:hover {
	transform: translateY(-2px);
	box-shadow: 0 10px 24px rgba(127,179,221,0.15);
}

.zara-bathroom-fixtures-collection-hospitality-selected .zara-bathroom-fixtures-collection-hospitality-selected-btn.zara-bathroom-fixtures-collection-hospitality-selected-primary {
	background: linear-gradient(135deg, #5a8db5, #7fb3dd);
	color: #ffffff;
	border-color: transparent;
	font-size: 14px;
	box-shadow: 0 8px 22px rgba(127,179,221,0.20);
}

.zara-bathroom-fixtures-collection-hospitality-selected .zara-bathroom-fixtures-collection-hospitality-selected-btn.zara-bathroom-fixtures-collection-hospitality-selected-primary:hover {
	color: #ffffff;
	box-shadow: 0 12px 28px rgba(127,179,221,0.20);
}

.zara-bathroom-fixtures-collection-hospitality-selected .zara-bathroom-fixtures-collection-hospitality-selected-hero {
	display: grid;
	grid-template-columns: 1.6fr 0.4fr;
	gap: 24px;
	align-items: stretch;
	margin-bottom: 22px;
}

.zara-bathroom-fixtures-collection-hospitality-selected .zara-bathroom-fixtures-collection-hospitality-selected-hero .zara-bathroom-fixtures-collection-hospitality-selected-panel {
	background: #ffffff;
	border: 1px solid #dde3ec;
	border-radius: 18px;
	padding: 28px;
	box-shadow: 0 1px 1px rgba(127,179,221,0.08), 0 8px 24px rgba(127,179,221,0.10);
}

.zara-bathroom-fixtures-collection-hospitality-selected .zara-bathroom-fixtures-collection-hospitality-selected-hero h1 {
	margin: 3px 0 9px;
	font-size: clamp(26px, 3.2vw, 40px);
}

#content_area .zara-bathroom-fixtures-collection-hospitality-selected .zara-bathroom-fixtures-collection-hospitality-selected-hero p {
	margin: 0 0 12px;
	color: #4b5563;
	text-align: justify;
}

.zara-bathroom-fixtures-collection-hospitality-selected .zara-bathroom-fixtures-collection-hospitality-selected-hero .zara-bathroom-fixtures-collection-hospitality-selected-cta {
	display: flex;
	gap: 12px;
	flex-wrap: wrap;
	margin-top: 8px;
}

.zara-bathroom-fixtures-collection-hospitality-selected .zara-bathroom-fixtures-collection-hospitality-selected-visual {
	border-radius: 18px;
	position: relative;
	overflow: hidden;
	min-height: 220px;
	border: 1px solid #c7e2f6;
	background: #e0f6ff;
}

.zara-bathroom-fixtures-collection-hospitality-selected .zara-bathroom-fixtures-collection-hospitality-selected-visual .zara-bathroom-fixtures-collection-hospitality-selected-ph {
	position: absolute;
	inset: 0;
	display: grid;
	place-items: center;
	color: #5a8db5;
	font-weight: 800;
	letter-spacing: 0.78px;
	text-transform: uppercase;
	font-size: 13px;
}

.zara-bathroom-fixtures-collection-hospitality-selected .zara-bathroom-fixtures-collection-hospitality-selected-toolbar {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	margin: 12px 0 8px;
}

.zara-bathroom-fixtures-collection-hospitality-selected .zara-bathroom-fixtures-collection-hospitality-selected-filters {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
}

.zara-bathroom-fixtures-collection-hospitality-selected .zara-bathroom-fixtures-collection-hospitality-selected-chip {
	padding: 8px 12px;
	border-radius: 999px;
	background: #ffffff;
	border: 1px solid #dde3ec;
	cursor: pointer;
	font-weight: 800;
	font-size: 15px;
	transition: 0.2s ease;
	color: #1f3444;
}

.zara-bathroom-fixtures-collection-hospitality-selected .zara-bathroom-fixtures-collection-hospitality-selected-chip:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 20px rgba(127,179,221,0.15);
}

.zara-bathroom-fixtures-collection-hospitality-selected .zara-bathroom-fixtures-collection-hospitality-selected-chip[aria-pressed="true"] {
	background: #5a8db5;
	color: #ffffff;
	border-color: transparent;
}

.zara-bathroom-fixtures-collection-hospitality-selected .zara-bathroom-fixtures-collection-hospitality-selected-search {
	display: flex;
	gap: 8px;
	align-items: center;
}

.zara-bathroom-fixtures-collection-hospitality-selected .zara-bathroom-fixtures-collection-hospitality-selected-search input {
	border: 1px solid #dde3ec;
	border-radius: 12px;
	padding: 10px 12px;
	min-width: 260px;
	background: #f5faff;
}

.zara-bathroom-fixtures-collection-hospitality-selected .zara-bathroom-fixtures-collection-hospitality-selected-grid {
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	gap: 14px;
	margin-top: 20px;
}

.zara-bathroom-fixtures-collection-hospitality-selected .zara-bathroom-fixtures-collection-hospitality-selected-card {
	grid-column: span 4;
	background: #ffffff;
	border: 1px solid #dde3ec;
	border-radius: 16px;
	overflow: hidden;
	position: relative;
	box-shadow: 0 1px 1px rgba(127,179,221,0.08), 0 10px 24px rgba(127,179,221,0.10);
	transition: 0.24s ease;
}

.zara-bathroom-fixtures-collection-hospitality-selected .zara-bathroom-fixtures-collection-hospitality-selected-card:hover {
	transform: translateY(-6px);
	box-shadow: 0 16px 46px rgba(127,179,221,0.20);
	border-color: #7fb3dd;
}

.zara-bathroom-fixtures-collection-hospitality-selected .zara-bathroom-fixtures-collection-hospitality-selected-card .zara-bathroom-fixtures-collection-hospitality-selected-hd {
	padding: 14px 20px 0;
}

.zara-bathroom-fixtures-collection-hospitality-selected .zara-bathroom-fixtures-collection-hospitality-selected-card h3 {
	margin: 0;
	font-size: 16px;
}

.zara-bathroom-fixtures-collection-hospitality-selected .zara-bathroom-fixtures-collection-hospitality-selected-card p {
	margin: 6px 14px 12px;
	color: #4b5563;
	font-size: 0.94rem;
}

.zara-bathroom-fixtures-collection-hospitality-selected .zara-bathroom-fixtures-collection-hospitality-selected-card-img{width:calc(100% - 40px);margin:12px 20px 0 !important;border-radius:14px;display:block;}
.zara-bathroom-fixtures-collection-hospitality-selected .zara-bathroom-fixtures-collection-hospitality-selected-card-text{margin:12px 20px !important;}

.zara-bathroom-fixtures-collection-hospitality-selected .zara-bathroom-fixtures-collection-hospitality-selected-card .zara-bathroom-fixtures-collection-hospitality-selected-tags {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
	padding: 0 20px 14px;
}

.zara-bathroom-fixtures-collection-hospitality-selected .zara-bathroom-fixtures-collection-hospitality-selected-tag {
	font-size: 12px;
	background: #e0f6ff;
	color: #5a8db5;
	padding: 4px 20px;
	border-radius: 999px;
	font-weight: 800;
}

.zara-bathroom-fixtures-collection-hospitality-selected .zara-bathroom-fixtures-collection-hospitality-selected-goto {
	display: flex;
	justify-content: flex-end;
	padding: 12px;
	border-top: 1px solid #dde3ec;
}

.zara-bathroom-fixtures-collection-hospitality-selected .zara-bathroom-fixtures-collection-hospitality-selected-goto a {
	font-weight: 800;
	color: #1f3444;
	border-bottom: 1px dashed #c7e2f6;
}

.zara-bathroom-fixtures-collection-hospitality-selected .zara-bathroom-fixtures-collection-hospitality-selected-goto a:hover {
	border-bottom-color: #7fb3dd;
}

.zara-bathroom-fixtures-collection-hospitality-selected .zara-bathroom-fixtures-collection-hospitality-selected-hidden {
	display: none !important;
}

@media (max-width: 1020px) {
	.zara-bathroom-fixtures-collection-hospitality-selected .zara-bathroom-fixtures-collection-hospitality-selected-card {
		grid-column: span 6;
	}
}

@media (max-width: 900px) {
	.zara-bathroom-fixtures-collection-hospitality-selected .zara-bathroom-fixtures-collection-hospitality-selected-hero {
		grid-template-columns: 1fr;
	}

	.zara-bathroom-fixtures-collection-hospitality-selected .zara-bathroom-fixtures-collection-hospitality-selected-visual {
		min-height: 180px;
		max-width: 420px;
		margin: 0 auto;
	}
}

@media (max-width: 640px) {
	.zara-bathroom-fixtures-collection-hospitality-selected .zara-bathroom-fixtures-collection-hospitality-selected-card {
		grid-column: span 12;
	}
}

.zara-b2b-commercial-restroom-fixtures * { box-sizing: border-box; }

.zara-b2b-commercial-restroom-fixtures { font: 16px/1.6 system-ui, Segoe UI, Roboto, Arial, sans-serif; color: #1f3444; background: #f5faff; }

.zara-b2b-commercial-restroom-fixtures a { color: #5a8db5; text-decoration: none; }
.zara-b2b-commercial-restroom-fixtures a:hover { text-decoration: underline; color: #1f3444; }

.zara-b2b-commercial-restroom-fixtures .zara-b2b-commercial-restroom-fixtures-wrap { margin: 0 auto; padding: 24px; }

.zara-b2b-commercial-restroom-fixtures .zara-b2b-commercial-restroom-fixtures-hero { background: linear-gradient(135deg, #ffffff, #f5faff 55%, #ffffff); border: 1px solid #c7e2f6; border-radius: 14px; padding: 28px; }

.zara-b2b-commercial-restroom-fixtures .zara-b2b-commercial-restroom-fixtures-eyebrow {font-weight: 700;color: #000;letter-spacing: 0.06em;text-transform: uppercase;font-size: 12px;border: 1px solid #c7e2f6;}

.zara-b2b-commercial-restroom-fixtures h1 { margin: 0.25rem 0 0.5rem; font-size: 28px; line-height: 1.2; color: #1f3444; }
.zara-b2b-commercial-restroom-fixtures h2 { color: #1f3444 !important; font-size: 24px; margin: 0 0 1rem; }
.zara-b2b-commercial-restroom-fixtures h3 { margin: 0 0 0.25rem; font-size: 18px; color: #1f3444; }

.zara-b2b-commercial-restroom-fixtures .zara-b2b-commercial-restroom-fixtures-subtitle { color: #6b7280; max-width: 900px; }

.zara-b2b-commercial-restroom-fixtures .zara-b2b-commercial-restroom-fixtures-cta-row { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 14px; }
@media(max-width:786px) { .zara-b2b-commercial-restroom-fixtures .zara-b2b-commercial-restroom-fixtures-cta-row { text-align: center; flex-direction: column; } }

.zara-b2b-commercial-restroom-fixtures .zara-b2b-commercial-restroom-fixtures-btn {display: inline-block;padding: 10px 16px;border: 1px solid #c7e2f6;border-radius: 10px;color: #5a8db5;background: #ffffff;font-weight: 700;transition: all 0.2s;font-size: 14px;}
.zara-b2b-commercial-restroom-fixtures .zara-b2b-commercial-restroom-fixtures-btn:hover { background: #f5faff; border-color: #7fb3dd; color: #1f3444; }
.zara-b2b-commercial-restroom-fixtures .zara-b2b-commercial-restroom-fixtures-btn--primary { background: linear-gradient(135deg, #5a8db5, #7fb3dd); color: #ffffff; border-color: #7fb3dd; box-shadow: 0 8px 20px rgba(127, 179, 221, 0.25); }
.zara-b2b-commercial-restroom-fixtures .zara-b2b-commercial-restroom-fixtures-btn--primary:hover { background: linear-gradient(135deg, #4a7da5, #5a8db5); }

.zara-b2b-commercial-restroom-fixtures .zara-b2b-commercial-restroom-fixtures-grid { display: grid; gap: 14px; }
@media(min-width:900px) { .zara-b2b-commercial-restroom-fixtures .zara-b2b-commercial-restroom-fixtures-grid.zara-b2b-commercial-restroom-fixtures-cols-3 { grid-template-columns: repeat(3, 1fr); } }

.zara-b2b-commercial-restroom-fixtures .zara-b2b-commercial-restroom-fixtures-card { background: #ffffff; border: 1px solid #dde3ec; border-radius: 12px; padding: 16px; }
.zara-b2b-commercial-restroom-fixtures .zara-b2b-commercial-restroom-fixtures-card h3 { margin: 0 0 0.25rem; font-size: 18px; }
.zara-b2b-commercial-restroom-fixtures .zara-b2b-commercial-restroom-fixtures-card p { margin: 0.25rem 0 0.5rem; color: #4b5563; }
.zara-b2b-commercial-restroom-fixtures .zara-b2b-commercial-restroom-fixtures-card .zara-b2b-commercial-restroom-fixtures-tiny { text-align: left !important; }

.zara-b2b-commercial-restroom-fixtures .zara-b2b-commercial-restroom-fixtures-tiny { font-size: 12px; color: #6b7280; }

.zara-b2b-commercial-restroom-fixtures .zara-b2b-commercial-restroom-fixtures-kpis { display: grid; gap: 10px; grid-template-columns: repeat(2, 1fr); }
@media(min-width:747px) { .zara-b2b-commercial-restroom-fixtures .zara-b2b-commercial-restroom-fixtures-kpis { grid-template-columns: repeat(4, 1fr); } }

.zara-b2b-commercial-restroom-fixtures .zara-b2b-commercial-restroom-fixtures-kpi { background: #ffffff; border: 1px dashed #c7e2f6; border-radius: 12px; padding: 12px; text-align: center; }
.zara-b2b-commercial-restroom-fixtures .zara-b2b-commercial-restroom-fixtures-kpi strong { display: block; font-size: 20px; color: #1f3444; }

.zara-b2b-commercial-restroom-fixtures .zara-b2b-commercial-restroom-fixtures-table { border: 1px solid #c7e2f6; border-radius: 12px; overflow: hidden; background: #ffffff; }
.zara-b2b-commercial-restroom-fixtures .zara-b2b-commercial-restroom-fixtures-table-wrapper { overflow-x: auto; -webkit-overflow-scrolling: touch; }

.zara-b2b-commercial-restroom-fixtures table { width: 100%; min-width: 600px; border-collapse: collapse; }
.zara-b2b-commercial-restroom-fixtures th, .zara-b2b-commercial-restroom-fixtures td { padding: 10px; border-bottom: 1px solid #e5e7eb; text-align: left; vertical-align: top; }
.zara-b2b-commercial-restroom-fixtures th { background: #f5faff; font-weight: 700; color: #5a8db5; white-space: nowrap; text-transform: uppercase; font-size: 13px; letter-spacing: 0.5px; border-bottom: 2px solid #7fb3dd; }
.zara-b2b-commercial-restroom-fixtures td { color: #1f3444; }

@media(max-width:700px) {
  .zara-b2b-commercial-restroom-fixtures .zara-b2b-commercial-restroom-fixtures-table-desktop { display: none; }
  .zara-b2b-commercial-restroom-fixtures .zara-b2b-commercial-restroom-fixtures-table-mobile { display: block; }
  .zara-b2b-commercial-restroom-fixtures .zara-b2b-commercial-restroom-fixtures-table-card { background: #ffffff; border: 1px solid #c7e2f6; border-radius: 12px; padding: 16px; margin-bottom: 12px; }
  .zara-b2b-commercial-restroom-fixtures .zara-b2b-commercial-restroom-fixtures-table-card-title { font-weight: 700; color: #5a8db5; margin-bottom: 8px; font-size: 16px; }
  .zara-b2b-commercial-restroom-fixtures .zara-b2b-commercial-restroom-fixtures-table-card-summary { color: #4b5563; margin-bottom: 12px; line-height: 1.5; font-size: 14px; }
  .zara-b2b-commercial-restroom-fixtures .zara-b2b-commercial-restroom-fixtures-table-card-footer { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; }
  .zara-b2b-commercial-restroom-fixtures .zara-b2b-commercial-restroom-fixtures-table-card-tags { display: flex; flex-wrap: wrap; gap: 4px; flex: 1; }
}

.zara-b2b-commercial-restroom-fixtures .zara-b2b-commercial-restroom-fixtures-table-mobile { display: none; }

.zara-b2b-commercial-restroom-fixtures .zara-b2b-commercial-restroom-fixtures-summary-cards { display: grid; gap: 16px; }
.zara-b2b-commercial-restroom-fixtures .zara-b2b-commercial-restroom-fixtures-summary-card { background: #ffffff; border: 1px solid #dde3ec; border-radius: 12px; padding: 16px; }
.zara-b2b-commercial-restroom-fixtures .zara-b2b-commercial-restroom-fixtures-summary-card h3 { margin: 0 0 12px; font-size: 18px; }
.zara-b2b-commercial-restroom-fixtures .zara-b2b-commercial-restroom-fixtures-summary-card p { color: #4b5563; margin: 0 0 12px; line-height: 1.6; }
.zara-b2b-commercial-restroom-fixtures .zara-b2b-commercial-restroom-fixtures-summary-meta { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; }
.zara-b2b-commercial-restroom-fixtures .zara-b2b-commercial-restroom-fixtures-summary-tags { display: flex; flex-wrap: wrap; gap: 6px; flex: 1; }

.zara-b2b-commercial-restroom-fixtures .zara-b2b-commercial-restroom-fixtures-tag { display: inline-block; padding: 2px 8px; border: 1px solid #c7e2f6; border-radius: 999px; font-size: 12px; background: #f5faff; color: #5a8db5; }

.zara-b2b-commercial-restroom-fixtures details { border: 1px solid #c7e2f6; border-radius: 10px; padding: 12px; background: #ffffff; margin-bottom: 10px; }
.zara-b2b-commercial-restroom-fixtures summary { cursor: pointer; font-weight: 700; color: #1f3444; }
.zara-b2b-commercial-restroom-fixtures details p { color: #4b5563; margin: 10px 0 0; }

.zara-b2b-commercial-restroom-fixtures .zara-b2b-commercial-restroom-fixtures-note { background: #f5faff; border: 1px solid #c7e2f6; padding: 10px; border-radius: 8px; color: #4b5563; }

.zara-b2b-commercial-restroom-fixtures section h2,
.zara-b2b-commercial-restroom-fixtures .zara-b2b-commercial-restroom-fixtures-card h2 { color: #1f3444 !important; }

@media(max-width:500px) {
  .zara-b2b-commercial-restroom-fixtures { overflow-x: hidden; }
  .zara-b2b-commercial-restroom-fixtures .zara-b2b-commercial-restroom-fixtures-wrap { padding: 16px; }
  .zara-b2b-commercial-restroom-fixtures h1 { font-size: 22px; }
  .zara-b2b-commercial-restroom-fixtures h2 { font-size: 20px; }
  .zara-b2b-commercial-restroom-fixtures h3 { font-size: 16px; }
  .zara-b2b-commercial-restroom-fixtures .zara-b2b-commercial-restroom-fixtures-btn { width: 100%; text-align: center; }
  .zara-b2b-commercial-restroom-fixtures .zara-b2b-commercial-restroom-fixtures-grid.zara-b2b-commercial-restroom-fixtures-cols-3 { grid-template-columns: 1fr; }
  .zara-b2b-commercial-restroom-fixtures .zara-b2b-commercial-restroom-fixtures-kpis { grid-template-columns: 1fr; }
  .zara-b2b-commercial-restroom-fixtures .zara-b2b-commercial-restroom-fixtures-card { padding: 12px; }
  .zara-b2b-commercial-restroom-fixtures .zara-b2b-commercial-restroom-fixtures-subtitle { font-size: 14px; }
  .zara-b2b-commercial-restroom-fixtures * { max-width: 100%; word-wrap: break-word; overflow-wrap: break-word; }
  .zara-b2b-commercial-restroom-fixtures .zara-b2b-commercial-restroom-fixtures-tag { font-size: 11px; padding: 2px 6px; }
}

.zara-touchless-spec-resources-categories {
	color: #0f172a;
	font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, "Noto Sans";
}

.zara-touchless-spec-resources-categories * {
	box-sizing: border-box;
}

.zara-touchless-spec-resources-categories .zara-touchless-spec-resources-categories-link {
	color: inherit;
	text-decoration: none;
}

.zara-touchless-spec-resources-categories .zara-touchless-spec-resources-categories-wrap {
	max-width: 1800px;
	margin: 0 auto;
	padding: 24px;
}

.zara-touchless-spec-resources-categories .zara-touchless-spec-resources-categories-pill {
	display: inline-flex;
	align-items: center;
	gap: .5rem;
	background: #e0f2fe;
	color: #075985;
	padding: 6px 10px;
	border-radius: 999px;
	font-weight: 800;
	font-size: 12px;
}

.zara-touchless-spec-resources-categories .zara-touchless-spec-resources-categories-btn {
	display: inline-flex;
	align-items: center;
	gap: .5rem;
	padding: 4px 16px;
	border-radius: 12px;
	background: #ffffff;
	border: 1px solid #e6eef7;
	font-weight: 800;
	color: #0b3b66;
	transition: .2s;
	text-decoration: none;
	font-size: 14px !important;
}

.zara-touchless-spec-resources-categories .zara-touchless-spec-resources-categories-btn:hover {
	transform: translateY(-2px);
	box-shadow: 0 10px 24px rgba(14, 165, 233, .18);
}

.zara-touchless-spec-resources-categories .zara-touchless-spec-resources-categories-btn.zara-touchless-spec-resources-categories-primary {
	background: #0ea5e9;
	color: #ffffff;
	border-color: transparent;
	box-shadow: 0 8px 22px rgba(14, 165, 233, .25);
}

.zara-touchless-spec-resources-categories .zara-touchless-spec-resources-categories-btn.zara-touchless-spec-resources-categories-primary:hover {
	box-shadow: 0 12px 28px rgba(14, 165, 233, .32);
}

.zara-touchless-spec-resources-categories .zara-touchless-spec-resources-categories-visually-hidden {
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	white-space: nowrap;
}

  /* HERO */
.zara-touchless-spec-resources-categories .zara-touchless-spec-resources-categories-hero {
	display: grid;
	grid-template-columns: 1.1fr .9fr;
	gap: 24px;
	align-items: stretch;
	margin-bottom: 22px;
}

.zara-touchless-spec-resources-categories .zara-touchless-spec-resources-categories-panel {
	background: #ffffff;
	border: 1px solid #e6eef7;
	border-radius: 18px;
	padding: 28px;
	box-shadow: 0 1px 1px rgba(2, 6, 23, .05), 0 8px 24px rgba(2, 6, 23, .06);
}

.zara-touchless-spec-resources-categories .zara-touchless-spec-resources-categories-panel h1 {
	margin: .2rem 0 .6rem;
	font-size: clamp(26px, 3.2vw, 40px);
	font-family: 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
}

#content_area .zara-touchless-spec-resources-categories .zara-touchless-spec-resources-categories-panel p {
	margin: 0 0 12px;
	color: #475569;
	text-align: center !important;
}

.zara-touchless-spec-resources-categories .zara-touchless-spec-resources-categories-cta {
	display: flex;
	gap: 12px;
	flex-wrap: wrap;
	margin-top: 8px;
}

.zara-touchless-spec-resources-categories .zara-touchless-spec-resources-categories-visual {
	border-radius: 18px;
	position: relative;
	overflow: hidden;
	min-height: 320px;
	border: 1px dashed rgba(14, 165, 233, .35);
	background: radial-gradient(40% 50% at 70% 30%, rgba(14, 165, 233, .10), transparent 70%),
                linear-gradient(180deg, rgba(255, 255, 255, .7), rgba(255, 255, 255, .5));
}

.zara-touchless-spec-resources-categories .zara-touchless-spec-resources-categories-ph {
	position: absolute;
	inset: 0;
	display: grid;
	place-items: center;
	color: #0369a1;
	font-weight: 800;
	letter-spacing: .06em;
	text-transform: uppercase;
	font-size: 12px;
}

  /* TOOLBAR */
.zara-touchless-spec-resources-categories .zara-touchless-spec-resources-categories-toolbar {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	margin: 12px 0 8px;
}

.zara-touchless-spec-resources-categories .zara-touchless-spec-resources-categories-filters {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
}

.zara-touchless-spec-resources-categories .zara-touchless-spec-resources-categories-chip {
	padding: 4px 12px;
	border-radius: 999px;
	background: #ffffff;
	border: 1px solid #e6eef7;
	cursor: pointer;
	font-weight: 800;
	font-size: 12px;
	transition: .2s;
	color: #0c3a66;
}

.zara-touchless-spec-resources-categories .zara-touchless-spec-resources-categories-chip:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 20px rgba(14, 165, 233, .16);
}

.zara-touchless-spec-resources-categories .zara-touchless-spec-resources-categories-chip[aria-pressed="true"] {
	background: #0ea5e9;
	color: #ffffff;
	border-color: transparent;
}

.zara-touchless-spec-resources-categories .zara-touchless-spec-resources-categories-search {
	display: flex;
	gap: 8px;
	align-items: center;
}

.zara-touchless-spec-resources-categories .zara-touchless-spec-resources-categories-search input {
	border: 1px solid #e6eef7;
	border-radius: 12px;
	padding: 10px 12px;
	min-width: 240px;
	background: #f6fbff;
}

  /* GRID */
.zara-touchless-spec-resources-categories .zara-touchless-spec-resources-categories-grid {
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	gap: 14px;
}

.zara-touchless-spec-resources-categories .zara-touchless-spec-resources-categories-card {
	grid-column: span 4;
	background: #ffffff;
	border: 1px solid #e6eef7;
	border-radius: 16px;
	overflow: hidden;
	position: relative;
	box-shadow: 0 1px 1px rgba(2, 6, 23, .05), 0 10px 24px rgba(2, 6, 23, .06);
	transition: .24s;
}

.zara-touchless-spec-resources-categories .zara-touchless-spec-resources-categories-card:hover {
	transform: translateY(-6px);
	box-shadow: 0 16px 46px rgba(14, 165, 233, .35);
	border-color: rgba(14, 165, 233, .25);
}

@media(max-width: 1020px) {
	.zara-touchless-spec-resources-categories .zara-touchless-spec-resources-categories-card {
		grid-column: span 6;
	}
}

@media(max-width: 640px) {
	.zara-touchless-spec-resources-categories .zara-touchless-spec-resources-categories-card {
		grid-column: span 12;
	}
}

.zara-touchless-spec-resources-categories .zara-touchless-spec-resources-categories-thumb {
	height: 160px;
	background: linear-gradient(180deg, #e6f3ff, #f3faff);
	display: grid;
	place-items: center;
	text-decoration: none;
}

.zara-touchless-spec-resources-categories .zara-touchless-spec-resources-categories-thumb svg {
	width: 72px;
	height: 72px;
	opacity: .9;
}

.zara-touchless-spec-resources-categories .zara-touchless-spec-resources-categories-hd {
	padding: 14px 14px 0;
}

.zara-touchless-spec-resources-categories .zara-touchless-spec-resources-categories-hd h3 {
	margin: 0;
	font-size: 16px;
	font-family: 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif!important;
}

#content_area .zara-touchless-spec-resources-categories .zara-touchless-spec-resources-categories-card p {
	margin: 6px 14px 12px !important;
	color: #475569;
	font-size: 14.1px !important;
	text-align: center !important;
}

.zara-touchless-spec-resources-categories .zara-touchless-spec-resources-categories-tags {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
	padding: 0 14px 14px;
}

.zara-touchless-spec-resources-categories .zara-touchless-spec-resources-categories-tag {
	font-size: 10.8px;
	background: #ecfeff;
	color: #155e75;
	padding: 4px 8px;
	border-radius: 999px;
	font-weight: 800;
}

.zara-touchless-spec-resources-categories .zara-touchless-spec-resources-categories-goto {
	display: flex;
	justify-content: flex-end;
	padding: 12px;
	border-top: 1px solid #e6eef7;
}

.zara-touchless-spec-resources-categories .zara-touchless-spec-resources-categories-goto a {
	font-weight: 800;
	color: #0a3b6b;
	border-bottom: 1px dashed #b7d7ff;
	text-decoration: none;
	font-size: 15px;
}

.zara-touchless-spec-resources-categories .zara-touchless-spec-resources-categories-goto a:hover {
	border-bottom-color: #7fb7ff;
}

.zara-touchless-spec-resources-categories .zara-touchless-spec-resources-categories-hidden {
	display: none !important;
}

.zara-faq-page-with-products {
	margin: 34px 0 !important;
	font-family: Inter, system-ui;
}

.zara-faq-page-with-products .zara-faq-page-with-products-wrap {
	margin: 0 auto;
	padding: 0 20px;
}

.zara-faq-page-with-products h2 {
	font-size: 22px;
	margin: 0 0 10px;
	color: #333333;
}

.zara-faq-page-with-products .zara-faq-page-with-products-details {
	background: #ffffff;
	border: 1px solid #e5edf3;
	border-radius: 12px;
	padding: 14px;
	margin-bottom: 10px;
}

.zara-faq-page-with-products .zara-faq-page-with-products-summary {
	font-family: Inter, system-ui !important;
	cursor: pointer;
	font-weight: 700;
	color: #6F7880;
	list-style: none;
	position: relative;
	font-size: 12px;
}

.zara-faq-page-with-products .zara-faq-page-with-products-summary::-webkit-details-marker {
	display: none;
}

#content_area .zara-faq-page-with-products-details p {
	text-align: justify;
}

/*.zara-faq-page-with-products p {
	color: #64748b;
	margin: 0.5rem 0 0;
	padding-left: 20px;
	line-height: 1.6;
}*/
.zara-faq-page-with-products p {
	color: #64748b;
	margin: 0.5rem 0 0;
	padding-left: 0;
	line-height: 1.6;
}
    
    /* Responsive adjustments */
@media (max-width: 768px) {
	.zara-faq-page-with-products .zara-faq-page-with-products-wrap {
		padding: 0 15px;
	}

	.zara-faq-page-with-products h2 {
		font-size: 20px;
	}

	.zara-faq-page-with-products .zara-faq-page-with-products-details {
		padding: 12px;
	}
}

@media (max-width: 480px) {
	.zara-faq-page-with-products h2 {
		font-size: 18px;
	}

	.zara-faq-page-with-products .zara-faq-page-with-products-summary {
		font-size: 14px;
	}

	.zara-faq-page-with-products p {
		font-size: 14px;
	}
}

#content_area .zara-faq-page-with-products-wrap h2 {
	text-align: left !important;
}


.zara-faucets-categories-list-wrap,
.zara-faucets-categories-list-hero,
.zara-faucets-categories-list-panel,
.zara-faucets-categories-list-visual {
  background-image: none !important;
  box-shadow: none;
}
.zara-faucets-categories-list-visual img { width: 100%; height: 100%; display: block; object-fit: cover; border-radius: inherit; }

.zara-faucets-categories-list {
  margin: 0;
  padding: 0;
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, "Noto Sans";
  color: #1f3444;
}
.zara-faucets-categories-list * { box-sizing: border-box; }

.zara-faucets-categories-list-wrap { max-width: 1280px; margin: 0 auto; padding: 24px; }
.zara-faucets-categories-list a { color: inherit; text-decoration: none; }

/* ===== UTILITIES ===== */
.zara-faucets-categories-list-visually-hidden {
  position: absolute !important;
  height: 1px; width: 1px;
  overflow: hidden;
  clip: rect(1px,1px,1px,1px);
  white-space: nowrap;
}
/* pill: cyan tint → airy blue tint */
.zara-faucets-categories-list-pill {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  background: #e0f6ff;
  color: #5a8db5;
  padding: 2px 10px;
  border-radius: 999px;
  font-weight: 700;
  font-size: 12px;
}

/* btn default */
.zara-faucets-categories-list-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 5px 16px;
  border-radius: 12px;
  font-size: 14px;
  background: #ffffff;
  border: 1px solid #c7e2f6;
  font-weight: 800;
  transition: 0.2s ease;
  color: #1f3444;
}
.zara-faucets-categories-list-btn:hover { transform: translateY(-2px); box-shadow: 0 10px 24px rgba(127, 179, 221, 0.20); }
/* btn primary: cyan → soft blue gradient */
.zara-faucets-categories-list-btn.zara-faucets-categories-list-primary {
  background: linear-gradient(135deg, #5a8db5, #7fb3dd);
  color: #ffffff;
  border-color: transparent;
  box-shadow: 0 8px 22px rgba(127, 179, 221, 0.25);
}
.zara-faucets-categories-list-btn.zara-faucets-categories-list-primary:hover { box-shadow: 0 12px 28px rgba(127, 179, 221, 0.35); }

/* ===== HERO ===== */
.zara-faucets-categories-list-hero {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 24px;
  align-items: stretch;
  margin-bottom: 22px;
}
.zara-faucets-categories-list-hero .zara-faucets-categories-list-panel {
  background: #ffffff;
  border: 1px solid #c7e2f6;
  border-radius: 18px;
  padding: 28px;
  box-shadow: 0 1px 1px rgba(15, 23, 42, 0.04), 0 8px 24px rgba(127, 179, 221, 0.10);
}
.zara-faucets-categories-list-hero h1 {
  margin: 0.2rem 0 0.6rem;
  font-size: clamp(26px, 3.2vw, 24px);
  color: #1f3444;
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
}
#content_area .zara-faucets-categories-list-hero p { text-align: left; margin: 0 0 12px; color: #4b5563; }
.zara-faucets-categories-list-hero .zara-faucets-categories-list-cta { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 8px; }

/* visual placeholder */
.zara-faucets-categories-list-visual {
  border-radius: 18px;
  position: relative;
  overflow: hidden;
  min-height: 320px;
  border: 1px dashed #c7e2f6;
  background: radial-gradient(40% 50% at 70% 30%, rgba(127,179,221,0.10), transparent 70%),
              linear-gradient(180deg, rgba(255,255,255,0.7), rgba(245,250,255,0.5));
}
.zara-faucets-categories-list-visual .zara-faucets-categories-list-ph {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  color: #5a8db5;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

/* ===== TOOLBAR ===== */
.zara-faucets-categories-list-toolbar { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; justify-content: space-between; margin: 12px 0 8px; }
.zara-faucets-categories-list-filters { display: flex; gap: 8px; flex-wrap: wrap; }
.zara-faucets-categories-list-chip {
  padding: 0px 12px;
  border-radius: 999px;
  background: #ffffff;
  border: 1px solid #c7e2f6;
  cursor: pointer;
  font-weight: 800;
  font-size: 13.8px;
  transition: 0.2s ease;
  color: #1f3444;
}
.zara-faucets-categories-list-chip:hover { transform: translateY(-2px); box-shadow: 0 8px 20px rgba(127, 179, 221, 0.18); }
.zara-faucets-categories-list-chip[aria-pressed="true"] {
  background: linear-gradient(135deg, #5a8db5, #7fb3dd);
  color: #ffffff;
  border-color: transparent;
}
.zara-faucets-categories-list-search { display: flex; gap: 8px; align-items: center; }
.zara-faucets-categories-list-search input {
  border: 1px solid #c7e2f6;
  border-radius: 12px;
  padding: 10px 12px;
  min-width: 240px;
  background: #f5faff;
  color: #1f3444;
}

/* ===== GRID / CARDS ===== */
.zara-faucets-categories-list-grid { display: grid; grid-template-columns: repeat(12, 1fr); gap: 14px; }
.zara-faucets-categories-list-card {
  grid-column: span 4;
  background: #ffffff;
  border: 1px solid #dde3ec;
  border-radius: 16px;
  overflow: hidden;
  position: relative;
  box-shadow: 0 1px 1px rgba(15, 23, 42, 0.04), 0 8px 20px rgba(127, 179, 221, 0.08);
  transition: 0.24s ease;
}
.zara-faucets-categories-list-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 16px 40px rgba(127, 179, 221, 0.25);
  border-color: #7fb3dd;
}
@media (max-width: 1020px) { .zara-faucets-categories-list-card { grid-column: span 6; } }
@media (max-width: 640px) { .zara-faucets-categories-list-card { grid-column: span 12; } }

.zara-faucets-categories-list-card .zara-faucets-categories-list-hd { padding: 14px 14px 0; }
.zara-faucets-categories-list-card h3 {
  margin: 0;
  font-size: 16px;
  color: #1f3444;
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
}
#content_area .zara-faucets-categories-list-card p {
  margin: 6px 14px 12px !important;
  color: #4b5563;
  font-size: 0.94rem;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  position: relative;
  text-align: left;
}
#content_area .zara-faucets-categories-list-card p.expanded { -webkit-line-clamp: unset; }
#content_area .zara-faucets-categories-list-card .zara-read-more-btn {
  margin: -10px 18px 12px;
  background: none;
  border: none;
  color: #5a8db5;
  cursor: pointer;
  font-weight: 700;
  font-size: 14px;
  line-height: normal;
}
#content_area .zara-faucets-categories-list-card .zara-read-more-btn:hover { text-decoration: underline; color: #1f3444; }

/* ===== TAGS ===== */
.zara-faucets-categories-list-tags { display: flex; gap: 8px; flex-wrap: wrap; padding: 0 14px 14px; }
/* tag: cyan tint → airy tint */
.zara-faucets-categories-list-tag {
  font-size: 12px;
  background: #e0f6ff;
  color: #5a8db5;
  padding: 1px 10px;
  border-radius: 999px;
  font-weight: 800;
}

/* ===== GOTO ===== */
.zara-faucets-categories-list-goto { display: flex; justify-content: flex-end; padding: 12px; border-top: 1px solid #dde3ec; }
.zara-faucets-categories-list-goto a { font-weight: 800; color: #5a8db5; border-bottom: 1px dashed #b5d8ef; }
.zara-faucets-categories-list-goto a:hover { border-bottom-color: #7fb3dd; color: #1f3444; }

.zara-faucets-categories-list-hidden { display: none !important; }

/* ===== RESPONSIVE ===== */
@media (max-width: 768px) {
  .zara-faucets-categories-list-hero { grid-template-columns: 1fr; gap: 20px; }
  .zara-faucets-categories-list-hero .zara-faucets-categories-list-panel { padding: 20px; }
  .zara-faucets-categories-list-visual { min-height: 240px; order: 2; }
  .zara-faucets-categories-list-hero h1 { font-size: clamp(22px, 5vw, 32px); }
  .zara-faucets-categories-list-hero .zara-faucets-categories-list-cta { flex-direction: column; }
  .zara-faucets-categories-list-hero .zara-faucets-categories-list-cta .zara-faucets-categories-list-btn { width: 100%; justify-content: center; }
}
@media (max-width: 1024px) and (min-width: 769px) {
  .zara-faucets-categories-list-hero { grid-template-columns: 1.2fr 0.8fr; }
  .zara-faucets-categories-list-hero .zara-faucets-categories-list-panel { padding: 24px; }
}


.zara-faucets-categories-list-sec {
  font-family: 'Inter', sans-serif;
  margin: 20px;
  background: #ffffff;
  color: #1f3444;
}
.zara-faucets-categories-list-sec-section { text-align: center; margin-bottom: 30px; }
.zara-faucets-categories-list-sec-h2 { margin-bottom: 20px; font-size: 22px; color: #1f3444; }

/* chips */
.zara-faucets-categories-list-sec-zara-chips { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin-bottom: 20px; }
.zara-faucets-categories-list-sec-zara-chips a {
  display: inline-block;
  padding: 8px 14px;
  border-radius: 20px;
  background: #f5faff;
  border: 1px solid #c7e2f6;
  text-decoration: none;
  color: #1f3444;
  font-size: 14px;
  font-weight: 700;
  transition: background 0.3s, color 0.3s;
}
.zara-faucets-categories-list-sec-zara-chips a:hover {
  background: linear-gradient(135deg, #e3f2fd, #c7e2f6);
  color: #1f3444;
  border-color: #7fb3dd;
}

.zara-faucets-categories-list-sec-hidden-section { display: none; }

.zara-faucets-categories-list-sec-read-more-btn {
  display: inline-block;
  padding: 8px 16px;
  margin: 15px auto;
  border: 1px solid #c7e2f6;
  background: linear-gradient(135deg, #e3f2fd, #c7e2f6);
  color: #1f3444;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.3s;
}
.zara-faucets-categories-list-sec-read-more-btn:hover {
  background: linear-gradient(135deg, #d6ecfb, #b5d8ef);
  border-color: #b5d8ef;
  color: #1f3444;
}

.zara-why-fontana-for-commercial-bathroom-faucet {
	margin: 0;
	font: 16px/1.6 system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
	-webkit-font-smoothing: antialiased;
}

.zara-why-fontana-for-commercial-bathroom-faucet * {
	box-sizing: border-box;
}

.zara-why-fontana-for-commercial-bathroom-faucet a {
	color: #9aa3af;
	text-decoration: none;
}

.zara-why-fontana-for-commercial-bathroom-faucet a:hover {
	opacity: .9;
	text-decoration: underline;
	color: #01a6de;
}

.zara-why-fontana-for-commercial-bathroom-faucet-wrap {
	max-width: 1200px;
	margin: auto;
	padding: 24px;
}

.zara-why-fontana-for-commercial-bathroom-faucet-hero {
	position: relative;
	border-bottom: 1px solid #212838;
	padding: 64px 0 48px;
	background: radial-gradient(1200px 400px at 10% -20%, rgba(45,183,163,.15), transparent 60%),
        radial-gradient(900px 300px at 90% 0%, rgba(200,159,93,.12), transparent 60%);
}

.zara-why-fontana-for-commercial-bathroom-faucet-hero h1 {
	font-size: clamp(32px,5.2vw,56px);
	line-height: 1.1;
	margin: 0 0 12px;
}

.zara-why-fontana-for-commercial-bathroom-faucet-hero p {
	text-align: justify;
	color: #9aa3af;
	max-width: 880px;
	margin: 0;
}

.zara-why-fontana-for-commercial-bathroom-faucet-breadcrumbs {
	font-size: 14px;
	color: #9aa3af;
	margin-bottom: 10px;
}

.zara-why-fontana-for-commercial-bathroom-faucet-breadcrumbs a {
	color: #9aa3af;
}

.zara-why-fontana-for-commercial-bathroom-faucet-grid {
	display: grid;
	gap: 24px;
}

.zara-why-fontana-for-commercial-bathroom-faucet-two {
	grid-template-columns: repeat(auto-fit,minmax(280px,1fr));
}

.zara-why-fontana-for-commercial-bathroom-faucet-three {
	grid-template-columns: repeat(auto-fit,minmax(260px,1fr));
}

.zara-why-fontana-for-commercial-bathroom-faucet-four {
	grid-template-columns: repeat(auto-fit,minmax(220px,1fr));
}

.zara-why-fontana-for-commercial-bathroom-faucet-card {
	background: linear-gradient(180deg, #f0f9ff, #e6f7ff, #f5fbff);
	border: 1px solid #e6f7ff;
	border-radius: 18px;
	box-shadow: 0 10px 30px rgba(0,0,0,.25);
}

.zara-why-fontana-for-commercial-bathroom-faucet-card .zara-why-fontana-for-commercial-bathroom-faucet-pad {
	padding: 22px;
}

.zara-why-fontana-for-commercial-bathroom-faucet-pad li {
	color: #2db7a3 !important;
}

.zara-why-fontana-for-commercial-bathroom-faucet-pad li:hover {
	color: #01a6de !important;
}

.zara-why-fontana-for-commercial-bathroom-faucet-eyebrow {
	color: #2db7a3;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: .08em;
	font-size: 12px;
}

#content_area .zara-why-fontana-for-commercial-bathroom-faucet h2 {
	font-size: clamp(22px,3vw,32px);
	margin: 0 0 16px;
	color: #000 !important;
}

.zara-why-fontana-for-commercial-bathroom-faucet h3 {
	font-size: clamp(18px,2.2vw,22px);
	margin: 0 0 12px;
}

#content_area .zara-why-fontana-for-commercial-bathroom-faucet p {
	text-align: left;
}

.zara-why-fontana-for-commercial-bathroom-faucet-check {
	list-style: none;
	margin: 0;
	padding: 0;
}

.zara-why-fontana-for-commercial-bathroom-faucet-check li {
	padding-left: 28px;
	position: relative;
	margin: 10px 0;
}

.zara-why-fontana-for-commercial-bathroom-faucet-check li::before {
	content: "✓";
	position: absolute;
	left: 0;
	top: 0;
	color: #2db7a3;
}

.zara-why-fontana-for-commercial-bathroom-faucet figure {
	margin: 0;
}

.zara-why-fontana-for-commercial-bathroom-faucet figure img {
	color: #e9edf3;
	width: 100%;
	height: auto;
	border-top-left-radius: 18px;
	border-top-right-radius: 18px;
}

.zara-why-fontana-for-commercial-bathroom-faucet-tag {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	border: 1px solid #212838;
	padding: 6px 10px;
	border-radius: 999px;
	color: #9aa3af;
	font-size: 12px;
}

.zara-why-fontana-for-commercial-bathroom-faucet-tag .zara-why-fontana-for-commercial-bathroom-faucet-dot {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #2db7a3;
}

.zara-why-fontana-for-commercial-bathroom-faucet-table {
	width: 100%;
	border-collapse: collapse;
}

.zara-why-fontana-for-commercial-bathroom-faucet-table th,.zara-why-fontana-for-commercial-bathroom-faucet-table td {
	border: 1px solid #212838;
	padding: 14px 12px;
	text-align: left;
	vertical-align: top;
}

.zara-why-fontana-for-commercial-bathroom-faucet-table th {
	background: rgba(255,255,255,.02);
}

#content_area .zara-why-fontana-for-commercial-bathroom-faucet-cta {
	display: inline-flex;
	gap: 10px;
	align-items: center;
	background: linear-gradient(180deg, #dff2ff, #b5e3ff);
	color: #0c0f13 !important;
	padding: 12px 18px;
	border-radius: 12px;
	font-weight: 700;
	border: none;
}
#content_area .zara-why-fontana-for-commercial-bathroom-faucet-cta:hover {
	background: linear-gradient(180deg, #e9f4fb, #b5e3ff);
	opacity: 1 !important;
	color: #0c0f13 !important;
}
.zara-why-fontana-for-commercial-bathroom-faucet-cta.zara-why-fontana-for-commercial-bathroom-faucet-secondary {
	background: transparent;
	color: #e9edf3;
	border: 1px solid #212838;
}

.zara-why-fontana-for-commercial-bathroom-faucet-note {
	color: #9aa3af;
	font-size: 14px;
}

.zara-why-fontana-for-commercial-bathroom-faucet-sticky-cta {
	position: fixed;
	right: 20px;
	bottom: 20px;
	display: flex;
	gap: 10px;
	z-index: 99;
}

.zara-why-fontana-for-commercial-bathroom-faucet-divider {
	height: 1px;
	background: #212838;
	margin: 40px 0;
}

.zara-why-fontana-for-commercial-bathroom-faucet-toc {
	padding: 16px;
	border: 1px solid transparent;
	border-radius: 12px;
	background: rgba(255,255,255,.02);
}

.zara-why-fontana-for-commercial-bathroom-faucet-footer {
	border-top: 1px solid #212838;
	margin-top: 40px;
}

.zara-why-fontana-for-commercial-bathroom-faucet-small {
	font-size: 13px;
	color: #9aa3af;
}

.zara-why-fontana-for-commercial-bathroom-faucet-kbd {
	font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
	background: #0b1220;
	border: 1px solid #212838;
	padding: 2px 6px;
	border-radius: 6px;
	color: #c8e6ff;
}

.zara-why-fontana-for-commercial-bathroom-faucet-pill {
	display: inline-block;
	padding: 6px 10px;
	border-radius: 999px;
	background: rgba(45,183,163,.15);
	border: 1px solid rgba(45,183,163,.35);
	font-size: 12px;
}

.zara-why-fontana-for-commercial-bathroom-faucet-grid .zara-why-fontana-for-commercial-bathroom-faucet-two {
	color: #9aa3af !important;
}

#zara-why-faucet-pad li a {
	color: #0c0f13 !important;
}

#zara-why-faucet-pad li a:hover {
	color: #01a6de !important;
}

#content_area .zara-why-fontana-for-commercial-bathroom-faucet-card .zara-why-fontana-for-commercial-bathroom-faucet-pad h2, .zara-why-fontana-for-commercial-bathroom-faucet h3 {
	color: #0c0f13 !important;
}

.zara-touchless-faucet-collections-eco-luxe * {
	box-sizing: border-box;
}

.zara-touchless-faucet-collections-eco-luxe {
	max-width: 1800px;
	margin: 0;
	font-family: Inter, system-ui, Segoe UI, Roboto, Arial, sans-serif;
	color: #0f172a;
}

.zara-touchless-faucet-collections-eco-luxe .zara-touchless-faucet-collections-eco-luxe-wrap {
	margin: 0 auto;
	padding: 28px 18px;
}

.zara-touchless-faucet-collections-eco-luxe .zara-touchless-faucet-collections-eco-luxe-h1 {
	font-size: 24px;
	margin: 10px 0 4px;
	font-family: 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
}

.zara-touchless-faucet-collections-eco-luxe .zara-touchless-faucet-collections-eco-luxe-h2 {
	font-size: 22px;
	margin: 28px 0 10px;
}

.zara-touchless-faucet-collections-eco-luxe .zara-touchless-faucet-collections-eco-luxe-lead {
	color: #6b7280;
	margin: 0 0 18px;
}

.zara-touchless-faucet-collections-eco-luxe .zara-touchless-faucet-collections-eco-luxe-grid {
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	gap: 18px;
}

.zara-touchless-faucet-collections-eco-luxe .zara-touchless-faucet-collections-eco-luxe-card {
	grid-column: span 12;
	background: #fff;
	border: 1px solid #e5e7eb;
	border-radius: 16px;
	padding: 16px;
}

@media(min-width: 900px) {
	.zara-touchless-faucet-collections-eco-luxe .zara-touchless-faucet-collections-eco-luxe-card .zara-touchless-faucet-collections-eco-luxe-cols {
		display: grid;
		grid-template-columns: 5fr 7fr;
		gap: 16px;
	}
}

.zara-touchless-faucet-collections-eco-luxe .zara-touchless-faucet-collections-eco-luxe-thumb {
	width: 100%;
	aspect-ratio: 4/3;
	object-fit: cover;
	border-radius: 12px;
	border: 1px solid #e5e7eb;
}

.zara-touchless-faucet-collections-eco-luxe .zara-touchless-faucet-collections-eco-luxe-tag {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 6px 10px;
	border-radius: 999px;
	background: #eef7fc;
	color: #04537a;
	font-weight: 600;
	font-size: 12px;
	margin-right: 8px;
}

.zara-touchless-faucet-collections-eco-luxe .zara-touchless-faucet-collections-eco-luxe-badges {
	margin: 10px 0;
}

.zara-touchless-faucet-collections-eco-luxe .zara-touchless-faucet-collections-eco-luxe-kpis {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin: 8px 0 0;
}

.zara-touchless-faucet-collections-eco-luxe .zara-touchless-faucet-collections-eco-luxe-kpi {
	font: 600 12px/1 Inter;
	background: #f8fafc;
	border: 1px dashed #e5e7eb;
	border-radius: 12px;
	padding: 8px 10px;
}

.zara-touchless-faucet-collections-eco-luxe .zara-touchless-faucet-collections-eco-luxe-cta {
	display: inline-block;
	margin-top: 12px;
	padding: 10px 14px;
	border-radius: 12px;
	background: #0e94ca;
	color: #fff;
	text-decoration: none;
	font-weight: 700;
}

.zara-touchless-faucet-collections-eco-luxe .zara-touchless-faucet-collections-eco-luxe-cta:hover {
	opacity: 0.92;
}

#content_area .zara-touchless-faucet-collections-eco-luxe .zara-touchless-faucet-collections-eco-luxe-cta {
	color: #fff !important;
}

.zara-touchless-faucet-collections-eco-luxe .zara-touchless-faucet-collections-eco-luxe-names {
	margin: 12px 0 0;
	padding-left: 18px;
}

#content_area .zara-touchless-faucet-collections-eco-luxe-names li {
	color: #000 !important;
	font-size: 15px !important;
	font-family: "Inter" !important;
}

.zara-touchless-faucet-collections-eco-luxe .zara-touchless-faucet-collections-eco-luxe-series {
	scroll-margin-top: 80px;
}

.zara-touchless-faucet-collections-eco-luxe .zara-touchless-faucet-collections-eco-luxe-series .zara-touchless-faucet-collections-eco-luxe-h2 {
	display: flex;
	align-items: center;
	gap: 10px;
}

.zara-touchless-faucet-collections-eco-luxe .zara-touchless-faucet-collections-eco-luxe-series-nav {
	position: sticky;
	top: 0;
	background: rgba(247, 250, 252, 0.86);
	backdrop-filter: saturate(1.2) blur(6px);
	border-bottom: 1px solid #e5e7eb;
	z-index: 10;
}

.zara-touchless-faucet-collections-eco-luxe .zara-touchless-faucet-collections-eco-luxe-series-nav .zara-touchless-faucet-collections-eco-luxe-inner {
	max-width: 1800px;
	margin: 0 auto;
	padding: 10px 18px;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.zara-touchless-faucet-collections-eco-luxe .zara-touchless-faucet-collections-eco-luxe-series-nav .zara-touchless-faucet-collections-eco-luxe-nav-link {
	color: #0b6ea2;
	text-decoration: none;
	padding: 8px 12px;
	border: 1px solid #e5e7eb;
	border-radius: 999px;
	background: #fff;
	font-size: 15px !important;
}

.zara-touchless-faucet-collections-eco-luxe .zara-touchless-faucet-collections-eco-luxe-footer {
	margin: 30px 0 10px;
	color: #6b7280;
	font-size: 13px;
}

.zara-touchless-faucet-collections-eco-luxe .zara-touchless-faucet-collections-eco-luxe-link {
	color: #0b6ea2;
	text-decoration: none;
}

.zara-best-sellers-fontana-shower-verified-links * {
	box-sizing: border-box;
}

.zara-best-sellers-fontana-shower-verified-links {
	margin: 0;
	font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji";
	color: #0f172a;
}

.zara-best-sellers-fontana-shower-verified-links .zara-best-sellers-fontana-shower-verified-links-a {
	color: inherit;
	text-decoration: none;
}
        
        /* Small, tidy ® / ™ */
.zara-best-sellers-fontana-shower-verified-links .zara-best-sellers-fontana-shower-verified-links-r,
        .zara-best-sellers-fontana-shower-verified-links .zara-best-sellers-fontana-shower-verified-links-reg {
	font-size: 0.55em;
	line-height: 0;
	vertical-align: super;
	margin-left: 0.08em;
	opacity: 0.85;
}

.zara-best-sellers-fontana-shower-verified-links .zara-best-sellers-fontana-shower-verified-links-h1 .zara-best-sellers-fontana-shower-verified-links-r,
        .zara-best-sellers-fontana-shower-verified-links .zara-best-sellers-fontana-shower-verified-links-h2 .zara-best-sellers-fontana-shower-verified-links-r {
	font-size: 0.5em;
}

@supports(font-variant-position: super) {
	.zara-best-sellers-fontana-shower-verified-links .zara-best-sellers-fontana-shower-verified-links-r,
            .zara-best-sellers-fontana-shower-verified-links .zara-best-sellers-fontana-shower-verified-links-reg {
		font-variant-position: super;
		vertical-align: baseline;
	}
}

.zara-best-sellers-fontana-shower-verified-links .zara-best-sellers-fontana-shower-verified-links-container {
	max-width: 1200px;
	margin: 0 auto;
	padding: 24px;
}

.zara-best-sellers-fontana-shower-verified-links .zara-best-sellers-fontana-shower-verified-links-pill {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	background: #e0f2fe;
	color: #075985;
	padding: 6px 10px;
	border-radius: 999px;
	font-weight: 600;
	font-size: 12.8px;
	text-wrap: nowrap;
}
        
        /* Hero */
.zara-best-sellers-fontana-shower-verified-links .zara-best-sellers-fontana-shower-verified-links-hero {
	display: flex;
	flex-direction: column;
	gap: 24px;
	align-items: stretch;
	margin-bottom: 28px;
}

@media(min-width: 768px) {
	.zara-best-sellers-fontana-shower-verified-links .zara-best-sellers-fontana-shower-verified-links-hero {
		display: grid;
		grid-template-columns: 1.1fr 0.9fr;
		flex-direction: unset;
	}
}

.zara-best-sellers-fontana-shower-verified-links .zara-best-sellers-fontana-shower-verified-links-hero-left {
	background: #ffffff;
	border-radius: 18px;
	padding: 28px;
	box-shadow: 0 1px 1px rgba(2, 6, 23, 0.05), 0 8px 24px rgba(2, 6, 23, 0.06);
	position: relative;
	overflow: hidden;
}

.zara-best-sellers-fontana-shower-verified-links .zara-best-sellers-fontana-shower-verified-links-hero-left .zara-best-sellers-fontana-shower-verified-links-h1 {
	font-size: clamp(28px, 3.2vw, 40px);
	margin: 4px 0 10px;
}

.zara-best-sellers-fontana-shower-verified-links .zara-best-sellers-fontana-shower-verified-links-hero-left .zara-best-sellers-fontana-shower-verified-links-p {
	color: #475569;
	margin: 0 0 16px;
}

.zara-best-sellers-fontana-shower-verified-links .zara-best-sellers-fontana-shower-verified-links-hero-cta {
	display: flex;
	gap: 12px;
	flex-wrap: wrap;
}

.zara-best-sellers-fontana-shower-verified-links .zara-best-sellers-fontana-shower-verified-links-btn {
	padding: 12px 16px;
	border-radius: 12px;
	border: 1px solid rgba(2, 6, 23, 0.08);
	background: #fff;
	font-weight: 700;
	cursor: pointer;
	transition: 0.25s ease;
	color: inherit;
	text-decoration: none;
	display: inline-block;
	font-size: 14px !important;
}

.zara-best-sellers-fontana-shower-verified-links .zara-best-sellers-fontana-shower-verified-links-btn.zara-best-sellers-fontana-shower-verified-links-primary {
	background: #0ea5e9;
	color: white;
	border-color: transparent;
	box-shadow: 0 6px 20px rgba(14, 165, 233, 0.25);
}

.zara-best-sellers-fontana-shower-verified-links .zara-best-sellers-fontana-shower-verified-links-btn:hover {
	transform: translateY(-2px);
}

.zara-best-sellers-fontana-shower-verified-links .zara-best-sellers-fontana-shower-verified-links-btn.zara-best-sellers-fontana-shower-verified-links-primary:hover {
	box-shadow: 0 10px 28px rgba(14, 165, 233, 0.32);
}
        
        /* Quick micro-cards under hero-left (left column only) */
.zara-best-sellers-fontana-shower-verified-links .zara-best-sellers-fontana-shower-verified-links-micro {
	margin-top: 18px;
	display: grid;
	grid-template-columns: 1fr;
	gap: 12px;
}

@media(min-width: 480px) {
	.zara-best-sellers-fontana-shower-verified-links .zara-best-sellers-fontana-shower-verified-links-micro {
		grid-template-columns: 1fr 1fr;
	}
}

.zara-best-sellers-fontana-shower-verified-links .zara-best-sellers-fontana-shower-verified-links-micro .zara-best-sellers-fontana-shower-verified-links-card {
	padding: 14px 16px;
	border-radius: 14px;
	background: #fff;
	border: 1px solid rgba(2, 6, 23, 0.06);
	box-shadow: 0 1px 1px rgba(2, 6, 23, 0.04);
	transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
	color: inherit;
	text-decoration: none;
	display: block;
}

.zara-best-sellers-fontana-shower-verified-links .zara-best-sellers-fontana-shower-verified-links-micro .zara-best-sellers-fontana-shower-verified-links-card:hover {
	transform: translateY(-3px);
	box-shadow: 0 10px 30px rgba(14, 165, 233, 0.35);
	border-color: rgba(14, 165, 233, 0.25);
}

.zara-best-sellers-fontana-shower-verified-links .zara-best-sellers-fontana-shower-verified-links-micro .zara-best-sellers-fontana-shower-verified-links-card .zara-best-sellers-fontana-shower-verified-links-h4 {
	margin: 0 0 4px;
	font-size: 15px;
}

.zara-best-sellers-fontana-shower-verified-links .zara-best-sellers-fontana-shower-verified-links-micro .zara-best-sellers-fontana-shower-verified-links-card .zara-best-sellers-fontana-shower-verified-links-card-p {
	margin: 0;
	color: #475569;
	font-size: 0.86rem;
}
        
        /* Right hero image placeholder — full height */
.zara-best-sellers-fontana-shower-verified-links .zara-best-sellers-fontana-shower-verified-links-hero-right {
	background: radial-gradient(40% 50% at 70% 30%, rgba(14, 165, 233, 0.10), transparent 70%),
                        linear-gradient(180deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.5));
	border: 1px dashed rgba(14, 165, 233, 0.35);
	border-radius: 18px;
	position: relative;
	overflow: hidden;
	min-height: 320px;
}

.zara-best-sellers-fontana-shower-verified-links .zara-best-sellers-fontana-shower-verified-links-ph {
	position: absolute;
	inset: 0;
	display: grid;
	place-items: center;
	color: #0369a1;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}
        
        /* Filters */
.zara-best-sellers-fontana-shower-verified-links .zara-best-sellers-fontana-shower-verified-links-toolbar {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 10px 0 16px;
}

.zara-best-sellers-fontana-shower-verified-links .zara-best-sellers-fontana-shower-verified-links-filters {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
}

.zara-best-sellers-fontana-shower-verified-links .zara-best-sellers-fontana-shower-verified-links-chip {
	padding: 8px 12px;
	border-radius: 999px;
	background: #fff;
	border: 1px solid rgba(2, 6, 23, 0.08);
	cursor: pointer;
	font-weight: 700;
	font-size: 15px;
	transition: 0.2s ease;
	color: inherit;
}

.zara-best-sellers-fontana-shower-verified-links .zara-best-sellers-fontana-shower-verified-links-chip[aria-pressed="true"] {
	background: #0ea5e9;
	color: white;
	border-color: transparent;
}
        
        /* Product grid */
.zara-best-sellers-fontana-shower-verified-links .zara-best-sellers-fontana-shower-verified-links-grid {
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	gap: 16px;
}

.zara-best-sellers-fontana-shower-verified-links .zara-best-sellers-fontana-shower-verified-links-col-4 {
	grid-column: span 12;
}

@media(min-width: 640px) {
	.zara-best-sellers-fontana-shower-verified-links .zara-best-sellers-fontana-shower-verified-links-col-4 {
		grid-column: span 6;
	}
}

@media(min-width: 900px) {
	.zara-best-sellers-fontana-shower-verified-links .zara-best-sellers-fontana-shower-verified-links-col-4 {
		grid-column: span 4;
	}
}

.zara-best-sellers-fontana-shower-verified-links .zara-best-sellers-fontana-shower-verified-links-product {
	background: #ffffff;
	border: 1px solid rgba(2, 6, 23, 0.06);
	border-radius: 16px;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	box-shadow: 0 1px 1px rgba(2, 6, 23, 0.05), 0 10px 24px rgba(2, 6, 23, 0.06);
	transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

.zara-best-sellers-fontana-shower-verified-links .zara-best-sellers-fontana-shower-verified-links-product:hover {
	transform: translateY(-6px);
	box-shadow: 0 16px 44px rgba(14, 165, 233, 0.35);
	border-color: rgba(14, 165, 233, 0.25);
}

.zara-best-sellers-fontana-shower-verified-links .zara-best-sellers-fontana-shower-verified-links-thumb {
	aspect-ratio: 16/10;
	background: repeating-linear-gradient(135deg, #e2f2ff, #e2f2ff 12px, #f0f9ff 12px, #f0f9ff 24px);
	display: grid;
	place-items: center;
	color: #0369a1;
	font-weight: 700;
	text-decoration: none;
}

.zara-best-sellers-fontana-shower-verified-links .zara-best-sellers-fontana-shower-verified-links-content {
	padding: 16px;
}

.zara-best-sellers-fontana-shower-verified-links .zara-best-sellers-fontana-shower-verified-links-title {
	display: flex;
	gap: 8px;
	align-items: center;
	justify-content: space-between;
}

.zara-best-sellers-fontana-shower-verified-links .zara-best-sellers-fontana-shower-verified-links-title .zara-best-sellers-fontana-shower-verified-links-h3 {
	font-size: 16px;
	margin: 0;
}

.zara-best-sellers-fontana-shower-verified-links .zara-best-sellers-fontana-shower-verified-links-badge {
	font-size: 11.5px;
	background: #ecfeff;
	color: #155e75;
	padding: 4px 8px;
	border-radius: 999px;
	font-weight: 800;
	text-wrap: nowrap;
}

.zara-best-sellers-fontana-shower-verified-links .zara-best-sellers-fontana-shower-verified-links-meta {
	color: #475569;
	font-size: 14.5px;
	margin-top: 6px;
}

.zara-best-sellers-fontana-shower-verified-links .zara-best-sellers-fontana-shower-verified-links-price {
	margin-top: 10px;
	display: flex;
	align-items: center;
	gap: 8px;
	font-weight: 800;
}

.zara-best-sellers-fontana-shower-verified-links .zara-best-sellers-fontana-shower-verified-links-price .zara-best-sellers-fontana-shower-verified-links-sale {
	color: #16a34a;
}

.zara-best-sellers-fontana-shower-verified-links .zara-best-sellers-fontana-shower-verified-links-price .zara-best-sellers-fontana-shower-verified-links-strike {
	text-decoration: line-through;
	color: #94a3b8;
	font-weight: 600;
}

.zara-best-sellers-fontana-shower-verified-links .zara-best-sellers-fontana-shower-verified-links-actions {
	display: flex;
	gap: 10px;
	padding: 14px 16px 16px;
	margin-top: auto;
	flex-wrap: wrap;
}

.zara-best-sellers-fontana-shower-verified-links .zara-best-sellers-fontana-shower-verified-links-actions .zara-best-sellers-fontana-shower-verified-links-action-link {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	padding: 10px 12px;
	border-radius: 12px;
	border: 1px solid rgba(2, 6, 23, 0.08);
	background: #fff;
	font-weight: 700;
	transition: 0.2s ease;
	color: inherit;
	text-decoration: none;
}

.zara-best-sellers-fontana-shower-verified-links .zara-best-sellers-fontana-shower-verified-links-actions .zara-best-sellers-fontana-shower-verified-links-action-link.zara-best-sellers-fontana-shower-verified-links-primary {
	background: #0ea5e9;
	border-color: transparent;
	color: #fff;
}

.zara-best-sellers-fontana-shower-verified-links .zara-best-sellers-fontana-shower-verified-links-actions .zara-best-sellers-fontana-shower-verified-links-action-link:hover {
	transform: translateY(-2px);
}
        
        /* Utility hide */
.zara-best-sellers-fontana-shower-verified-links .zara-best-sellers-fontana-shower-verified-links-hidden {
	display: none !important;
}

.zara-most-specified-bathrom-collection * {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

.zara-most-specified-bathrom-collection {
	font: 16px/1.7 Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
	color: #0b1f36;
	background: linear-gradient(180deg, #f7fbff, #eef6ff);
	margin: 0;
	padding: 0;
}

.zara-most-specified-bathrom-collection .zara-most-specified-bathrom-collection-wrap {
	max-width: 1800px;
	margin: 0 auto;
	padding: 0 20px;
}

.zara-most-specified-bathrom-collection .zara-most-specified-bathrom-collection-h1,
        .zara-most-specified-bathrom-collection .zara-most-specified-bathrom-collection-h2,
        .zara-most-specified-bathrom-collection .zara-most-specified-bathrom-collection-h3 {
	margin: 0;
}

.zara-most-specified-bathrom-collection .zara-most-specified-bathrom-collection-h1 {
	font-size: 34px;
	font-weight: 800;
}

.zara-most-specified-bathrom-collection .zara-most-specified-bathrom-collection-h2 {
	font-size: 22px;
	font-weight: 800;
}
        
        /* HERO */
.zara-most-specified-bathrom-collection .zara-most-specified-bathrom-collection-hero {
	display: flex;
	flex-direction: column;
	gap: 20px;
	align-items: center;
	padding: 46px 20px;
}

@media(min-width: 768px) {
	.zara-most-specified-bathrom-collection .zara-most-specified-bathrom-collection-hero {
		display: grid;
		grid-template-columns: 1.2fr 0.8fr;
		flex-direction: unset;
	}
}

.zara-most-specified-bathrom-collection .zara-most-specified-bathrom-collection-hero .zara-most-specified-bathrom-collection-visual {
	border-radius: 24px;
	overflow: hidden;
	min-height: 360px;
	background: #ddeaFF;
	order: 1;
}

@media(min-width: 768px) {
	.zara-most-specified-bathrom-collection .zara-most-specified-bathrom-collection-hero .zara-most-specified-bathrom-collection-visual {
		order: unset;
	}
}

.zara-most-specified-bathrom-collection .zara-most-specified-bathrom-collection-hero .zara-most-specified-bathrom-collection-visual .zara-most-specified-bathrom-collection-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.zara-most-specified-bathrom-collection .zara-most-specified-bathrom-collection-hero .zara-most-specified-bathrom-collection-panel {
	display: flex;
	flex-direction: column;
	gap: 14px;
	background: #fff;
}

.zara-most-specified-bathrom-collection .zara-most-specified-bathrom-collection-tag {
	display: inline-flex;
	gap: 8px;
	align-items: center;
	padding: 6px 10px;
	border-radius: 999px;
	background: #e7f2ff;
	color: #123a76;
	font-weight: 800;
	width: max-content;
}

.zara-most-specified-bathrom-collection .zara-most-specified-bathrom-collection-lead {
	color: #5c6b7a;
	margin-top: 2px;
}

.zara-most-specified-bathrom-collection .zara-most-specified-bathrom-collection-cta {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
}

.zara-most-specified-bathrom-collection .zara-most-specified-bathrom-collection-btn {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 12px 14px;
	border-radius: 14px;
	text-decoration: none;
	font-weight: 800;
	border: 1px solid #dfe8f1;
	background: #fff;
	transition: 0.2s;
	color: #0a2f63;
}

.zara-most-specified-bathrom-collection .zara-most-specified-bathrom-collection-btn:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 18px rgba(28, 109, 208, 0.14);
	background: #fafcff;
}

.zara-most-specified-bathrom-collection .zara-most-specified-bathrom-collection-btn.zara-most-specified-bathrom-collection-primary {
	background: linear-gradient(180deg, #e1f0ff, #cfe3ff);
	border-color: #c9dcff;
}
        
        /* TOOLBAR */
.zara-most-specified-bathrom-collection .zara-most-specified-bathrom-collection-toolbar {
	position: sticky;
	top: 0;
	z-index: 5;
	background: #fff;
	border-top: 1px solid #dfe8f1;
	border-bottom: 1px solid #dfe8f1;
}

.zara-most-specified-bathrom-collection .zara-most-specified-bathrom-collection-toolbar .zara-most-specified-bathrom-collection-row {
	display: grid;
	grid-template-columns: 1fr auto;
	gap: 10px;
	align-items: center;
	padding: 12px 0;
}

@media(min-width: 640px) {
	.zara-most-specified-bathrom-collection .zara-most-specified-bathrom-collection-toolbar .zara-most-specified-bathrom-collection-row {
		grid-template-columns: 1fr 1fr auto;
	}
}

@media(min-width: 980px) {
	.zara-most-specified-bathrom-collection .zara-most-specified-bathrom-collection-toolbar .zara-most-specified-bathrom-collection-row {
		grid-template-columns: 1fr 1fr auto;
	}
}

.zara-most-specified-bathrom-collection .zara-most-specified-bathrom-collection-filter-group {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
}

.zara-most-specified-bathrom-collection .zara-most-specified-bathrom-collection-select,
        .zara-most-specified-bathrom-collection .zara-most-specified-bathrom-collection-search {
	display: flex;
	align-items: center;
	gap: 8px;
	border: 1px solid #dfe8f1;
	border-radius: 12px;
	padding: 8px 10px;
	background: #f6fbff;
	border-right: 10px solid red;
}

.zara-most-specified-bathrom-collection .zara-most-specified-bathrom-collection-select select,
        .zara-most-specified-bathrom-collection .zara-most-specified-bathrom-collection-search input {
	border: 0;
	background: transparent;
	outline: 0;
	font-family: inherit;
	color: inherit;
}

.zara-most-specified-bathrom-collection .zara-most-specified-bathrom-collection-sort {
	justify-self: end;
}

.zara-most-specified-bathrom-collection .zara-most-specified-bathrom-collection-count {
	font-weight: 700;
	color: #163b6e;
}
        
        /* GRID */
.zara-most-specified-bathrom-collection .zara-most-specified-bathrom-collection-grid {
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	gap: 14px;
	padding: 22px 0;
}

.zara-most-specified-bathrom-collection .zara-most-specified-bathrom-collection-card {
	grid-column: span 12;
	background: #fff;
	border: 1px solid #dfe8f1;
	border-radius: 16px;
	overflow: hidden;
	box-shadow: 0 8px 22px rgba(0, 0, 0, 0.08);
	position: relative;
	display: flex;
	flex-direction: column;
	transition: 0.22s;
}

@media(min-width: 600px) {
	.zara-most-specified-bathrom-collection .zara-most-specified-bathrom-collection-card {
		grid-column: span 6;
	}
}

@media(min-width: 900px) {
	.zara-most-specified-bathrom-collection .zara-most-specified-bathrom-collection-card {
		grid-column: span 4;
	}
}

@media(min-width: 1200px) {
	.zara-most-specified-bathrom-collection .zara-most-specified-bathrom-collection-card {
		grid-column: span 3;
	}
}

.zara-most-specified-bathrom-collection .zara-most-specified-bathrom-collection-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 16px 28px rgba(28, 109, 208, 0.16);
}

.zara-most-specified-bathrom-collection .zara-most-specified-bathrom-collection-img-link {
	aspect-ratio: 4/3;
	background: #eef4fb;
	display: block;
	text-decoration: none;
}

.zara-most-specified-bathrom-collection .zara-most-specified-bathrom-collection-img-link .zara-most-specified-bathrom-collection-product-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.zara-most-specified-bathrom-collection .zara-most-specified-bathrom-collection-badges {
	position: absolute;
	top: 10px;
	left: 10px;
	display: flex;
	gap: 6px;
	flex-wrap: wrap;
}

.zara-most-specified-bathrom-collection .zara-most-specified-bathrom-collection-b {
	padding: 6px 10px;
	border-radius: 999px;
	font-size: 12px;
	font-weight: 800;
	border: 1px solid #dfe8f1;
	background: #fff;
}

.zara-most-specified-bathrom-collection .zara-most-specified-bathrom-collection-b.zara-most-specified-bathrom-collection-gold {
	background: #fff4da;
	border-color: #f0d999;
	color: #7a5a12;
}

.zara-most-specified-bathrom-collection .zara-most-specified-bathrom-collection-b.zara-most-specified-bathrom-collection-fast {
	background: #eafff2;
	border-color: #c8f5d8;
	color: #155c2e;
}

.zara-most-specified-bathrom-collection .zara-most-specified-bathrom-collection-bd {
	padding: 12px;
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.zara-most-specified-bathrom-collection .zara-most-specified-bathrom-collection-title {
	font-weight: 800;
	font-size: 15px;
	line-height: 1.35;
	min-height: 40px;
}

.zara-most-specified-bathrom-collection .zara-most-specified-bathrom-collection-meta {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
	color: #47608a;
	font-size: 12px;
}

.zara-most-specified-bathrom-collection .zara-most-specified-bathrom-collection-rating {
	display: flex;
	align-items: center;
	gap: 6px;
	font-weight: 700;
}

.zara-most-specified-bathrom-collection .zara-most-specified-bathrom-collection-stars {
	letter-spacing: 2px;
}

.zara-most-specified-bathrom-collection .zara-most-specified-bathrom-collection-price {
	display: flex;
	align-items: baseline;
	gap: 8px;
}

.zara-most-specified-bathrom-collection .zara-most-specified-bathrom-collection-price .zara-most-specified-bathrom-collection-now {
	font-weight: 900;
}

.zara-most-specified-bathrom-collection .zara-most-specified-bathrom-collection-price .zara-most-specified-bathrom-collection-was {
	color: #8aa0ba;
	text-decoration: line-through;
}

.zara-most-specified-bathrom-collection .zara-most-specified-bathrom-collection-chips {
	display: flex;
	gap: 6px;
	flex-wrap: wrap;
}

.zara-most-specified-bathrom-collection .zara-most-specified-bathrom-collection-chip {
	padding: 6px 10px;
	border-radius: 10px;
	background: #f2f7ff;
	border: 1px solid #dfe8f1;
	font-size: 12px;
	font-weight: 700;
	color: #1c3d70;
}

.zara-most-specified-bathrom-collection .zara-most-specified-bathrom-collection-actions {
	display: flex;
	gap: 8px;
	margin-top: auto;
}

.zara-most-specified-bathrom-collection .zara-most-specified-bathrom-collection-btn-sm {
	flex: 1;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	padding: 9px 10px;
	border-radius: 10px;
	border: 1px solid #dfe8f1;
	background: #f6fbff;
	color: #0a2f63;
	font-weight: 800;
	text-decoration: none;
	transition: 0.18s;
	cursor: pointer;
}

.zara-most-specified-bathrom-collection .zara-most-specified-bathrom-collection-btn-sm:hover {
	background: #e9f3ff;
}

.zara-most-specified-bathrom-collection .zara-most-specified-bathrom-collection-btn-sm.zara-most-specified-bathrom-collection-primary {
	background: linear-gradient(180deg, #e1f0ff, #cfe3ff);
	border-color: #c9dcff;
}

.zara-most-specified-bathrom-collection .zara-most-specified-bathrom-collection-quick {
	display: flex;
	gap: 8px;
}

.zara-most-specified-bathrom-collection .zara-most-specified-bathrom-collection-link {
	font-size: 12px;
	color: #163b6e;
	text-decoration: none;
	border-bottom: 1px dashed #c7d9f3;
}

.zara-most-specified-bathrom-collection .zara-most-specified-bathrom-collection-link:hover {
	border-bottom-color: #9cc3ff;
}
        
        /* COMPARE BAR */
.zara-most-specified-bathrom-collection .zara-most-specified-bathrom-collection-comparebar {
	position: sticky;
	bottom: 0;
	background: #0e2a52;
	color: #fff;
	border-top: 1px solid rgba(255, 255, 255, 0.15);
	padding: 10px;
	display: none;
}

.zara-most-specified-bathrom-collection .zara-most-specified-bathrom-collection-comparebar .zara-most-specified-bathrom-collection-inner {
	max-width: 1300px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	gap: 10px;
}

.zara-most-specified-bathrom-collection .zara-most-specified-bathrom-collection-cmp-list {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
}

.zara-most-specified-bathrom-collection .zara-most-specified-bathrom-collection-cmp-pill {
	background: #163b6e;
	border: 1px solid #2c4f8f;
	border-radius: 999px;
	padding: 6px 10px;
	font-size: 12px;
}

.zara-most-specified-bathrom-collection .zara-most-specified-bathrom-collection-cmp-btn {
	margin-left: auto;
	background: #fff;
	color: #0e2a52;
	border-radius: 12px;
	padding: 8px 12px;
	font-weight: 900;
	border: 0;
	cursor: pointer;
}
        
        /* MODAL */
.zara-most-specified-bathrom-collection .zara-most-specified-bathrom-collection-modal {
	position: fixed;
	inset: 0;
	background: rgba(0, 0, 0, 0.45);
	display: none;
	align-items: center;
	justify-content: center;
	padding: 20px;
	z-index: 1000;
}

.zara-most-specified-bathrom-collection .zara-most-specified-bathrom-collection-modal .zara-most-specified-bathrom-collection-box {
	background: #fff;
	border-radius: 16px;
	max-width: 960px;
	width: 100%;
	padding: 18px;
	border: 1px solid #dfe8f1;
}

.zara-most-specified-bathrom-collection .zara-most-specified-bathrom-collection-modal .zara-most-specified-bathrom-collection-h3 {
	font-size: 18px;
	margin-bottom: 8px;
}

.zara-most-specified-bathrom-collection .zara-most-specified-bathrom-collection-modal table {
	width: 100%;
	border-collapse: collapse;
}

.zara-most-specified-bathrom-collection .zara-most-specified-bathrom-collection-modal th,
        .zara-most-specified-bathrom-collection .zara-most-specified-bathrom-collection-modal td {
	border: 1px solid #dfe8f1;
	padding: 10px;
	font-size: 13px;
	text-align: left;
}

.zara-most-specified-bathrom-collection .zara-most-specified-bathrom-collection-close {
	float: right;
	border: 0;
	background: #fff;
	color: #0b1f36;
	font-weight: 900;
	cursor: pointer;
}

.zara-most-specified-bathrom-collection .zara-most-specified-bathrom-collection-hidden {
	display: none !important;
}

.zara-most-specified-bathrom-collection .zara-most-specified-bathrom-collection-visually-hidden {
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	white-space: nowrap;
	border: 0;
	padding: 0;
	margin: -1px;
}

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Interior Designers | BathSelect</title>
    <style>
        .zara-curated-collection-for-interior-designers * {
	box-sizing: border-box;
}

.zara-curated-collection-for-interior-designers {
	font: 16px/1.7 Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
	color: #0d1b2a;
	background: linear-gradient(180deg, #f7fbff, #f2f7fc);
	margin: 0;
	padding: 0;
	overflow-x: hidden;
	width: 100%;
}

.zara-curated-collection-for-interior-designers * {
	box-sizing: border-box;
	max-width: 100%;
}

.zara-curated-collection-for-interior-designers {
	font: 16px/1.7 Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
	color: #0d1b2a;
	background: linear-gradient(180deg, #f7fbff, #f2f7fc);
	margin: 0;
	padding: 0;
	overflow-x: hidden;
	width: 100%;
}

.zara-curated-collection-for-interior-designers .zara-curated-collection-for-interior-designers-wrap {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 20px;
	overflow-x: hidden;
}

.zara-curated-collection-for-interior-designers .zara-curated-collection-for-interior-designers-hero {
	display: flex;
	flex-direction: column;
	gap: 20px;
	align-items: stretch;
	padding: 40px 20px;
}

@media (min-width: 980px) {
	.zara-curated-collection-for-interior-designers .zara-curated-collection-for-interior-designers-hero {
		display: grid;
		grid-template-columns: 1.2fr 0.8fr;
		flex-direction: unset;
		gap: 20px;
	}
}

.zara-curated-collection-for-interior-designers .zara-curated-collection-for-interior-designers-hero .zara-curated-collection-for-interior-designers-visual {
	border-radius: 24px;
	overflow: hidden;
	position: relative;
	background: #dce9f9;
	min-height: 300px;
	order: 1;
}

@media (min-width: 640px) {
	.zara-curated-collection-for-interior-designers .zara-curated-collection-for-interior-designers-hero .zara-curated-collection-for-interior-designers-visual {
		min-height: 420px;
	}
}

@media (min-width: 980px) {
	.zara-curated-collection-for-interior-designers .zara-curated-collection-for-interior-designers-hero .zara-curated-collection-for-interior-designers-visual {
		order: unset;
	}
}

.zara-curated-collection-for-interior-designers .zara-curated-collection-for-interior-designers-hero .zara-curated-collection-for-interior-designers-visual img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.zara-curated-collection-for-interior-designers .zara-curated-collection-for-interior-designers-hero .zara-curated-collection-for-interior-designers-panel {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.zara-curated-collection-for-interior-designers .zara-curated-collection-for-interior-designers-tag {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 8px 12px;
	border-radius: 999px;
	background: rgba(27, 118, 255, 0.12);
	color: #0d3a7a;
	font-weight: 700;
	width: max-content;
}

.zara-curated-collection-for-interior-designers .zara-curated-collection-for-interior-designers-h1 {
	font-size: 28px;
	line-height: 1.2;
	margin: 0;
}

@media (min-width: 640px) {
	.zara-curated-collection-for-interior-designers .zara-curated-collection-for-interior-designers-h1 {
		font-size: 38px;
		line-height: 1.15;
	}
}

.zara-curated-collection-for-interior-designers .zara-curated-collection-for-interior-designers-sub {
	color: #5b6b7a;
	margin: 0;
	font-size: 14px;
}

@media (min-width: 640px) {
	.zara-curated-collection-for-interior-designers .zara-curated-collection-for-interior-designers-sub {
		font-size: 16px;
	}
}

.zara-curated-collection-for-interior-designers .zara-curated-collection-for-interior-designers-cta {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 8px;
}

.zara-curated-collection-for-interior-designers .zara-curated-collection-for-interior-designers-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	padding: 12px 16px;
	border-radius: 14px;
	text-decoration: none;
	font-weight: 800;
	border: 1px solid #e7eef6;
	background: #fff;
	color: #0d1b2a;
	box-shadow: 0 4px 10px rgba(2, 20, 43, 0.04);
	transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s;
	font-size: 14px;
	width: 100%;
}

@media (min-width: 640px) {
	.zara-curated-collection-for-interior-designers .zara-curated-collection-for-interior-designers-btn {
		width: auto;
	}
}

.zara-curated-collection-for-interior-designers .zara-curated-collection-for-interior-designers-btn:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 18px rgba(27, 118, 255, 0.14);
	background: #fafcff;
}

.zara-curated-collection-for-interior-designers .zara-curated-collection-for-interior-designers-btn.zara-curated-collection-for-interior-designers-primary {
	background: linear-gradient(180deg, #e0ecff, #cfe3ff);
	border-color: #c9dcff;
	color: #0b2f6b;
}

.zara-curated-collection-for-interior-designers .zara-curated-collection-for-interior-designers-btn.zara-curated-collection-for-interior-designers-gold {
	background: linear-gradient(180deg, #f3ead4, #e7d2a2);
	border-color: #e0c785;
	color: #5a4518;
}

.zara-curated-collection-for-interior-designers .zara-curated-collection-for-interior-designers-section {
	padding: 20px 0;
}

@media (min-width: 768px) {
	.zara-curated-collection-for-interior-designers .zara-curated-collection-for-interior-designers-section {
		padding: 26px 0;
	}
}

.zara-curated-collection-for-interior-designers .zara-curated-collection-for-interior-designers-section h2 {
	font-size: 20px;
	margin: 0 0 14px;
}

@media (min-width: 768px) {
	.zara-curated-collection-for-interior-designers .zara-curated-collection-for-interior-designers-section h2 {
		font-size: 24px;
	}
}
        
        /* Moodboard - Clean Responsive Grid */
.zara-curated-collection-for-interior-designers .zara-curated-collection-for-interior-designers-mood {
	display: grid;
	grid-template-columns: 1fr;
	gap: 12px;
}

@media (min-width: 640px) {
	.zara-curated-collection-for-interior-designers .zara-curated-collection-for-interior-designers-mood {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (min-width: 980px) {
	.zara-curated-collection-for-interior-designers .zara-curated-collection-for-interior-designers-mood {
		grid-template-columns: repeat(3, 1fr);
	}
}

.zara-curated-collection-for-interior-designers .zara-curated-collection-for-interior-designers-tile {
	background: #ffffff;
	border: 1px solid #e7eef6;
	border-radius: 16px;
	overflow: hidden;
	box-shadow: 0 10px 28px rgba(2, 20, 43, 0.08);
	transition: transform 0.22s ease, box-shadow 0.22s ease;
}

.zara-curated-collection-for-interior-designers .zara-curated-collection-for-interior-designers-tile:hover {
	transform: translateY(-4px);
	box-shadow: 0 14px 28px rgba(27, 118, 255, 0.16);
}

.zara-curated-collection-for-interior-designers .zara-curated-collection-for-interior-designers-tile .zara-curated-collection-for-interior-designers-img {
	height: 180px;
	background: #eaf2ff;
}

.zara-curated-collection-for-interior-designers .zara-curated-collection-for-interior-designers-tile .zara-curated-collection-for-interior-designers-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.zara-curated-collection-for-interior-designers .zara-curated-collection-for-interior-designers-tile .zara-curated-collection-for-interior-designers-txt {
	padding: 12px;
}

.zara-curated-collection-for-interior-designers .zara-curated-collection-for-interior-designers-eyebrow {
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 0.32px;
	color: #5b6b7a;
	margin-bottom: 6px;
}

.zara-curated-collection-for-interior-designers .zara-curated-collection-for-interior-designers-tile h3 {
	margin: 0 0 6px;
	font-size: 16px;
}

.zara-curated-collection-for-interior-designers .zara-curated-collection-for-interior-designers-chips {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 6px;
}

.zara-curated-collection-for-interior-designers .zara-curated-collection-for-interior-designers-chip {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 8px 10px;
	border-radius: 12px;
	background: #f1f6ff;
	border: 1px solid #e7eef6;
	font-weight: 700;
	font-size: 12px;
	color: #0b2f6b;
}
        
        /* Collections - Clean Responsive Grid */
.zara-curated-collection-for-interior-designers .zara-curated-collection-for-interior-designers-collections {
	display: grid;
	grid-template-columns: 1fr;
	gap: 14px;
}

@media (min-width: 640px) {
	.zara-curated-collection-for-interior-designers .zara-curated-collection-for-interior-designers-collections {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (min-width: 980px) {
	.zara-curated-collection-for-interior-designers .zara-curated-collection-for-interior-designers-collections {
		grid-template-columns: repeat(3, 1fr);
	}
}

.zara-curated-collection-for-interior-designers .zara-curated-collection-for-interior-designers-collection {
	background: #fff;
	border: 1px solid #e7eef6;
	border-radius: 18px;
	overflow: hidden;
	box-shadow: 0 10px 28px rgba(2, 20, 43, 0.08);
	transition: transform 0.22s ease, box-shadow 0.22s ease;
}

.zara-curated-collection-for-interior-designers .zara-curated-collection-for-interior-designers-collection:hover {
	transform: translateY(-4px);
	box-shadow: 0 14px 28px rgba(27, 118, 255, 0.16);
}

.zara-curated-collection-for-interior-designers .zara-curated-collection-for-interior-designers-collection .zara-curated-collection-for-interior-designers-hero-img {
	height: 220px;
	background: #edf3ff;
}

.zara-curated-collection-for-interior-designers .zara-curated-collection-for-interior-designers-collection .zara-curated-collection-for-interior-designers-hero-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.zara-curated-collection-for-interior-designers .zara-curated-collection-for-interior-designers-collection .zara-curated-collection-for-interior-designers-bd {
	padding: 14px;
}

.zara-curated-collection-for-interior-designers .zara-curated-collection-for-interior-designers-collection .zara-curated-collection-for-interior-designers-bd p {
	margin: 6px 0 10px;
	color: #5b6b7a;
	font-size: 14px;
}

.zara-curated-collection-for-interior-designers .zara-curated-collection-for-interior-designers-links {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}
        
        /* Finish Library - Clean Responsive Grid */
.zara-curated-collection-for-interior-designers .zara-curated-collection-for-interior-designers-finishes {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 10px;
}

@media (min-width: 570px) {
	.zara-curated-collection-for-interior-designers .zara-curated-collection-for-interior-designers-finishes {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media (min-width: 768px) {
	.zara-curated-collection-for-interior-designers .zara-curated-collection-for-interior-designers-finishes {
		grid-template-columns: repeat(4, 1fr);
	}
}

@media (min-width: 1200px) {
	.zara-curated-collection-for-interior-designers .zara-curated-collection-for-interior-designers-finishes {
		grid-template-columns: repeat(6, 1fr);
	}
}

.zara-curated-collection-for-interior-designers .zara-curated-collection-for-interior-designers-finish-card {
	background: #fff;
	border: 1px solid #e7eef6;
	border-radius: 14px;
	padding: 12px;
	box-shadow: 0 10px 28px rgba(2, 20, 43, 0.08);
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.zara-curated-collection-for-interior-designers .zara-curated-collection-for-interior-designers-finish-card:hover {
	transform: translateY(-3px);
	box-shadow: 0 10px 22px rgba(27, 118, 255, 0.14);
}

.zara-curated-collection-for-interior-designers .zara-curated-collection-for-interior-designers-swatch {
	width: 100%;
	height: 70px;
	border-radius: 10px;
	margin-bottom: 10px;
	border: 1px solid #e7eef6;
}

.zara-curated-collection-for-interior-designers .zara-curated-collection-for-interior-designers-swatch.zara-curated-collection-for-interior-designers-gold {
	background: linear-gradient(135deg, #d6b36a, #b4882e);
}

.zara-curated-collection-for-interior-designers .zara-curated-collection-for-interior-designers-swatch.zara-curated-collection-for-interior-designers-brushed-gold {
	background: repeating-linear-gradient(90deg, #d8bf86 0 6px, #b99a54 6px 12px);
}

.zara-curated-collection-for-interior-designers .zara-curated-collection-for-interior-designers-swatch.zara-curated-collection-for-interior-designers-matte-black {
	background: #222;
}

.zara-curated-collection-for-interior-designers .zara-curated-collection-for-interior-designers-swatch.zara-curated-collection-for-interior-designers-brushed-nickel {
	background: repeating-linear-gradient(90deg, #c7c9cc 0 6px, #aeb2b6 6px 12px);
}

.zara-curated-collection-for-interior-designers .zara-curated-collection-for-interior-designers-swatch.zara-curated-collection-for-interior-designers-chrome {
	background: linear-gradient(135deg, #e5e8ec, #a8b2bd);
}

.zara-curated-collection-for-interior-designers .zara-curated-collection-for-interior-designers-swatch.zara-curated-collection-for-interior-designers-antique-brass {
	background: linear-gradient(135deg, #8b6a2f, #c49b4b);
}

.zara-curated-collection-for-interior-designers .zara-curated-collection-for-interior-designers-finish-card h4 {
	margin: 0 0 4px;
	font-size: 14px;
}

.zara-curated-collection-for-interior-designers .zara-curated-collection-for-interior-designers-finish-card p {
	margin: 0;
	color: #5b6b7a;
	font-size: 12px;
}
        
        /* Tools Row */
.zara-curated-collection-for-interior-designers .zara-curated-collection-for-interior-designers-tools {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 12px;
}

.zara-curated-collection-for-interior-designers .zara-curated-collection-for-interior-designers-tool {
	padding: 10px 12px;
	border-radius: 12px;
	border: 1px solid #e7eef6;
	background: #fff;
	font-weight: 800;
	text-decoration: none;
	color: #0b2f6b;
	transition: transform 0.18s ease, box-shadow 0.18s ease;
	font-size: 14px;
}

.zara-curated-collection-for-interior-designers .zara-curated-collection-for-interior-designers-tool:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 18px rgba(27, 118, 255, 0.12);
}
        
        /* Case studies - Responsive Grid Instead of Scroll */
.zara-curated-collection-for-interior-designers .zara-curated-collection-for-interior-designers-cases {
	display: grid;
	grid-template-columns: 1fr;
	gap: 12px;
	padding-bottom: 6px;
}

@media (min-width: 640px) {
	.zara-curated-collection-for-interior-designers .zara-curated-collection-for-interior-designers-cases {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (min-width: 980px) {
	.zara-curated-collection-for-interior-designers .zara-curated-collection-for-interior-designers-cases {
		grid-template-columns: repeat(3, 1fr);
	}
}

.zara-curated-collection-for-interior-designers .zara-curated-collection-for-interior-designers-case {
	background: #fff;
	border: 1px solid #e7eef6;
	border-radius: 16px;
	overflow: hidden;
	box-shadow: 0 10px 28px rgba(2, 20, 43, 0.08);
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.zara-curated-collection-for-interior-designers .zara-curated-collection-for-interior-designers-case:hover {
	transform: translateY(-3px);
	box-shadow: 0 12px 24px rgba(27, 118, 255, 0.14);
}

.zara-curated-collection-for-interior-designers .zara-curated-collection-for-interior-designers-case .zara-curated-collection-for-interior-designers-case-img {
	height: 160px;
	background: #eaf2ff;
}

.zara-curated-collection-for-interior-designers .zara-curated-collection-for-interior-designers-case .zara-curated-collection-for-interior-designers-case-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.zara-curated-collection-for-interior-designers .zara-curated-collection-for-interior-designers-case .zara-curated-collection-for-interior-designers-case-bd {
	padding: 12px;
}

.zara-curated-collection-for-interior-designers .zara-curated-collection-for-interior-designers-meta {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
	margin-top: 6px;
}

.zara-curated-collection-for-interior-designers .zara-curated-collection-for-interior-designers-meta .zara-curated-collection-for-interior-designers-badge {
	padding: 6px 10px;
	border-radius: 999px;
	background: #f5f9ff;
	border: 1px solid #e7eef6;
	font-size: 12px;
	color: #2a4f8a;
}
        
        /* Sustainability */
.zara-curated-collection-for-interior-designers .zara-curated-collection-for-interior-designers-sust {
	display: grid;
	grid-template-columns: 1fr;
	gap: 14px;
	align-items: center;
	background: rgba(255, 255, 255, 0.8);
	border: 1px dashed #cfe1f7;
	padding: 12px;
	border-radius: 18px;
}

@media (min-width: 640px) {
	.zara-curated-collection-for-interior-designers .zara-curated-collection-for-interior-designers-sust {
		padding: 16px;
	}
}

@media (min-width: 820px) {
	.zara-curated-collection-for-interior-designers .zara-curated-collection-for-interior-designers-sust {
		grid-template-columns: 1fr 1fr;
	}
}

.zara-curated-collection-for-interior-designers .zara-curated-collection-for-interior-designers-sust p {
	margin: 0;
	color: #5b6b7a;
}

.zara-curated-collection-for-interior-designers .zara-curated-collection-for-interior-designers-sust strong {
	color: #0b2f6b;
}

.zara-curated-collection-for-interior-designers .zara-curated-collection-for-interior-designers-sust .zara-curated-collection-for-interior-designers-actions {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
}

@media (max-width: 640px) {
	.zara-curated-collection-for-interior-designers .zara-curated-collection-for-interior-designers-sust .zara-curated-collection-for-interior-designers-btn {
		width: 100%;
		justify-content: center;
	}
}
        
        /* Footer CTA */
.zara-curated-collection-for-interior-designers .zara-curated-collection-for-interior-designers-foot-cta {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	justify-content: center;
	padding: 20px 0 30px;
}

@media (min-width: 640px) {
	.zara-curated-collection-for-interior-designers .zara-curated-collection-for-interior-designers-foot-cta {
		padding: 28px 0 40px;
	}
}

@media (max-width: 640px) {
	.zara-curated-collection-for-interior-designers .zara-curated-collection-for-interior-designers-foot-cta .zara-curated-collection-for-interior-designers-btn {
		width: 100%;
		justify-content: center;
	}
}

.zara-curated-collection-for-interior-designers .zara-curated-collection-for-interior-designers-micro {
	font-size: 12px;
	color: #5b6b7a;
	text-align: center;
	margin-top: 6px;
	width: 100%;
}

.zara-expert-support-architects-designers * {
	box-sizing: border-box;
}

.zara-expert-support-architects-designers html,
.zara-expert-support-architects-designers body {
	margin: 0;
	font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

.zara-expert-support-architects-designers {
	font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

.zara-expert-support-architects-designers a {
	color: #1ea5ff;
	text-decoration: none;
}

.zara-expert-support-architects-designers a:hover {
	opacity: .9;
}

.zara-expert-support-architects-designers-header {
	position: sticky;
	top: 0;
	z-index: 10;
	backdrop-filter: saturate(140%) blur(8px);
	background: rgba(11,14,18,.72);
	border-bottom: 1px solid rgba(255,255,255,.06);
}

.zara-expert-support-architects-designers-wrap {
	max-width: 1800px;
	margin: 0 auto;
	padding: 0 20px;
}

.zara-expert-support-architects-designers-nav {
	display: flex;
	align-items: center;
	justify-content: space-around;
	height: 66px;
}

.zara-expert-support-architects-designers-brand {
	display: flex;
	align-items: center;
	gap: 12px;
}

.zara-expert-support-architects-designers-badge {
	font-size: 12px;
	color: #cbd5e1;
	border: 1px solid rgba(255,255,255,.08);
	padding: 4px 10px;
	border-radius: 999px;
}

.zara-expert-support-architects-designers-nav a.zara-expert-support-architects-designers-btn {
	margin-left: 10px;
	font-size: 14px !important;
	line-height: 1.428571429;
	font-weight: 700;
}

.zara-expert-support-architects-designers-btn {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	border-radius: 999px;
	padding: 10px 16px;
	background: linear-gradient(135deg, #1ea5ff, #5cffc0);
	color: #020617;
	font-weight: 700;
	box-shadow: 0 10px 30px rgba(0,0,0,.35);
	font-size: 14px !important;
	line-height: 1.428571429;
}

.zara-expert-support-architects-designers-btn.zara-expert-support-architects-designers-alt {
	background: #1f2937;
	color: #e5e7eb;
	box-shadow: nonek;
	text-wrap: nowrap;
}

.zara-expert-support-architects-designers-btn.zara-expert-support-architects-designers-btn-black {
	background: linear-gradient(135deg, #1ea5ff, #5cffc0);
	color: #020617;
}

.zara-expert-support-architects-designers-btn.zara-expert-support-architects-designers-btn-black:hover {
	color: #fff !important;
}

.zara-expert-support-architects-designers-hero {
	padding: 72px 0;
	background: radial-gradient(1200px 400px at 20% -10%, rgba(94,255,192,.14), transparent 60%), radial-gradient(1000px 400px at 90% 0%, rgba(30,165,255,.20), transparent 60%);
}

.zara-expert-support-architects-designers-hero h1 {
	font-size: 40px;
	line-height: 1.1;
	margin: 0 0 10px;
}

.zara-expert-support-architects-designers-hero p {
	font-size: 18px;
	color: #cbd5e1;
	max-width: 760px;
}

.zara-expert-support-architects-designers-grid {
	display: grid;
	gap: 20px;
}

@media(min-width:900px) {
	.zara-expert-support-architects-designers-grid.zara-expert-support-architects-designers-cols-3 {
		grid-template-columns: repeat(3,1fr);
	}

	.zara-expert-support-architects-designers-grid.zara-expert-support-architects-designers-cols-2 {
		grid-template-columns: 1.2fr 1fr;
	}
}

.zara-expert-support-architects-designers-card {
	background: linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));
	border: 1px solid rgba(255,255,255,.08);
	border-radius: 18px;
	padding: 18px;
	box-shadow: 0 10px 30px rgba(0,0,0,.35);
}

.zara-expert-support-architects-designers-card h3 {
	margin: 0 0 6px;
}

.zara-expert-support-architects-designers-muted {
	color: #6b7280;
}

.zara-expert-support-architects-designers-kpi {
	display: flex;
	gap: 16px;
	flex-wrap: wrap;
	margin-top: 14px;
}

.zara-expert-support-architects-designers-kpi .zara-expert-support-architects-designers-pill {
	background: #0f172a;
	border: 1px solid rgba(255,255,255,.08);
	padding: 8px 12px;
	border-radius: 10px;
	font-weight: 600;
	color: #fff !important;
}

.zara-expert-support-architects-designers-stack {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.zara-expert-support-architects-designers-row {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
}

.zara-expert-support-architects-designers-tel {
	font-weight: 800;
	font-size: 20px;
}

.zara-expert-support-architects-designers-callout {
	border-left: 3px solid #1ea5ff;
	padding-left: 14px;
}

.zara-expert-support-architects-designers-list {
	display: grid;
	gap: 10px;
}

.zara-expert-support-architects-designers-list a {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 12px;
	border: 1px solid rgba(255,255,255,.08);
	border-radius: 12px;
	background: #0b1220;
}

.zara-expert-support-architects-designers-list small {
	color: #9ca3af;
}

.zara-expert-support-architects-designers-foot {
	padding: 34px 0;
	color: #94a3b8;
	font-size: 14px;
}

.zara-expert-support-architects-designers-tag {
	font-size: 12px;
	color: #a78bfa;
	background: rgba(124,58,237,.15);
	border: 1px solid rgba(124,58,237,.45);
	padding: 4px 10px;
	border-radius: 999px;
}

.zara-expert-support-architects-designers-office {
	display: grid;
	gap: 16px;
}

@media(min-width:720px) {
	.zara-expert-support-architects-designers-office {
		grid-template-columns: 1fr 1fr;
	}
}

.zara-expert-support-architects-designers-office .zara-expert-support-architects-designers-map {
	min-height: 180px;
	border-radius: 12px;
	border: 1px solid rgba(255,255,255,.08);
	overflow: hidden;
}

.zara-expert-support-architects-designers iframe {
	width: 100%;
	height: 100%;
	border: 0;
}

.zara-expert-support-architects-designers-sr-only {
	position: absolute;
	left: -10000px;
	top: auto;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

/* btn-black specific styles */
#content_area .zara-expert-support-architects-designers-btn-black {
	color: #020617 !important;
}

#content_area .zara-expert-support-architects-designers-btn-black:hover {
	color: #020617 !important;
	opacity: 0.85;
}

@media(max-width:705px) {
	.zara-expert-support-architects-designers-nav {
		flex-direction: column;
		height: auto;
		padding: 15px 0;
		gap: 15px;
	}

	.zara-expert-support-architects-designers-nav nav {
		display: flex;
		flex-wrap: wrap;
		gap: 8px;
		justify-content: center;
		margin-bottom: 10px;
	}

	.zara-expert-support-architects-designers-nav a.zara-expert-support-architects-designers-btn {
		margin-left: 0;
	}

	.zara-expert-support-architects-designers-btn {
		padding: 8px 14px;
		font-size: 13px !important;
	}
}

@media(max-width:390px) {
	.zara-expert-support-architects-designers {
		width: 100%;
		overflow-x: hidden;
	}

	.zara-expert-support-architects-designers-wrap {
		padding: 0 10px;
		max-width: 100%;
	}

	.zara-expert-support-architects-designers-hero {
		padding: 40px 0;
	}

	.zara-expert-support-architects-designers-hero h1 {
		font-size: 24px;
		word-wrap: break-word;
	}

	.zara-expert-support-architects-designers-hero p {
		font-size: 14px;
		word-wrap: break-word;
	}

	.zara-expert-support-architects-designers-grid.zara-expert-support-architects-designers-cols-3,
  .zara-expert-support-architects-designers-grid.zara-expert-support-architects-designers-cols-2 {
		grid-template-columns: 1fr;
		padding: 10px;
	}

	.zara-expert-support-architects-designers-kpi {
		gap: 6px;
	}

	.zara-expert-support-architects-designers-kpi .zara-expert-support-architects-designers-pill {
		font-size: 11px;
		padding: 5px 8px;
	}

	.zara-expert-support-architects-designers-card {
		padding: 14px;
		word-wrap: break-word;
		overflow-wrap: break-word;
	}

	.zara-expert-support-architects-designers-btn {
		width: 100%;
		justify-content: center;
		padding: 8px 12px;
		font-size: 12px !important;
	}

	.zara-expert-support-architects-designers-stack {
		width: 100%;
	}

	.zara-expert-support-architects-designers-row {
		flex-direction: column;
		width: 100%;
	}

	.zara-expert-support-architects-designers-tel {
		font-size: 16px;
		word-break: break-word;
	}

	.zara-expert-support-architects-designers-tel a {
		word-break: break-all;
	}

	.zara-expert-support-architects-designers-list a {
		flex-direction: column;
		align-items: flex-start;
		gap: 4px;
		padding: 10px;
	}

	.zara-expert-support-architects-designers-office {
		grid-template-columns: 1fr;
	}

	.zara-expert-support-architects-designers-badge {
		font-size: 10px;
		padding: 3px 8px;
	}

	.zara-expert-support-architects-designers-tag {
		font-size: 12px;
		padding: 3px 8px;
		margin-bottom: 10px;
	}

	.zara-expert-support-architects-designers-callout {
		padding-left: 10px;
	}
}

@media(max-width:360px) {
	.zara-expert-support-architects-designers {
		width: 100%;
		overflow-x: hidden !important;
	}

	.zara-expert-support-architects-designers * {
		max-width: 100%;
	}

	.zara-expert-support-architects-designers-wrap {
		padding: 0 8px;
		width: 100%;
		box-sizing: border-box;
	}

	.zara-expert-support-architects-designers-card {
		padding: 12px;
		width: 100%;
		box-sizing: border-box;
		margin: 0;
	}

	.zara-expert-support-architects-designers-grid {
		gap: 15px;
		width: 100%;
		padding: 0;
	}

	.zara-expert-support-architects-designers-hero h1 {
		font-size: 20px;
		line-height: 1.2;
	}

	.zara-expert-support-architects-designers-hero p {
		font-size: 13px;
		line-height: 1.4;
	}

	.zara-expert-support-architects-designers-kpi {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 6px;
	}

	.zara-expert-support-architects-designers-kpi .zara-expert-support-architects-designers-pill {
		font-size: 12px;
		padding: 4px 6px;
		text-align: center;
		white-space: normal;
		word-break: break-word;
	}

	.zara-expert-support-architects-designers-btn {
		font-size: 12px !important;
		padding: 10px 8px;
	}

	.zara-expert-support-architects-designers-brand img {
		height: 20px;
	}

	.zara-expert-support-architects-designers-tel {
		font-size: 14px;
	}

	.zara-expert-support-architects-designers-list a {
		padding: 8px;
		font-size: 14px;
	}

	.zara-expert-support-architects-designers-list a small {
		font-size: 12px;
	}

	.zara-expert-support-architects-designers-row[style*="justify-content"] {
		flex-direction: column !important;
		justify-content: flex-start !important;
		align-items: stretch !important;
	}

	.zara-expert-support-architects-designers iframe {
		max-width: 100%;
	}

	.zara-expert-support-architects-designers-foot {
		padding: 20px 0;
	}
}

@media(max-width:350px) {
	.zara-expert-support-architects-designers-wrap {
		padding: 0 5px !important;
	}

	.zara-expert-support-architects-designers-card {
		padding: 10px !important;
		border-radius: 12px;
	}

	.zara-expert-support-architects-designers-hero {
		padding: 30px 0;
	}

	.zara-expert-support-architects-designers-btn {
		white-space: normal;
		line-height: 1.2;
	}

	.zara-expert-support-architects-designers,
  .zara-expert-support-architects-designers * {
		max-width: 100vw !important;
		overflow-x: hidden !important;
	}

	section[style*="margin"] {
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
}

.zara-certifications-fontana-showers-standards * {
	box-sizing: border-box;
}

.zara-certifications-fontana-showers-standards {
	margin: 0;
	min-height: 100%;
	font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

.zara-certifications-fontana-showers-standards a {
	color: #1ea5ff;
	text-decoration: none;
}

.zara-certifications-fontana-showers-standards a:hover {
	opacity: .9;
}

.zara-certifications-fontana-showers-standards-header {
	position: sticky;
	top: 0;
	z-index: 10;
	backdrop-filter: saturate(140%) blur(8px);
	background: rgba(11,14,18,.72);
	border-bottom: 1px solid rgba(255,255,255,.06);
}

.zara-certifications-fontana-showers-standards-wrap {
	max-width: 1800px;
	margin: 0 auto;
	padding: 0 20px;
}

.zara-certifications-fontana-showers-standards-nav {
	display: flex;
	align-items: center;
	justify-content: space-around;
	min-height: 66px;
	padding: 15px 0;
}

.zara-certifications-fontana-showers-standards-brand {
	display: flex;
	align-items: center;
	gap: 12px;
	flex-shrink: 0;
}

.zara-certifications-fontana-showers-standards-badge {
	font-size: 12px;
	color: #cbd5e1;
	border: 1px solid rgba(255,255,255,.08);
	padding: 4px 10px;
	border-radius: 999px;
	white-space: nowrap;
}

.zara-certifications-fontana-showers-standards-nav nav {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
	justify-content: flex-end;
}

.zara-certifications-fontana-showers-standards-btn {
	border: 1px solid transparent;
	font-size: 14px;
	line-height: 1.428571429;
	display: inline-flex;
	align-items: center;
	gap: 10px;
	border-radius: 999px;
	padding: 10px 16px;
	background: linear-gradient(135deg, #1ea5ff, #5cffc0);
	color: #020617;
	font-weight: 700;
	box-shadow: 0 10px 30px rgba(0,0,0,.35);
	white-space: nowrap;
}
/* Tablet responsiveness (870px and below) */
@media(max-width: 870px) {
	.zara-certifications-fontana-showers-standards-nav {
		flex-direction: column;
		align-items: stretch;
		padding: 20px 0;
	}

	.zara-certifications-fontana-showers-standards-brand {
		justify-content: center;
	}

	.zara-certifications-fontana-showers-standards-nav nav {
		justify-content: center;
		margin-top: 15px;
	}

	.zara-certifications-fontana-showers-standards-btn {
		padding: 8px 14px;
		font-size: 14px;
	}

	.zara-certifications-fontana-showers-standards-badge {
		display: none;
	}
}

/* Mobile responsiveness (480px and below) */
@media(max-width: 480px) {
	.zara-certifications-fontana-showers-standards-nav nav {
		flex-direction: column;
		align-items: stretch;
	}

	.zara-certifications-fontana-showers-standards-btn {
		justify-content: center;
		text-align: center;
	}
}

.zara-certifications-fontana-showers-standards-btn.zara-certifications-fontana-showers-standards-alt {
	border: 1px solid transparent;
	font-size: 14px;
	line-height: 1.428571429;
	background: #1f2937;
	color: #e5e7eb;
	box-shadow: none;
}

.zara-certifications-fontana-showers-standards-hero {
	padding: 72px 0;
	background: radial-gradient(1200px 400px at 20% -10%, rgba(94,255,192,.14), transparent 60%), radial-gradient(1000px 400px at 90% 0%, rgba(30,165,255,.20), transparent 60%);
}

.zara-certifications-fontana-showers-standards-hero h1 {
	font-size: 40px;
	line-height: 1.1;
	margin: 0 0 10px;
}

.zara-certifications-fontana-showers-standards-hero p {
	font-size: 18px;
	color: #cbd5e1;
	max-width: 860px;
}

.zara-certifications-fontana-showers-standards-grid {
	display: grid;
	gap: 20px;
}

@media(min-width:900px) {
	.zara-certifications-fontana-showers-standards-grid.zara-certifications-fontana-showers-standards-cols-3 {
		grid-template-columns: repeat(3,1fr);
	}

	.zara-certifications-fontana-showers-standards-grid.zara-certifications-fontana-showers-standards-cols-2 {
		grid-template-columns: 1.15fr 1fr;
	}
}

.zara-certifications-fontana-showers-standards-card {
	background: linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));
	border: 1px solid rgba(255,255,255,.08);
	border-radius: 18px;
	padding: 20px;
	box-shadow: 0 10px 30px rgba(0,0,0,.35);
}

.zara-certifications-fontana-showers-standards-kpi {
	display: flex;
	gap: 12px;
	flex-wrap: wrap;
	margin-top: 14px;
}

.zara-certifications-fontana-showers-standards-kpi .zara-certifications-fontana-showers-standards-pill {
	background: #0f172a;
	border: 1px solid rgba(255,255,255,.08);
	padding: 8px 12px;
	border-radius: 10px;
	font-weight: 600;
	color: #e5e7eb;
}

.zara-certifications-fontana-showers-standards-section-title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
}

.zara-certifications-fontana-showers-standards-muted {
	color: #94a3b8;
}

.zara-certifications-fontana-showers-standards-list {
	display: grid;
	gap: 10px;
}

.zara-certifications-fontana-showers-standards-list a {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 12px;
	border: 1px solid rgba(255,255,255,.08);
	border-radius: 12px;
	background: #0b1220;
}

#content_area .zara-certifications-fontana-showers-standards-two-col p {
	text-align: left;
}

.zara-certifications-fontana-showers-standards-two-col {
	columns: 2;
	column-gap: 24px;
}

@media(max-width:900px) {
	.zara-certifications-fontana-showers-standards-two-col {
		columns: 1;
	}
}

.zara-certifications-fontana-showers-standards-foot {
	padding: 34px 0;
	color: #94a3b8;
	font-size: 14px;
}

.zara-certifications-fontana-showers-standards-tag {
	font-size: 12px;
	color: #a78bfa;
	background: rgba(124,58,237,.15);
	border: 1px solid rgba(124,58,237,.45);
	padding: 4px 10px;
	border-radius: 999px;
}

#content_area .zara-certifications-fontana-showers-standards-btn-black {
	color: #000 !important;
}

#content_area .zara-certifications-fontana-showers-standards-btn-black:hover {
	color: #fff !important;
}
/* Mobile responsiveness (430px and below) - Prevent content cutting */
@media(max-width: 430px) {
  /* Reduce wrapper padding on very small screens */
	.zara-certifications-fontana-showers-standards-wrap {
		padding: 0 10px;
	}
  
  /* Adjust header navigation */
	.zara-certifications-fontana-showers-standards-nav {
		padding: 15px 0;
	}
  
  /* Stack buttons with full width */
	.zara-certifications-fontana-showers-standards-nav nav {
		width: 100%;
	}

	.zara-certifications-fontana-showers-standards-btn {
		width: 100%;
		padding: 10px 12px;
	}
  
  /* Reduce hero section padding */
	.zara-certifications-fontana-showers-standards-hero {
		padding: 40px 0;
	}
  
  /* Allow hero text to wrap better */
	.zara-certifications-fontana-showers-standards-hero h1 {
		word-wrap: break-word;
		hyphens: auto;
	}

	.zara-certifications-fontana-showers-standards-hero p {
		max-width: 100%;
	}
  
  /* Stack KPI pills in single column */
	.zara-certifications-fontana-showers-standards-kpi {
		flex-direction: column;
		align-items: stretch;
	}

	.zara-certifications-fontana-showers-standards-kpi .zara-certifications-fontana-showers-standards-pill {
		text-align: center;
	}
  
  /* Reduce card padding */
	.zara-certifications-fontana-showers-standards-card {
		padding: 15px;
	}
  
  /* Make section titles stack */
	.zara-certifications-fontana-showers-standards-section-title {
		flex-direction: column;
		align-items: flex-start;
		gap: 8px;
	}
  
  /* Allow text to wrap properly */
	.zara-certifications-fontana-showers-standards-card h2,
  .zara-certifications-fontana-showers-standards-card p {
		word-wrap: break-word;
		overflow-wrap: break-word;
	}
  
  /* Make list links stack better */
	.zara-certifications-fontana-showers-standards-list a {
		flex-direction: column;
		align-items: flex-start;
		gap: 5px;
		padding: 10px;
	}
  
  /* Allow list text to wrap */
	.zara-certifications-fontana-showers-standards-list a span,
  .zara-certifications-fontana-showers-standards-list a small {
		word-wrap: break-word;
		width: 100%;
	}
  
  /* Footer adjustments */
	.zara-certifications-fontana-showers-standards-foot {
		padding: 20px 0;
	}
  
  /* Prevent horizontal overflow */
	.zara-certifications-fontana-showers-standards {
		overflow-x: hidden;
	}
}
/* Mobile responsiveness (380px and below) - Prevent content cutting */
@media(max-width: 380px) {
  /* Further reduce wrapper padding */
	.zara-certifications-fontana-showers-standards-wrap {
		padding: 0 8px;
	}
  
  /* Minimize header padding */
	.zara-certifications-fontana-showers-standards-nav {
		padding: 12px 10px;
		gap: 15px;
	}
  
  /* Reduce button padding further */
	.zara-certifications-fontana-showers-standards-btn {
		padding: 8px 10px;
		gap: 6px;
	}
  
  /* Reduce hero padding */
	.zara-certifications-fontana-showers-standards-hero {
		padding: 30px 0;
	}
  
  /* Force text wrapping for long words */
	.zara-certifications-fontana-showers-standards-hero h1,
  .zara-certifications-fontana-showers-standards-hero p,
  .zara-certifications-fontana-showers-standards-card h2,
  .zara-certifications-fontana-showers-standards-card p,
  .zara-certifications-fontana-showers-standards-card li {
		word-break: break-word;
		hyphens: auto;
	}
  
  /* Reduce card padding more */
	.zara-certifications-fontana-showers-standards-card {
		padding: 12px;
		border-radius: 14px;
	}
  
  /* Reduce grid gap */
	.zara-certifications-fontana-showers-standards-grid {
		gap: 15px;
	}
  
  /* Compact KPI pills */
	.zara-certifications-fontana-showers-standards-kpi {
		gap: 8px;
	}

	.zara-certifications-fontana-showers-standards-kpi .zara-certifications-fontana-showers-standards-pill {
		padding: 6px 10px;
	}
  
  /* Compact list items */
	.zara-certifications-fontana-showers-standards-list {
		gap: 8px;
	}

	.zara-certifications-fontana-showers-standards-list a {
		padding: 8px;
		border-radius: 10px;
	}
  
  /* Reduce tag padding */
 
  /* Footer compact */
	.zara-certifications-fontana-showers-standards-foot {
		padding: 15px 0;
	}
  
  /* Ensure no horizontal scrolling */
	.zara-certifications-fontana-showers-standards {
		overflow-x: hidden;
		width: 100%;
	}
  
  /* Handle long email/phone links */
	.zara-certifications-fontana-showers-standards a[href^="tel:"],
  .zara-certifications-fontana-showers-standards a[href^="mailto:"] {
		word-break: break-all;
	}
}

@media(max-width: 430px) {
	.zara-certifications-fontana-showers-standards-tag {
		padding: 3px 8px;
		line-height: 1.9;
		align-self: center;
	}
}
/*Done certifications-page*/
.zara-care-maintenance-guide-protection * {
	box-sizing: border-box;
}

.zara-care-maintenance-guide-protection {
	margin: 0;
	font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;
	color: #0f2742;
	line-height: 1.6;
}

  /* HERO */
.zara-care-maintenance-guide-protection-hero {
	position: relative;
	padding: 28px 18px 24px;
	overflow: hidden;
	border-bottom: 1px solid #cfe2ff;
	background: linear-gradient(135deg, rgba(90,160,255,.10), rgba(255,255,255,.6) 55%, rgba(255,255,255,0) 100%);
}

.zara-care-maintenance-guide-protection-hero-bg {
	position: absolute;
	inset: 0;
	pointer-events: none;
	opacity: .35;
	background-image: linear-gradient(120deg, rgba(90,160,255,.35) 0, rgba(255,255,255,0) 30%),
      radial-gradient(800px 200px at 80% 120%, rgba(80,145,240,.15), rgba(0,0,0,0) 60%);
	mix-blend-mode: screen;
}

.zara-care-maintenance-guide-protection-hero-inner {
	max-width: 1800px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: auto 1fr;
	gap: 16px;
	align-items: center;
}

.zara-care-maintenance-guide-protection-brand {
	display: flex;
	align-items: center;
	gap: 12px;
}

.zara-care-maintenance-guide-protection-brand .zara-care-maintenance-guide-protection-name {
	font-weight: 700;
	letter-spacing: .3px;
	color: #0f2742;
}

.zara-care-maintenance-guide-protection-title {
	font-size: clamp(26px, 4vw, 40px);
	margin: 8px 0 2px;
	letter-spacing: .3px;
}

.zara-care-maintenance-guide-protection-subtitle {
	margin: 0;
	color: #516f90;
	font-size: 14px;
}

.zara-care-maintenance-guide-protection-hero-buttons {
	margin-top: 14px;
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
}

.zara-care-maintenance-guide-protection-btn {
	background: #f0f7ff;
	color: #0f2742;
	border: 1px solid #cfe2ff;
	padding: 10px 14px;
	border-radius: 12px;
	cursor: pointer;
	font-weight: 600;
	font-size: 14px;
	line-height: 1.428571429;
}

.zara-care-maintenance-guide-protection-btn.zara-care-maintenance-guide-protection-primary {
	background: #5aa0ff;
	color: #fff;
	border-color: transparent;
	box-shadow: 0 2px 10px rgba(90,160,255,.35);
}

  /* Tabs */
.zara-care-maintenance-guide-protection-tabs {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
	margin-top: 16px;
}

.zara-care-maintenance-guide-protection-tab {
	background: #f0f7ff;
	border: 1px solid #cfe2ff;
	color: #0f2742;
	padding: 8px 12px;
	border-radius: 999px;
	cursor: pointer;
	font-weight: 600;
	transition: border-color .15s ease, background .15s ease, transform .15s ease;
}

.zara-care-maintenance-guide-protection-tab.zara-care-maintenance-guide-protection-active {
	border-color: #5aa0ff;
	transform: translateY(-1px);
	box-shadow: 0 2px 6px rgba(90,160,255,.25);
}

  /* Toolbar */
.zara-care-maintenance-guide-protection-toolbar {
	max-width: 1800px;
	margin: 18px auto 10px;
	padding: 0 16px;
	display: grid;
	grid-template-columns: 1fr 170px 170px;
	gap: 12px;
}

.zara-care-maintenance-guide-protection input[type="search"], 
  .zara-care-maintenance-guide-protection select {
	background: #fff;
	color: #0f2742;
	border: 1px solid #cfe2ff;
	padding: 12px 12px;
	border-radius: 12px;
	outline: none;
	box-shadow: 0 1px 0 rgba(255,255,255,.6), inset 0 1px 2px rgba(0,0,0,.03);
}

  /* Panels */
.zara-care-maintenance-guide-protection-panel {
	display: none;
	border: 1px solid transparent;
	margin-bottom: 20px;
	background-color: #fff;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.zara-care-maintenance-guide-protection-panel.zara-care-maintenance-guide-protection-active {
	display: block;
}

  /* Grid & Cards */
.zara-care-maintenance-guide-protection-grid {
	max-width: 1800px;
	margin: 0 auto;
	padding: 16px;
	display: grid;
	grid-template-columns: repeat(4, minmax(280px, 1fr));
	gap: 16px;
}

.zara-care-maintenance-guide-protection-card {
	background: #ffffff;
	border: 1px solid #cfe2ff;
	border-radius: 16px;
	padding: 16px;
	position: relative;
	transition: transform .15s, box-shadow .2s, border-color .2s;
	box-shadow: 0 6px 18px rgba(105,155,220,.15);
	min-height: 170px;
}

.zara-care-maintenance-guide-protection-card:hover {
	transform: translateY(-2px);
	border-color: #5aa0ff;
	box-shadow: 0 10px 26px rgba(90,160,255,.22);
}

.zara-care-maintenance-guide-protection-card h3 {
	margin: 0 0 6px;
	font-size: 18px;
	line-height: 1.35;
	color: #0f2742;
}

.zara-care-maintenance-guide-protection-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 6px 0 10px;
}

.zara-care-maintenance-guide-protection-chip {
	background: #eef5ff;
	color: #0f2742;
	font-size: 12px;
	padding: 6px 10px;
	border-radius: 999px;
	border: 1px solid #cfe2ff;
}

.zara-care-maintenance-guide-protection-chip.zara-care-maintenance-guide-protection-ok {
	border-color: rgba(41,163,106,.35);
}

.zara-care-maintenance-guide-protection-chip.zara-care-maintenance-guide-protection-warn {
	border-color: rgba(198,148,39,.35);
}

.zara-care-maintenance-guide-protection-chip.zara-care-maintenance-guide-protection-danger {
	border-color: rgba(204,76,76,.35);
}

.zara-care-maintenance-guide-protection-steps {
	color: #516f90;
	font-size: 14px;
	margin: 0 0 30px;
}

.zara-care-maintenance-guide-protection-steps li {
	margin-bottom: 6px;
}

.zara-care-maintenance-guide-protection-est {
	position: absolute;
	right: 14px;
	bottom: 14px;
	font-size: 12px;
	color: #516f90;
}

  /* Supplies */
.zara-care-maintenance-guide-protection-supplies {
	max-width: 1800px;
	margin: 0 auto;
	padding: 16px;
}

.zara-care-maintenance-guide-protection-supplies ul {
	display: grid;
	grid-template-columns: repeat(4, minmax(260px, 1fr));
	gap: 12px;
	padding-left: 18px;
}

.zara-care-maintenance-guide-protection-supplies li {
	margin-bottom: 8px;
	color: #0f2742;
}

  /* Gallery */
.zara-care-maintenance-guide-protection-gallery {
	max-width: 1800px;
	margin: 0 auto;
	padding: 16px;
	display: grid;
	grid-template-columns: repeat(4, minmax(240px, 1fr));
	gap: 14px;
}

.zara-care-maintenance-guide-protection figure {
	background: #ffffff;
	border: 1px solid #cfe2ff;
	border-radius: 14px;
	margin: 0;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	box-shadow: 0 6px 16px rgba(105,155,220,.12);
}

.zara-care-maintenance-guide-protection figure img {
	width: 100%;
	height: 190px;
	object-fit: cover;
	display: block;
	background: #dfefff;
}

.zara-care-maintenance-guide-protection figcaption {
	padding: 10px 12px;
	color: #516f90;
	font-size: 13px;
}

  /* Footer & Legend */
.zara-care-maintenance-guide-protection-footer {
	max-width: 1800px;
	margin: 6px auto 40px;
	padding: 0 16px;
	color: #516f90;
	font-size: 12px;
	text-align: center;
}

.zara-care-maintenance-guide-protection-legend {
	max-width: 1800px;
	margin: 6px auto 14px;
	padding: 0 16px;
	font-size: 12px;
	color: #516f90;
	justify-self: center;
}

  /* Print */
  /*@media print{
    .zara-care-maintenance-guide-protection-hero-buttons, 
    .zara-care-maintenance-guide-protection-tabs, 
    .zara-care-maintenance-guide-protection-toolbar { display:none !important; }
    .zara-care-maintenance-guide-protection-card{ break-inside: avoid; }
    .zara-care-maintenance-guide-protection{ background:#fff; color:#000; }
  }*/
/* Remove ALL your existing media queries and replace with this organized version: */

@media(max-width: 1280px) {
	.zara-care-maintenance-guide-protection-grid {
		grid-template-columns: repeat(3, minmax(280px, 1fr));
	}

	.zara-care-maintenance-guide-protection-gallery {
		grid-template-columns: repeat(3, minmax(240px, 1fr));
	}

	.zara-care-maintenance-guide-protection-supplies ul {
		grid-template-columns: repeat(3, minmax(260px, 1fr));
	}
}

@media(max-width: 990px) {
    /* Grid columns */
	.zara-care-maintenance-guide-protection-grid {
		grid-template-columns: repeat(2, minmax(280px, 1fr));
	}

	.zara-care-maintenance-guide-protection-gallery {
		grid-template-columns: repeat(2, minmax(240px, 1fr));
	}

	.zara-care-maintenance-guide-protection-supplies ul {
		grid-template-columns: repeat(2, minmax(260px, 1fr));
	}
    
    /* Hero layout */
	.zara-care-maintenance-guide-protection-hero-inner {
		grid-template-columns: 1fr !important;
		gap: 20px;
		padding: 0 10px;
		text-align: center;
	}

	.zara-care-maintenance-guide-protection-hero-inner > div {
		text-align: center;
	}

	.zara-care-maintenance-guide-protection-brand {
		justify-content: center;
		flex-wrap: wrap;
	}

	.zara-care-maintenance-guide-protection-title {
		font-size: 32px;
		word-wrap: break-word;
		padding: 0 10px;
	}

	.zara-care-maintenance-guide-protection-subtitle {
		max-width: 100%;
		padding: 0 10px;
	}

	.zara-care-maintenance-guide-protection-hero-buttons {
		justify-content: center;
		width: 100%;
	}
    
    /* Toolbar */
    
    
	.zara-care-maintenance-guide-protection input[type="search"],
    .zara-care-maintenance-guide-protection select {
		width: 100%;
		max-width: 100%;
	}

	.zara-care-maintenance-guide-protection-grid {
		padding: 12px;
		max-width: 100%;
	}

	.zara-care-maintenance-guide-protection {
		overflow-x: hidden;
	}

	.zara-care-maintenance-guide-protection-tabs {
		justify-content: center;
		padding: 0 10px;
	}
}

@media(max-width: 768px) {
	.zara-care-maintenance-guide-protection-hero {
		padding: 20px 15px;
	}

	.zara-care-maintenance-guide-protection-title {
		font-size: 28px;
	}

	.zara-care-maintenance-guide-protection-hero-buttons {
		flex-direction: column;
		align-items: stretch;
	}

	.zara-care-maintenance-guide-protection-btn {
		width: 100%;
		text-align: center;
	}

	.zara-care-maintenance-guide-protection-grid {
		grid-template-columns: 1fr;
		padding: 12px;
	}

	.zara-care-maintenance-guide-protection-card {
		padding: 14px;
	}

	.zara-care-maintenance-guide-protection-gallery {
		grid-template-columns: 1fr;
	}
}

@media(max-width: 600px) {
	.zara-care-maintenance-guide-protection-grid,
    .zara-care-maintenance-guide-protection-gallery {
		grid-template-columns: 1fr;
	}

	.zara-care-maintenance-guide-protection-supplies ul {
		grid-template-columns: 1fr;
		gap: 0;
	}
}

@media(max-width: 480px) {
	.zara-care-maintenance-guide-protection-hero {
		padding: 15px 10px;
	}

	.zara-care-maintenance-guide-protection-tabs {
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}

	.zara-care-maintenance-guide-protection-tab {
		padding: 6px 10px;
		font-size: 14px;
	}

	.zara-care-maintenance-guide-protection-supplies ul {
		grid-template-columns: 1fr;
	}

	.zara-care-maintenance-guide-protection-legend {
		font-size: 11px;
	}
}

@media(max-width: 750px) {
	.zara-care-maintenance-guide-protection-toolbar {
		grid-template-columns: 1fr !important;
		gap: 10px;
		max-width: 100%;
		padding: 0 10px;
	}
}

.zara-fixtures-for-every-environment {
	font: 16px/1.7 Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
	color: #0b1f36;
	background: linear-gradient(180deg, #f7fbff, #eef6ff);
	margin: 0;
	padding: 0;
}

.zara-fixtures-for-every-environment-wrap {
	max-width: 1800px;
	margin: 0 auto;
	padding: 0 20px;
}

.zara-fixtures-for-every-environment-h1,
.zara-fixtures-for-every-environment-h2,
.zara-fixtures-for-every-environment-h3,
.zara-fixtures-for-every-environment-case-h3 {
	margin: 0;
}

.zara-fixtures-for-every-environment-h1 {
	font-size: 36px;
	font-weight: 800;
}

.zara-fixtures-for-every-environment-h2 {
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 14px;
}

/* HERO */
.zara-fixtures-for-every-environment-hero {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px;
	align-items: center;
	padding: 50px 20px;
}

.zara-fixtures-for-every-environment-hero-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 24px;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
}

.zara-fixtures-for-every-environment-panel {
	display: flex;
	flex-direction: column;
	gap: 16px;
	background: #fff;
}

.zara-fixtures-for-every-environment-tag {
	display: inline-flex;
	padding: 6px 12px;
	border-radius: 999px;
	background: rgba(28, 109, 208, 0.1);
	color: #1c6dd0;
	font-weight: 700;
	font-size: 13px;
	width: max-content;
}

.zara-fixtures-for-every-environment-cta {
	display: flex;
	gap: 12px;
	flex-wrap: wrap;
	margin-top: 10px;
}

.zara-fixtures-for-every-environment-btn {
	padding: 12px 16px;
	border-radius: 14px;
	text-decoration: none;
	font-weight: 700;
	border: 1px solid #dfe8f1;
	background: #fff;
	color: #0b1f36;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);
	transition: 0.2s;
	display: inline-block;
	font-size: 14px !important;
}

.zara-fixtures-for-every-environment-btn:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 20px rgba(28, 109, 208, 0.15);
}

.zara-fixtures-for-every-environment-btn.zara-fixtures-for-every-environment-primary {
	background: linear-gradient(180deg, #e1f0ff, #c9e1ff);
	border-color: #b9d6f8;
	color: #0a326a;
}

.zara-fixtures-for-every-environment-btn.zara-fixtures-for-every-environment-gold {
	background: linear-gradient(180deg, #f8f1dc, #e8d7a8);
	border-color: #dfc57d;
	color: #5b4514;
}

/* FILTER BAR */
.zara-fixtures-for-every-environment-filter {
	padding: 18px 20px;
	border-top: 1px solid #dfe8f1;
	border-bottom: 1px solid #dfe8f1;
	background: #fff;
	position: sticky;
	top: 0;
	z-index: 5;
}

.zara-fixtures-for-every-environment-row {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
	align-items: center;
}

.zara-fixtures-for-every-environment-filter-label {
	font-weight: 800;
	color: #143055;
	margin-right: 6px;
}

.zara-fixtures-for-every-environment-pill {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 8px 12px;
	border-radius: 999px;
	border: 1px solid #dfe8f1;
	background: #f6fbff;
	color: #163b6e;
	font-weight: 700;
	cursor: pointer;
	transition: 0.15s;
}

.zara-fixtures-for-every-environment-pill[aria-pressed="true"] {
	background: #dff0ff;
	border-color: #c9e6ff;
	box-shadow: 0 6px 16px rgba(28, 109, 208, 0.15);
}

.zara-fixtures-for-every-environment-pill:focus-visible {
	outline: 2px solid #87c4ff;
	outline-offset: 2px;
}

.zara-fixtures-for-every-environment-search {
	margin-left: auto;
	display: flex;
	gap: 8px;
	align-items: center;
}

.zara-fixtures-for-every-environment-search-input {
	border: 1px solid #dfe8f1;
	border-radius: 12px;
	padding: 10px 12px;
	min-width: 220px;
}

.zara-fixtures-for-every-environment-visually-hidden {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

/* INDUSTRY GRID */
.zara-fixtures-for-every-environment-industries {
	padding: 26px 0;
}

.zara-fixtures-for-every-environment-grid {
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	gap: 16px;
}

.zara-fixtures-for-every-environment-card {
	grid-column: span 4;
	background: #fff;
	border: 1px solid #dfe8f1;
	border-radius: 18px;
	overflow: hidden;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
	transition: 0.25s;
}

.zara-fixtures-for-every-environment-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 14px 28px rgba(28, 109, 208, 0.18);
}

.zara-fixtures-for-every-environment-card-img {
	height: 200px;
	background: #eef4fb;
}

.zara-fixtures-for-every-environment-card-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.zara-fixtures-for-every-environment-bd,
.zara-fixtures-for-every-environment-case-bd {
	padding: 16px;
}

.zara-fixtures-for-every-environment-h3 {
	font-size: 18px;
	margin-bottom: 6px;
}

.zara-fixtures-for-every-environment-card-p {
	color: #5c6b7a;
	font-size: 14px;
	margin: 0 0 12px;
}

.zara-fixtures-for-every-environment-chips {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.zara-fixtures-for-every-environment-chip {
	padding: 6px 10px;
	border-radius: 10px;
	background: #f2f7ff;
	border: 1px solid #dfe8f1;
	font-size: 12px;
	font-weight: 700;
	color: #1c3d70;
}

.zara-fixtures-for-every-environment-hidden {
	display: none !important;
}

/* CASE STUDIES */
.zara-fixtures-for-every-environment-cases-wrap {
	padding: 12px 0 40px;
}

.zara-fixtures-for-every-environment-cases-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 10px;
}

.zara-fixtures-for-every-environment-muted {
	color: #5c6b7a;
}

.zara-fixtures-for-every-environment-cases {
	overflow: auto;
	display: flex;
	gap: 14px;
	scroll-snap-type: x mandatory;
}

.zara-fixtures-for-every-environment-case {
	min-width: 340px;
	background: #fff;
	border: 1px solid #dfe8f1;
	border-radius: 18px;
	overflow: hidden;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
	scroll-snap-align: start;
	transition: 0.25s;
}

.zara-fixtures-for-every-environment-case:hover {
	transform: translateY(-3px);
	box-shadow: 0 12px 26px rgba(28, 109, 208, 0.15);
}

.zara-fixtures-for-every-environment-case-img-link {
	display: block;
	height: 180px;
	background: #e9f1fa;
}

.zara-fixtures-for-every-environment-case-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.zara-fixtures-for-every-environment-case-h3 {
	font-size: 16px;
	margin-bottom: 8px;
}

.zara-fixtures-for-every-environment-meta {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
	margin-top: 8px;
}

.zara-fixtures-for-every-environment-badge {
	padding: 6px 10px;
	border-radius: 999px;
	background: #f6f9ff;
	border: 1px solid #dfe8f1;
	font-size: 12px;
	color: #1a4075;
}

/* COMPLIANCE */
.zara-fixtures-for-every-environment-compliance {
	padding: 34px 0;
}

.zara-fixtures-for-every-environment-badges {
	display: flex;
	gap: 12px;
	flex-wrap: wrap;
}

.zara-fixtures-for-every-environment-badge-big {
	padding: 12px 20px;
	border-radius: 999px;
	background: #fff;
	border: 1px solid #dfe8f1;
	font-weight: 700;
	font-size: 14px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
	transition: 0.2s;
}

.zara-fixtures-for-every-environment-badge-big:hover {
	background: #f1f6ff;
	transform: translateY(-2px);
}

/* FOOTER CTA */
.zara-fixtures-for-every-environment-foot-cta {
	padding: 40px 0;
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	justify-content: center;
}

.zara-fixtures-for-every-environment-micro {
	font-size: 13px;
	color: #5c6b7a;
	text-align: center;
	margin-top: 10px;
}

/* ADD THESE TO YOUR EXISTING STYLES - DON'T REMOVE ANYTHING */

/* Add to existing elements */
.zara-fixtures-for-every-environment-p {
  margin: 0;
}

.zara-fixtures-for-every-environment-cases-head {
  flex-wrap: wrap;
  gap: 10px;
}

.zara-fixtures-for-every-environment-cases {
  -webkit-overflow-scrolling: touch;
  padding-bottom: 10px;
  overflow-y: hidden;
}

.zara-fixtures-for-every-environment-badge-big {
  display: inline-block;
}

.zara-fixtures-for-every-environment-foot-cta {
  align-items: center;
  flex-direction: row;
}

.zara-fixtures-for-every-environment-foot-cta .zara-fixtures-for-every-environment-btn {
  margin: 0;
}

.zara-fixtures-for-every-environment-micro {
  width: 100%;
}

/* UPDATE YOUR EXISTING RESPONSIVE - Replace @media (max-width: 980px) */
@media (max-width: 980px) {
  .zara-fixtures-for-every-environment-card {
    grid-column: span 6;
  }
  
  .zara-fixtures-for-every-environment-hero {
    padding: 40px 20px;
  }
  
  .zara-fixtures-for-every-environment-search-input {
    min-width: 180px;
  }
}

/* ADD NEW RESPONSIVE - Tablet (768px) */
@media (max-width: 768px) {
  .zara-fixtures-for-every-environment-hero {
    grid-template-columns: 1fr;
    gap: 30px;
    padding: 30px 20px;
  }
  
  .zara-fixtures-for-every-environment-panel {
    order: 2;
    padding: 20px;
    border-radius: 16px;
  }
  
  .zara-fixtures-for-every-environment-hero-img {
    order: 1;
    max-height: 400px;
  }
  
  .zara-fixtures-for-every-environment-grid {
    gap: 14px;
  }
  
  .zara-fixtures-for-every-environment-filter {
    padding: 15px;
  }
  
  .zara-fixtures-for-every-environment-row {
    gap: 8px;
  }
  
  .zara-fixtures-for-every-environment-search {
    width: 100%;
    margin-left: 0;
    margin-top: 10px;
  }
  
  .zara-fixtures-for-every-environment-search-input {
    width: 100%;
    min-width: unset;
  }
  
  .zara-fixtures-for-every-environment-case {
    min-width: 280px;
  }
  
  .zara-fixtures-for-every-environment-compliance {
    padding: 25px 0;
  }
  
  .zara-fixtures-for-every-environment-foot-cta {
    padding: 30px 0;
  }
}

/* UPDATE YOUR EXISTING RESPONSIVE - Replace @media (max-width: 640px) */
@media (max-width: 640px) {
  .zara-fixtures-for-every-environment-wrap {
    padding: 0 15px;
  }
  
  .zara-fixtures-for-every-environment-hero {
    grid-template-columns: 1fr;
    padding: 30px 15px;
  }
  
  .zara-fixtures-for-every-environment-panel {
    padding: 15px;
  }
  
  .zara-fixtures-for-every-environment-grid {
    grid-template-columns: 1fr;
    gap: 12px;
  }
  
  .zara-fixtures-for-every-environment-card {
    grid-column: span 12;
  }
  
  .zara-fixtures-for-every-environment-card-img {
    height: 180px;
  }
  
  .zara-fixtures-for-every-environment-pill {
    padding: 7px 11px;
  }
  
  .zara-fixtures-for-every-environment-filter-label {
    width: 100%;
    margin-bottom: 5px;
  }
  
  .zara-fixtures-for-every-environment-cta {
    width: 100%;
  }
  
  .zara-fixtures-for-every-environment-btn {
    width: 100%;
    text-align: center;
    padding: 14px 16px;
  }
  
  .zara-fixtures-for-every-environment-cases {
    gap: 12px;
  }
  
  .zara-fixtures-for-every-environment-case {
    min-width: 260px;
  }
  
  .zara-fixtures-for-every-environment-industries {
    padding: 20px 0;
  }
  
  .zara-fixtures-for-every-environment-cases-wrap {
    padding: 10px 0 30px;
  }
}

/* ADD NEW RESPONSIVE - Small Mobile (480px) */
@media (max-width: 480px) {
  .zara-fixtures-for-every-environment-hero {
    padding: 25px 15px;
    gap: 20px;
  }
  
  .zara-fixtures-for-every-environment-hero-img {
    max-height: 250px;
    border-radius: 16px;
  }
  
  .zara-fixtures-for-every-environment-panel {
    gap: 12px;
    padding: 12px;
  }
  
  .zara-fixtures-for-every-environment-h1 {
    line-height: 1.2;
  }
  
  .zara-fixtures-for-every-environment-cta {
    gap: 10px;
    margin-top: 15px;
  }
  
  .zara-fixtures-for-every-environment-filter {
    padding: 12px 10px;
  }
  
  .zara-fixtures-for-every-environment-pill {
    padding: 6px 10px;
  }
  
  .zara-fixtures-for-every-environment-card {
    border-radius: 14px;
  }
  
  .zara-fixtures-for-every-environment-card-img {
    height: 160px;
  }
  
  .zara-fixtures-for-every-environment-bd,
  .zara-fixtures-for-every-environment-case-bd {
    padding: 14px;
  }
  
  .zara-fixtures-for-every-environment-case {
    min-width: 240px;
    border-radius: 14px;
  }
  
  .zara-fixtures-for-every-environment-case-img-link {
    height: 150px;
  }
  
  .zara-fixtures-for-every-environment-badges {
    gap: 8px;
  }
  
  .zara-fixtures-for-every-environment-badge-big {
    padding: 10px 16px;
  }
  
  .zara-fixtures-for-every-environment-foot-cta {
    padding: 25px 0;
    gap: 10px;
  }
}

/* ADD NEW RESPONSIVE - Extra Small (375px) */
@media (max-width: 375px) {
  .zara-fixtures-for-every-environment-wrap {
    padding: 0 12px;
  }
  
  .zara-fixtures-for-every-environment-hero {
    padding: 20px 12px;
  }
  
  .zara-fixtures-for-every-environment-h1 {
    line-height: 1.15;
  }
  
  .zara-fixtures-for-every-environment-h2 {
    margin-bottom: 10px;
  }
  
  .zara-fixtures-for-every-environment-card-img {
    height: 140px;
  }
  
  .zara-fixtures-for-every-environment-case {
    min-width: 220px;
  }
  
  .zara-fixtures-for-every-environment-case-img-link {
    height: 130px;
  }
  
  .zara-fixtures-for-every-environment-chip {
    padding: 5px 8px;
  }
  
  .zara-fixtures-for-every-environment-badge {
    padding: 5px 8px;
  }
}

/* ADD NEW - Touch devices optimization */
/*@media (hover: none) and (pointer: coarse) {
  .zara-fixtures-for-every-environment-cases {
    scroll-behavior: smooth;
  }
  
  .zara-fixtures-for-every-environment-card:hover,
  .zara-fixtures-for-every-environment-case:hover {
    transform: none;
  }
  
  .zara-fixtures-for-every-environment-btn:hover,
  .zara-fixtures-for-every-environment-badge-big:hover {
    transform: none;
  }
}*/

/* ADD NEW - Landscape mobile optimization */
@media (max-width: 896px) and (orientation: landscape) {
  .zara-fixtures-for-every-environment-hero {
    padding: 25px 20px;
  }
  
  .zara-fixtures-for-every-environment-hero-img {
    max-height: 300px;
  }
  
  .zara-fixtures-for-every-environment-card {
    grid-column: span 6;
  }
}

.zara-fontana-shower-luxury-categories {
  margin: 0;
  background: #ffffff;
  color: #222222;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 40px;
  font-family: Arial, Helvetica, sans-serif;
}

.zara-fontana-shower-luxury-categories-wrapper {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 60px;
}

.zara-fontana-shower-luxury-categories-product-image {
  background: #ffffff;
  padding: 16px;
  border-radius: 8px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
}

.zara-fontana-shower-luxury-categories-product-image img {
  max-width: 350px;
  border-radius: 4px;
  display: block;
}

.zara-fontana-shower-luxury-categories-caption {
  text-align: center;
  color: #555555;
  font-weight: 600;
  margin-top: 8px;
}

.zara-fontana-shower-luxury-categories-content {
  max-width: 500px;
}

.zara-fontana-shower-luxury-categories-heading {
  font-size: 30px;
  margin-bottom: 20px;
  line-height: 1.4em;
  color: #0b4a91;
}

.zara-fontana-shower-luxury-categories-buttons {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 14px;
}

.zara-fontana-shower-luxury-categories-button {
  text-decoration: none;
  background: #f7f7f7;
  color: #0b4a91;
  padding: 12px 18px;
  text-align: center;
  border-radius: 34px;
  font-weight: bold;
  transition: 0.3s;
  border: 1px solid #dddddd;
white-space: nowrap;
}

.zara-fontana-shower-luxury-categories-button:hover {
  background: #32c5c7;
  color: #ffffff;
  border-color: #32c5c7;
}

.zara-fontana-shower-luxury-categories-socials {
  margin-top: 25px;
}

#content_area .zara-fontana-shower-luxury-categories-social-link, .zara-fontana-shower-luxury-categories-social-link:hover {
  margin-right: 14px;
  font-size: 22px;
  text-decoration: none;
  color: #0b4a91 !important;
}

@media (max-width: 980px) {
  .zara-fontana-shower-luxury-categories {
    padding: 20px;
  }
  
  .zara-fontana-shower-luxury-categories-wrapper {
    flex-direction: column;
    align-items: center;
    gap: 40px;
  }
  
  .zara-fontana-shower-luxury-categories-product-image {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  
  .zara-fontana-shower-luxury-categories-product-image img {
    max-width: 100%;
    width: 100%;
    max-width: 300px;
  }
  
  .zara-fontana-shower-luxury-categories-content {
    text-align: center;
    max-width: 100%;
    width: 100%;
    padding: 0 20px;
  }
  #content_area .zara-fontana-shower-luxury-categories-socials a:hover{
text-decorat
  #content_area .zara-fontana-shower-luxury-categories-heading {
    text-align: center;
max-width: 600px !important;
  }
  
  .zara-fontana-shower-luxury-categories-buttons {
    max-width: 400px;
    margin: 0 auto;
  }
  
  .zara-fontana-shower-luxury-categories-socials {
    text-align: center;
  }
}

@media (max-width: 490px) {
  .zara-fontana-shower-luxury-categories {
    padding: 15px;
    min-height: auto;
  }
  
  .zara-fontana-shower-luxury-categories-wrapper {
    gap: 30px;
    width: 100%;
  }
  
  .zara-fontana-shower-luxury-categories-product-image {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
  }
  
  .zara-fontana-shower-luxury-categories-product-image img {
    width: 100%;
    height: auto;
    max-width: 100%;
  }
  
  .zara-fontana-shower-luxury-categories-content {
    padding: 0 10px;
    width: 100%;
  }
  
  .zara-fontana-shower-luxury-categories-heading {
    font-size: 24px;
    margin-bottom: 15px;
  }
  
  .zara-fontana-shower-luxury-categories-buttons {
    grid-template-columns: 1fr;
    gap: 10px;
    max-width: 280px;
  }
  
  .zara-fontana-shower-luxury-categories-button {
    white-space: normal;
    padding: 10px 15px;
  }
  
  .zara-fontana-shower-luxury-categories-socials {
    margin-top: 20px;
  }
}

@media (max-width: 360px) {
  .zara-fontana-shower-luxury-categories {
    padding: 10px;
    box-sizing: border-box;
    overflow-x: hidden;
  }
  
  .zara-fontana-shower-luxury-categories-wrapper {
    gap: 20px;
    width: 100%;
    box-sizing: border-box;
  }
  
  .zara-fontana-shower-luxury-categories-product-image {
    padding: 10px;
    width: calc(100% - 20px);
    max-width: calc(100vw - 40px);
    box-sizing: border-box;
    margin: 0 auto;
  }
  
  .zara-fontana-shower-luxury-categories-product-image img {
    width: 100%;
    height: auto;
    max-width: 100%;
    display: block;
  }
  
  .zara-fontana-shower-luxury-categories-content {
    padding: 0;
    width: calc(100% - 20px);
    max-width: calc(100vw - 40px);
    box-sizing: border-box;
    margin: 0 auto;
  }
  
  #content_area .zara-fontana-shower-luxury-categories-heading {
    font-size: 26px !important;
line-height: 1.5 !important;
    margin-bottom: 12px;
    padding: 0 10px;
    word-wrap: break-word;
  }
  
  .zara-fontana-shower-luxury-categories-buttons {
    max-width: 100%;
    width: 100%;
    gap: 8px;
    padding: 0 10px;
    box-sizing: border-box;
  }
  
  .zara-fontana-shower-luxury-categories-button {
    padding: 10px 12px;
    word-break: break-word;
    overflow-wrap: break-word;
  }
  
  .zara-fontana-shower-luxury-categories-socials {
    padding: 0 10px;
  }
}

#content_area .zara-fontana-shower-luxury-categories-socials a[class="zara-fontana-shower-luxury-categories-social-link"],
#content_area .zara-fontana-shower-luxury-categories-socials a[class="zara-fontana-shower-luxury-categories-social-link"]:hover,
#content_area  .zara-fontana-shower-luxury-categories-socials a[class="zara-fontana-shower-luxury-categories-social-link"]:focus,
#content_area  .zara-fontana-shower-luxury-categories-socials a[class="zara-fontana-shower-luxury-categories-social-link"]:active,
#content_area  .zara-fontana-shower-luxury-categories-socials a[class="zara-fontana-shower-luxury-categories-social-link"]:visited {
  color: #0b4a91 !important;
}
}
.zara-luxury-discover-unique-collection {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 40px;
  background: #fff;
}

.zara-luxury-discover-unique-collection-wrap {
  display: flex;
  gap: 48px;
  align-items: flex-start;
  max-width: 1800px;
  width: 100%;
justify-content: center !important;
}

@media(max-width:1050px){
#content_area .zara-luxury-discover-unique-collection-wrap {
flex-direction: column;
align-items: center !important;
}
    #content_area .zara-luxury-discover-unique-collection.zara-luxury-discover-unique-collection-reversed .zara-luxury-discover-unique-collection-carousel {order: 1!important;  }
    #content_area .zara-luxury-discover-unique-collection.zara-luxury-discover-unique-collection-reversed .zara-luxury-discover-unique-collection-content {order: 2!important;  }
}
/* ===== Carousel ===== */
.zara-luxury-discover-unique-collection-carousel {
  width: 460px;
  max-width: 100%;
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 10px 30px rgba(0,0,0,.12);
  overflow: hidden;
  position: relative;
}

.zara-luxury-discover-unique-collection-carousel-viewport {
  position: relative;
  width: 100%;
  height: 520px;
}

.zara-luxury-discover-unique-collection-slides {
  display: flex;
  width: 100%;
  height: 100%;
  transition: transform .6s ease;
}

.zara-luxury-discover-unique-collection-slide {
  min-width: 100%;
  height: 100%;
  position: relative;
  background: #fafafa;
  display: flex;
  align-items: center;
  justify-content: center;
}

.zara-luxury-discover-unique-collection-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.zara-luxury-discover-unique-collection-tag {
  position: absolute;
  left: 16px;
  top: 16px;
  background: #ffffffdd;
  color: #222;
  padding: 6px 10px;
  border-radius: 10px;
  font-weight: 700;
  font-size: 13px;
}

.zara-luxury-discover-unique-collection-cta {
  position: absolute;
  right: 16px;
  bottom: 16px;
}

.zara-luxury-discover-unique-collection-cta a {
  text-decoration: none;
  background: #ffffffee;
  color: #0b4a91;
  font-weight: 700;
  padding: 10px 14px;
  border-radius: 12px;
  border: 1px solid #ddd;
font-family: Arial, Helvetica, sans-serif !important;
}

/* Arrows */
.zara-luxury-discover-unique-collection-nav {
  position: absolute;
  inset: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  pointer-events: none;
}

.zara-luxury-discover-unique-collection-nav button {
  pointer-events: auto;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  border: 1px solid #e5e5e5;
  background: #fff;
  box-shadow: 0 4px 14px rgba(0,0,0,.12);
  display: grid;
  place-items: center;
  cursor: pointer;
}

.zara-luxury-discover-unique-collection-nav svg {
  width: 18px;
  height: 18px;
}

/* Dots */
.zara-luxury-discover-unique-collection-dots {
  display: flex;
  gap: 8px;
  justify-content: center;
  padding: 12px 0 16px;
}

.zara-luxury-discover-unique-collection-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #cfd8e3;
  cursor: pointer;
}

.zara-luxury-discover-unique-collection-dot-active {
  background: #0b4a91;
}

/* ===== Right content ===== */
.zara-luxury-discover-unique-collection-content {
  max-width: 540px;
}

.zara-luxury-discover-unique-collection-title {
  color: #0b4a91;
  margin: 0 0 18px;
  font-size: 32px;
  line-height: 1.25;
}

.zara-luxury-discover-unique-collection-buttons {
  display: grid;
  grid-template-columns: repeat(2, minmax(200px, 1fr));
  gap: 12px;
}

.zara-luxury-discover-unique-collection-buttons a {
  text-decoration: none;
  background: #f7f7f7;
  color: #0b4a91;
  padding: 12px 18px;
  border-radius: 34px;
  border: 1px solid #e5e5e5;
  font-weight: 700;
  text-align: center;
  transition: .25s;
font-family: Arial,Helvetica,sans-serif !important;
}

.zara-luxury-discover-unique-collection-buttons a:hover {
  background: #32c5c7;
  color: #fff;
  border-color: #32c5c7;
}

.zara-luxury-discover-unique-collection-socials {
  margin-top: 22px;
}

.zara-luxury-discover-unique-collection-socials a {
  margin-right: 14px;
  font-size: 22px;
  text-decoration: none;
  color: #0b4a91;
}

@media (max-width: 960px) {
  .zara-luxury-discover-unique-collection-wrap {
    gap: 28px;
  }
 
}

@media (max-width: 550px) {
  .zara-luxury-discover-unique-collection {
    padding: 20px;
    min-height: auto;
  }
  
  .zara-luxury-discover-unique-collection-wrap {
    gap: 20px;
    flex-direction: column;
    align-items: center;
  }
  
  .zara-luxury-discover-unique-collection-carousel {
    width: 100%;
    max-width: 100%;
  }
  

  .zara-luxury-discover-unique-collection-content {
    width: 100%;
    max-width: 100%;
  }
  
  .zara-luxury-discover-unique-collection-buttons {
    grid-template-columns: 1fr;
    gap: 10px;
  }
  
  .zara-luxury-discover-unique-collection-buttons a {
    padding: 10px 16px;
  }
  
  .zara-luxury-discover-unique-collection-nav button {
    width: 36px;
    height: 36px;
    margin: 0 8px;
  }
  
  .zara-luxury-discover-unique-collection-nav svg {
    width: 16px;
    height: 16px;
  }
  
  .zara-luxury-discover-unique-collection-tag {
    padding: 4px 8px;
    font-size: 12px;
  }
  
  .zara-luxury-discover-unique-collection-cta a {
    padding: 8px 12px;
    font-size: 13px;
  }
}

@media (max-width: 400px) {

  
  .zara-luxury-discover-unique-collection {
    padding: 15px;
  }
  
  .zara-luxury-discover-unique-collection-nav button {
    width: 32px;
    height: 32px;
    margin: 0 5px;
  }
}

@media (max-width: 350px) {


  .zara-luxury-discover-unique-collection {
    padding: 10px;
  }
  
  .zara-luxury-discover-unique-collection-wrap {
    gap: 15px;
  }
  

  .zara-luxury-discover-unique-collection-nav button {
    width: 30px;
    height: 30px;
    margin: 0 4px;
  }
  
  .zara-luxury-discover-unique-collection-nav svg {
    width: 14px;
    height: 14px;
  }
  
  .zara-luxury-discover-unique-collection-tag {
    padding: 3px 6px;
    font-size: 11px;
    left: 10px;
    top: 10px;
  }
  
  .zara-luxury-discover-unique-collection-cta {
    right: 10px;
    bottom: 10px;
  }
  
  .zara-luxury-discover-unique-collection-cta a {
    padding: 6px 10px;
    font-size: 12px;
  }
  
  .zara-luxury-discover-unique-collection-buttons a {
    padding: 8px 12px;
    min-height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  .zara-luxury-discover-unique-collection-dots {
    padding: 8px 0 12px;
    gap: 6px;
  }
  
  .zara-luxury-discover-unique-collection-dot {
    width: 6px;
    height: 6px;
  }
  
  #content_area .zara-luxury-discover-unique-collection-title {
    margin: 0 0 12px;
font-size: 28px !important;
  }
  
  .zara-luxury-discover-unique-collection-socials {
    margin-top: 15px;
  }
}

@media (max-width: 280px) {
  
  .zara-luxury-discover-unique-collection {
    padding: 8px;
  }
  
  .zara-luxury-discover-unique-collection-nav button {
    width: 28px;
    height: 28px;
    margin: 0 3px;
  }
  
  .zara-luxury-discover-unique-collection-tag {
    font-size: 10px;
  }
  
  .zara-luxury-discover-unique-collection-cta a {
    font-size: 11px;
    padding: 5px 8px;
  }
}

@media (max-width: 550px) {
  #content_area .zara-luxury-discover-unique-collection-reversed .zara-luxury-discover-unique-collection-wrap {
    flex-direction: column;
  }
}
.zara-fs-interior-design-portfolio {
  width: 100%;
}
.zara-fs-interior-design-portfolio-fs-portfolio {
  max-width: 1800px;
  margin: 40px auto;
  padding: 0 20px;
  font-family: Montserrat, system-ui, Arial, Helvetica, sans-serif;
  color: #1e1e1e;
}
.zara-fs-interior-design-portfolio-fs-hero {
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  gap: 26px;
  align-items: stretch;
}
.zara-fs-interior-design-portfolio-fs-hero-left {
  background: radial-gradient(ellipse at 40% 40%, #ffffff 0%, #e9ecf1 55%, #dfe3ea 100%);
  border-radius: 24px;
  position: relative;
  min-height: 520px;
  box-shadow: 0 10px 30px rgba(0,0,0,.09);
}
.zara-fs-interior-design-portfolio-fs-hero-left .zara-fs-interior-design-portfolio-tag {
  position: absolute;
  top: 18px;
  left: 22px;
  font-size: 12px;
  letter-spacing: .12em;
  color: #777;
}
.zara-fs-interior-design-portfolio-fs-hero-left img {
  position: absolute;
  inset: auto 0 0 0;
  margin: auto;
  max-width: 62%;
  height: auto;
  object-fit: contain;
  filter: drop-shadow(0 20px 45px rgba(0,0,0,.18));
}
.zara-fs-interior-design-portfolio-fs-hero-right {
  display: grid;
  grid-template-rows: auto 1fr;
  gap: 16px;
}
.zara-fs-interior-design-portfolio-fs-hero-top {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
.zara-fs-interior-design-portfolio-fs-chip {
  background: #e8e3dd;
  border-radius: 14px;
  padding: 10px 12px;
  text-align: center;
  font-size: 12px;
  letter-spacing: .16em;
  color: #4b4b4b;
}
.zara-fs-interior-design-portfolio-fs-card {
  background: #fff;
  border-radius: 24px;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(0,0,0,.08);
}
.zara-fs-interior-design-portfolio-fs-card-media {
  position: relative;
  aspect-ratio: 16/10;
  overflow: hidden;
}
.zara-fs-interior-design-portfolio-fs-card-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.zara-fs-interior-design-portfolio-fs-card-body {
  padding: 22px 22px 18px;
}
.zara-fs-interior-design-portfolio-fs-card h1 {
  font-family: "Playfair Display", Georgia, serif;
  font-size: 48px;
  line-height: 1.02;
  margin: 0 0 8px;
}
.zara-fs-interior-design-portfolio-fs-card .zara-fs-interior-design-portfolio-sub {
  font-size: 12px;
  letter-spacing: .28em;
  color: #636363;
  margin-bottom: 8px;
}
.zara-fs-interior-design-portfolio-fs-card p {
  font-size: 13.5px;
  line-height: 1.6;
  color: #4d4d4d;
  margin: 8px 0 0;
}
.zara-fs-interior-design-portfolio-fs-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #f0efed;
  border-radius: 14px;
  padding: 10px 14px;
  font-weight: 600;
  margin-left: 16px;
}
.zara-fs-interior-design-portfolio-fs-cta-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 14px;
}
.zara-fs-interior-design-portfolio-fs-btn {
  display: inline-block;
  background: #0b5aa6;
  color: #fff;
  padding: 10px 16px;
  border-radius: 999px;
  font-size: 13px;
  text-decoration: none;
}
.zara-fs-interior-design-portfolio-fs-btn.zara-fs-interior-design-portfolio-alt {
  background: #e8eef7;
  color: #0b5aa6;
}
/* Category grid */
.zara-fs-interior-design-portfolio-fs-cats {
  margin-top: 34px;
}
.zara-fs-interior-design-portfolio-fs-cats h3 {
  font-size: 22px;
  margin: 0 0 14px;
}
.zara-fs-interior-design-portfolio-fs-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 14px;
}
.zara-fs-interior-design-portfolio-fs-cat {
  background: #fff;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 8px 22px rgba(0,0,0,.06);
  display: grid;
  grid-template-rows: 100px auto;
}
.zara-fs-interior-design-portfolio-fs-cat a {
  color: inherit;
  text-decoration: none;
}
.zara-fs-interior-design-portfolio-fs-cat img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.zara-fs-interior-design-portfolio-fs-cat .zara-fs-interior-design-portfolio-label {
  padding: 10px 12px;
  font-size: 13px;
  font-weight: 600;
display: none;
}
/* Thumbnails */
.zara-fs-interior-design-portfolio-fs-film {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  gap: 10px;
  margin-top: 18px;
  padding-bottom: 6px;
}
.zara-fs-interior-design-portfolio-fs-thumb {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 6px 16px rgba(0,0,0,.06);
  padding: 8px;
}
.zara-fs-interior-design-portfolio-fs-thumb img {
  width: 100%;
  height: 84px;
  object-fit: cover;
  border-radius: 8px;
  display: block;
}
.zara-fs-interior-design-portfolio-fs-thumb .zara-fs-interior-design-portfolio-t {
  font-size: 12px;
  color: #5c5c5c;
  margin-top: 6px;
  line-height: 1.3;
  min-height: 32px;


}

.zara-fs-interior-design-portfolio,
.zara-fs-interior-design-portfolio * {
  box-sizing: border-box;
}

/* Prevent horizontal overflow on the main container */
.zara-fs-interior-design-portfolio-fs-portfolio {
  overflow-x: hidden;
  width: 100%;
}

/* Custom scrollbar */
.zara-fs-interior-design-portfolio-fs-film::-webkit-scrollbar {
  height: 6px;
}

.zara-fs-interior-design-portfolio-fs-film::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 3px;
}

.zara-fs-interior-design-portfolio-fs-film::-webkit-scrollbar-thumb {
  background: #999;
  border-radius: 3px;
}

.zara-fs-interior-design-portfolio-fs-film::-webkit-scrollbar-thumb:hover {
  background: #666;
}

/* Firefox scrollbar */
.zara-fs-interior-design-portfolio-fs-film {
  scrollbar-width: thin;
  scrollbar-color: #999 #f1f1f1;
}

/* Additional responsive breakpoints */
@media (max-width: 1100px) {
  .zara-fs-interior-design-portfolio-fs-portfolio {
    max-width: 100%;
    padding: 0 20px;
  }
}

@media (max-width: 980px) {
  .zara-fs-interior-design-portfolio-fs-hero {
    grid-template-columns: 1fr;
  }
  
  .zara-fs-interior-design-portfolio-fs-hero-left {
    min-height: 400px;
  }
  
  .zara-fs-interior-design-portfolio-fs-card h1 {
    font-size: 40px;
  }
  
  .zara-fs-interior-design-portfolio-fs-grid {
    grid-template-columns: repeat(3, 1fr);
  }
  
  /* Adjust thumbnail size for tablets */
  .zara-fs-interior-design-portfolio-fs-thumb {
    width: 170px;
    min-width: 170px;
  }
}

@media (max-width: 768px) {
  .zara-fs-interior-design-portfolio-fs-portfolio {
    padding: 0 15px;
  }
  
  .zara-fs-interior-design-portfolio-fs-hero-top {
    grid-template-columns: 1fr;
    gap: 10px;
  }
  
  .zara-fs-interior-design-portfolio-fs-thumb {
    width: 160px;
    min-width: 160px;
  }
  
  .zara-fs-interior-design-portfolio-fs-thumb img {
    height: 75px;
  }
}

@media (max-width: 640px) {
  .zara-fs-interior-design-portfolio-fs-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  
  .zara-fs-interior-design-portfolio-fs-card h1 {
    font-size: 34px;
  }
  
  .zara-fs-interior-design-portfolio-fs-card-body {
    padding: 18px;
  }
  
  .zara-fs-interior-design-portfolio-fs-cta-row {
    flex-direction: column;
  }
  
  .zara-fs-interior-design-portfolio-fs-btn {
    width: 100%;
    text-align: center;
  }
  
  .zara-fs-interior-design-portfolio-fs-film {
    gap: 8px;
  }
  
  .zara-fs-interior-design-portfolio-fs-thumb {
    width: 150px;
    min-width: 150px;
    padding: 7px;
  }
  
  .zara-fs-interior-design-portfolio-fs-thumb img {
    height: 70px;
  }
}

@media (max-width: 480px) {
  .zara-fs-interior-design-portfolio-fs-portfolio {
    padding: 0 12px;
    margin: 30px auto;
  }
  
  .zara-fs-interior-design-portfolio-fs-hero-left {
    min-height: 350px;
  }
  
  .zara-fs-interior-design-portfolio-fs-card h1 {
    font-size: 28px;
  }
  
  .zara-fs-interior-design-portfolio-fs-badge {
    margin-left: 0;
    margin-top: 10px;
  }
  
  .zara-fs-interior-design-portfolio-fs-thumb {
    width: 140px;
    min-width: 140px;
    padding: 6px;
  }
  
  .zara-fs-interior-design-portfolio-fs-thumb img {
    height: 65px;
  }
  
  .zara-fs-interior-design-portfolio-fs-thumb .zara-fs-interior-design-portfolio-t {
    font-size: 11px;
    min-height: 28px;
  }
}

@media (max-width: 375px) {
  .zara-fs-interior-design-portfolio-fs-portfolio {
    padding: 0 10px;
  }
  
  .zara-fs-interior-design-portfolio-fs-card h1 {
    font-size: 24px;
  }
  
  .zara-fs-interior-design-portfolio-fs-thumb {
    width: 130px;
    min-width: 130px;
  }
}
/* Responsive */
@media (max-width: 980px) {
  .zara-fs-interior-design-portfolio-fs-hero {
    grid-template-columns: 1fr;
  }
  .zara-fs-interior-design-portfolio-fs-hero-left {
    min-height: 400px;
  }
  .zara-fs-interior-design-portfolio-fs-card h1 {
    font-size: 40px;
  }
  .zara-fs-interior-design-portfolio-fs-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 640px) {
  .zara-fs-interior-design-portfolio-fs-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .zara-fs-interior-design-portfolio-fs-card h1 {
    font-size: 34px;
  }
}

.zara-fs-interior-design-portfolio-fs-film {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  gap: 10px;
  margin-top: 18px;
  padding-bottom: 6px;
}

.zara-fs-interior-design-portfolio-fs-thumb {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 6px 16px rgba(0,0,0,.06);
  padding: 8px;
}

/* Fix gap issue below 870px */
@media (max-width: 870px) {
  .zara-fs-interior-design-portfolio-fs-film {
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
    gap: 10px;
  }
}

@media (max-width: 768px) {
  .zara-fs-interior-design-portfolio-fs-film {
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    gap: 10px;
  }
}

@media (max-width: 640px) {
  .zara-fs-interior-design-portfolio-fs-film {
    grid-template-columns: repeat(3, 1fr); /* Force 3 columns */
    gap: 8px;
  }
}

@media (max-width: 540px) {
  .zara-fs-interior-design-portfolio-fs-film {
    grid-template-columns: repeat(2, 1fr); /* Force 2 columns */
    gap: 8px;
  }
}

@media (max-width: 380px) {
  .zara-fs-interior-design-portfolio-fs-film {
    grid-template-columns: repeat(2, 1fr);
    gap: 6px;
  }
  
  .zara-fs-interior-design-portfolio-fs-thumb {
    padding: 6px;
  }
}

@media (max-width: 540px) {
  .zara-fs-interior-design-portfolio-fs-film {
    grid-template-columns: repeat(2, 1fr); /* 2 columns */
    gap: 8px;
  }
}

/* Make cards full width below 540px */
@media (max-width: 540px) {
  .zara-fs-interior-design-portfolio-fs-film {
    grid-template-columns: 1fr; /* Single column - full width */
    gap: 10px;
  }
  
  .zara-fs-interior-design-portfolio-fs-thumb {
    width: 100%;
    max-width: 400px; /* Optional: prevent cards from getting too wide on tablets */
    margin: 0 auto; /* Center cards if using max-width */
  }
  
  .zara-fs-interior-design-portfolio-fs-thumb img {
    height: 100px; /* Slightly taller image for full-width cards */
  }
}

/* For very small screens */
@media (max-width: 380px) {
  .zara-fs-interior-design-portfolio-fs-film {
    gap: 8px;
  }
  
  .zara-fs-interior-design-portfolio-fs-thumb {
    padding: 6px;
  }
  
  .zara-fs-interior-design-portfolio-fs-thumb img {
    height: 90px;
  }
  
  .zara-fs-interior-design-portfolio-fs-thumb .zara-fs-interior-design-portfolio-t {
    font-size: 11px;
  }
}

/* Main container */
.zara-smart-technology-fontana {
  margin: 0;
  padding: 0;
  font-family: Montserrat, system-ui, Arial, Helvetica, sans-serif;
  color: #222;
}

.zara-smart-technology-fontana-arch-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}

.zara-smart-technology-fontana-arch-hero {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 64px;
  align-items: center;
  width: 100%;
  max-width: 1800px;
  padding: 48px 28px;
}

.zara-smart-technology-fontana-arch-card {
  background: #f9f9f9;
  border-radius: 14px;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.12);
  padding: 28px;
}

.zara-smart-technology-fontana-arch-frame {
  position: relative;
  aspect-ratio: 1/1;
  width: 100%;
  border-radius: 12px;
  overflow: hidden;
  background: #eee;
  margin: 0;
}

.zara-smart-technology-fontana-arch-frame img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.zara-smart-technology-fontana-arch-caption {
  text-align: center;
  letter-spacing: 0.15em;
  font-weight: 600;
  color: #555;
  padding: 20px 4px 6px;
  font-size: 20px;
  margin: 0;
}

.zara-smart-technology-fontana-arch-right h1 {
  font-size: 54px;
  line-height: 1.05;
  margin: 0 0 32px 0;
  color: #555;
}

.zara-smart-technology-fontana-arch-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px 20px;
}

.zara-smart-technology-fontana-arch-pill {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px 18px;
  background: #ffffff;
  border: 1px solid #ccc;
  border-radius: 999px;
  font-weight: 600;
  font-size: 14px;
  text-decoration: none;
  color: #0b5aa6;
  transition: all 0.2s ease;
white-space: nowrap;

}

.zara-smart-technology-fontana-arch-pill:hover {
  background: #f3f6fb;
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
}


.zara-smart-technology-fontana-arch-seo {
  background: #fff;
  width: 100%;
  max-width: 1800px;
  margin: 12px auto 40px;
  border-radius: 14px;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.12);
  padding: 12px;
display: none;
}

/* Responsive styles */
@media (max-width: 980px) {
  .zara-smart-technology-fontana-arch-hero {
    grid-template-columns: 1fr;
    gap: 36px;
  }
  
  .zara-smart-technology-fontana-arch-right h1 {
    font-size: 40px;
text-align: center !important;
  }
  
  .zara-smart-technology-fontana-arch-grid {
    max-width: 100%;
  }
}

@media (max-width: 520px) {
  .zara-smart-technology-fontana-arch-hero {
    padding: 28px 16px;
  }
  
  .zara-smart-technology-fontana-arch-right h1 {
    font-size: 32px;
  }
  
  .zara-smart-technology-fontana-arch-grid {
    grid-template-columns: 1fr;
  }
  
  .zara-smart-technology-fontana-arch-pill {
    padding: 10px 14px;
  }
}

/* Additional CSS for reversed layout on mobile */
@media (max-width: 980px) {
  /* For reversed layout on mobile, ensure buttons appear first */
  .zara-smart-technology-fontana-reversed .zara-smart-technology-fontana-arch-hero {
    display: flex;
    flex-direction: column;
  }
  
  .zara-smart-technology-fontana-reversed .zara-smart-technology-fontana-arch-right {
    order: 1;
  }
  
  .zara-smart-technology-fontana-reversed .zara-smart-technology-fontana-arch-card {
    order: -1;
  }

  .zara-smart-technology-fontana-reversed .zara-smart-technology-fontana-arch-right {
    width: 100%;
  }
  
  .zara-smart-technology-fontana-reversed .zara-smart-technology-fontana-arch-grid {
    max-width: 100%;
    width: 100%;
  }
}
.zara-table-of-contents-presentation-fs-toc-wrap { font-family: Montserrat, system-ui, Arial, Helvetica, sans-serif; background: linear-gradient(135deg, #ffffff, #f5faff 45%, #e0f6ff); color: #1f3444; padding: clamp(10px, 3.5vw, 18px); border-radius: 12px; box-shadow: 0 8px 22px rgba(127, 179, 221, 0.12); overflow: auto; }

.zara-table-of-contents-presentation-fs-shell { display: grid; grid-template-columns: 1fr; gap: clamp(8px, 2.8vw, 14px); max-width: 1800px; margin: 0 auto; }

.zara-table-of-contents-presentation-fs-eyebrow { letter-spacing: 0.04em; font-weight: 600; font-size: clamp(10px, 2.7vw, 12px); opacity: 0.8; margin: 0 0 4px; }

.zara-table-of-contents-presentation-fs-title { font-weight: 900; line-height: 0.88; margin: 0 0 clamp(6px, 2.6vw, 10px); font-size: clamp(22px, 10.5vw, 52px); word-break: break-word; color: #1f3444; }

.zara-table-of-contents-presentation-fs-blurb { max-width: 540px; color: #4b5563; font-size: clamp(11px, 3.2vw, 13px); line-height: 1.4; margin: 2px 0 8px; }

.zara-table-of-contents-presentation-fs-author { margin-top: 8px; font-size: clamp(10px, 3vw, 12px); color: #4b5563; }

.zara-table-of-contents-presentation-fs-chips { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; }

.zara-table-of-contents-presentation-fs-chip { appearance: none; border: 1.25px solid #c7e2f6; background: #ffffff; color: #1f3444; padding: 6px 10px; border-radius: 999px; font-weight: 600; font-size: clamp(11px, 3vw, 12px); line-height: 1; cursor: pointer; transition: transform 0.12s ease, background 0.12s ease, border-color 0.12s ease; min-height: 32px; font-family: inherit; }
.zara-table-of-contents-presentation-fs-chip:hover { transform: translateY(-1px); }
.zara-table-of-contents-presentation-fs-chip[aria-pressed="true"] { background: linear-gradient(135deg, #5a8db5, #7fb3dd); color: #ffffff; border-color: #7fb3dd; }

.zara-table-of-contents-presentation-fs-col { display: flex; flex-direction: column; gap: 8px; }

.zara-table-of-contents-presentation-fs-head { font-weight: 800; letter-spacing: 0.02em; margin: 6px 2px 2px; font-size: clamp(10px, 2.6vw, 11px); text-transform: uppercase; opacity: 0.7; color: #1f3444; }

.zara-table-of-contents-presentation-fs-pill { display: flex; align-items: center; justify-content: space-between; gap: 10px; border: 1.75px solid #c7e2f6; padding: 10px 12px; border-radius: 999px; text-decoration: none; color: #1f3444; background: rgba(255, 255, 255, 0.85); transition: transform 0.12s ease, background 0.12s ease, border-color 0.12s ease; min-height: 48px; }
.zara-table-of-contents-presentation-fs-pill:hover { transform: translateY(-1px); background: #ffffff; border-color: #7fb3dd; }

.zara-table-of-contents-presentation-fs-thumb { width: 40px; height: 40px; border-radius: 999px; overflow: hidden; flex: 0 0 40px; border: 1px solid #c7e2f6; background: #fff; }
.zara-table-of-contents-presentation-fs-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }

.zara-table-of-contents-presentation-fs-pill span { font-weight: 600; font-size: clamp(12px, 3.2vw, 14px); line-height: 1.15; }

.zara-table-of-contents-presentation-fs-arrow { font-size: 16px; opacity: 0.9; margin-left: 4px; color: #5a8db5; }

.zara-table-of-contents-presentation-fs-linknote { font-size: clamp(10px, 2.6vw, 11px); color: #6b7280; text-align: right; margin-top: 4px; }

.zara-table-of-contents-presentation-fs-pill[style*="display: none"] { position: absolute; visibility: hidden; height: 0; margin: 0; padding: 0; border: 0; }

@media (min-width: 560px) {
  .zara-table-of-contents-presentation-fs-shell { gap: 14px; }
  .zara-table-of-contents-presentation-fs-pill { min-height: 50px; }
}
@media (min-width: 1200px) {
  .zara-table-of-contents-presentation-fs-shell { grid-template-columns: 1.05fr 0.95fr 0.95fr; }
  .zara-table-of-contents-presentation-fs-title { font-size: clamp(28px, 6vw, 64px); }
}

.zara-unique-best-innovative-designs-touchless-faucets-fs-toc-wrap {
  font-family: Montserrat, system-ui, Arial, Helvetica, sans-serif;
  background: linear-gradient(180deg, #f0f9ff, #e6f7ff, #f5fbff);
  color: #0f0f0f;
  padding: 44px 36px;
  border-radius: 22px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
}

.zara-unique-best-innovative-designs-touchless-faucets-fs-toc-grid {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr 0.9fr;
  gap: 28px;
  align-items: start;
max-width: 1800px;
    margin: 0 auto;
}

.zara-unique-best-innovative-designs-touchless-faucets-fs-eyebrow {
  letter-spacing: 0.04em;
  font-weight: 600;
  font-size: 14px;
  opacity: 0.8;
  margin-bottom: 12px;
}

.zara-unique-best-innovative-designs-touchless-faucets-fs-title {
  font-size: 96px;
  line-height: 0.9;
  margin: 0 0 22px;
  font-weight: 900;
}

.zara-unique-best-innovative-designs-touchless-faucets-fs-blurb {
  max-width: 560px;
  color: #2a2a2a;
  font-size: 14px;
  line-height: 1.6;
  margin-top: 10px;
}

.zara-unique-best-innovative-designs-touchless-faucets-fs-author {
  margin-top: 36px;
  font-size: 14px;
  color: #2a2a2a;
}

.zara-unique-best-innovative-designs-touchless-faucets-fs-col {
  display: grid;
  gap: 18px;
}

.zara-unique-best-innovative-designs-touchless-faucets-fs-pill {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  border: 2px solid #0f0f0f;
  color: #0f0f0f;
  padding: 14px 18px;
  border-radius: 999px;
  text-decoration: none;
  background: rgba(255, 255, 255, 0.73);
  transition: transform 0.15s ease, background 0.15s ease, border-color 0.15s ease;
}

.zara-unique-best-innovative-designs-touchless-faucets-fs-pill:hover {
  transform: translateY(-2px);
  background: rgba(255, 255, 255, 0.87);
}

.zara-unique-best-innovative-designs-touchless-faucets-fs-pill span {
  font-weight: 600;
white-space: nowrap;
}

.zara-unique-best-innovative-designs-touchless-faucets-fs-thumb {
  width: 54px;
  height: 54px;
  border-radius: 999px;
  overflow: hidden;
  flex: 0 0 54px;
  border: 1px solid #0f0f0f;
  background: #fff;
}

.zara-unique-best-innovative-designs-touchless-faucets-fs-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.zara-unique-best-innovative-designs-touchless-faucets-fs-linknote {
  font-size: 12px;
  color: #2a2a2a;
  text-align: right;
  margin-top: 10px;
}

.zara-unique-best-innovative-designs-touchless-faucets-fs-arrow {
  justify-self: end;
  font-size: 22px;
  opacity: 0.9;
  margin-right: 6px;
}

/* Responsive */
@media (max-width: 980px) {
  .zara-unique-best-innovative-designs-touchless-faucets-fs-toc-grid {
    grid-template-columns: 1fr;
  }
  
  .zara-unique-best-innovative-designs-touchless-faucets-fs-title {
    font-size: 56px;
  }
  
  .zara-unique-best-innovative-designs-touchless-faucets-fs-blurb {
    max-width: unset;
  }
 
}

/* Fix cutting between 1240px and 980px */
@media (max-width: 1240px) {
  .zara-unique-best-innovative-designs-touchless-faucets-fs-title {
    font-size: 72px;
  }
  
  .zara-unique-best-innovative-designs-touchless-faucets-fs-toc-wrap {
    padding: 32px 24px;
  }
  
  .zara-unique-best-innovative-designs-touchless-faucets-fs-toc-grid {
    gap: 20px;
  }
  
  .zara-unique-best-innovative-designs-touchless-faucets-fs-pill {
    padding: 12px 14px;
    gap: 10px;
  }
  
  .zara-unique-best-innovative-designs-touchless-faucets-fs-thumb {
    width: 46px;
    height: 46px;
    flex: 0 0 46px;
  }
  
  .zara-unique-best-innovative-designs-touchless-faucets-fs-arrow {
    font-size: 18px;
    margin-right: 2px;
  }
}

/* For the span with nowrap */
.zara-unique-best-innovative-designs-touchless-faucets-fs-pill span {
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 140px; /* Adjust as needed */
}

@media (max-width: 1240px) {
  .zara-unique-best-innovative-designs-touchless-faucets-fs-pill span {
    font-size: 13px;
    max-width: 120px;
  }
}
@media (max-width: 410px) {
  .zara-unique-best-innovative-designs-touchless-faucets-fs-toc-wrap {
    /* padding: 20px 16px; */
  }
  
  .zara-unique-best-innovative-designs-touchless-faucets-fs-title {
    font-size: 42px;
    word-break: break-word;
  }
  
  
  
  .zara-unique-best-innovative-designs-touchless-faucets-fs-blurb {
    font-size: 12px;
    line-height: 1.5;
  }
  
  .zara-unique-best-innovative-designs-touchless-faucets-fs-pill {
    padding: 10px 12px;
    gap: 8px;
  }
  
  .zara-unique-best-innovative-designs-touchless-faucets-fs-thumb {
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
  }
  
  .zara-unique-best-innovative-designs-touchless-faucets-fs-pill span {
    font-size: 12px;
    max-width: 100px;
  }
  
  .zara-unique-best-innovative-designs-touchless-faucets-fs-col {
    gap: 12px;
  }
  
  .zara-unique-best-innovative-designs-touchless-faucets-fs-author {
      margin-top: 20px;
  }
}

/* Main container */
.zara-fontana-showers-categories-lists-fs{
  background:none !important;
  background-image:none !important;
}
.zara-fontana-showers-categories-lists-fs::before,
.zara-fontana-showers-categories-lists-fs::after{
  content:none !important;
  background:none !important;
  background-image:none !important;
}
.zara-fontana-showers-categories-lists-fs-hero-menu__figure img,
.zara-fontana-showers-categories-lists-fs-spot img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.zara-fontana-showers-categories-lists-fs-hero-menu {
  position: relative;
  border-radius: 22px;
  overflow: hidden;
  background: #e6f3f7;
  max-width: 1800px;
  margin: 0 auto;
}

.zara-fontana-showers-categories-lists-fs-hero-menu__header {
  background: radial-gradient(120% 120% at 10% 5%, #bfe1ea 0%, #7fb2c1 35%, #5b8fa0 70%, #3a5f6b 100%);
  padding: 20px 24px;
}

.zara-fontana-showers-categories-lists-fs-hero-menu__brand {
  display: flex;
  flex-direction: column;
  line-height: 1;
  letter-spacing: 0.28em;
  color: #fff;
  text-transform: uppercase;
}

.zara-fontana-showers-categories-lists-fs-hero-menu__title {
  font-weight: 800;
  font-size: 28px;
}

.zara-fontana-showers-categories-lists-fs-hero-menu__subtitle {
  font-weight: 600;
  font-size: 14px;
  opacity: 0.9;
}

.zara-fontana-showers-categories-lists-fs-hero-menu__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: stretch;
  gap: 0;
}

.zara-fontana-showers-categories-lists-fs-hero-menu__figure {
  margin: 0;
  padding: 22px;
  background: linear-gradient(180deg, #e0f2f7 0%, #d3eef6 100%);
}

.zara-fontana-showers-categories-lists-fs-hero-menu__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-top-left-radius: 38px;
  border-top-right-radius: 38px;
  border-bottom-left-radius: 220px;
  border-bottom-right-radius: 38px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.10);
}

.zara-fontana-showers-categories-lists-fs-hero-menu__nav {
  background: #cfeaf2;
  padding: 28px 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.zara-fontana-showers-categories-lists-fs-hero-menu__link {
  display: block;
  padding: 22px 6px;
  margin: 0;
  font-family: inherit;
  color: #084b5a;
  text-decoration: none;
  font-weight: 700;
  font-size: 22px;
  text-align: center;
  border-bottom: 1px solid rgba(255, 255, 255, 0.35);
  transition: transform 0.2s ease, background 0.2s ease;
}

.zara-fontana-showers-categories-lists-fs-hero-menu__link:first-of-type {
  border-top: 1px solid rgba(255, 255, 255, 0.35);
}
@media(max-width: 600px){
.zara-fontana-showers-categories-lists-fs-hero-menu__link{
padding: 18px 6px;
}}

.zara-fontana-showers-categories-lists-fs-hero-menu__link:hover {
  background: #e8f5f8;
  transform: translateY(-1px);
}

.zara-fontana-showers-categories-lists-fs-hero-menu__spotlights {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 14px;
  padding-top: 26px;
}

.zara-fontana-showers-categories-lists-fs-spot {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  text-decoration: none;
  background: #e8f5f8;
  border-radius: 16px;
  padding: 12px;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.06);
}

.zara-fontana-showers-categories-lists-fs-spot:hover {
  background: #f2fbff;
}

.zara-fontana-showers-categories-lists-fs-spot img {
  width: 100%;
  height: 130px;
  object-fit: cover;
  border-radius: 12px;
}

.zara-fontana-showers-categories-lists-fs-spot span {
  font-size: 14px;
  color: #0b2e3a;
  font-weight: 600;
  text-align: center;
}

/* Responsive */
@media (max-width: 980px) {
  .zara-fontana-showers-categories-lists-fs-hero-menu__grid {
    grid-template-columns: 1fr;
  }
  
  .zara-fontana-showers-categories-lists-fs-hero-menu__img {
    border-radius: 24px;
  }
  
  .zara-fontana-showers-categories-lists-fs-hero-menu__link {
    font-size: 18px;
  }
}
@media(max-width:400px){
.zara-fontana-showers-categories-lists-fs-hero-menu__spotlights{
grid-template-columns: 1fr;
}}


.zara-ftf-verified-categories-gallery-with-insights-wrapper {
  margin: 0;
  padding: 0;
  color: #222;
  line-height: 1.6;
max-width: 1800px;
    margin: 0 auto;
}

.zara-ftf-verified-categories-gallery-with-insights-main-title {
  text-align: center;
  font-size: 2.4rem;
  margin: 20px 0;
}

.zara-ftf-verified-categories-gallery-with-insights-section {
  margin: 40px auto;
  padding: 0 20px;
}

.zara-ftf-verified-categories-gallery-with-insights-h2,
.zara-ftf-verified-categories-gallery-with-insights-h3,
.zara-ftf-verified-categories-gallery-with-insights-h4,
.zara-ftf-verified-categories-gallery-with-insights-h5 {
  margin-top: 30px;
}
#content_area .zara-ftf-verified-categories-gallery-with-insights-h2{
text-align: left !important;
}

.zara-ftf-verified-categories-gallery-with-insights-category-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 20px;
}

.zara-ftf-verified-categories-gallery-with-insights-category {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08);
  padding: 20px;
  text-align: center;
  transition: 0.3s;
}

.zara-ftf-verified-categories-gallery-with-insights-category:hover {
  transform: translateY(-6px);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
}

.zara-ftf-verified-categories-gallery-with-insights-category img {
  max-width: 100%;
  border-radius: 8px;
  margin-bottom: 15px;
}

.zara-ftf-verified-categories-gallery-with-insights-category a {
  color: #222;
  font-size: 1.1rem;
  font-weight: 600;
  text-decoration: none;
  display: block;
font-family: 'Montserrat-Light', arial, helvetica, sans-serif !important;
}

.zara-ftf-verified-categories-gallery-with-insights-category a:hover {
  color: #0056a3;
}

#content_area .zara-ftf-verified-categories-gallery-with-insights-paragraph {
  margin: 16px 0;
  line-height: 1.6;
text-align: center !important;
}

@media (max-width: 370px) {
  .zara-ftf-verified-categories-gallery-with-insights-category-grid {
    grid-template-columns: 1fr;
    gap: 15px;
  }
  
  .zara-ftf-verified-categories-gallery-with-insights-category {
    padding: 15px;
  }
  
  .zara-ftf-verified-categories-gallery-with-insights-section {
    padding: 0 15px;
    margin: 30px auto;
  }
  
  .zara-ftf-verified-categories-gallery-with-insights-main-title {
    font-size: 1.8rem;
    padding: 0 10px;
    word-break: break-word;
  }
  
  .zara-ftf-verified-categories-gallery-with-insights-category a {
    font-size: 1rem;
    word-break: break-word;
  }
  
  .zara-ftf-verified-categories-gallery-with-insights-footer {
    padding: 20px 15px;
    font-size: 0.85rem;
  }
  
  .zara-ftf-verified-categories-gallery-with-insights-wrapper {
    overflow-x: hidden;
  }

}






.zara-ftf-faq-product-list {
    margin: 30px auto;
    padding: 0;
    max-width: 1180px;
    width: 100%;
    display: flex;
    justify-content: center;
    gap: 20px;
}.zara-ftf-faq-product-list * {
  box-sizing: border-box;
}

.zara-ftf-faq-product-list-wrap {
	margin: 60px auto;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 20px;
	justify-content: center;
	align-items: stretch;
}

/* FAQ Card Container */
.zara-ftf-faq-product-list-card {
    background: #ffffffee;
    border-radius: 16px;
    padding: 34px 28px;
    box-shadow: 0 18px 40px rgba(3, 32, 73, .25), 0 2px 8px rgba(3, 32, 73, .12);
    backdrop-filter: saturate(110%) blur(2px);
	width: 100%;
	order: 2;
}
.zara-ftf-faq-product-list-card a {
	display: block;
}
.zara-ftf-faq-product-list-card img {
	object-fit: cover;
	height: auto;
	width: 100%;
	aspect-ratio: 3/2.1;
}

/* FAQ Section */
.zara-ftf-faq-product-list-faq-section,
.zara-ftf-faq-product-list-faq-wrap {
  text-align: center !important;
}

#content_area .zara-ftf-faq-product-list-faq-title {
    color: inherit !important;
    display: inline-block;
    padding: 0;
    border-radius: 16px;
    margin: 0 auto 14px !important;
    font-weight: 200 !important;
    font-size: 26px !important;
    line-height: 1.15 !important;
    letter-spacing: .02em !important;
    font-family: Montserrat, system-ui, Arial, Helvetica, sans-serif !important;
}

/* FAQ Details container */
.zara-ftf-faq-product-list-details {
	margin: 16px 0;
	border: 0px solid #e5edf3;
	border-radius: 12px;
	padding: 0;
	margin-bottom: 10px;
}

/* FAQ Summary (question) */
.zara-ftf-faq-product-list-summary {
    font-size: 16px;
    list-style: none;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0;
    width: 100%;
    background: linear-gradient(180deg, #eef8ff 0%, #d7eeff 100%);
    color: #6f7880;
    font-weight: 700;
    border-radius: 999px;
    padding: 10px 50px 10px 10px;
    box-shadow: 0 18px 40px rgba(3, 32, 73, .1), 0 2px 8px rgba(3, 32, 73, .1);
    transition: transform .08s ease, box-shadow .2s ease;
    text-align: center;
    font-family: 'Inter';
    line-height: 24px;
    position: relative;
}

.zara-ftf-faq-product-list-summary:hover {
  transform: translateY(-2px);
  box-shadow: 0 22px 40px rgba(3, 32, 73, .28), 0 3px 10px rgba(3, 32, 73, .14);
}

.zara-ftf-faq-product-list-summary::after {
    content: "+";
    font-weight: 800;
    font-size: 20px;
    line-height: 1;
    margin-left: 0;
}
.zara-ftf-faq-product-list-details[open] .zara-ftf-faq-product-list-summary::after {
  content: "–";
}
.zara-ftf-faq-product-list-summary::after,
.zara-ftf-faq-product-list-details[open] .zara-ftf-faq-product-list-summary::after {
    position: absolute;
    right: 22px;
}

/* FAQ Answer */
#content_area .zara-ftf-faq-product-list-answer {
    padding: 5px 20px;
    color: #7C7C7C !important;
    margin-bottom: -4px;
    font-family: Helvetica, sans-serif !important;
    font-size: 15px !important;
    line-height: 25px !important;
}

/* Products Section */
.zara-ftf-faq-product-list-products-section {
  margin-top: 0;
  background: #ffffffee;
  border-radius: 16px;
  box-shadow: 0 18px 40px rgba(3, 32, 73, .25), 0 2px 8px rgba(3, 32, 73, .12);
  padding: 15px 20px;
  width: 100%;
  order: 1;
}

.zara-ftf-faq-product-list-products-title {
    font-family: "Playfair Display", Georgia, serif;
    font-weight: 600;
    font-size: 26px;
    margin: 12px 0 28px;
    color: #0b1f35;
    text-align: center;
}

.zara-ftf-faq-product-list-products-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
    margin-top: 28px;
}

.zara-ftf-faq-product-list-p-card {
  text-align: center;
  font-family: "Inter", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

.zara-ftf-faq-product-list-p-media {
  overflow: hidden;
  border-radius: 12px;
  box-shadow: 0 18px 40px rgba(3, 32, 73, .25), 0 2px 8px rgba(3, 32, 73, .12);
  background: #f3f6ff;
}

.zara-ftf-faq-product-list-p-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.zara-ftf-faq-product-list-p-title {
    font-family: "Playfair Display", Georgia, serif;
    font-weight: 500;
    font-size: 14px;
    margin: 18px 0 20px;
    color: #1c2b45;
}

.zara-ftf-faq-product-list-p-btn {
    display: inline-block;
    padding: 10px 15px;
    border-radius: 34px;
    background: linear-gradient(90deg, #32c5c7 0%, #0075ff 100%);
    color: #fff;
    text-decoration: none;
    font-weight: 600;
    font-size: 14px;
    transition: transform .15s ease, box-shadow .15s ease;
    font-family: "Inter", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
    line-height: 22px;
}
.zara-ftf-faq-product-list-p-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 24px rgba(0, 118, 255, .25);
	color: #fff;
}
.zara-ftf-faq-product-list-p-btn:active {
  transform: translateY(0);
}

/* Responsive styles */
@media (max-width: 980px) {
  .zara-ftf-faq-product-list-products-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 760px) {
  .zara-ftf-faq-product-list-wrap {
    margin: 36px auto;
  }
  
  .zara-ftf-faq-product-list-products-grid {
    grid-template-columns: 1fr;
    gap: 34px;
  }
  
  .zara-ftf-faq-product-list-p-media img {
    height: 260px;
  }
}
.zara-ftf-top-fontana-products-list-ftf * {
  box-sizing: border-box;
}

.zara-ftf-top-fontana-products-list-ftf {
  color: #ffffff;
  font-family: Montserrat, system-ui, Arial, Helvetica, sans-serif;
  padding: 20px 0;
}

.zara-ftf-top-fontana-products-list-ftf-wrap {
  margin: 60px auto;
  padding: 0 24px;
  display: grid;
  grid-template-columns: 1fr 1.1fr;
  gap: 64px;
  align-items: center;
max-width: 1800px;
}

/* Left polaroid card */
.zara-ftf-top-fontana-products-list-ftf-card {
  background: #fff;
  border-radius: 12px;
  padding: 44px 44px 28px;
  box-shadow: 0 12px 30px rgba(0, 0, 0, .20), 0 2px 6px rgba(0, 0, 0, .08);
}

.zara-ftf-top-fontana-products-list-ftf-frame {
  background: #f7f7f8;
  border-radius: 8px;
  padding: 0;
  overflow: hidden;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .05);
}

.zara-ftf-top-fontana-products-list-ftf-frame img {
  display: block;
  width: 100%;
  height: auto;
}

.zara-ftf-top-fontana-products-list-ftf-caption {
  margin-top: 26px;
  text-align: center;
  letter-spacing: .18em;
  color: #6d6d6d;
  font-weight: 600;
  font-size: 28px;
}

/* Right side section */
.zara-ftf-top-fontana-products-list-ftf-right-section {
  color: #ffffff;
}

.zara-ftf-top-fontana-products-list-ftf-headline {
  font-weight: 700;
  font-size: 64px;
  line-height: 1.06;
  letter-spacing: .01em;
  margin: 0 0 28px;
  color: #7c7c7c;
}

/* Pills grid */
.zara-ftf-top-fontana-products-list-ftf-pills {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px 28px;
  margin: 8px 0 28px;
}

.zara-ftf-top-fontana-products-list-ftf-pill {
font-size: 12px !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 74px;
  padding: 18px 26px;
  background: #ffffff;
  color: #1f2a37;
  border-radius: 999px;
  text-decoration: none;
  font-weight: 600;
  box-shadow: 0 12px 30px rgba(0, 0, 0, .20), 0 2px 6px rgba(0, 0, 0, .08);
  transition: transform .08s ease, box-shadow .2s ease;
  text-align: center;
  letter-spacing: .02em;
  font-family: 'Montserrat-Light', arial, helvetica, sans-serif !important}

.zara-ftf-top-fontana-products-list-ftf-pill:hover {
  transform: translateY(-2px);
  box-shadow: 0 16px 34px rgba(0, 0, 0, .24), 0 3px 8px rgba(0, 0, 0, .10);
}

/* Socials */
.zara-ftf-top-fontana-products-list-ftf-socials {
  display: flex;
  gap: 22px;
  align-items: center;
}

.zara-ftf-top-fontana-products-list-ftf-social {
  width: 48px;
  height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  background: #ffffff;
  color: #0d3b66;
  box-shadow: 0 12px 30px rgba(0, 0, 0, .20), 0 2px 6px rgba(0, 0, 0, .08);
  text-decoration: none;
  transition: transform .08s ease, box-shadow .2s ease;
}

.zara-ftf-top-fontana-products-list-ftf-social:hover {
  box-shadow: 0 16px 34px rgba(0, 0, 0, .24), 0 3px 8px rgba(0, 0, 0, .10);
}

.zara-ftf-top-fontana-products-list-ftf-social svg {
  width: 26px;
  height: 26px;
  display: block;
}

/* About section */
.zara-ftf-top-fontana-products-list-ftf-about {
  max-width: 1160px;
  margin: 0 auto 80px;
  padding: 0 24px;
}

#content_area .zara-ftf-top-fontana-products-list-ftf-about-title {
  margin: 0 0 10px;
  font-weight: 700;
  color: #ffffff;
  font-family: Montserrat, system-ui, Arial, Helvetica, sans-serif;
text-align: left !important;
}

.zara-ftf-top-fontana-products-list-ftf-about-text {
  margin: 0;
  opacity: .9;
  color: #ffffff;
  font-family: Montserrat, system-ui, Arial, Helvetica, sans-serif;
}

/* Responsive styles */
@media (max-width: 1000px) {
  .zara-ftf-top-fontana-products-list-ftf-headline {
    font-size: 52px;
text-align: center !Important;
  }
}

@media (max-width: 860px) {
  .zara-ftf-top-fontana-products-list-ftf-wrap {
    grid-template-columns: 1fr;
    gap: 40px;
    margin: 36px auto;
  }
  
  .zara-ftf-top-fontana-products-list-ftf-headline {
    font-size: 46px;
  }
  

}

/* Fix for small screens below 480px */
@media (max-width: 480px) {
  .zara-ftf-top-fontana-products-list-ftf-wrap {
    padding: 0 16px;
  }
  .zara-ftf-top-fontana-products-list-ftf-pills {
    grid-template-columns: 1fr;
  }
  
  .zara-ftf-top-fontana-products-list-ftf-card {
    padding: 28px 20px 20px;
  }
  
  .zara-ftf-top-fontana-products-list-ftf-headline {
    font-size: 36px;
  }
  
  .zara-ftf-top-fontana-products-list-ftf-pill {
    padding: 16px 20px;
    min-height: 64px;
    font-size: 14px;
  }
  
  .zara-ftf-top-fontana-products-list-ftf-caption {
    font-size: 24px;
  }
  
  .zara-ftf-top-fontana-products-list-ftf-social {
    width: 44px;
    height: 44px;
  }
  
  .zara-ftf-top-fontana-products-list-ftf-social svg {
    width: 22px;
    height: 22px;
  }
}

/* Fix for very small screens below 380px */
@media (max-width: 380px) {
  .zara-ftf-top-fontana-products-list-ftf-headline {
    font-size: 32px;
  }
  
  .zara-ftf-top-fontana-products-list-ftf-pill {
    padding: 14px 16px;
    font-size: 13px;
  }
  
  .zara-ftf-top-fontana-products-list-ftf-socials {
    gap: 16px;
  }
}
/* Main Section Container */
.zara-banner-fontana-shower-luxury-page {
  width: 100%;
  margin: 0;
  padding: 0;
  position: relative;
  overflow: hidden;
  font-family: Arial, sans-serif;
  display: block;
}

/* Inner Container */
.zara-banner-fontana-shower-luxury-page-container {
  width: 100%;
  position: relative;
  margin: 0;
  padding: 0;
  display: block;
  overflow: hidden;
}

.zara-banner-fontana-shower-luxury-page-bg-image {
  width: 100%;
  height: 100vh;
  display: block;
  object-fit: cover;
  max-width: 100%;
}

.zara-banner-fontana-shower-luxury-page-overlay-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  color: #ffffff;
  z-index: 2;
  width: 90%;
  max-width: 1200px;
}

.zara-banner-fontana-shower-luxury-page-title {
  font-size: 4vw;
  margin: 0;
  text-transform: uppercase;
  text-shadow: 2px 2px 12px rgba(0, 0, 0, 0.7);
  color: #ffffff;
  font-weight: bold;
  line-height: 1.2;
}

.zara-banner-fontana-shower-luxury-page-subtitle {
  font-size: 1.5vw;
  margin: 20px 0;
  color: #f0f0f0;
  text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.6);
  line-height: 1.4;
}

.zara-banner-fontana-shower-luxury-page-buttons-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 25px;
  margin-top: 40px;
}

.zara-banner-fontana-shower-luxury-page-button {
  background: #e6b800;
  color: #000000;
  padding: 14px 32px;
  border-radius: 6px;
  text-decoration: none;
  font-weight: bold;
  font-size: 1.2vw;
  display: inline-block;
  transition: background 0.3s ease;
  position: relative;
  z-index: 3;
  cursor: pointer;
white-space: nowrap;
}

/* Button Hover State */
#content_area .zara-banner-fontana-shower-luxury-page-button:hover {
color: #000 !important;
  text-decoration: none;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}

/* Responsive adjustments for tablets */
@media (max-width: 1024px) {
  .zara-banner-fontana-shower-luxury-page-title {
    font-size: 5vw;
  }
  
  .zara-banner-fontana-shower-luxury-page-subtitle {
    font-size: 2vw;
  }
  
  .zara-banner-fontana-shower-luxury-page-button {
    font-size: 1.8vw;
    padding: 12px 28px;
  }
}

/* Responsive adjustments for mobile */
@media (max-width: 768px) {
  .zara-banner-fontana-shower-luxury-page-title {
    font-size: 7vw;
  }
  
  .zara-banner-fontana-shower-luxury-page-subtitle {
    font-size: 3vw;
    margin: 15px 0;
  }
  
  .zara-banner-fontana-shower-luxury-page-button {
    font-size: 3vw;
    padding: 12px 24px;
  }
  
  .zara-banner-fontana-shower-luxury-page-buttons-wrapper {
    gap: 15px;
    margin-top: 30px;
  }
}

@media (max-width: 480px) {
  .zara-banner-fontana-shower-luxury-page-title {
    font-size: 9vw;
  }
  
  .zara-banner-fontana-shower-luxury-page-subtitle {
    font-size: 4vw;
  }
  
  .zara-banner-fontana-shower-luxury-page-button {
    font-size: 16px;
    padding: 10px 20px;
    width: 90%;
    min-width: 120px;
align-self: center;
  }
  .zara-banner-fontana-shower-luxury-page-bg-image{
min-height: 550px !Important;
}
  .zara-banner-fontana-shower-luxury-page-buttons-wrapper {
    gap: 10px;
flex-direction: column;

  }
}

/* Reset for prefixed classes */
.zara-fontana-bim-library-fs * {
  box-sizing: border-box;
}

/* Main wrapper styles */
.zara-fontana-bim-library-fs-wrapper {
  margin: 0;
  padding: 0;
  font: 16px/1.6 system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", Arial;
  color: #e8ecf1;
  background: radial-gradient(1400px 700px at 10% -10%, #191b25 0%, #0e0f13 70%) fixed,
              linear-gradient(180deg, rgba(0,0,0,.1), transparent);
  min-height: 100vh;
}

/* Wrapper */
.zara-fontana-bim-library-fs-wrap {
  max-width: 1800px;
  margin-inline: auto;
  padding: clamp(16px, 3vw, 32px);
}

/* Header styles */
.zara-fontana-bim-library-fs-site {
  position: sticky;
  top: 0;
  z-index: 50;
  backdrop-filter: saturate(150%) blur(6px);
  background: rgba(14, 15, 19, 0.92);
  border-bottom: 1px solid #1b2029;
}

/* Brand section */
.zara-fontana-bim-library-fs-brand {
  display: flex;
  align-items: center;
  gap: .9rem;
}

/* Logo */
.zara-fontana-bim-library-fs-logo {
  width: 40px;
  aspect-ratio: 1;
  border-radius: 12px;
  background: conic-gradient(from 220deg at 50% 50%, #7bdcff, #8affc1);
  box-shadow: 0 6px 28px rgba(123, 220, 255, 0.28);
}

/* Eyebrow text */
.zara-fontana-bim-library-fs-eyebrow {
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #98a0ac;
  font-size: .8rem;
  margin: 0;
}

/* Brand title */
#content_area .zara-fontana-bim-library-fs-brand-title {
  margin: 0;
  font-size: 1.25rem;
  color: #e8ecf1 !important;
}

/* Visually hidden */
.zara-fontana-bim-library-fs-visually-hidden {
  position: absolute !important;
  clip: rect(1px,1px,1px,1px);
  clip-path: inset(50%);
  height: 1px;
  width: 1px;
  overflow: hidden;
  white-space: nowrap;
}

/* Hero section */
.zara-fontana-bim-library-fs-hero {
  padding: clamp(28px, 6vw, 72px) 0;
}

.zara-fontana-bim-library-fs-hero-title {
  font-size: clamp(1.9rem, 3.8vw, 3.2rem);
  line-height: 1.1;
  margin: .2em 0;
  color: #e8ecf1;
word-wrap: break-word;
overflow-wrap: break-word;
hyphens: auto;

}

.zara-fontana-bim-library-fs-hero-text {
  max-width: 68ch;
  color: #98a0ac;
  margin: 0;
}

/* CTA buttons */
.zara-fontana-bim-library-fs-cta {
  margin-top: 1rem;
  display: flex;
  gap: .75rem;
  flex-wrap: wrap;
}

.zara-fontana-bim-library-fs-btn {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  padding: .7rem 1rem;
  border: 0;
  font-weight: 700;
  background: linear-gradient(135deg, #8affc1, #7bdcff);
  color: #0b0c10;
  border-radius: 14px;
  box-shadow: 0 10px 32px rgba(123, 220, 255, 0.22);
  text-decoration: none;
  cursor: pointer;
  transition: transform 0.15s ease;
font-size: 14px !important;
}

.zara-fontana-bim-library-fs-btn:hover {
  transform: translateY(-2px);
  text-decoration: none;
}

.zara-fontana-bim-library-fs-btn.zara-fontana-bim-library-fs-secondary {
  background: #1a1e27;
  color: #e8ecf1;
  border: 1px solid #1b2029;
}

/* Section spacing */
.zara-fontana-bim-library-fs + .zara-fontana-bim-library-fs {
  margin-top: clamp(28px, 6vw, 60px);
}

/* Section title */
#content_area .zara-fontana-bim-library-fs-section-title {
  font-size: clamp(1.3rem, 2.4vw, 2rem);
  margin: .2em 0 .6em;
  color: #e8ecf1 !important;
}

/* Grid layout */
.zara-fontana-bim-library-fs-grid {
  display: grid;
  gap: 18px;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
}

/* Card styles */
.zara-fontana-bim-library-fs-card {
  background: linear-gradient(180deg, #151827 0%, #10131b 60%);
  border: 1px solid #1b2029;
  border-radius: 18px;
  padding: 18px;
  box-shadow: 0 6px 24px rgba(0,0,0,.25);
  transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}

.zara-fontana-bim-library-fs-card:hover {
  transform: translateY(-2px);
  border-color: #2a3140;
  box-shadow: 0 16px 42px rgba(0,0,0,.35);
}

/* Badge */
.zara-fontana-bim-library-fs-badge {
  display: inline-block;
  margin-bottom: .35rem;
  padding: .25rem .55rem;
  border-radius: 999px;
  background: rgba(123, 220, 255, 0.1);
  color: #d9ffe8;
  font-size: .72rem;
  border: 1px solid rgba(123, 220, 255, 0.35);
}

/* Card headings */
.zara-fontana-bim-library-fs-card-title {
  margin: .15rem 0 .35rem;
  font-size: 15px;
  color: #e8ecf1;
}

.zara-fontana-bim-library-fs-card-subtitle {
  margin: .6rem 0 .2rem;
  color: #d9ffe8;
  font-size: 1rem;
}

.zara-fontana-bim-library-fs-card-spec {
  margin: .3rem 0 0;
  color: #98a0ac;
  font-weight: 700;
  font-size: 1rem;
}

.zara-fontana-bim-library-fs-card-text {
  margin: .25rem 0 .6rem;
  color: #98a0ac;
}

/* CTA link */
.zara-fontana-bim-library-fs-ctalink {
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  font-weight: 700;
  padding: .5rem .7rem;
  border-radius: 12px;
  background: #131826;
  border: 1px solid #232a37;
  color: #7bdcff;
  text-decoration: none;
  transition: transform 0.15s ease;
}

.zara-fontana-bim-library-fs-ctalink:hover {
  transform: translateY(-1px);
  text-decoration: underline;
}

/* Links general */
.zara-fontana-bim-library-fs-link {
  color: #7bdcff;
  text-decoration: none;
}

.zara-fontana-bim-library-fs-link:hover {
  text-decoration: underline;
}

/* Focus states */
.zara-fontana-bim-library-fs-link:focus-visible,
.zara-fontana-bim-library-fs-btn:focus-visible,
.zara-fontana-bim-library-fs-ctalink:focus-visible {
  outline: none;
  box-shadow: 0 0 0 4px rgba(123, 220, 255, 0.35);
  border-radius: 12px;
}

/* Table wrapper */
.zara-fontana-bim-library-fs-tablewrap {
  overflow: auto;
  border: 1px solid #1b2029;
  border-radius: 14px;
}

/* Table styles */
.zara-fontana-bim-library-fs-table {
  border-collapse: collapse;
  width: 100%;
  min-width: 720px;
}

.zara-fontana-bim-library-fs-th,
.zara-fontana-bim-library-fs-td {
  padding: .75rem .9rem;
  border-bottom: 1px solid #1b2029;
}

.zara-fontana-bim-library-fs-th {
  text-align: left;
  color: #d9ffe8;
  background: #121723;
}

.zara-fontana-bim-library-fs-tr:hover .zara-fontana-bim-library-fs-td {
  background: #0f141c;
}

/* Guidance section */
.zara-fontana-bim-library-fs-guidance-title {
  font-size: 16px;
  color: #e8ecf1;
  margin: 1rem 0 .5rem;
}

.zara-fontana-bim-library-fs-guidance-subtitle {
  font-size: 14px;
  color: #e8ecf1;
  margin: .8rem 0 .3rem;
}

.zara-fontana-bim-library-fs-guidance-tip {
  font-size: 11px;
  color: #e8ecf1;
  font-weight: 700;
  margin: .5rem 0 .2rem;
}

.zara-fontana-bim-library-fs-guidance-text {
  color: #98a0ac;
  margin: .25rem 0 .6rem;
}

/* Footer */
.zara-fontana-bim-library-fs-footer {
  color: #98a0ac;
  border-top: 1px solid #1b2029;
  margin-top: 64px;
  padding-top: 28px;
  padding-bottom: 28px;
}

.zara-fontana-bim-library-fs-footer-text {
  margin: .5rem 0;
  color: #98a0ac;
}

/* Strong text in content */
.zara-fontana-bim-library-fs-hero-text strong,
.zara-fontana-bim-library-fs-footer-text strong {
  color: #e8ecf1;
  font-weight: 700;
}
/* Global fix - add this at the end */
/** {
  max-width: 100%;
  box-sizing: border-box;
}

html, body {
  overflow-x: hidden;
  width: 100%;
}*/

.zara-fontana-bim-library-fs-wrapper {
  width: 100vw;
  overflow-x: hidden;
}

.zara-fontana-bim-library-fs-wrap {
  width: calc(100vw - 2 * clamp(16px, 3vw, 32px));
  max-width: 1800px;
  margin: 0 auto;
  padding: clamp(16px, 3vw, 32px);
}

.zara-fontana-bim-library-fs-hero-title {
  font-size: min(clamp(1.5rem, 3.8vw, 3.2rem), 10vw);
  word-break: break-word;
}

.zara-fontana-bim-library-fs-table {
  min-width: unset;
  width: 100%;
}

@media (max-width: 850px) {
  .zara-fontana-bim-library-fs-wrap {
    padding: 16px;
    width: calc(100vw - 32px);
  }
}
@media (max-width: 768px) {
  /* Hide the table wrapper scroll */
  .zara-fontana-bim-library-fs-tablewrap {
    overflow: visible;
    border: none;
  }
  
  /* Convert table to block layout */
  .zara-fontana-bim-library-fs-table,
  .zara-fontana-bim-library-fs-table thead,
  .zara-fontana-bim-library-fs-table tbody,
  .zara-fontana-bim-library-fs-table tr,
  .zara-fontana-bim-library-fs-table th,
  .zara-fontana-bim-library-fs-table td {
    display: block;
    width: 100%;
  }
  
  /* Hide table header */
  .zara-fontana-bim-library-fs-table thead {
    display: none;
  }
  
  /* Style each row as a card */
  .zara-fontana-bim-library-fs-tr {
    background: linear-gradient(180deg, #151827 0%, #10131b 60%);
    border: 1px solid #1b2029;
    border-radius: 18px;
    padding: 18px;
    margin-bottom: 16px;
    box-shadow: 0 6px 24px rgba(0,0,0,.25);
  }
  
  .zara-fontana-bim-library-fs-tr:hover {
    transform: translateY(-2px);
    border-color: #2a3140;
    box-shadow: 0 16px 42px rgba(0,0,0,.35);
  }
  
  /* Remove default td styling */
  .zara-fontana-bim-library-fs-td {
    border: none;
    padding: 8px 0;
  }
  
  .zara-fontana-bim-library-fs-td:first-child {
    margin-bottom: 12px;
  }
  
  /* Style the link td */
  .zara-fontana-bim-library-fs-td:last-child {
    margin-top: 8px;
  }
  
  .zara-fontana-bim-library-fs-td:last-child .zara-fontana-bim-library-fs-link {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    font-weight: 700;
    padding: .5rem .7rem;
    border-radius: 12px;
    background: #131826;
    color: #7bdcff;
    text-decoration: none;
    word-break: break-all;
  }
  
  .zara-fontana-bim-library-fs-td:last-child .zara-fontana-bim-library-fs-link:hover {
    transform: translateY(-1px);
    text-decoration: underline;
  }
}

/* =========================================================
   SPECIFIER SUBMITTAL PACKAGE BUILDER
   Prefix: zara-review-and-casenotes-specs
   All inline styles extracted to this file.
   No CSS variables — all colors hardcoded.
========================================================= */

.zara-review-and-casenotes-specs * {
	box-sizing: border-box;
}

.zara-review-and-casenotes-specs {
	margin: 0;
	font: 16px/1.6 system-ui, -apple-system, Segoe UI, Roboto, Inter, Arial, sans-serif;
	color: #0f172a;
}

.zara-review-and-casenotes-specs .zara-review-and-casenotes-specs-link {
	color: #0ea5e9;
	text-decoration: none;
}

.zara-review-and-casenotes-specs .zara-review-and-casenotes-specs-link:hover {
	text-decoration: underline;
}

.zara-review-and-casenotes-specs .zara-review-and-casenotes-specs-wrap {
	max-width: 1800px;
	margin: auto;
	padding: 28px;
}

.zara-review-and-casenotes-specs .zara-review-and-casenotes-specs-header {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin-bottom: 10px;
}

.zara-review-and-casenotes-specs .zara-review-and-casenotes-specs-breadcrumbs {
	font-size: 13.5px;
	color: #475569;
}

.zara-review-and-casenotes-specs .zara-review-and-casenotes-specs-page-title {
	font-size: clamp(24px, 3.6vw, 38px);
	margin: 6px 0 4px;
}

.zara-review-and-casenotes-specs .zara-review-and-casenotes-specs-lead {
	color: #475569;
	max-width: 70ch;
}

.zara-review-and-casenotes-specs .zara-review-and-casenotes-specs-jump {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin: 18px 0;
}

.zara-review-and-casenotes-specs .zara-review-and-casenotes-specs-chip {
	display: inline-flex;
	align-items: center;
	padding: .4rem .75rem;
	border-radius: 999px;
	background: #ffffff;
	border: 1px solid #e2e8f0;
	font-weight: 600;
}

.zara-review-and-casenotes-specs .zara-review-and-casenotes-specs-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 22px;
}

@media(min-width: 880px) {
	.zara-review-and-casenotes-specs .zara-review-and-casenotes-specs-grid {
		grid-template-columns: 1fr 1fr;
	}
}

.zara-review-and-casenotes-specs .zara-review-and-casenotes-specs-card {
	background: #ffffff;
	border: 1px solid #e2e8f0;
	border-radius: 16px;
	padding: 18px;
}

.zara-review-and-casenotes-specs .zara-review-and-casenotes-specs-product-hd {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 16px;
}

.zara-review-and-casenotes-specs .zara-review-and-casenotes-specs-product-hd h2 {
	margin: 0;
	font-size: 22px;
}

.zara-review-and-casenotes-specs .zara-review-and-casenotes-specs-badge {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	background: #ecfeff;
	border: 1px solid #bae6fd;
	color: #0369a1;
	padding: .25rem .6rem;
	border-radius: 999px;
	font-size: 12.8px;
	font-weight: 700;
}

.zara-review-and-casenotes-specs .zara-review-and-casenotes-specs-rating {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 8px 0 6px;
}

.zara-review-and-casenotes-specs .zara-review-and-casenotes-specs-stars {
	color: #f59e0b;
}

.zara-review-and-casenotes-specs .zara-review-and-casenotes-specs-kpis {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 8px 0 14px;
}

.zara-review-and-casenotes-specs .zara-review-and-casenotes-specs-kpi {
	background: #ecfdf5;
	border: 1px solid #bbf7d0;
	color: #065f46;
	border-radius: 8px;
	padding: .35rem .6rem;
	font-weight: 700;
	font-size: 13px;
}

.zara-review-and-casenotes-specs .zara-review-and-casenotes-specs-bullets {
	margin: 10px 0 8px;
	padding-left: 18px;
}

.zara-review-and-casenotes-specs .zara-review-and-casenotes-specs-cta {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 14px;
}

.zara-review-and-casenotes-specs .zara-review-and-casenotes-specs-btn {
	display: inline-block;
	padding: .6rem .9rem;
	border-radius: 10px;
	font-weight: 700;
	border: 1px solid #0f172a;
}

.zara-review-and-casenotes-specs .zara-review-and-casenotes-specs-btn-primary {
	background: linear-gradient(to bottom, rgba(54,158,223,1) 0%,rgba(45,135,191,1) 100%,rgba(45,135,191,1) 102%);
	color: #fff;
	border-color: #1e7db9;
}

.zara-review-and-casenotes-specs .zara-review-and-casenotes-specs-btn-primary:hover {
	background: linear-gradient(to top, rgba(54,158,223,1) 0%,rgba(45,135,191,1) 100%,rgba(45,135,191,1) 102%);
}

.zara-review-and-casenotes-specs .zara-review-and-casenotes-specs-btn:hover {
	text-decoration: none;
}

.zara-review-and-casenotes-specs .zara-review-and-casenotes-specs-btn-ghost {
	background: #fff;
	color: #0f172a;
}

.zara-review-and-casenotes-specs .zara-review-and-casenotes-specs-reviews {
	display: grid;
	grid-template-columns: 1fr;
	gap: 12px;
	margin-top: 14px;
}

@media(min-width: 720px) {
	.zara-review-and-casenotes-specs .zara-review-and-casenotes-specs-reviews {
		grid-template-columns: 1fr 1fr;
	}
}

.zara-review-and-casenotes-specs .zara-review-and-casenotes-specs-blockquote {
	margin: 0;
	border-left: 4px solid #22c55e;
	padding: .6rem .9rem;
	background: #f0fdf4;
	border-radius: 10px;
}

.zara-review-and-casenotes-specs .zara-review-and-casenotes-specs-blockquote footer {
	margin-top: 8px;
	color: #475569;
	font-weight: 700;
}

.zara-review-and-casenotes-specs .zara-review-and-casenotes-specs-faq {
	margin-top: 26px;
}

.zara-review-and-casenotes-specs .zara-review-and-casenotes-specs-faq details {
	margin-bottom: 10px;
}

.zara-review-and-casenotes-specs .zara-review-and-casenotes-specs-faq summary {
	cursor: pointer;
	font-weight: 600;
	padding: 8px 0;
}

.zara-review-and-casenotes-specs .zara-review-and-casenotes-specs-site-footer {
	margin: 28px 0 12px;
	color: #475569;
	font-size: 14px;
}

.zara-review-and-casenotes-specs .zara-review-and-casenotes-specs-small {
	color: #777777 !important;
}

.zara-review-and-casenotes-specs .zara-review-and-casenotes-specs-small-stars {
	font-size: 13.5px !important;
	color: #475569 !important;
}

.zara-review-and-casenotes-specs .zara-review-and-casenotes-specs-form-body {
	list-style: none;
	padding-left: 0;
}

.zara-review-and-casenotes-specs .zara-review-and-casenotes-specs-input {
	width: 100%;
	padding: 12px;
	border: 1px solid #d1d5db;
	border-radius: 12px;
	line-height: 1.4;
	min-height: 46px;
}
.zara-review-and-casenotes-specs select.zara-review-and-casenotes-specs-input {
	height: auto;
	-webkit-appearance: none;
	appearance: none;
}
.zara-review-and-casenotes-specs .zara-review-and-casenotes-specs-form-row-2col {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 12px;
	margin: 10px 0 4px;
}

.zara-review-and-casenotes-specs .zara-review-and-casenotes-specs-form-row-1col {
	display: grid;
	grid-template-columns: 1fr;
	gap: 12px;
	margin: 10px 0 4px;
}

.zara-review-and-casenotes-specs .zara-review-and-casenotes-specs-pkg-heading {
	margin: 14px 0 6px;
}

.zara-review-and-casenotes-specs .zara-review-and-casenotes-specs-checkbox-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 10px;
	margin: 10px 0 6px;
}

.zara-review-and-casenotes-specs .zara-review-and-casenotes-specs-checkbox-label {
	display: flex;
	gap: 10px;
	align-items: flex-start;
}

.zara-review-and-casenotes-specs .zara-review-and-casenotes-specs-finish-heading {
	margin: 12px 0 6px;
}

.zara-review-and-casenotes-specs .zara-review-and-casenotes-specs-finish-grid {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 10px;
	margin: 10px 0 10px;
}

.zara-review-and-casenotes-specs .zara-review-and-casenotes-specs-finish-label {
	display: flex;
	gap: 10px;
	align-items: center;
}

.zara-review-and-casenotes-specs .zara-review-and-casenotes-specs-submit-cta {
	margin-top: 14px;
}

.zara-review-and-casenotes-specs .zara-review-and-casenotes-specs-submit-btn {
	cursor: pointer;
}

.zara-review-and-casenotes-specs .zara-review-and-casenotes-specs-disclaimer {
	margin-top: 10px;
}
.zara-Fontana-Aged-Bronze-Column-Collection {
  line-height: 1.6;
  color: #1f3444;
  overflow-x: hidden;
}
.zara-Fontana-Aged-Bronze-Column-Collection * {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
.zara-Fontana-Aged-Bronze-Column-Collection a {
  color: #5a8db5;
  text-decoration: none;
}
.zara-Fontana-Aged-Bronze-Column-Collection a:hover {
  text-decoration: underline;
}
/* PAGE */
.zara-Fontana-Aged-Bronze-Column-Collection .zabc-page {
  max-width: 1240px;
  margin: 0 auto;
  padding: 28px 18px 64px;
}
/* HEADER */
.zara-Fontana-Aged-Bronze-Column-Collection .zabc-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 32px;
  flex-wrap: wrap;
  gap: 12px;
}
.zara-Fontana-Aged-Bronze-Column-Collection .zabc-brand {
  display: flex;
  align-items: center;
  gap: 12px;
}
.zara-Fontana-Aged-Bronze-Column-Collection .zabc-brand-logo {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: linear-gradient(135deg, #e3f2fd, #c7e2f6);
  border: 1px solid #c7e2f6;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  font-size: 24px;
  color: #1f3444;
  box-shadow: 0 8px 22px rgba(127, 179, 221, 0.25);
}
.zara-Fontana-Aged-Bronze-Column-Collection .zabc-brand-text {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.zara-Fontana-Aged-Bronze-Column-Collection .zabc-brand-text span:first-child {
  font-weight: 700;
  letter-spacing: .06em;
  font-size: 13px;
  text-transform: uppercase;
  color: #5a8db5;
}
.zara-Fontana-Aged-Bronze-Column-Collection .zabc-brand-text span:last-child {
  font-weight: 700;
  font-size: 15px;
  color: #1f3444;
}
.zara-Fontana-Aged-Bronze-Column-Collection .zabc-header-actions {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}
.zara-Fontana-Aged-Bronze-Column-Collection .zabc-pill-label {
  padding: 5px 13px;
  border-radius: 999px;
  border: 1px solid #c7e2f6;
  background: #ffffff;
  font-size: 11px;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #5a8db5;
  font-weight: 600;
}
.zara-Fontana-Aged-Bronze-Column-Collection .zabc-cta-btn-outline {
  border-radius: 999px;
  padding: 9px 18px;
  font-size: 13px;
  border: 1px solid #c7e2f6;
  cursor: pointer;
  background: #ffffff;
  color: #1f3444;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: all .18s ease-out;
  font-weight: 600;
}
.zara-Fontana-Aged-Bronze-Column-Collection .zabc-cta-btn-primary {
  border-radius: 999px;
  padding: 9px 18px;
  font-size: 13px;
  cursor: pointer;
  background: linear-gradient(135deg, #e3f2fd, #c7e2f6);
  color: #1f3444;
  border: 1px solid #c7e2f6;
  font-weight: 600;
  box-shadow: 0 10px 24px rgba(127, 179, 221, 0.25);
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: all .18s ease-out;
}
.zara-Fontana-Aged-Bronze-Column-Collection .zabc-cta-btn-outline:hover {
  background: #f5faff;
  border-color: #7fb3dd;
  transform: translateY(-1px);
}
.zara-Fontana-Aged-Bronze-Column-Collection .zabc-cta-btn-primary:hover {
  background: linear-gradient(135deg, #d6ecfb, #b5d8ef);
  border-color: #b5d8ef;
  transform: translateY(-1px);
}
/* HERO */
.zara-Fontana-Aged-Bronze-Column-Collection .zabc-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr);
  gap: 32px;
  padding: 32px 26px;
  border-radius: 32px;
  background: linear-gradient(135deg, #ffffff, #e0f6ff);
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.06);
  border: 1px solid #c7e2f6;
  position: relative;
  overflow: hidden;
}
.zara-Fontana-Aged-Bronze-Column-Collection .zabc-hero::before {
  content: "";
  position: absolute;
  inset: -40%;
  background:
    radial-gradient(circle at 0% 0%, rgba(127, 179, 221, 0.12) 0, transparent 55%),
    radial-gradient(circle at 100% 100%, rgba(127, 179, 221, 0.18) 0, transparent 55%);
  opacity: 0.9;
  pointer-events: none;
}
.zara-Fontana-Aged-Bronze-Column-Collection .zabc-hero-content {
  position: relative;
  z-index: 2;
}
.zara-Fontana-Aged-Bronze-Column-Collection .zabc-hero-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
  flex-wrap: wrap;
}
.zara-Fontana-Aged-Bronze-Column-Collection .zabc-hero-eyebrow span {
  font-size: 11px;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: #5a8db5;
  font-weight: 700;
}
.zara-Fontana-Aged-Bronze-Column-Collection .zabc-hero-badge {
  padding: 4px 11px;
  border-radius: 999px;
  background: #ffffff;
  border: 1px solid #c7e2f6;
  color: #5a8db5;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: .14em;
  font-weight: 600;
}
.zara-Fontana-Aged-Bronze-Column-Collection .zabc-h1 {
  font-size: 32px;
  line-height: 1.18;
  margin-bottom: 8px;
  color: #1f3444;
}
.zara-Fontana-Aged-Bronze-Column-Collection .zabc-h2 {
  font-size: 22px;
  margin: 20px 0 12px;
  color: #1f3444;
}
.zara-Fontana-Aged-Bronze-Column-Collection .zabc-h3 {
  font-size: 18px;
  margin: 18px 0 8px;
  color: #1f3444;
}
.zara-Fontana-Aged-Bronze-Column-Collection .zabc-h4 {
  font-size: 16px;
  margin: 12px 0 6px;
  color: #1f3444;
}
.zara-Fontana-Aged-Bronze-Column-Collection .zabc-h5 {
  font-size: 14px;
  margin: 10px 0 4px;
  text-transform: uppercase;
  letter-spacing: .14em;
  color: #5a8db5;
  font-weight: 700;
}
.zara-Fontana-Aged-Bronze-Column-Collection .zabc-hero-subtitle {
  font-size: 15px;
  color: #6b7280;
  max-width: 580px;
  margin-bottom: 18px;
}
.zara-Fontana-Aged-Bronze-Column-Collection .zabc-hero-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 14px 0 18px;
}
.zara-Fontana-Aged-Bronze-Column-Collection .zabc-hero-tags span {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .14em;
  padding: 6px 14px;
  border-radius: 999px;
  border: 1px solid #c7e2f6;
  background: #ffffff;
  color: #5a8db5;
  font-weight: 600;
}
.zara-Fontana-Aged-Bronze-Column-Collection .zabc-hero-cta-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  margin-top: 10px;
}
.zara-Fontana-Aged-Bronze-Column-Collection .zabc-hero-meta {
  font-size: 12px;
  color: #6b7280;
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 16px;
}
.zara-Fontana-Aged-Bronze-Column-Collection .zabc-hero-meta strong {
  color: #1f3444;
  font-weight: 700;
}
/* HERO VISUAL */
.zara-Fontana-Aged-Bronze-Column-Collection .zabc-hero-visual {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
}
.zara-Fontana-Aged-Bronze-Column-Collection .zabc-hero-banner {
  position: relative;
  width: 100%;
  max-width: 430px;
  border-radius: 30px;
  padding: 22px 20px;
  background: linear-gradient(145deg, #ffffff 0, #e3f2fd 45%, #c7e2f6 100%);
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.08);
  border: 1px solid #c7e2f6;
  color: #1f3444;
  overflow: hidden;
}
.zara-Fontana-Aged-Bronze-Column-Collection .zabc-banner-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 11px;
  border-radius: 999px;
  background: #ffffff;
  border: 1px solid #c7e2f6;
  font-size: 10px;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #5a8db5;
  margin-bottom: 10px;
  font-weight: 600;
}
.zara-Fontana-Aged-Bronze-Column-Collection .zabc-banner-title {
  font-size: 15px;
  font-weight: 700;
  margin-bottom: 10px;
  color: #1f3444;
}
.zara-Fontana-Aged-Bronze-Column-Collection .zabc-banner-chip-row {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-bottom: 14px;
}
.zara-Fontana-Aged-Bronze-Column-Collection .zabc-banner-chip {
  padding: 5px 11px;
  border-radius: 999px;
  font-size: 11px;
  background: #ffffff;
  border: 1px solid #c7e2f6;
  color: #5a8db5;
  font-weight: 600;
}
.zara-Fontana-Aged-Bronze-Column-Collection .zabc-banner-spec-pill {
  margin-top: 10px;
  padding: 6px 13px;
  border-radius: 999px;
  background: #ffffff;
  border: 1px dashed #7fb3dd;
  font-size: 11px;
  color: #5a8db5;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-weight: 600;
}
.zara-Fontana-Aged-Bronze-Column-Collection .zabc-icon-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #7fb3dd;
  box-shadow: 0 0 8px rgba(127, 179, 221, 0.6);
}
.zara-Fontana-Aged-Bronze-Column-Collection .zabc-banner-footnote {
  margin-top: 10px;
  font-size: 11px;
  color: #6b7280;
  max-width: 80%;
}
/* NAV */
.zara-Fontana-Aged-Bronze-Column-Collection .zabc-pill-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 28px 0 18px;
}
.zara-Fontana-Aged-Bronze-Column-Collection .zabc-pill-nav button {
  background: #ffffff;
  border-radius: 999px;
  border: 1px solid #c7e2f6;
  color: #5a8db5;
  padding: 8px 15px;
  font-size: 12px;
  cursor: pointer;
  transition: all .16s ease-out;
  font-weight: 600;
}
.zara-Fontana-Aged-Bronze-Column-Collection .zabc-pill-nav button.zabc-active {
  background: linear-gradient(135deg, #e3f2fd, #c7e2f6);
  color: #1f3444;
  border-color: #c7e2f6;
  font-weight: 700;
}
.zara-Fontana-Aged-Bronze-Column-Collection .zabc-pill-nav button:hover {
  transform: translateY(-1px);
  border-color: #7fb3dd;
  background: #f5faff;
}
/* CONTENT GRID */
.zara-Fontana-Aged-Bronze-Column-Collection .zabc-content-grid {
  display: grid;
  grid-template-columns: minmax(0, 2.2fr) minmax(0, 1.4fr);
  gap: 24px;
  margin-top: 12px;
}
/* CARD */
.zara-Fontana-Aged-Bronze-Column-Collection .zabc-card {
  background: #ffffff;
  border-radius: 24px;
  border: 1px solid #dde3ec;
  padding: 22px 20px;
  box-shadow: 0 12px 30px rgba(15, 23, 42, 0.05);
}
.zara-Fontana-Aged-Bronze-Column-Collection .zabc-card + .zabc-card {
  margin-top: 14px;
}
.zara-Fontana-Aged-Bronze-Column-Collection .zabc-card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
}
.zara-Fontana-Aged-Bronze-Column-Collection .zabc-card-header .zabc-label {
  font-size: 11px;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: #5a8db5;
  font-weight: 700;
}
.zara-Fontana-Aged-Bronze-Column-Collection .zabc-card-header .zabc-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #7fb3dd;
  box-shadow: 0 0 8px rgba(127, 179, 221, 0.6);
}
.zara-Fontana-Aged-Bronze-Column-Collection .zabc-card ul {
  list-style: none;
  margin-left: 0;
  margin-top: 8px;
}
.zara-Fontana-Aged-Bronze-Column-Collection .zabc-card ul li {
  font-size: 13px;
  color: #4b5563;
  padding: 8px 0;
  border-bottom: 1px solid #e5e7eb;
  display: flex;
  gap: 8px;
  align-items: flex-start;
}
.zara-Fontana-Aged-Bronze-Column-Collection .zabc-card ul li:last-child {
  border-bottom: none;
}
.zara-Fontana-Aged-Bronze-Column-Collection .zabc-bullet {
  width: 7px;
  height: 7px;
  border-radius: 999px;
  margin-top: 6px;
  background: #7fb3dd;
  flex-shrink: 0;
}
.zara-Fontana-Aged-Bronze-Column-Collection .zabc-pill-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 10px;
}
.zara-Fontana-Aged-Bronze-Column-Collection .zabc-pill-list span {
  font-size: 11px;
  padding: 5px 11px;
  border-radius: 999px;
  background: #f5faff;
  border: 1px solid #c7e2f6;
  color: #5a8db5;
  font-weight: 600;
}
/* SPEC BANNER */
.zara-Fontana-Aged-Bronze-Column-Collection .zabc-spec-banner {
  margin-top: 26px;
  padding: 20px 20px;
  border-radius: 24px;
  border: 1px dashed #7fb3dd;
  background: linear-gradient(135deg, #ffffff, #e0f6ff);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
}
.zara-Fontana-Aged-Bronze-Column-Collection .zabc-spec-banner .zabc-h3 {
  margin: 0 0 4px;
  color: #1f3444;
}
.zara-Fontana-Aged-Bronze-Column-Collection .zabc-spec-banner p {
  font-size: 13px;
  color: #6b7280;
}
.zara-Fontana-Aged-Bronze-Column-Collection .zabc-spec-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  font-size: 11px;
}
.zara-Fontana-Aged-Bronze-Column-Collection .zabc-spec-badges span {
  padding: 5px 11px;
  border-radius: 999px;
  background: #ffffff;
  border: 1px solid #c7e2f6;
  color: #5a8db5;
  font-weight: 600;
}
.zara-Fontana-Aged-Bronze-Column-Collection .zabc-spec-banner-btn-wrap {
  margin-top: 10px;
}
/* FOOTER (HIDDEN) */
.zara-Fontana-Aged-Bronze-Column-Collection .zabc-footer {
  display: none;
}
/* CARD BODY TEXT */
.zara-Fontana-Aged-Bronze-Column-Collection .zabc-card p {
  color: #4b5563;
  font-size: 14px;
}
/* RESPONSIVE */
@media (max-width: 960px) {
  .zara-Fontana-Aged-Bronze-Column-Collection .zabc-hero {
    grid-template-columns: minmax(0, 1fr);
  }
  .zara-Fontana-Aged-Bronze-Column-Collection .zabc-hero-visual {
    order: -1;
  }
  .zara-Fontana-Aged-Bronze-Column-Collection .zabc-content-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  .zara-Fontana-Aged-Bronze-Column-Collection .zabc-page {
    padding: 20px 16px 48px;
  }
}
@media (max-width: 640px) {
  .zara-Fontana-Aged-Bronze-Column-Collection .zabc-h1 {
    font-size: 26px;
  }
  .zara-Fontana-Aged-Bronze-Column-Collection .zabc-hero {
    padding: 24px 18px;
  }
  .zara-Fontana-Aged-Bronze-Column-Collection .zabc-hero-banner {
    max-width: 100%;
  }
}
.zara-Fontana-Pure-Column-Collection {
  line-height: 1.6;
  color: #1f3444;
  overflow-x: hidden;
}
.zara-Fontana-Pure-Column-Collection * {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
.zara-Fontana-Pure-Column-Collection a {
  color: #5a8db5;
  text-decoration: none;
}
.zara-Fontana-Pure-Column-Collection a:hover {
  text-decoration: underline;
}
.zara-Fontana-Pure-Column-Collection button {
  font-family: inherit;
}

/* PAGE */
.zara-Fontana-Pure-Column-Collection .zpcc-page {
  max-width: 1240px;
  margin: 0 auto;
  padding: 28px 18px 64px;
}

/* HEADER */
.zara-Fontana-Pure-Column-Collection .zpcc-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 24px;
  flex-wrap: wrap;
  gap: 14px;
}
.zara-Fontana-Pure-Column-Collection .zpcc-brand {
  display: flex;
  align-items: center;
  gap: 12px;
}
.zara-Fontana-Pure-Column-Collection .zpcc-brand-logo {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: linear-gradient(135deg, #e3f2fd, #c7e2f6);
  border: 1px solid #c7e2f6;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  font-size: 22px;
  color: #1f3444;
  box-shadow: 0 8px 22px rgba(127, 179, 221, 0.25);
}
.zara-Fontana-Pure-Column-Collection .zpcc-brand-text {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.zara-Fontana-Pure-Column-Collection .zpcc-brand-text span:first-child {
  font-weight: 700;
  letter-spacing: .06em;
  font-size: 13px;
  text-transform: uppercase;
  color: #5a8db5;
}
.zara-Fontana-Pure-Column-Collection .zpcc-brand-text span:last-child {
  font-weight: 700;
  font-size: 15px;
  color: #1f3444;
}
.zara-Fontana-Pure-Column-Collection .zpcc-header-actions {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}
.zara-Fontana-Pure-Column-Collection .zpcc-pill-label {
  padding: 5px 13px;
  border-radius: 999px;
  border: 1px solid #c7e2f6;
  background: #ffffff;
  font-size: 11px;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #5a8db5;
  font-weight: 600;
}
.zara-Fontana-Pure-Column-Collection .zpcc-cta-btn-outline {
  border-radius: 999px;
  padding: 9px 18px;
  font-size: 13px;
  border: 1px solid #c7e2f6;
  cursor: pointer;
  background: #ffffff;
  color: #1f3444;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: all .18s ease-out;
  font-weight: 600;
}
.zara-Fontana-Pure-Column-Collection .zpcc-cta-btn-primary {
  border-radius: 999px;
  padding: 9px 18px;
  font-size: 13px;
  cursor: pointer;
  background: linear-gradient(135deg, #e3f2fd, #c7e2f6);
  color: #1f3444;
  border: 1px solid #c7e2f6;
  font-weight: 600;
  box-shadow: 0 10px 24px rgba(127, 179, 221, 0.25);
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: all .18s ease-out;
}
.zara-Fontana-Pure-Column-Collection .zpcc-cta-btn-outline:hover {
  background: #f5faff;
  border-color: #7fb3dd;
  transform: translateY(-1px);
}
.zara-Fontana-Pure-Column-Collection .zpcc-cta-btn-primary:hover {
  background: linear-gradient(135deg, #d6ecfb, #b5d8ef);
  border-color: #b5d8ef;
  transform: translateY(-1px);
}

/* INTRO STRIP */
.zara-Fontana-Pure-Column-Collection .zpcc-intro-strip {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  flex-wrap: wrap;
  padding: 18px 22px;
  border-radius: 20px;
  background: linear-gradient(135deg, #ffffff, #f5faff);
  border: 1px solid #c7e2f6;
  margin-bottom: 24px;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.04);
}
.zara-Fontana-Pure-Column-Collection .zpcc-intro-left {
  flex: 1 1 60%;
  min-width: 280px;
}
.zara-Fontana-Pure-Column-Collection .zpcc-intro-kicker {
  font-size: 11px;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: #5a8db5;
  font-weight: 700;
  margin-bottom: 6px;
}
.zara-Fontana-Pure-Column-Collection .zpcc-intro-title {
  font-size: 16px;
  font-weight: 700;
  color: #1f3444;
  margin-bottom: 8px;
}
.zara-Fontana-Pure-Column-Collection .zpcc-intro-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  font-size: 13px;
  color: #6b7280;
}
.zara-Fontana-Pure-Column-Collection .zpcc-intro-meta strong {
  color: #1f3444;
  font-weight: 700;
}
.zara-Fontana-Pure-Column-Collection .zpcc-intro-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

/* HERO */
.zara-Fontana-Pure-Column-Collection .zpcc-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr);
  gap: 32px;
  padding: 32px 26px;
  border-radius: 32px;
  background: linear-gradient(135deg, #ffffff, #e0f6ff);
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.06);
  border: 1px solid #c7e2f6;
  position: relative;
  overflow: hidden;
}
.zara-Fontana-Pure-Column-Collection .zpcc-hero::before {
  content: "";
  position: absolute;
  inset: -40%;
  background:
    radial-gradient(circle at 0% 0%, rgba(127, 179, 221, 0.12) 0, transparent 55%),
    radial-gradient(circle at 100% 100%, rgba(127, 179, 221, 0.18) 0, transparent 55%);
  opacity: 0.9;
  pointer-events: none;
}
.zara-Fontana-Pure-Column-Collection .zpcc-hero-content {
  position: relative;
  z-index: 2;
}
.zara-Fontana-Pure-Column-Collection .zpcc-hero-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
  flex-wrap: wrap;
}
.zara-Fontana-Pure-Column-Collection .zpcc-hero-eyebrow span {
  font-size: 11px;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: #5a8db5;
  font-weight: 700;
}
.zara-Fontana-Pure-Column-Collection .zpcc-hero-badge {
  padding: 4px 11px;
  border-radius: 999px;
  background: #ffffff;
  border: 1px solid #c7e2f6;
  color: #5a8db5;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: .14em;
  font-weight: 600;
}
.zara-Fontana-Pure-Column-Collection .zpcc-h1 {
  font-size: 32px;
  line-height: 1.18;
  margin-bottom: 8px;
  color: #1f3444;
}
.zara-Fontana-Pure-Column-Collection .zpcc-h2 {
  font-size: 22px;
  margin: 20px 0 12px;
  color: #1f3444;
}
.zara-Fontana-Pure-Column-Collection .zpcc-h3 {
  font-size: 18px;
  margin: 18px 0 8px;
  color: #1f3444;
}
.zara-Fontana-Pure-Column-Collection .zpcc-h4 {
  font-size: 16px;
  margin: 12px 0 6px;
  color: #1f3444;
}
.zara-Fontana-Pure-Column-Collection .zpcc-h5 {
  font-size: 15px;
  margin: 10px 0 4px;
  text-transform: uppercase;
  letter-spacing: .14em;
  color: #5a8db5;
  font-weight: 700;
}
.zara-Fontana-Pure-Column-Collection .zpcc-hero-subtitle {
  font-size: 15px;
  color: #4b5563;
  max-width: 580px;
  margin-bottom: 18px;
}
.zara-Fontana-Pure-Column-Collection .zpcc-hero-subtitle strong {
  color: #1f3444;
  font-weight: 700;
}
.zara-Fontana-Pure-Column-Collection .zpcc-hero-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 14px 0 18px;
}
.zara-Fontana-Pure-Column-Collection .zpcc-hero-tags span {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .14em;
  padding: 6px 14px;
  border-radius: 999px;
  border: 1px solid #c7e2f6;
  background: #ffffff;
  color: #5a8db5;
  font-weight: 600;
}
.zara-Fontana-Pure-Column-Collection .zpcc-hero-cta-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  margin-top: 10px;
}
.zara-Fontana-Pure-Column-Collection .zpcc-hero-meta {
  font-size: 12px;
  color: #6b7280;
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 10px;
}
.zara-Fontana-Pure-Column-Collection .zpcc-hero-meta strong {
  color: #1f3444;
  font-weight: 700;
}

/* HERO VISUAL */
.zara-Fontana-Pure-Column-Collection .zpcc-hero-visual {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
}
.zara-Fontana-Pure-Column-Collection .zpcc-hero-banner {
  position: relative;
  width: 100%;
  max-width: 430px;
  border-radius: 30px;
  padding: 22px 20px;
  background: linear-gradient(145deg, #ffffff 0, #e3f2fd 45%, #c7e2f6 100%);
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.08);
  border: 1px solid #c7e2f6;
  color: #1f3444;
  overflow: hidden;
}
.zara-Fontana-Pure-Column-Collection .zpcc-banner-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 11px;
  border-radius: 999px;
  background: #ffffff;
  border: 1px solid #c7e2f6;
  font-size: 10px;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #5a8db5;
  margin-bottom: 10px;
  font-weight: 600;
}
.zara-Fontana-Pure-Column-Collection .zpcc-banner-title {
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 12px;
  color: #1f3444;
  line-height: 1.5;
}
.zara-Fontana-Pure-Column-Collection .zpcc-banner-chip-row {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-bottom: 14px;
}
.zara-Fontana-Pure-Column-Collection .zpcc-banner-chip {
  padding: 5px 11px;
  border-radius: 999px;
  font-size: 11px;
  background: #ffffff;
  border: 1px solid #c7e2f6;
  color: #5a8db5;
  font-weight: 600;
}
.zara-Fontana-Pure-Column-Collection .zpcc-banner-spec-pill {
  margin-top: 10px;
  padding: 8px 13px;
  border-radius: 16px;
  background: #ffffff;
  border: 1px dashed #7fb3dd;
  font-size: 11px;
  color: #4b5563;
  display: inline-flex;
  align-items: flex-start;
  gap: 8px;
  line-height: 1.5;
}
.zara-Fontana-Pure-Column-Collection .zpcc-icon-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #7fb3dd;
  box-shadow: 0 0 8px rgba(127, 179, 221, 0.6);
  margin-top: 4px;
  flex-shrink: 0;
}
.zara-Fontana-Pure-Column-Collection .zpcc-banner-footnote {
  margin-top: 10px;
  font-size: 11px;
  color: #6b7280;
  line-height: 1.5;
}

/* NAV */
.zara-Fontana-Pure-Column-Collection .zpcc-pill-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 28px 0 18px;
}
.zara-Fontana-Pure-Column-Collection .zpcc-pill-nav button {
  background: #ffffff;
  border-radius: 999px;
  border: 1px solid #c7e2f6;
  color: #5a8db5;
  padding: 8px 15px;
  font-size: 12px;
  cursor: pointer;
  transition: all .16s ease-out;
  font-weight: 600;
}
.zara-Fontana-Pure-Column-Collection .zpcc-pill-nav button.zpcc-active {
  background: linear-gradient(135deg, #e3f2fd, #c7e2f6);
  color: #1f3444;
  border-color: #c7e2f6;
  font-weight: 700;
}
.zara-Fontana-Pure-Column-Collection .zpcc-pill-nav button:hover {
  transform: translateY(-1px);
  border-color: #7fb3dd;
  background: #f5faff;
}

/* CONTENT GRID */
.zara-Fontana-Pure-Column-Collection .zpcc-content-grid {
  display: grid;
  grid-template-columns: minmax(0, 2.2fr) minmax(0, 1.4fr);
  gap: 24px;
  margin-top: 12px;
  align-items: flex-start;
}

/* CARD */
.zara-Fontana-Pure-Column-Collection .zpcc-card {
  background: #ffffff;
  border-radius: 24px;
  border: 1px solid #dde3ec;
  padding: 22px 22px;
  box-shadow: 0 12px 30px rgba(15, 23, 42, 0.05);
}
.zara-Fontana-Pure-Column-Collection .zpcc-card + .zpcc-card {
  margin-top: 18px;
}
.zara-Fontana-Pure-Column-Collection .zpcc-card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
}
.zara-Fontana-Pure-Column-Collection .zpcc-card-header .zpcc-label {
  font-size: 12px;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: #5a8db5;
  font-weight: 700;
}
.zara-Fontana-Pure-Column-Collection .zpcc-card-header .zpcc-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #7fb3dd;
  box-shadow: 0 0 8px rgba(127, 179, 221, 0.6);
}
.zara-Fontana-Pure-Column-Collection .zpcc-card p {
  color: #4b5563;
  font-size: 14px;
  margin-bottom: 8px;
}
.zara-Fontana-Pure-Column-Collection .zpcc-card p strong {
  color: #1f3444;
  font-weight: 700;
}
.zara-Fontana-Pure-Column-Collection .zpcc-card ul {
  list-style: none;
  margin-left: 0;
  margin-top: 8px;
}
.zara-Fontana-Pure-Column-Collection .zpcc-card ul li {
  font-size: 13px;
  color: #4b5563;
  padding: 8px 0;
  border-bottom: 1px solid #e5e7eb;
  display: flex;
  gap: 10px;
  align-items: flex-start;
  line-height: 1.55;
}
.zara-Fontana-Pure-Column-Collection .zpcc-card ul li:last-child {
  border-bottom: none;
}
.zara-Fontana-Pure-Column-Collection .zpcc-card ul li strong {
  color: #1f3444;
  font-weight: 700;
}
.zara-Fontana-Pure-Column-Collection .zpcc-bullet {
  width: 7px;
  height: 7px;
  border-radius: 999px;
  margin-top: 7px;
  background: #7fb3dd;
  flex-shrink: 0;
}

/* PILL LIST */
.zara-Fontana-Pure-Column-Collection .zpcc-pill-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 10px;
}
.zara-Fontana-Pure-Column-Collection .zpcc-pill-list span {
  font-size: 11px;
  padding: 5px 11px;
  border-radius: 999px;
  background: #f5faff;
  border: 1px solid #c7e2f6;
  color: #5a8db5;
  font-weight: 600;
}

/* MINI TABLE */
.zara-Fontana-Pure-Column-Collection .zpcc-mini-table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 10px;
  font-size: 13px;
  background: #ffffff;
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid #e5e7eb;
}
.zara-Fontana-Pure-Column-Collection .zpcc-mini-table thead {
  background: #f5faff;
}
.zara-Fontana-Pure-Column-Collection .zpcc-mini-table th,
.zara-Fontana-Pure-Column-Collection .zpcc-mini-table td {
  padding: 10px 12px;
  text-align: left;
  border-bottom: 1px solid #e5e7eb;
}
.zara-Fontana-Pure-Column-Collection .zpcc-mini-table th {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .12em;
  color: #5a8db5;
  font-weight: 700;
}
.zara-Fontana-Pure-Column-Collection .zpcc-mini-table td {
  color: #4b5563;
}
.zara-Fontana-Pure-Column-Collection .zpcc-mini-table tr:last-child td {
  border-bottom: none;
}

/* CALLOUT (inside sidebar card) */
.zara-Fontana-Pure-Column-Collection .zpcc-callout {
  margin-top: 14px;
  padding: 14px 16px;
  border-radius: 18px;
  background: linear-gradient(135deg, #ffffff, #e0f6ff);
  border: 1px solid #c7e2f6;
}
.zara-Fontana-Pure-Column-Collection .zpcc-callout p {
  font-size: 13px;
  color: #4b5563;
  margin: 4px 0 10px;
}
.zara-Fontana-Pure-Column-Collection .zpcc-callout-btn-wrap {
  margin-top: 6px;
}

/* CHECKLIST + STACK NOTE + DOWNLOAD WRAP */
.zara-Fontana-Pure-Column-Collection .zpcc-checklist {
  margin-top: 4px;
}
.zara-Fontana-Pure-Column-Collection .zpcc-stack-note {
  margin-top: 12px;
  padding: 10px 14px;
  border-radius: 12px;
  background: #f5faff;
  border: 1px dashed #c7e2f6;
  font-size: 12px;
  color: #5a8db5;
  font-weight: 500;
  line-height: 1.5;
}
.zara-Fontana-Pure-Column-Collection .zpcc-dl-btn-wrap {
  margin-top: 12px;
}

/* SPEC BANNER (if used) */
.zara-Fontana-Pure-Column-Collection .zpcc-spec-banner {
  margin-top: 26px;
  padding: 20px 20px;
  border-radius: 24px;
  border: 1px dashed #7fb3dd;
  background: linear-gradient(135deg, #ffffff, #e0f6ff);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
}
.zara-Fontana-Pure-Column-Collection .zpcc-spec-banner .zpcc-h3 {
  margin: 0 0 4px;
  color: #1f3444;
}
.zara-Fontana-Pure-Column-Collection .zpcc-spec-banner p {
  font-size: 13px;
  color: #6b7280;
}
.zara-Fontana-Pure-Column-Collection .zpcc-spec-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  font-size: 11px;
}
.zara-Fontana-Pure-Column-Collection .zpcc-spec-badges span {
  padding: 5px 11px;
  border-radius: 999px;
  background: #ffffff;
  border: 1px solid #c7e2f6;
  color: #5a8db5;
  font-weight: 600;
}

/* FOOTER (HIDDEN) */
.zara-Fontana-Pure-Column-Collection .zpcc-footer {
  /* display: none; */
  font-size: 12px;
}

/* RESPONSIVE */
@media (max-width: 1100px) {
  .zara-Fontana-Pure-Column-Collection .zpcc-content-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}
@media (max-width: 960px) {
  .zara-Fontana-Pure-Column-Collection .zpcc-hero {
    grid-template-columns: minmax(0, 1fr);
  }
  .zara-Fontana-Pure-Column-Collection .zpcc-hero-visual {
    order: -1;
  }
  .zara-Fontana-Pure-Column-Collection .zpcc-page {
    padding: 20px 16px 48px;
  }
  .zara-Fontana-Pure-Column-Collection .zpcc-intro-strip {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media (max-width: 640px) {
  .zara-Fontana-Pure-Column-Collection .zpcc-h1 {
    font-size: 26px;
  }
  .zara-Fontana-Pure-Column-Collection .zpcc-hero {
    padding: 24px 18px;
  }
  .zara-Fontana-Pure-Column-Collection .zpcc-hero-banner {
    max-width: 100%;
  }
  .zara-Fontana-Pure-Column-Collection .zpcc-card {
    padding: 18px;
  }
}
.zara-Fontana-Tiered-Column-Collection {
  line-height: 1.6;
  color: #1f3444;
  overflow-x: hidden;
}
.zara-Fontana-Tiered-Column-Collection * {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
.zara-Fontana-Tiered-Column-Collection a {
  color: #5a8db5;
  text-decoration: none;
}
.zara-Fontana-Tiered-Column-Collection a:hover {
  text-decoration: underline;
}

/* PAGE */
.zara-Fontana-Tiered-Column-Collection .ztcc-page {
  max-width: 1240px;
  margin: 0 auto;
  padding: 28px 18px 64px;
}

/* HEADER */
.zara-Fontana-Tiered-Column-Collection .ztcc-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 22px;
  flex-wrap: wrap;
  gap: 14px;
}
.zara-Fontana-Tiered-Column-Collection .ztcc-brand {
  display: flex;
  align-items: center;
  gap: 12px;
}
.zara-Fontana-Tiered-Column-Collection .ztcc-brand-logo {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: linear-gradient(135deg, #e3f2fd, #c7e2f6);
  border: 1px solid #c7e2f6;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  font-size: 22px;
  color: #1f3444;
  box-shadow: 0 8px 22px rgba(127, 179, 221, 0.25);
}
.zara-Fontana-Tiered-Column-Collection .ztcc-brand-text {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.zara-Fontana-Tiered-Column-Collection .ztcc-brand-text span:first-child {
  font-weight: 700;
  letter-spacing: .06em;
  font-size: 13px;
  text-transform: uppercase;
  color: #5a8db5;
}
.zara-Fontana-Tiered-Column-Collection .ztcc-brand-text span:last-child {
  font-weight: 700;
  font-size: 15px;
  color: #1f3444;
}
.zara-Fontana-Tiered-Column-Collection .ztcc-header-actions {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.zara-Fontana-Tiered-Column-Collection .ztcc-pill-label {
  padding: 5px 13px;
  border-radius: 999px;
  border: 1px solid #c7e2f6;
  background: #ffffff;
  font-size: 11px;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #5a8db5;
  font-weight: 600;
}

/* BUTTONS */
.zara-Fontana-Tiered-Column-Collection .ztcc-cta-btn-outline,
.zara-Fontana-Tiered-Column-Collection .ztcc-cta-btn-primary {
  border-radius: 999px;
  padding: 9px 18px;
  font-size: 13px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: all .18s ease-out;
  font-weight: 600;
}
.zara-Fontana-Tiered-Column-Collection .ztcc-cta-btn-outline {
  border: 1px solid #c7e2f6;
  background: #ffffff;
  color: #1f3444;
}
.zara-Fontana-Tiered-Column-Collection .ztcc-cta-btn-primary {
  background: linear-gradient(135deg, #e3f2fd, #c7e2f6);
  color: #1f3444;
  border: 1px solid #c7e2f6;
  box-shadow: 0 10px 24px rgba(127, 179, 221, 0.25);
}
.zara-Fontana-Tiered-Column-Collection .ztcc-cta-btn-outline:hover {
  background: #f5faff;
  border-color: #7fb3dd;
  transform: translateY(-1px);
}
.zara-Fontana-Tiered-Column-Collection .ztcc-cta-btn-primary:hover {
  background: linear-gradient(135deg, #d6ecfb, #b5d8ef);
  border-color: #b5d8ef;
  transform: translateY(-1px);
}

/* INTRO STRIP */
.zara-Fontana-Tiered-Column-Collection .ztcc-intro-strip {
  margin: 6px 0 18px;
  padding: 16px 18px;
  border-radius: 18px;
  border: 1px solid #c7e2f6;
  background: linear-gradient(135deg, #ffffff, #f5faff);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  flex-wrap: wrap;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.04);
}
.zara-Fontana-Tiered-Column-Collection .ztcc-intro-left {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.zara-Fontana-Tiered-Column-Collection .ztcc-intro-kicker {
  font-size: 11px;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: #5a8db5;
  font-weight: 700;
}
.zara-Fontana-Tiered-Column-Collection .ztcc-intro-title {
  font-weight: 700;
  font-size: 14px;
  color: #1f3444;
}
.zara-Fontana-Tiered-Column-Collection .ztcc-intro-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  font-size: 12px;
  color: #6b7280;
}
.zara-Fontana-Tiered-Column-Collection .ztcc-intro-meta strong {
  color: #1f3444;
  font-weight: 700;
}
.zara-Fontana-Tiered-Column-Collection .ztcc-intro-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

/* HERO */
.zara-Fontana-Tiered-Column-Collection .ztcc-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr);
  gap: 32px;
  padding: 32px 26px;
  border-radius: 32px;
  background: linear-gradient(135deg, #ffffff, #e0f6ff);
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.06);
  border: 1px solid #c7e2f6;
  position: relative;
  overflow: hidden;
}
.zara-Fontana-Tiered-Column-Collection .ztcc-hero::before {
  content: "";
  position: absolute;
  inset: -40%;
  background:
    radial-gradient(circle at 0% 0%, rgba(127, 179, 221, 0.12) 0, transparent 55%),
    radial-gradient(circle at 100% 100%, rgba(127, 179, 221, 0.18) 0, transparent 55%);
  opacity: 0.9;
  pointer-events: none;
}
.zara-Fontana-Tiered-Column-Collection .ztcc-hero-content {
  position: relative;
  z-index: 2;
}
.zara-Fontana-Tiered-Column-Collection .ztcc-hero-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
  flex-wrap: wrap;
}
.zara-Fontana-Tiered-Column-Collection .ztcc-hero-eyebrow span {
  font-size: 11px;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: #5a8db5;
  font-weight: 700;
}
.zara-Fontana-Tiered-Column-Collection .ztcc-hero-badge {
  padding: 4px 11px;
  border-radius: 999px;
  background: #ffffff;
  border: 1px solid #c7e2f6;
  color: #5a8db5;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: .14em;
  font-weight: 600;
}

/* HEADINGS */
.zara-Fontana-Tiered-Column-Collection .ztcc-h1 {
  font-size: 32px;
  line-height: 1.18;
  margin-bottom: 8px;
  color: #1f3444;
}
.zara-Fontana-Tiered-Column-Collection .ztcc-h2 {
  font-size: 22px;
  margin: 20px 0 12px;
  color: #1f3444;
}
.zara-Fontana-Tiered-Column-Collection .ztcc-h3 {
  font-size: 18px;
  margin: 18px 0 8px;
  color: #1f3444;
}
.zara-Fontana-Tiered-Column-Collection .ztcc-h4 {
  font-size: 16px;
  margin: 12px 0 6px;
  color: #1f3444;
}
.zara-Fontana-Tiered-Column-Collection .ztcc-h5 {
  font-size: 14px;
  margin: 10px 0 4px;
  text-transform: uppercase;
  letter-spacing: .14em;
  color: #5a8db5;
  font-weight: 700;
}

.zara-Fontana-Tiered-Column-Collection .ztcc-hero-subtitle {
  font-size: 15px;
  color: #4b5563;
  max-width: 620px;
  margin-bottom: 18px;
}
.zara-Fontana-Tiered-Column-Collection .ztcc-hero-subtitle strong {
  color: #1f3444;
  font-weight: 700;
}
.zara-Fontana-Tiered-Column-Collection .ztcc-hero-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 14px 0 18px;
}
.zara-Fontana-Tiered-Column-Collection .ztcc-hero-tags span {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .14em;
  padding: 6px 14px;
  border-radius: 999px;
  border: 1px solid #c7e2f6;
  background: #ffffff;
  color: #5a8db5;
  font-weight: 600;
}
.zara-Fontana-Tiered-Column-Collection .ztcc-hero-cta-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  margin-top: 10px;
}
.zara-Fontana-Tiered-Column-Collection .ztcc-hero-meta {
  font-size: 12px;
  color: #6b7280;
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 10px;
}
.zara-Fontana-Tiered-Column-Collection .ztcc-hero-meta strong {
  color: #1f3444;
  font-weight: 700;
}

/* HERO VISUAL */
.zara-Fontana-Tiered-Column-Collection .ztcc-hero-visual {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
}
.zara-Fontana-Tiered-Column-Collection .ztcc-hero-banner {
  position: relative;
  width: 100%;
  max-width: 430px;
  border-radius: 30px;
  padding: 22px 20px;
  background: linear-gradient(145deg, #ffffff 0, #e3f2fd 45%, #c7e2f6 100%);
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.08);
  border: 1px solid #c7e2f6;
  color: #1f3444;
  overflow: hidden;
}
.zara-Fontana-Tiered-Column-Collection .ztcc-banner-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 11px;
  border-radius: 999px;
  background: #ffffff;
  border: 1px solid #c7e2f6;
  font-size: 11px;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #5a8db5;
  margin-bottom: 10px;
  font-weight: 600;
}
.zara-Fontana-Tiered-Column-Collection .ztcc-banner-title {
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 12px;
  color: #1f3444;
  line-height: 1.5;
}
.zara-Fontana-Tiered-Column-Collection .ztcc-banner-chip-row {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-bottom: 14px;
}
.zara-Fontana-Tiered-Column-Collection .ztcc-banner-chip {
  padding: 5px 11px;
  border-radius: 999px;
  font-size: 11px;
  background: #ffffff;
  border: 1px solid #c7e2f6;
  color: #5a8db5;
  font-weight: 600;
}
.zara-Fontana-Tiered-Column-Collection .ztcc-banner-spec-pill {
  margin-top: 10px;
  padding: 8px 13px;
  border-radius: 16px;
  background: #ffffff;
  border: 1px dashed #7fb3dd;
  font-size: 12px;
  color: #4b5563;
  display: inline-flex;
  align-items: flex-start;
  gap: 8px;
  line-height: 1.5;
}
.zara-Fontana-Tiered-Column-Collection .ztcc-icon-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #7fb3dd;
  box-shadow: 0 0 8px rgba(127, 179, 221, 0.6);
  flex-shrink: 0;
  margin-top: 4px;
}
.zara-Fontana-Tiered-Column-Collection .ztcc-banner-footnote {
  margin-top: 10px;
  font-size: 11px;
  color: #6b7280;
  max-width: 92%;
}

/* NAV */
.zara-Fontana-Tiered-Column-Collection .ztcc-pill-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 28px 0 18px;
}
.zara-Fontana-Tiered-Column-Collection .ztcc-pill-nav button {
  background: #ffffff;
  border-radius: 999px;
  border: 1px solid #c7e2f6;
  color: #5a8db5;
  padding: 8px 15px;
  font-size: 12px;
  cursor: pointer;
  transition: all .16s ease-out;
  font-weight: 600;
}
.zara-Fontana-Tiered-Column-Collection .ztcc-pill-nav button.ztcc-active {
  background: linear-gradient(135deg, #e3f2fd, #c7e2f6);
  color: #1f3444;
  border-color: #c7e2f6;
  font-weight: 700;
}
.zara-Fontana-Tiered-Column-Collection .ztcc-pill-nav button:hover {
  transform: translateY(-1px);
  border-color: #7fb3dd;
  background: #f5faff;
}

/* CONTENT GRID */
.zara-Fontana-Tiered-Column-Collection .ztcc-content-grid {
  display: grid;
  grid-template-columns: minmax(0, 2.2fr) minmax(0, 1.4fr);
  gap: 24px;
  margin-top: 12px;
  align-items: start;
}

/* CARD */
.zara-Fontana-Tiered-Column-Collection .ztcc-card {
  background: #ffffff;
  border-radius: 24px;
  border: 1px solid #dde3ec;
  padding: 22px 22px;
  box-shadow: 0 12px 30px rgba(15, 23, 42, 0.05);
}
.zara-Fontana-Tiered-Column-Collection .ztcc-card + .ztcc-card {
  margin-top: 18px;
}
.zara-Fontana-Tiered-Column-Collection .ztcc-card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
}
.zara-Fontana-Tiered-Column-Collection .ztcc-card-header .ztcc-label {
  font-size: 12px;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: #5a8db5;
  font-weight: 700;
}
.zara-Fontana-Tiered-Column-Collection .ztcc-card-header .ztcc-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #7fb3dd;
  box-shadow: 0 0 8px rgba(127, 179, 221, 0.6);
}
.zara-Fontana-Tiered-Column-Collection .ztcc-card p {
  color: #4b5563;
  font-size: 13px;
  margin-bottom: 8px;
}
.zara-Fontana-Tiered-Column-Collection .ztcc-card p strong {
  color: #1f3444;
  font-weight: 700;
}
.zara-Fontana-Tiered-Column-Collection .ztcc-card ul {
  list-style: none;
  margin-left: 0;
  margin-top: 8px;
}
.zara-Fontana-Tiered-Column-Collection .ztcc-card ul li {
  font-size: 13px;
  color: #4b5563;
  padding: 8px 0;
  border-bottom: 1px solid #e5e7eb;
  display: flex;
  gap: 10px;
  align-items: flex-start;
  line-height: 1.55;
}
.zara-Fontana-Tiered-Column-Collection .ztcc-card ul li:last-child {
  border-bottom: none;
}
.zara-Fontana-Tiered-Column-Collection .ztcc-card ul li strong {
  color: #1f3444;
  font-weight: 700;
}
.zara-Fontana-Tiered-Column-Collection .ztcc-bullet {
  width: 7px;
  height: 7px;
  border-radius: 999px;
  margin-top: 7px;
  background: #7fb3dd;
  flex-shrink: 0;
}
.zara-Fontana-Tiered-Column-Collection .ztcc-pill-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 10px;
}
.zara-Fontana-Tiered-Column-Collection .ztcc-pill-list span {
  font-size: 11px;
  padding: 5px 11px;
  border-radius: 999px;
  background: #f5faff;
  border: 1px solid #c7e2f6;
  color: #5a8db5;
  font-weight: 600;
}

/* MINI TABLE */
.zara-Fontana-Tiered-Column-Collection .ztcc-mini-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  margin-top: 12px;
  overflow: hidden;
  border-radius: 16px;
  border: 1px solid #e5e7eb;
}
.zara-Fontana-Tiered-Column-Collection .ztcc-mini-table th,
.zara-Fontana-Tiered-Column-Collection .ztcc-mini-table td {
  padding: 11px 13px;
  font-size: 12px;
  color: #4b5563;
  border-bottom: 1px solid #e5e7eb;
  background: #ffffff;
  text-align: left;
  vertical-align: top;
}
.zara-Fontana-Tiered-Column-Collection .ztcc-mini-table th {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .14em;
  color: #5a8db5;
  background: #f5faff;
  font-weight: 700;
}
.zara-Fontana-Tiered-Column-Collection .ztcc-mini-table tr:last-child td {
  border-bottom: none;
}

/* STACK NOTE */
.zara-Fontana-Tiered-Column-Collection .ztcc-stack-note {
  margin-top: 12px;
  padding: 12px 14px;
  border-radius: 14px;
  border: 1px dashed #c7e2f6;
  background: #f5faff;
  color: #5a8db5;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.5;
}

/* CALLOUT */
.zara-Fontana-Tiered-Column-Collection .ztcc-callout {
  border-radius: 18px;
  border: 1px solid #c7e2f6;
  background: linear-gradient(135deg, #ffffff, #e0f6ff);
  padding: 16px 16px;
  margin-top: 14px;
}
.zara-Fontana-Tiered-Column-Collection .ztcc-callout .ztcc-h4 {
  margin: 0 0 6px;
  color: #1f3444;
}
.zara-Fontana-Tiered-Column-Collection .ztcc-callout p {
  font-size: 12px;
  color: #4b5563;
}
.zara-Fontana-Tiered-Column-Collection .ztcc-callout-btn-wrap {
  margin-top: 10px;
}

/* CHECKLIST */
.zara-Fontana-Tiered-Column-Collection .ztcc-checklist li strong {
  color: #1f3444;
  font-weight: 700;
}

/* DL BTN WRAP */
.zara-Fontana-Tiered-Column-Collection .ztcc-dl-btn-wrap {
  margin-top: 12px;
}

/* FOOTER (kept visible — just restyled to airy theme) */
.zara-Fontana-Tiered-Column-Collection .ztcc-footer {
  margin-top: 40px;
  padding-top: 18px;
  border-top: 1px solid #dde3ec;
  font-size: 11px;
  color: #6b7280;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 12px;
}
.zara-Fontana-Tiered-Column-Collection .ztcc-footer a {
  font-size: 11px;
  color: #5a8db5;
}

/* RESPONSIVE */
@media (max-width: 960px) {
  .zara-Fontana-Tiered-Column-Collection .ztcc-hero {
    grid-template-columns: minmax(0, 1fr);
  }
  .zara-Fontana-Tiered-Column-Collection .ztcc-hero-visual {
    order: -1;
  }
  .zara-Fontana-Tiered-Column-Collection .ztcc-content-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  .zara-Fontana-Tiered-Column-Collection .ztcc-page {
    padding: 20px 16px 48px;
  }
  .zara-Fontana-Tiered-Column-Collection .ztcc-intro-strip {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media (max-width: 640px) {
  .zara-Fontana-Tiered-Column-Collection .ztcc-h1 {
    font-size: 26px;
  }
  .zara-Fontana-Tiered-Column-Collection .ztcc-hero {
    padding: 24px 18px;
  }
  .zara-Fontana-Tiered-Column-Collection .ztcc-hero-banner {
    max-width: 100%;
  }
  .zara-Fontana-Tiered-Column-Collection .ztcc-card {
    padding: 18px;
  }
}

.zara-Fontana-Incline-Spout-Collection {
  line-height: 1.6;
  color: #1f3444;
  overflow-x: hidden;
}
.zara-Fontana-Incline-Spout-Collection * {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
.zara-Fontana-Incline-Spout-Collection a {
  color: #5a8db5;
  text-decoration: none;
}
.zara-Fontana-Incline-Spout-Collection a:hover {
  text-decoration: underline;
}
.zara-Fontana-Incline-Spout-Collection button {
  font-family: inherit;
}

/* PAGE */
.zara-Fontana-Incline-Spout-Collection .zisc-page {
  max-width: 1240px;
  margin: 0 auto;
  padding: 28px 18px 64px;
}

/* HEADER */
.zara-Fontana-Incline-Spout-Collection .zisc-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 24px;
  flex-wrap: wrap;
  gap: 14px;
}
.zara-Fontana-Incline-Spout-Collection .zisc-brand {
  display: flex;
  align-items: center;
  gap: 12px;
}
.zara-Fontana-Incline-Spout-Collection .zisc-brand-logo {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: linear-gradient(135deg, #e3f2fd, #c7e2f6);
  border: 1px solid #c7e2f6;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  font-size: 22px;
  color: #1f3444;
  box-shadow: 0 8px 22px rgba(127, 179, 221, 0.25);
}
.zara-Fontana-Incline-Spout-Collection .zisc-brand-text {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.zara-Fontana-Incline-Spout-Collection .zisc-brand-text span:first-child {
  font-weight: 700;
  letter-spacing: .06em;
  font-size: 13px;
  text-transform: uppercase;
  color: #5a8db5;
}
.zara-Fontana-Incline-Spout-Collection .zisc-brand-text span:last-child {
  font-weight: 700;
  font-size: 15px;
  color: #1f3444;
}
.zara-Fontana-Incline-Spout-Collection .zisc-header-actions {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.zara-Fontana-Incline-Spout-Collection .zisc-pill-label {
  padding: 5px 13px;
  border-radius: 999px;
  border: 1px solid #c7e2f6;
  background: #ffffff;
  font-size: 11px;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #5a8db5;
  font-weight: 600;
}

/* BUTTONS */
.zara-Fontana-Incline-Spout-Collection .zisc-cta-btn-outline,
.zara-Fontana-Incline-Spout-Collection .zisc-cta-btn-primary {
  border-radius: 999px;
  padding: 9px 18px;
  font-size: 13px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: all .18s ease-out;
  font-weight: 600;
}
.zara-Fontana-Incline-Spout-Collection .zisc-cta-btn-outline {
  border: 1px solid #c7e2f6;
  background: #ffffff;
  color: #1f3444;
}
.zara-Fontana-Incline-Spout-Collection .zisc-cta-btn-primary {
  background: linear-gradient(135deg, #e3f2fd, #c7e2f6);
  color: #1f3444;
  border: 1px solid #c7e2f6;
  box-shadow: 0 10px 24px rgba(127, 179, 221, 0.25);
}
.zara-Fontana-Incline-Spout-Collection .zisc-cta-btn-outline:hover {
  background: #f5faff;
  border-color: #7fb3dd;
  transform: translateY(-1px);
}
.zara-Fontana-Incline-Spout-Collection .zisc-cta-btn-primary:hover {
  background: linear-gradient(135deg, #d6ecfb, #b5d8ef);
  border-color: #b5d8ef;
  transform: translateY(-1px);
}

/* INTRO STRIP */
.zara-Fontana-Incline-Spout-Collection .zisc-intro-strip {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  flex-wrap: wrap;
  padding: 18px 22px;
  border-radius: 20px;
  background: linear-gradient(135deg, #ffffff, #f5faff);
  border: 1px solid #c7e2f6;
  margin-bottom: 24px;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.04);
}
.zara-Fontana-Incline-Spout-Collection .zisc-intro-left {
  flex: 1 1 60%;
  min-width: 280px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.zara-Fontana-Incline-Spout-Collection .zisc-intro-kicker {
  font-size: 11px;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: #5a8db5;
  font-weight: 700;
  margin-bottom: 6px;
}
.zara-Fontana-Incline-Spout-Collection .zisc-intro-title {
  font-size: 16px;
  font-weight: 700;
  color: #1f3444;
  margin-bottom: 8px;
}
.zara-Fontana-Incline-Spout-Collection .zisc-intro-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  font-size: 12px;
  color: #6b7280;
}
.zara-Fontana-Incline-Spout-Collection .zisc-intro-meta strong {
  color: #1f3444;
  font-weight: 700;
}
.zara-Fontana-Incline-Spout-Collection .zisc-intro-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

/* HERO */
.zara-Fontana-Incline-Spout-Collection .zisc-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr);
  gap: 32px;
  padding: 32px 26px;
  border-radius: 32px;
  background: linear-gradient(135deg, #ffffff, #e0f6ff);
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.06);
  border: 1px solid #c7e2f6;
  position: relative;
  overflow: hidden;
}
.zara-Fontana-Incline-Spout-Collection .zisc-hero::before {
  content: "";
  position: absolute;
  inset: -40%;
  background:
    radial-gradient(circle at 0% 0%, rgba(127, 179, 221, 0.12) 0, transparent 55%),
    radial-gradient(circle at 100% 100%, rgba(127, 179, 221, 0.18) 0, transparent 55%);
  opacity: 0.9;
  pointer-events: none;
}
.zara-Fontana-Incline-Spout-Collection .zisc-hero-content {
  position: relative;
  z-index: 2;
}
.zara-Fontana-Incline-Spout-Collection .zisc-hero-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
  flex-wrap: wrap;
}
.zara-Fontana-Incline-Spout-Collection .zisc-hero-eyebrow span {
  font-size: 11px;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: #5a8db5;
  font-weight: 700;
}
.zara-Fontana-Incline-Spout-Collection .zisc-hero-badge {
  padding: 4px 11px;
  border-radius: 999px;
  background: #ffffff;
  border: 1px solid #c7e2f6;
  color: #5a8db5;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: .14em;
  font-weight: 600;
}

/* HEADINGS */
.zara-Fontana-Incline-Spout-Collection .zisc-h1 {
  font-size: 32px;
  line-height: 1.18;
  margin-bottom: 8px;
  color: #1f3444;
}
.zara-Fontana-Incline-Spout-Collection .zisc-h2 {
  font-size: 22px;
  margin: 20px 0 12px;
  color: #1f3444;
}
.zara-Fontana-Incline-Spout-Collection .zisc-h3 {
  font-size: 18px;
  margin: 18px 0 8px;
  color: #1f3444;
}
.zara-Fontana-Incline-Spout-Collection .zisc-h4 {
  font-size: 16px;
  margin: 12px 0 6px;
  color: #1f3444;
}
.zara-Fontana-Incline-Spout-Collection .zisc-h5 {
  font-size: 14px;
  margin: 10px 0 4px;
  text-transform: uppercase;
  letter-spacing: .14em;
  color: #5a8db5;
  font-weight: 700;
}

.zara-Fontana-Incline-Spout-Collection .zisc-hero-subtitle {
  font-size: 15px;
  color: #4b5563;
  max-width: 620px;
  margin-bottom: 18px;
}
.zara-Fontana-Incline-Spout-Collection .zisc-hero-subtitle strong {
  color: #1f3444;
  font-weight: 700;
}
.zara-Fontana-Incline-Spout-Collection .zisc-hero-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 14px 0 18px;
}
.zara-Fontana-Incline-Spout-Collection .zisc-hero-tags span {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .14em;
  padding: 6px 14px;
  border-radius: 999px;
  border: 1px solid #c7e2f6;
  background: #ffffff;
  color: #5a8db5;
  font-weight: 600;
}
.zara-Fontana-Incline-Spout-Collection .zisc-hero-cta-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  margin-top: 10px;
}
.zara-Fontana-Incline-Spout-Collection .zisc-hero-meta {
  font-size: 12px;
  color: #6b7280;
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 10px;
}
.zara-Fontana-Incline-Spout-Collection .zisc-hero-meta strong {
  color: #1f3444;
  font-weight: 700;
}

/* HERO VISUAL */
.zara-Fontana-Incline-Spout-Collection .zisc-hero-visual {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
}
.zara-Fontana-Incline-Spout-Collection .zisc-hero-banner {
  position: relative;
  width: 100%;
  max-width: 430px;
  border-radius: 30px;
  padding: 22px 20px;
  background: linear-gradient(145deg, #ffffff 0, #e3f2fd 45%, #c7e2f6 100%);
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.08);
  border: 1px solid #c7e2f6;
  color: #1f3444;
  overflow: hidden;
}
.zara-Fontana-Incline-Spout-Collection .zisc-banner-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 11px;
  border-radius: 999px;
  background: #ffffff;
  border: 1px solid #c7e2f6;
  font-size: 10px;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #5a8db5;
  margin-bottom: 10px;
  font-weight: 600;
}
.zara-Fontana-Incline-Spout-Collection .zisc-banner-title {
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 12px;
  color: #1f3444;
  line-height: 1.5;
}
.zara-Fontana-Incline-Spout-Collection .zisc-banner-chip-row {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-bottom: 14px;
}
.zara-Fontana-Incline-Spout-Collection .zisc-banner-chip {
  padding: 5px 11px;
  border-radius: 999px;
  font-size: 11px;
  background: #ffffff;
  border: 1px solid #c7e2f6;
  color: #5a8db5;
  font-weight: 600;
}
.zara-Fontana-Incline-Spout-Collection .zisc-banner-spec-pill {
  margin-top: 10px;
  padding: 8px 13px;
  border-radius: 16px;
  background: #ffffff;
  border: 1px dashed #7fb3dd;
  font-size: 11px;
  color: #4b5563;
  display: inline-flex;
  align-items: flex-start;
  gap: 8px;
  line-height: 1.5;
}
.zara-Fontana-Incline-Spout-Collection .zisc-icon-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #7fb3dd;
  box-shadow: 0 0 8px rgba(127, 179, 221, 0.6);
  margin-top: 4px;
  flex-shrink: 0;
}
.zara-Fontana-Incline-Spout-Collection .zisc-banner-footnote {
  margin-top: 10px;
  font-size: 11px;
  color: #6b7280;
  line-height: 1.5;
}

/* NAV */
.zara-Fontana-Incline-Spout-Collection .zisc-pill-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 28px 0 18px;
}
.zara-Fontana-Incline-Spout-Collection .zisc-pill-nav button {
  background: #ffffff;
  border-radius: 999px;
  border: 1px solid #c7e2f6;
  color: #5a8db5;
  padding: 8px 15px;
  font-size: 12px;
  cursor: pointer;
  transition: all .16s ease-out;
  font-weight: 600;
}
.zara-Fontana-Incline-Spout-Collection .zisc-pill-nav button.zisc-active {
  background: linear-gradient(135deg, #e3f2fd, #c7e2f6);
  color: #1f3444;
  border-color: #c7e2f6;
  font-weight: 700;
}
.zara-Fontana-Incline-Spout-Collection .zisc-pill-nav button:hover {
  transform: translateY(-1px);
  border-color: #7fb3dd;
  background: #f5faff;
}

/* CONTENT GRID */
.zara-Fontana-Incline-Spout-Collection .zisc-content-grid {
  display: grid;
  grid-template-columns: minmax(0, 2.2fr) minmax(0, 1.4fr);
  gap: 24px;
  margin-top: 12px;
  align-items: flex-start;
}

/* CARD */
.zara-Fontana-Incline-Spout-Collection .zisc-card {
  background: #ffffff;
  border-radius: 24px;
  border: 1px solid #dde3ec;
  padding: 22px 22px;
  box-shadow: 0 12px 30px rgba(15, 23, 42, 0.05);
}
.zara-Fontana-Incline-Spout-Collection .zisc-card + .zisc-card {
  margin-top: 18px;
}
.zara-Fontana-Incline-Spout-Collection .zisc-card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
}
.zara-Fontana-Incline-Spout-Collection .zisc-card-header .zisc-label {
  font-size: 12px;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: #5a8db5;
  font-weight: 700;
}
.zara-Fontana-Incline-Spout-Collection .zisc-card-header .zisc-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #7fb3dd;
  box-shadow: 0 0 8px rgba(127, 179, 221, 0.6);
}
.zara-Fontana-Incline-Spout-Collection .zisc-card p {
  color: #4b5563;
  font-size: 14px;
  margin-bottom: 8px;
}
.zara-Fontana-Incline-Spout-Collection .zisc-card p strong {
  color: #1f3444;
  font-weight: 700;
}
.zara-Fontana-Incline-Spout-Collection .zisc-card ul {
  list-style: none;
  margin-left: 0;
  margin-top: 8px;
}
.zara-Fontana-Incline-Spout-Collection .zisc-card ul li {
  font-size: 13px;
  color: #4b5563;
  padding: 8px 0;
  border-bottom: 1px solid #e5e7eb;
  display: flex;
  gap: 10px;
  align-items: flex-start;
  line-height: 1.55;
}
.zara-Fontana-Incline-Spout-Collection .zisc-card ul li:last-child {
  border-bottom: none;
}
.zara-Fontana-Incline-Spout-Collection .zisc-card ul li strong {
  color: #1f3444;
  font-weight: 700;
}
.zara-Fontana-Incline-Spout-Collection .zisc-bullet {
  width: 7px;
  height: 7px;
  border-radius: 999px;
  margin-top: 7px;
  background: #7fb3dd;
  flex-shrink: 0;
}

/* PILL LIST */
.zara-Fontana-Incline-Spout-Collection .zisc-pill-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 10px;
}
.zara-Fontana-Incline-Spout-Collection .zisc-pill-list span {
  font-size: 11px;
  padding: 5px 11px;
  border-radius: 999px;
  background: #f5faff;
  border: 1px solid #c7e2f6;
  color: #5a8db5;
  font-weight: 600;
}

/* MINI TABLE */
.zara-Fontana-Incline-Spout-Collection .zisc-mini-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  margin-top: 12px;
  overflow: hidden;
  border-radius: 16px;
  border: 1px solid #e5e7eb;
}
.zara-Fontana-Incline-Spout-Collection .zisc-mini-table th,
.zara-Fontana-Incline-Spout-Collection .zisc-mini-table td {
  padding: 11px 13px;
  font-size: 12px;
  color: #4b5563;
  border-bottom: 1px solid #e5e7eb;
  background: #ffffff;
  text-align: left;
  vertical-align: top;
}
.zara-Fontana-Incline-Spout-Collection .zisc-mini-table th {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .14em;
  color: #5a8db5;
  background: #f5faff;
  font-weight: 700;
}
.zara-Fontana-Incline-Spout-Collection .zisc-mini-table tr:last-child td {
  border-bottom: none;
}

/* CALLOUT (inside sidebar card) */
.zara-Fontana-Incline-Spout-Collection .zisc-callout {
  margin-top: 14px;
  padding: 16px 16px;
  border-radius: 18px;
  background: linear-gradient(135deg, #ffffff, #e0f6ff);
  border: 1px solid #c7e2f6;
}
.zara-Fontana-Incline-Spout-Collection .zisc-callout .zisc-h4 {
  margin: 0 0 6px;
  color: #1f3444;
}
.zara-Fontana-Incline-Spout-Collection .zisc-callout p {
  font-size: 13px;
  color: #4b5563;
  margin: 4px 0 10px;
}
.zara-Fontana-Incline-Spout-Collection .zisc-callout-btn-wrap {
  margin-top: 6px;
}

/* CHECKLIST + STACK NOTE + DOWNLOAD WRAP */
.zara-Fontana-Incline-Spout-Collection .zisc-checklist {
  margin-top: 4px;
}
.zara-Fontana-Incline-Spout-Collection .zisc-checklist li strong {
  color: #1f3444;
  font-weight: 700;
}
.zara-Fontana-Incline-Spout-Collection .zisc-stack-note {
  margin-top: 12px;
  padding: 12px 14px;
  border-radius: 14px;
  border: 1px dashed #c7e2f6;
  background: #f5faff;
  color: #5a8db5;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.5;
}
.zara-Fontana-Incline-Spout-Collection .zisc-dl-btn-wrap {
  margin-top: 12px;
}

/* FOOTER (kept visible — restyled to airy theme) */
.zara-Fontana-Incline-Spout-Collection .zisc-footer {
  margin-top: 12px;
  padding-top: 14px;
  border-top: 1px solid #dde3ec;
  font-size: 11px;
  color: #6b7280;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 12px;
  line-height: 1.55;
}
.zara-Fontana-Incline-Spout-Collection .zisc-footer a {
  font-size: 11px;
  color: #5a8db5;
}

/* RESPONSIVE */
@media (max-width: 1100px) {
  .zara-Fontana-Incline-Spout-Collection .zisc-content-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}
@media (max-width: 960px) {
  .zara-Fontana-Incline-Spout-Collection .zisc-hero {
    grid-template-columns: minmax(0, 1fr);
  }
  .zara-Fontana-Incline-Spout-Collection .zisc-hero-visual {
    order: -1;
  }
  .zara-Fontana-Incline-Spout-Collection .zisc-page {
    padding: 20px 16px 48px;
  }
  .zara-Fontana-Incline-Spout-Collection .zisc-intro-strip {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media (max-width: 640px) {
  .zara-Fontana-Incline-Spout-Collection .zisc-h1 {
    font-size: 26px;
  }
  .zara-Fontana-Incline-Spout-Collection .zisc-hero {
    padding: 24px 18px;
  }
  .zara-Fontana-Incline-Spout-Collection .zisc-hero-banner {
    max-width: 100%;
  }
  .zara-Fontana-Incline-Spout-Collection .zisc-card {
    padding: 18px;
  }
}

.zara-Fontana-Sloped-Capsule-Collection {
  line-height: 1.6;
  color: #1f3444;
  overflow-x: hidden;
}
.zara-Fontana-Sloped-Capsule-Collection * {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
.zara-Fontana-Sloped-Capsule-Collection a {
  color: #5a8db5;
  text-decoration: none;
}
.zara-Fontana-Sloped-Capsule-Collection a:hover {
  text-decoration: underline;
}

/* PAGE */
.zara-Fontana-Sloped-Capsule-Collection .zfsc-page {
  max-width: 1240px;
  margin: 0 auto;
  padding: 28px 18px 64px;
}

/* HEADER */
.zara-Fontana-Sloped-Capsule-Collection .zfsc-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 22px;
  flex-wrap: wrap;
  gap: 14px;
}
.zara-Fontana-Sloped-Capsule-Collection .zfsc-brand {
  display: flex;
  align-items: center;
  gap: 12px;
}
.zara-Fontana-Sloped-Capsule-Collection .zfsc-brand-logo {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: linear-gradient(135deg, #e3f2fd, #c7e2f6);
  border: 1px solid #c7e2f6;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  font-size: 22px;
  color: #1f3444;
  box-shadow: 0 8px 22px rgba(127, 179, 221, 0.25);
}
.zara-Fontana-Sloped-Capsule-Collection .zfsc-brand-text {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.zara-Fontana-Sloped-Capsule-Collection .zfsc-brand-text span:first-child {
  font-weight: 700;
  letter-spacing: .06em;
  font-size: 13px;
  text-transform: uppercase;
  color: #5a8db5;
}
.zara-Fontana-Sloped-Capsule-Collection .zfsc-brand-text span:last-child {
  font-weight: 700;
  font-size: 15px;
  color: #1f3444;
}
.zara-Fontana-Sloped-Capsule-Collection .zfsc-header-actions {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.zara-Fontana-Sloped-Capsule-Collection .zfsc-pill-label {
  padding: 5px 13px;
  border-radius: 999px;
  border: 1px solid #c7e2f6;
  background: #ffffff;
  font-size: 11px;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #5a8db5;
  font-weight: 600;
}

/* BUTTONS */
.zara-Fontana-Sloped-Capsule-Collection .zfsc-cta-btn-outline,
.zara-Fontana-Sloped-Capsule-Collection .zfsc-cta-btn-primary {
  border-radius: 999px;
  padding: 9px 18px;
  font-size: 13px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: all .18s ease-out;
  font-weight: 600;
}
.zara-Fontana-Sloped-Capsule-Collection .zfsc-cta-btn-outline {
  border: 1px solid #c7e2f6;
  background: #ffffff;
  color: #1f3444;
}
.zara-Fontana-Sloped-Capsule-Collection .zfsc-cta-btn-primary {
  background: linear-gradient(135deg, #e3f2fd, #c7e2f6);
  color: #1f3444;
  border: 1px solid #c7e2f6;
  box-shadow: 0 10px 24px rgba(127, 179, 221, 0.25);
}
.zara-Fontana-Sloped-Capsule-Collection .zfsc-cta-btn-outline:hover {
  background: #f5faff;
  border-color: #7fb3dd;
  transform: translateY(-1px);
}
.zara-Fontana-Sloped-Capsule-Collection .zfsc-cta-btn-primary:hover {
  background: linear-gradient(135deg, #d6ecfb, #b5d8ef);
  border-color: #b5d8ef;
  transform: translateY(-1px);
}

/* INTRO STRIP */
.zara-Fontana-Sloped-Capsule-Collection .zfsc-intro-strip {
  margin: 6px 0 18px;
  padding: 16px 18px;
  border-radius: 18px;
  border: 1px solid #c7e2f6;
  background: linear-gradient(135deg, #ffffff, #f5faff);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  flex-wrap: wrap;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.04);
}
.zara-Fontana-Sloped-Capsule-Collection .zfsc-intro-left {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.zara-Fontana-Sloped-Capsule-Collection .zfsc-intro-kicker {
  font-size: 11px;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: #5a8db5;
  font-weight: 700;
}
.zara-Fontana-Sloped-Capsule-Collection .zfsc-intro-title {
  font-weight: 700;
  font-size: 14px;
  color: #1f3444;
}
.zara-Fontana-Sloped-Capsule-Collection .zfsc-intro-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  font-size: 12px;
  color: #6b7280;
}
.zara-Fontana-Sloped-Capsule-Collection .zfsc-intro-meta strong {
  color: #1f3444;
  font-weight: 700;
}
.zara-Fontana-Sloped-Capsule-Collection .zfsc-intro-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

/* HERO */
.zara-Fontana-Sloped-Capsule-Collection .zfsc-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr);
  gap: 32px;
  padding: 32px 26px;
  border-radius: 32px;
  background: linear-gradient(135deg, #ffffff, #e0f6ff);
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.06);
  border: 1px solid #c7e2f6;
  position: relative;
  overflow: hidden;
}
.zara-Fontana-Sloped-Capsule-Collection .zfsc-hero::before {
  content: "";
  position: absolute;
  inset: -40%;
  background:
    radial-gradient(circle at 0% 0%, rgba(127, 179, 221, 0.12) 0, transparent 55%),
    radial-gradient(circle at 100% 100%, rgba(127, 179, 221, 0.18) 0, transparent 55%);
  opacity: 0.9;
  pointer-events: none;
}
.zara-Fontana-Sloped-Capsule-Collection .zfsc-hero-content {
  position: relative;
  z-index: 2;
}
.zara-Fontana-Sloped-Capsule-Collection .zfsc-hero-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
  flex-wrap: wrap;
}
.zara-Fontana-Sloped-Capsule-Collection .zfsc-hero-eyebrow span {
  font-size: 11px;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: #5a8db5;
  font-weight: 700;
}
.zara-Fontana-Sloped-Capsule-Collection .zfsc-hero-badge {
  padding: 4px 11px;
  border-radius: 999px;
  background: #ffffff;
  border: 1px solid #c7e2f6;
  color: #5a8db5;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: .14em;
  font-weight: 600;
}

/* HEADINGS */
.zara-Fontana-Sloped-Capsule-Collection .zfsc-h1 {
  font-size: 32px;
  line-height: 1.18;
  margin-bottom: 8px;
  color: #1f3444;
}
.zara-Fontana-Sloped-Capsule-Collection .zfsc-h2 {
  font-size: 22px;
  margin: 20px 0 12px;
  color: #1f3444;
}
.zara-Fontana-Sloped-Capsule-Collection .zfsc-h3 {
  font-size: 18px;
  margin: 18px 0 8px;
  color: #1f3444;
}
.zara-Fontana-Sloped-Capsule-Collection .zfsc-h4 {
  font-size: 16px;
  margin: 12px 0 6px;
  color: #1f3444;
}
.zara-Fontana-Sloped-Capsule-Collection .zfsc-h5 {
  font-size: 14px;
  margin: 10px 0 4px;
  text-transform: uppercase;
  letter-spacing: .14em;
  color: #5a8db5;
  font-weight: 700;
}

.zara-Fontana-Sloped-Capsule-Collection .zfsc-hero-subtitle {
  font-size: 15px;
  color: #4b5563;
  max-width: 620px;
  margin-bottom: 18px;
}
.zara-Fontana-Sloped-Capsule-Collection .zfsc-hero-subtitle strong {
  color: #1f3444;
  font-weight: 700;
}
.zara-Fontana-Sloped-Capsule-Collection .zfsc-hero-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 14px 0 18px;
}
.zara-Fontana-Sloped-Capsule-Collection .zfsc-hero-tags span {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .14em;
  padding: 6px 14px;
  border-radius: 999px;
  border: 1px solid #c7e2f6;
  background: #ffffff;
  color: #5a8db5;
  font-weight: 600;
}
.zara-Fontana-Sloped-Capsule-Collection .zfsc-hero-cta-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  margin-top: 10px;
}
.zara-Fontana-Sloped-Capsule-Collection .zfsc-hero-meta {
  font-size: 12px;
  color: #6b7280;
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 10px;
}
.zara-Fontana-Sloped-Capsule-Collection .zfsc-hero-meta strong {
  color: #1f3444;
  font-weight: 700;
}

/* HERO VISUAL */
.zara-Fontana-Sloped-Capsule-Collection .zfsc-hero-visual {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
}
.zara-Fontana-Sloped-Capsule-Collection .zfsc-hero-banner {
  position: relative;
  width: 100%;
  max-width: 430px;
  border-radius: 30px;
  padding: 22px 20px;
  background: linear-gradient(145deg, #ffffff 0, #e3f2fd 45%, #c7e2f6 100%);
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.08);
  border: 1px solid #c7e2f6;
  color: #1f3444;
  overflow: hidden;
}
.zara-Fontana-Sloped-Capsule-Collection .zfsc-banner-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 11px;
  border-radius: 999px;
  background: #ffffff;
  border: 1px solid #c7e2f6;
  font-size: 10px;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #5a8db5;
  margin-bottom: 10px;
  font-weight: 600;
}
.zara-Fontana-Sloped-Capsule-Collection .zfsc-banner-title {
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 12px;
  color: #1f3444;
  line-height: 1.5;
}
.zara-Fontana-Sloped-Capsule-Collection .zfsc-banner-chip-row {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-bottom: 14px;
}
.zara-Fontana-Sloped-Capsule-Collection .zfsc-banner-chip {
  padding: 5px 11px;
  border-radius: 999px;
  font-size: 11px;
  background: #ffffff;
  border: 1px solid #c7e2f6;
  color: #5a8db5;
  font-weight: 600;
}
.zara-Fontana-Sloped-Capsule-Collection .zfsc-banner-spec-pill {
  margin-top: 10px;
  padding: 8px 13px;
  border-radius: 16px;
  background: #ffffff;
  border: 1px dashed #7fb3dd;
  font-size: 11px;
  color: #4b5563;
  display: inline-flex;
  align-items: flex-start;
  gap: 8px;
  line-height: 1.5;
}
.zara-Fontana-Sloped-Capsule-Collection .zfsc-icon-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #7fb3dd;
  box-shadow: 0 0 8px rgba(127, 179, 221, 0.6);
  flex-shrink: 0;
  margin-top: 4px;
}
.zara-Fontana-Sloped-Capsule-Collection .zfsc-banner-footnote {
  margin-top: 10px;
  font-size: 11px;
  color: #6b7280;
  max-width: 92%;
}

/* NAV */
.zara-Fontana-Sloped-Capsule-Collection .zfsc-pill-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 28px 0 18px;
}
.zara-Fontana-Sloped-Capsule-Collection .zfsc-pill-nav button {
  background: #ffffff;
  border-radius: 999px;
  border: 1px solid #c7e2f6;
  color: #5a8db5;
  padding: 8px 15px;
  font-size: 12px;
  cursor: pointer;
  transition: all .16s ease-out;
  font-weight: 600;
}
.zara-Fontana-Sloped-Capsule-Collection .zfsc-pill-nav button.zfsc-active {
  background: linear-gradient(135deg, #e3f2fd, #c7e2f6);
  color: #1f3444;
  border-color: #c7e2f6;
  font-weight: 700;
}
.zara-Fontana-Sloped-Capsule-Collection .zfsc-pill-nav button:hover {
  transform: translateY(-1px);
  border-color: #7fb3dd;
  background: #f5faff;
}

/* CONTENT GRID */
.zara-Fontana-Sloped-Capsule-Collection .zfsc-content-grid {
  display: grid;
  grid-template-columns: minmax(0, 2.2fr) minmax(0, 1.4fr);
  gap: 24px;
  margin-top: 12px;
  align-items: start;
}

/* CARD */
.zara-Fontana-Sloped-Capsule-Collection .zfsc-card {
  background: #ffffff;
  border-radius: 24px;
  border: 1px solid #dde3ec;
  padding: 22px 22px;
  box-shadow: 0 12px 30px rgba(15, 23, 42, 0.05);
}
.zara-Fontana-Sloped-Capsule-Collection .zfsc-card + .zfsc-card {
  margin-top: 18px;
}
.zara-Fontana-Sloped-Capsule-Collection .zfsc-card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
}
.zara-Fontana-Sloped-Capsule-Collection .zfsc-card-header .zfsc-label {
  font-size: 12px;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: #5a8db5;
  font-weight: 700;
}
.zara-Fontana-Sloped-Capsule-Collection .zfsc-card-header .zfsc-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #7fb3dd;
  box-shadow: 0 0 8px rgba(127, 179, 221, 0.6);
}
.zara-Fontana-Sloped-Capsule-Collection .zfsc-card p {
  color: #4b5563;
  font-size: 13px;
  margin-bottom: 8px;
}
.zara-Fontana-Sloped-Capsule-Collection .zfsc-card p strong {
  color: #1f3444;
  font-weight: 700;
}
.zara-Fontana-Sloped-Capsule-Collection .zfsc-card ul {
  list-style: none;
  margin-left: 0;
  margin-top: 8px;
}
.zara-Fontana-Sloped-Capsule-Collection .zfsc-card ul li {
  font-size: 13px;
  color: #4b5563;
  padding: 8px 0;
  border-bottom: 1px solid #e5e7eb;
  display: flex;
  gap: 10px;
  align-items: flex-start;
  line-height: 1.55;
}
.zara-Fontana-Sloped-Capsule-Collection .zfsc-card ul li:last-child {
  border-bottom: none;
}
.zara-Fontana-Sloped-Capsule-Collection .zfsc-card ul li strong {
  color: #1f3444;
  font-weight: 700;
}
.zara-Fontana-Sloped-Capsule-Collection .zfsc-bullet {
  width: 7px;
  height: 7px;
  border-radius: 999px;
  margin-top: 7px;
  background: #7fb3dd;
  flex-shrink: 0;
}
.zara-Fontana-Sloped-Capsule-Collection .zfsc-pill-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 10px;
}
.zara-Fontana-Sloped-Capsule-Collection .zfsc-pill-list span {
  font-size: 11px;
  padding: 5px 11px;
  border-radius: 999px;
  background: #f5faff;
  border: 1px solid #c7e2f6;
  color: #5a8db5;
  font-weight: 600;
}

/* MINI TABLE */
.zara-Fontana-Sloped-Capsule-Collection .zfsc-mini-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  margin-top: 12px;
  overflow: hidden;
  border-radius: 16px;
  border: 1px solid #e5e7eb;
}
.zara-Fontana-Sloped-Capsule-Collection .zfsc-mini-table th,
.zara-Fontana-Sloped-Capsule-Collection .zfsc-mini-table td {
  padding: 11px 13px;
  font-size: 12px;
  color: #4b5563;
  border-bottom: 1px solid #e5e7eb;
  background: #ffffff;
  text-align: left;
  vertical-align: top;
}
.zara-Fontana-Sloped-Capsule-Collection .zfsc-mini-table th {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .14em;
  color: #5a8db5;
  background: #f5faff;
  font-weight: 700;
}
.zara-Fontana-Sloped-Capsule-Collection .zfsc-mini-table tr:last-child td {
  border-bottom: none;
}

/* STACK NOTE */
.zara-Fontana-Sloped-Capsule-Collection .zfsc-stack-note {
  margin-top: 12px;
  padding: 12px 14px;
  border-radius: 14px;
  border: 1px dashed #c7e2f6;
  background: #f5faff;
  color: #5a8db5;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.5;
}

/* CALLOUT */
.zara-Fontana-Sloped-Capsule-Collection .zfsc-callout {
  border-radius: 18px;
  border: 1px solid #c7e2f6;
  background: linear-gradient(135deg, #ffffff, #e0f6ff);
  padding: 16px 16px;
  margin-top: 14px;
}
.zara-Fontana-Sloped-Capsule-Collection .zfsc-callout .zfsc-h4 {
  margin: 0 0 6px;
  color: #1f3444;
}
.zara-Fontana-Sloped-Capsule-Collection .zfsc-callout p {
  font-size: 12px;
  color: #4b5563;
}
.zara-Fontana-Sloped-Capsule-Collection .zfsc-callout-btn-wrap {
  margin-top: 10px;
}

/* CHECKLIST */
.zara-Fontana-Sloped-Capsule-Collection .zfsc-checklist li strong {
  color: #1f3444;
  font-weight: 700;
}

/* DL BTN WRAP */
.zara-Fontana-Sloped-Capsule-Collection .zfsc-dl-btn-wrap {
  margin-top: 12px;
}

/* FOOTER (kept visible — restyled to airy theme) */
.zara-Fontana-Sloped-Capsule-Collection .zfsc-footer {
  margin-top: 40px;
  padding-top: 18px;
  border-top: 1px solid #dde3ec;
  font-size: 11px;
  color: #6b7280;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 12px;
}
.zara-Fontana-Sloped-Capsule-Collection .zfsc-footer a {
  font-size: 11px;
  color: #5a8db5;
}

/* RESPONSIVE */
@media (max-width: 960px) {
  .zara-Fontana-Sloped-Capsule-Collection .zfsc-hero {
    grid-template-columns: minmax(0, 1fr);
  }
  .zara-Fontana-Sloped-Capsule-Collection .zfsc-hero-visual {
    order: -1;
  }
  .zara-Fontana-Sloped-Capsule-Collection .zfsc-content-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  .zara-Fontana-Sloped-Capsule-Collection .zfsc-page {
    padding: 20px 16px 48px;
  }
  .zara-Fontana-Sloped-Capsule-Collection .zfsc-intro-strip {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media (max-width: 640px) {
  .zara-Fontana-Sloped-Capsule-Collection .zfsc-h1 {
    font-size: 26px;
  }
  .zara-Fontana-Sloped-Capsule-Collection .zfsc-hero {
    padding: 24px 18px;
  }
  .zara-Fontana-Sloped-Capsule-Collection .zfsc-hero-banner {
    max-width: 100%;
  }
  .zara-Fontana-Sloped-Capsule-Collection .zfsc-card {
    padding: 18px;
  }
}

.zara-Fontana-Ringed-Cylinder-Collection {
  line-height: 1.6;
  color: #1f3444;
  overflow-x: hidden;
}
.zara-Fontana-Ringed-Cylinder-Collection * {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
.zara-Fontana-Ringed-Cylinder-Collection a {
  color: #5a8db5;
  text-decoration: none;
}
.zara-Fontana-Ringed-Cylinder-Collection a:hover {
  text-decoration: underline;
}

/* PAGE */
.zara-Fontana-Ringed-Cylinder-Collection .zrcc-page {
  max-width: 1240px;
  margin: 0 auto;
  padding: 28px 18px 64px;
}

/* HEADER */
.zara-Fontana-Ringed-Cylinder-Collection .zrcc-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 22px;
  flex-wrap: wrap;
  gap: 14px;
}
.zara-Fontana-Ringed-Cylinder-Collection .zrcc-brand {
  display: flex;
  align-items: center;
  gap: 12px;
}
.zara-Fontana-Ringed-Cylinder-Collection .zrcc-brand-logo {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: linear-gradient(135deg, #e3f2fd, #c7e2f6);
  border: 1px solid #c7e2f6;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  font-size: 22px;
  color: #1f3444;
  box-shadow: 0 8px 22px rgba(127, 179, 221, 0.25);
}
.zara-Fontana-Ringed-Cylinder-Collection .zrcc-brand-text {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.zara-Fontana-Ringed-Cylinder-Collection .zrcc-brand-text span:first-child {
  font-weight: 700;
  letter-spacing: .06em;
  font-size: 13px;
  text-transform: uppercase;
  color: #5a8db5;
}
.zara-Fontana-Ringed-Cylinder-Collection .zrcc-brand-text span:last-child {
  font-weight: 700;
  font-size: 15px;
  color: #1f3444;
}
.zara-Fontana-Ringed-Cylinder-Collection .zrcc-header-actions {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.zara-Fontana-Ringed-Cylinder-Collection .zrcc-pill-label {
  padding: 5px 13px;
  border-radius: 999px;
  border: 1px solid #c7e2f6;
  background: #ffffff;
  font-size: 11px;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #5a8db5;
  font-weight: 600;
}

/* BUTTONS */
.zara-Fontana-Ringed-Cylinder-Collection .zrcc-cta-btn-outline,
.zara-Fontana-Ringed-Cylinder-Collection .zrcc-cta-btn-primary {
  border-radius: 999px;
  padding: 9px 18px;
  font-size: 13px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: all .18s ease-out;
  font-weight: 600;
}
.zara-Fontana-Ringed-Cylinder-Collection .zrcc-cta-btn-outline {
  border: 1px solid #c7e2f6;
  background: #ffffff;
  color: #1f3444;
}
.zara-Fontana-Ringed-Cylinder-Collection .zrcc-cta-btn-primary {
  background: linear-gradient(135deg, #e3f2fd, #c7e2f6);
  color: #1f3444;
  border: 1px solid #c7e2f6;
  box-shadow: 0 10px 24px rgba(127, 179, 221, 0.25);
}
.zara-Fontana-Ringed-Cylinder-Collection .zrcc-cta-btn-outline:hover {
  background: #f5faff;
  border-color: #7fb3dd;
  transform: translateY(-1px);
}
.zara-Fontana-Ringed-Cylinder-Collection .zrcc-cta-btn-primary:hover {
  background: linear-gradient(135deg, #d6ecfb, #b5d8ef);
  border-color: #b5d8ef;
  transform: translateY(-1px);
}

/* INTRO STRIP */
.zara-Fontana-Ringed-Cylinder-Collection .zrcc-intro-strip {
  margin: 6px 0 18px;
  padding: 16px 18px;
  border-radius: 18px;
  border: 1px solid #c7e2f6;
  background: linear-gradient(135deg, #ffffff, #f5faff);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  flex-wrap: wrap;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.04);
}
.zara-Fontana-Ringed-Cylinder-Collection .zrcc-intro-left {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.zara-Fontana-Ringed-Cylinder-Collection .zrcc-intro-kicker {
  font-size: 11px;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: #5a8db5;
  font-weight: 700;
}
.zara-Fontana-Ringed-Cylinder-Collection .zrcc-intro-title {
  font-weight: 700;
  font-size: 14px;
  color: #1f3444;
}
.zara-Fontana-Ringed-Cylinder-Collection .zrcc-intro-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  font-size: 12px;
  color: #6b7280;
}
.zara-Fontana-Ringed-Cylinder-Collection .zrcc-intro-meta strong {
  color: #1f3444;
  font-weight: 700;
}
.zara-Fontana-Ringed-Cylinder-Collection .zrcc-intro-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

/* HERO */
.zara-Fontana-Ringed-Cylinder-Collection .zrcc-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr);
  gap: 32px;
  padding: 32px 26px;
  border-radius: 32px;
  background: linear-gradient(135deg, #ffffff, #e0f6ff);
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.06);
  border: 1px solid #c7e2f6;
  position: relative;
  overflow: hidden;
}
.zara-Fontana-Ringed-Cylinder-Collection .zrcc-hero::before {
  content: "";
  position: absolute;
  inset: -40%;
  background:
    radial-gradient(circle at 0% 0%, rgba(127, 179, 221, 0.12) 0, transparent 55%),
    radial-gradient(circle at 100% 100%, rgba(127, 179, 221, 0.18) 0, transparent 55%);
  opacity: 0.9;
  pointer-events: none;
}
.zara-Fontana-Ringed-Cylinder-Collection .zrcc-hero-content {
  position: relative;
  z-index: 2;
}
.zara-Fontana-Ringed-Cylinder-Collection .zrcc-hero-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
  flex-wrap: wrap;
}
.zara-Fontana-Ringed-Cylinder-Collection .zrcc-hero-eyebrow span {
  font-size: 11px;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: #5a8db5;
  font-weight: 700;
}
.zara-Fontana-Ringed-Cylinder-Collection .zrcc-hero-badge {
  padding: 4px 11px;
  border-radius: 999px;
  background: #ffffff;
  border: 1px solid #c7e2f6;
  color: #5a8db5;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: .14em;
  font-weight: 600;
}

/* HEADINGS */
.zara-Fontana-Ringed-Cylinder-Collection .zrcc-h1 {
  font-size: 32px;
  line-height: 1.18;
  margin-bottom: 8px;
  color: #1f3444;
  font-family: 'Montserrat-Light';
}
.zara-Fontana-Ringed-Cylinder-Collection .zrcc-h2 {
  font-size: 22px;
  margin: 20px 0 12px;
  color: #1f3444;
}
.zara-Fontana-Ringed-Cylinder-Collection .zrcc-h3 {
  font-size: 18px;
  margin: 18px 0 8px;
  color: #1f3444;
}
.zara-Fontana-Ringed-Cylinder-Collection .zrcc-h4 {
  font-size: 16px;
  margin: 12px 0 6px;
  color: #1f3444;
}
.zara-Fontana-Ringed-Cylinder-Collection .zrcc-h5 {
  font-size: 14px;
  margin: 10px 0 4px;
  text-transform: uppercase;
  letter-spacing: .14em;
  color: #5a8db5;
  font-weight: 700;
}

.zara-Fontana-Ringed-Cylinder-Collection .zrcc-hero-subtitle {
  font-size: 15px;
  color: #4b5563;
  max-width: 620px;
  margin-bottom: 18px;
}
.zara-Fontana-Ringed-Cylinder-Collection .zrcc-hero-subtitle strong {
  color: #1f3444;
  font-weight: 700;
}
.zara-Fontana-Ringed-Cylinder-Collection .zrcc-hero-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 14px 0 18px;
}
.zara-Fontana-Ringed-Cylinder-Collection .zrcc-hero-tags span {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .14em;
  padding: 6px 14px;
  border-radius: 999px;
  border: 1px solid #c7e2f6;
  background: #ffffff;
  color: #5a8db5;
  font-weight: 600;
}
.zara-Fontana-Ringed-Cylinder-Collection .zrcc-hero-cta-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  margin-top: 10px;
}
.zara-Fontana-Ringed-Cylinder-Collection .zrcc-hero-meta {
  font-size: 12px;
  color: #6b7280;
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 10px;
}
.zara-Fontana-Ringed-Cylinder-Collection .zrcc-hero-meta strong {
  color: #1f3444;
  font-weight: 700;
}

/* HERO VISUAL */
.zara-Fontana-Ringed-Cylinder-Collection .zrcc-hero-visual {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
}
.zara-Fontana-Ringed-Cylinder-Collection .zrcc-hero-banner {
  position: relative;
  width: 100%;
  max-width: 430px;
  border-radius: 30px;
  padding: 22px 20px;
  background: linear-gradient(145deg, #ffffff 0, #e3f2fd 45%, #c7e2f6 100%);
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.08);
  border: 1px solid #c7e2f6;
  color: #1f3444;
  overflow: hidden;
}
.zara-Fontana-Ringed-Cylinder-Collection .zrcc-banner-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 11px;
  border-radius: 999px;
  background: #ffffff;
  border: 1px solid #c7e2f6;
  font-size: 10px;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #5a8db5;
  margin-bottom: 10px;
  font-weight: 600;
}
.zara-Fontana-Ringed-Cylinder-Collection .zrcc-banner-title {
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 12px;
  color: #1f3444;
  line-height: 1.5;
}
.zara-Fontana-Ringed-Cylinder-Collection .zrcc-banner-chip-row {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-bottom: 14px;
}
.zara-Fontana-Ringed-Cylinder-Collection .zrcc-banner-chip {
  padding: 5px 11px;
  border-radius: 999px;
  font-size: 11px;
  background: #ffffff;
  border: 1px solid #c7e2f6;
  color: #5a8db5;
  font-weight: 600;
}
.zara-Fontana-Ringed-Cylinder-Collection .zrcc-banner-spec-pill {
  margin-top: 10px;
  padding: 8px 13px;
  border-radius: 16px;
  background: #ffffff;
  border: 1px dashed #7fb3dd;
  font-size: 11px;
  color: #4b5563;
  display: inline-flex;
  align-items: flex-start;
  gap: 8px;
  line-height: 1.5;
}
.zara-Fontana-Ringed-Cylinder-Collection .zrcc-icon-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #7fb3dd;
  box-shadow: 0 0 8px rgba(127, 179, 221, 0.6);
  flex-shrink: 0;
  margin-top: 4px;
}
.zara-Fontana-Ringed-Cylinder-Collection .zrcc-banner-footnote {
  margin-top: 10px;
  font-size: 11px;
  color: #6b7280;
  max-width: 92%;
}

/* NAV */
.zara-Fontana-Ringed-Cylinder-Collection .zrcc-pill-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 28px 0 18px;
}
.zara-Fontana-Ringed-Cylinder-Collection .zrcc-pill-nav button {
  background: #ffffff;
  border-radius: 999px;
  border: 1px solid #c7e2f6;
  color: #5a8db5;
  padding: 8px 15px;
  font-size: 12px;
  cursor: pointer;
  transition: all .16s ease-out;
  font-weight: 600;
}
.zara-Fontana-Ringed-Cylinder-Collection .zrcc-pill-nav button.zrcc-active {
  background: linear-gradient(135deg, #e3f2fd, #c7e2f6);
  color: #1f3444;
  border-color: #c7e2f6;
  font-weight: 700;
}
.zara-Fontana-Ringed-Cylinder-Collection .zrcc-pill-nav button:hover {
  transform: translateY(-1px);
  border-color: #7fb3dd;
  background: #f5faff;
}

/* CONTENT GRID */
.zara-Fontana-Ringed-Cylinder-Collection .zrcc-content-grid {
  display: grid;
  grid-template-columns: minmax(0, 2.2fr) minmax(0, 1.4fr);
  gap: 24px;
  margin-top: 12px;
  align-items: start;
}

/* CARD */
.zara-Fontana-Ringed-Cylinder-Collection .zrcc-card {
  background: #ffffff;
  border-radius: 24px;
  border: 1px solid #dde3ec;
  padding: 22px 22px;
  box-shadow: 0 12px 30px rgba(15, 23, 42, 0.05);
}
.zara-Fontana-Ringed-Cylinder-Collection .zrcc-card + .zrcc-card {
  margin-top: 18px;
}
.zara-Fontana-Ringed-Cylinder-Collection .zrcc-card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
}
.zara-Fontana-Ringed-Cylinder-Collection .zrcc-card-header .zrcc-label {
  font-size: 12px;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: #5a8db5;
  font-weight: 700;
}
.zara-Fontana-Ringed-Cylinder-Collection .zrcc-card-header .zrcc-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #7fb3dd;
  box-shadow: 0 0 8px rgba(127, 179, 221, 0.6);
}
.zara-Fontana-Ringed-Cylinder-Collection .zrcc-card p {
  color: #4b5563;
  font-size: 13px;
  margin-bottom: 8px;
}
.zara-Fontana-Ringed-Cylinder-Collection .zrcc-card p strong {
  color: #1f3444;
  font-weight: 700;
}
.zara-Fontana-Ringed-Cylinder-Collection .zrcc-card ul {
  list-style: none;
  margin-left: 0;
  margin-top: 8px;
}
.zara-Fontana-Ringed-Cylinder-Collection .zrcc-card ul li {
  font-size: 13px;
  color: #4b5563;
  padding: 8px 0;
  border-bottom: 1px solid #e5e7eb;
  display: flex;
  gap: 10px;
  align-items: flex-start;
  line-height: 1.55;
}
.zara-Fontana-Ringed-Cylinder-Collection .zrcc-card ul li:last-child {
  border-bottom: none;
}
.zara-Fontana-Ringed-Cylinder-Collection .zrcc-card ul li strong {
  color: #1f3444;
  font-weight: 700;
}
.zara-Fontana-Ringed-Cylinder-Collection .zrcc-bullet {
  width: 7px;
  height: 7px;
  border-radius: 999px;
  margin-top: 7px;
  background: #7fb3dd;
  flex-shrink: 0;
}
.zara-Fontana-Ringed-Cylinder-Collection .zrcc-pill-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 10px;
}
.zara-Fontana-Ringed-Cylinder-Collection .zrcc-pill-list span {
  font-size: 11px;
  padding: 5px 11px;
  border-radius: 999px;
  background: #f5faff;
  border: 1px solid #c7e2f6;
  color: #5a8db5;
  font-weight: 600;
}

/* MINI TABLE */
.zara-Fontana-Ringed-Cylinder-Collection .zrcc-mini-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  margin-top: 12px;
  overflow: hidden;
  border-radius: 16px;
  border: 1px solid #e5e7eb;
}
.zara-Fontana-Ringed-Cylinder-Collection .zrcc-mini-table th,
.zara-Fontana-Ringed-Cylinder-Collection .zrcc-mini-table td {
  padding: 11px 13px;
  font-size: 12px;
  color: #4b5563;
  border-bottom: 1px solid #e5e7eb;
  background: #ffffff;
  text-align: left;
  vertical-align: top;
}
.zara-Fontana-Ringed-Cylinder-Collection .zrcc-mini-table th {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .14em;
  color: #5a8db5;
  background: #f5faff;
  font-weight: 700;
}
.zara-Fontana-Ringed-Cylinder-Collection .zrcc-mini-table tr:last-child td {
  border-bottom: none;
}

/* STACK NOTE */
.zara-Fontana-Ringed-Cylinder-Collection .zrcc-stack-note {
  margin-top: 12px;
  padding: 12px 14px;
  border-radius: 14px;
  border: 1px dashed #c7e2f6;
  background: #f5faff;
  color: #5a8db5;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.5;
}

/* CALLOUT */
.zara-Fontana-Ringed-Cylinder-Collection .zrcc-callout {
  border-radius: 18px;
  border: 1px solid #c7e2f6;
  background: linear-gradient(135deg, #ffffff, #e0f6ff);
  padding: 16px 16px;
  margin-top: 14px;
}
.zara-Fontana-Ringed-Cylinder-Collection .zrcc-callout .zrcc-h4 {
  margin: 0 0 6px;
  color: #1f3444;
}
.zara-Fontana-Ringed-Cylinder-Collection .zrcc-callout p {
  font-size: 12px;
  color: #4b5563;
}
.zara-Fontana-Ringed-Cylinder-Collection .zrcc-callout-btn-wrap {
  margin-top: 10px;
}

/* CHECKLIST */
.zara-Fontana-Ringed-Cylinder-Collection .zrcc-checklist li strong {
  color: #1f3444;
  font-weight: 700;
}

/* DL BTN WRAP */
.zara-Fontana-Ringed-Cylinder-Collection .zrcc-dl-btn-wrap {
  margin-top: 12px;
}

/* FOOTER (kept visible — restyled to airy theme) */
.zara-Fontana-Ringed-Cylinder-Collection .zrcc-footer {
  margin-top: 40px;
  padding-top: 18px;
  border-top: 1px solid #dde3ec;
  font-size: 11px;
  color: #6b7280;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 12px;
}
.zara-Fontana-Ringed-Cylinder-Collection .zrcc-footer a {
  font-size: 11px;
  color: #5a8db5;
}

/* RESPONSIVE */
@media (max-width: 960px) {
  .zara-Fontana-Ringed-Cylinder-Collection .zrcc-hero {
    grid-template-columns: minmax(0, 1fr);
  }
  .zara-Fontana-Ringed-Cylinder-Collection .zrcc-hero-visual {
    order: -1;
  }
  .zara-Fontana-Ringed-Cylinder-Collection .zrcc-content-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  .zara-Fontana-Ringed-Cylinder-Collection .zrcc-page {
    padding: 20px 16px 48px;
  }
  .zara-Fontana-Ringed-Cylinder-Collection .zrcc-intro-strip {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media (max-width: 640px) {
  .zara-Fontana-Ringed-Cylinder-Collection .zrcc-h1 {
    font-size: 26px;
  }
  .zara-Fontana-Ringed-Cylinder-Collection .zrcc-hero {
    padding: 24px 18px;
  }
  .zara-Fontana-Ringed-Cylinder-Collection .zrcc-hero-banner {
    max-width: 100%;
  }
  .zara-Fontana-Ringed-Cylinder-Collection .zrcc-card {
    padding: 18px;
  }
}

.zara-Fontana-Faceted-Column-Collection {
  line-height: 1.6;
  color: #1f3444;
  overflow-x: hidden;
}
.zara-Fontana-Faceted-Column-Collection * {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
.zara-Fontana-Faceted-Column-Collection a {
  color: #5a8db5;
  text-decoration: none;
}
.zara-Fontana-Faceted-Column-Collection a:hover {
  text-decoration: underline;
}
.zara-Fontana-Faceted-Column-Collection button {
  font-family: inherit;
}

/* PAGE */
.zara-Fontana-Faceted-Column-Collection .zfcc-page {
  max-width: 1240px;
  margin: 0 auto;
  padding: 28px 18px 64px;
}

/* HEADER */
.zara-Fontana-Faceted-Column-Collection .zfcc-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 24px;
  flex-wrap: wrap;
  gap: 14px;
}
.zara-Fontana-Faceted-Column-Collection .zfcc-brand {
  display: flex;
  align-items: center;
  gap: 12px;
}
.zara-Fontana-Faceted-Column-Collection .zfcc-brand-logo {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: linear-gradient(135deg, #e3f2fd, #c7e2f6);
  border: 1px solid #c7e2f6;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  font-size: 22px;
  color: #1f3444;
  box-shadow: 0 8px 22px rgba(127, 179, 221, 0.25);
}
.zara-Fontana-Faceted-Column-Collection .zfcc-brand-text {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.zara-Fontana-Faceted-Column-Collection .zfcc-brand-text span:first-child {
  font-weight: 700;
  letter-spacing: .06em;
  font-size: 13px;
  text-transform: uppercase;
  color: #5a8db5;
}
.zara-Fontana-Faceted-Column-Collection .zfcc-brand-text span:last-child {
  font-weight: 700;
  font-size: 15px;
  color: #1f3444;
}
.zara-Fontana-Faceted-Column-Collection .zfcc-header-actions {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.zara-Fontana-Faceted-Column-Collection .zfcc-pill-label {
  padding: 5px 13px;
  border-radius: 999px;
  border: 1px solid #c7e2f6;
  background: #ffffff;
  font-size: 11px;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #5a8db5;
  font-weight: 600;
}

/* BUTTONS */
.zara-Fontana-Faceted-Column-Collection .zfcc-cta-btn-outline,
.zara-Fontana-Faceted-Column-Collection .zfcc-cta-btn-primary {
  border-radius: 999px;
  padding: 9px 18px;
  font-size: 13px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: all .18s ease-out;
  font-weight: 600;
}
.zara-Fontana-Faceted-Column-Collection .zfcc-cta-btn-outline {
  border: 1px solid #c7e2f6;
  background: #ffffff;
  color: #1f3444;
}
.zara-Fontana-Faceted-Column-Collection .zfcc-cta-btn-primary {
  background: linear-gradient(135deg, #e3f2fd, #c7e2f6);
  color: #1f3444;
  border: 1px solid #c7e2f6;
  box-shadow: 0 10px 24px rgba(127, 179, 221, 0.25);
}
.zara-Fontana-Faceted-Column-Collection .zfcc-cta-btn-outline:hover {
  background: #f5faff;
  border-color: #7fb3dd;
  transform: translateY(-1px);
}
.zara-Fontana-Faceted-Column-Collection .zfcc-cta-btn-primary:hover {
  background: linear-gradient(135deg, #d6ecfb, #b5d8ef);
  border-color: #b5d8ef;
  transform: translateY(-1px);
}

/* INTRO STRIP */
.zara-Fontana-Faceted-Column-Collection .zfcc-intro-strip {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  flex-wrap: wrap;
  padding: 18px 22px;
  border-radius: 20px;
  background: linear-gradient(135deg, #ffffff, #f5faff);
  border: 1px solid #c7e2f6;
  margin-bottom: 24px;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.04);
}
.zara-Fontana-Faceted-Column-Collection .zfcc-intro-left {
  flex: 1 1 60%;
  min-width: 280px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.zara-Fontana-Faceted-Column-Collection .zfcc-intro-kicker {
  font-size: 11px;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: #5a8db5;
  font-weight: 700;
  margin-bottom: 6px;
}
.zara-Fontana-Faceted-Column-Collection .zfcc-intro-title {
  font-size: 14px;
  font-weight: 700;
  color: #1f3444;
  margin-bottom: 8px;
}
.zara-Fontana-Faceted-Column-Collection .zfcc-intro-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  font-size: 12px;
  color: #6b7280;
}
.zara-Fontana-Faceted-Column-Collection .zfcc-intro-meta strong {
  color: #1f3444;
  font-weight: 700;
}
.zara-Fontana-Faceted-Column-Collection .zfcc-intro-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

/* HERO */
.zara-Fontana-Faceted-Column-Collection .zfcc-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr);
  gap: 32px;
  padding: 32px 26px;
  border-radius: 32px;
  background: linear-gradient(135deg, #ffffff, #e0f6ff);
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.06);
  border: 1px solid #c7e2f6;
  position: relative;
  overflow: hidden;
}
.zara-Fontana-Faceted-Column-Collection .zfcc-hero::before {
  content: "";
  position: absolute;
  inset: -40%;
  background:
    radial-gradient(circle at 0% 0%, rgba(127, 179, 221, 0.12) 0, transparent 55%),
    radial-gradient(circle at 100% 100%, rgba(127, 179, 221, 0.18) 0, transparent 55%);
  opacity: 0.9;
  pointer-events: none;
}
.zara-Fontana-Faceted-Column-Collection .zfcc-hero-content {
  position: relative;
  z-index: 2;
}
.zara-Fontana-Faceted-Column-Collection .zfcc-hero-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
  flex-wrap: wrap;
}
.zara-Fontana-Faceted-Column-Collection .zfcc-hero-eyebrow span {
  font-size: 11px;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: #5a8db5;
  font-weight: 700;
}
.zara-Fontana-Faceted-Column-Collection .zfcc-hero-badge {
  padding: 4px 11px;
  border-radius: 999px;
  background: #ffffff;
  border: 1px solid #c7e2f6;
  color: #5a8db5;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: .14em;
  font-weight: 600;
}

/* HEADINGS */
.zara-Fontana-Faceted-Column-Collection .zfcc-h1 {
  font-size: 32px;
  line-height: 1.18;
  margin-bottom: 8px;
  color: #1f3444;
}
.zara-Fontana-Faceted-Column-Collection .zfcc-h2 {
  font-size: 22px;
  margin: 20px 0 12px;
  color: #1f3444;
}
.zara-Fontana-Faceted-Column-Collection .zfcc-h3 {
  font-size: 18px;
  margin: 18px 0 8px;
  color: #1f3444;
}
.zara-Fontana-Faceted-Column-Collection .zfcc-h4 {
  font-size: 16px;
  margin: 12px 0 6px;
  color: #1f3444;
}
.zara-Fontana-Faceted-Column-Collection .zfcc-h5 {
  font-size: 15px;
  margin: 10px 0 4px;
  text-transform: uppercase;
  letter-spacing: .14em;
  color: #5a8db5;
  font-weight: 700;
}

.zara-Fontana-Faceted-Column-Collection .zfcc-hero-subtitle {
  font-size: 15px;
  color: #4b5563;
  max-width: 620px;
  margin-bottom: 18px;
}
.zara-Fontana-Faceted-Column-Collection .zfcc-hero-subtitle strong {
  color: #1f3444;
  font-weight: 700;
}
.zara-Fontana-Faceted-Column-Collection .zfcc-hero-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 14px 0 18px;
}
.zara-Fontana-Faceted-Column-Collection .zfcc-hero-tags span {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .14em;
  padding: 6px 14px;
  border-radius: 999px;
  border: 1px solid #c7e2f6;
  background: #ffffff;
  color: #5a8db5;
  font-weight: 600;
}
.zara-Fontana-Faceted-Column-Collection .zfcc-hero-cta-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  margin-top: 10px;
}
.zara-Fontana-Faceted-Column-Collection .zfcc-hero-meta {
  font-size: 12px;
  color: #6b7280;
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 10px;
}
.zara-Fontana-Faceted-Column-Collection .zfcc-hero-meta strong {
  color: #1f3444;
  font-weight: 700;
}

/* HERO VISUAL */
.zara-Fontana-Faceted-Column-Collection .zfcc-hero-visual {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
}
.zara-Fontana-Faceted-Column-Collection .zfcc-hero-banner {
  position: relative;
  width: 100%;
  max-width: 430px;
  border-radius: 30px;
  padding: 22px 20px;
  background: linear-gradient(145deg, #ffffff 0, #e3f2fd 45%, #c7e2f6 100%);
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.08);
  border: 1px solid #c7e2f6;
  color: #1f3444;
  overflow: hidden;
}
.zara-Fontana-Faceted-Column-Collection .zfcc-banner-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 11px;
  border-radius: 999px;
  background: #ffffff;
  border: 1px solid #c7e2f6;
  font-size: 10px;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #5a8db5;
  margin-bottom: 10px;
  font-weight: 600;
}
.zara-Fontana-Faceted-Column-Collection .zfcc-banner-title {
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 12px;
  color: #1f3444;
  line-height: 1.5;
}
.zara-Fontana-Faceted-Column-Collection .zfcc-banner-chip-row {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-bottom: 14px;
}
.zara-Fontana-Faceted-Column-Collection .zfcc-banner-chip {
  padding: 5px 11px;
  border-radius: 999px;
  font-size: 11px;
  background: #ffffff;
  border: 1px solid #c7e2f6;
  color: #5a8db5;
  font-weight: 600;
}
.zara-Fontana-Faceted-Column-Collection .zfcc-banner-spec-pill {
  margin-top: 10px;
  padding: 8px 13px;
  border-radius: 16px;
  background: #ffffff;
  border: 1px dashed #7fb3dd;
  font-size: 11px;
  color: #4b5563;
  display: inline-flex;
  align-items: flex-start;
  gap: 8px;
  line-height: 1.5;
}
.zara-Fontana-Faceted-Column-Collection .zfcc-icon-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #7fb3dd;
  box-shadow: 0 0 8px rgba(127, 179, 221, 0.6);
  margin-top: 4px;
  flex-shrink: 0;
}
.zara-Fontana-Faceted-Column-Collection .zfcc-banner-footnote {
  margin-top: 10px;
  font-size: 11px;
  color: #6b7280;
  line-height: 1.5;
}

/* NAV */
.zara-Fontana-Faceted-Column-Collection .zfcc-pill-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 28px 0 18px;
}
.zara-Fontana-Faceted-Column-Collection .zfcc-pill-nav button {
  background: #ffffff;
  border-radius: 999px;
  border: 1px solid #c7e2f6;
  color: #5a8db5;
  padding: 8px 15px;
  font-size: 12px;
  cursor: pointer;
  transition: all .16s ease-out;
  font-weight: 600;
}
.zara-Fontana-Faceted-Column-Collection .zfcc-pill-nav button.zfcc-active {
  background: linear-gradient(135deg, #e3f2fd, #c7e2f6);
  color: #1f3444;
  border-color: #c7e2f6;
  font-weight: 700;
}
.zara-Fontana-Faceted-Column-Collection .zfcc-pill-nav button:hover {
  transform: translateY(-1px);
  border-color: #7fb3dd;
  background: #f5faff;
}

/* CONTENT GRID */
.zara-Fontana-Faceted-Column-Collection .zfcc-content-grid {
  display: grid;
  grid-template-columns: minmax(0, 2.2fr) minmax(0, 1.4fr);
  gap: 24px;
  margin-top: 12px;
  align-items: flex-start;
}

/* CARD */
.zara-Fontana-Faceted-Column-Collection .zfcc-card {
  background: #ffffff;
  border-radius: 24px;
  border: 1px solid #dde3ec;
  padding: 22px 22px;
  box-shadow: 0 12px 30px rgba(15, 23, 42, 0.05);
}
.zara-Fontana-Faceted-Column-Collection .zfcc-card + .zfcc-card {
  margin-top: 18px;
}
.zara-Fontana-Faceted-Column-Collection .zfcc-card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
}
.zara-Fontana-Faceted-Column-Collection .zfcc-card-header .zfcc-label {
  font-size: 11px;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: #5a8db5;
  font-weight: 700;
}
.zara-Fontana-Faceted-Column-Collection .zfcc-card-header .zfcc-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #7fb3dd;
  box-shadow: 0 0 8px rgba(127, 179, 221, 0.6);
}
.zara-Fontana-Faceted-Column-Collection .zfcc-card p {
  color: #4b5563;
  font-size: 14px;
  margin-bottom: 8px;
}
.zara-Fontana-Faceted-Column-Collection .zfcc-card p strong {
  color: #1f3444;
  font-weight: 700;
}
.zara-Fontana-Faceted-Column-Collection .zfcc-card ul {
  list-style: none;
  margin-left: 0;
  margin-top: 8px;
}
.zara-Fontana-Faceted-Column-Collection .zfcc-card ul li {
  font-size: 13px;
  color: #4b5563;
  padding: 8px 0;
  border-bottom: 1px solid #e5e7eb;
  display: flex;
  gap: 10px;
  align-items: flex-start;
  line-height: 1.55;
}
.zara-Fontana-Faceted-Column-Collection .zfcc-card ul li:last-child {
  border-bottom: none;
}
.zara-Fontana-Faceted-Column-Collection .zfcc-card ul li strong {
  color: #1f3444;
  font-weight: 700;
}
.zara-Fontana-Faceted-Column-Collection .zfcc-bullet {
  width: 7px;
  height: 7px;
  border-radius: 999px;
  margin-top: 7px;
  background: #7fb3dd;
  flex-shrink: 0;
}

/* PILL LIST */
.zara-Fontana-Faceted-Column-Collection .zfcc-pill-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 10px;
}
.zara-Fontana-Faceted-Column-Collection .zfcc-pill-list span {
  font-size: 11px;
  padding: 5px 11px;
  border-radius: 999px;
  background: #f5faff;
  border: 1px solid #c7e2f6;
  color: #5a8db5;
  font-weight: 600;
}

/* MINI TABLE */
.zara-Fontana-Faceted-Column-Collection .zfcc-mini-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  margin-top: 12px;
  overflow: hidden;
  border-radius: 16px;
  border: 1px solid #e5e7eb;
}
.zara-Fontana-Faceted-Column-Collection .zfcc-mini-table th,
.zara-Fontana-Faceted-Column-Collection .zfcc-mini-table td {
  padding: 11px 13px;
  font-size: 12px;
  color: #4b5563;
  border-bottom: 1px solid #e5e7eb;
  background: #ffffff;
  text-align: left;
  vertical-align: top;
}
.zara-Fontana-Faceted-Column-Collection .zfcc-mini-table th {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .14em;
  color: #5a8db5;
  background: #f5faff;
  font-weight: 700;
}
.zara-Fontana-Faceted-Column-Collection .zfcc-mini-table tr:last-child td {
  border-bottom: none;
}

/* CALLOUT (inside sidebar card) */
.zara-Fontana-Faceted-Column-Collection .zfcc-callout {
  margin-top: 14px;
  padding: 16px 16px;
  border-radius: 18px;
  background: linear-gradient(135deg, #ffffff, #e0f6ff);
  border: 1px solid #c7e2f6;
}
.zara-Fontana-Faceted-Column-Collection .zfcc-callout .zfcc-h4 {
  margin: 0 0 6px;
  color: #1f3444;
}
.zara-Fontana-Faceted-Column-Collection .zfcc-callout p {
  font-size: 13px;
  color: #4b5563;
  margin: 4px 0 10px;
}
.zara-Fontana-Faceted-Column-Collection .zfcc-callout-btn-wrap {
  margin-top: 6px;
}

/* CHECKLIST + STACK NOTE + DOWNLOAD WRAP */
.zara-Fontana-Faceted-Column-Collection .zfcc-checklist {
  margin-top: 4px;
}
.zara-Fontana-Faceted-Column-Collection .zfcc-checklist li strong {
  color: #1f3444;
  font-weight: 700;
}
.zara-Fontana-Faceted-Column-Collection .zfcc-stack-note {
  margin-top: 12px;
  padding: 12px 14px;
  border-radius: 14px;
  border: 1px dashed #c7e2f6;
  background: #f5faff;
  color: #5a8db5;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.5;
}
.zara-Fontana-Faceted-Column-Collection .zfcc-dl-btn-wrap {
  margin-top: 12px;
}

/* FOOTER (kept visible — restyled to airy theme) */
.zara-Fontana-Faceted-Column-Collection .zfcc-footer {
  margin-top: 12px;
  padding-top: 14px;
  border-top: 1px solid #dde3ec;
  font-size: 11px;
  color: #6b7280;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 12px;
  line-height: 1.55;
}
.zara-Fontana-Faceted-Column-Collection .zfcc-footer a {
  font-size: 11px;
  color: #5a8db5;
}

/* RESPONSIVE */
@media (max-width: 1100px) {
  .zara-Fontana-Faceted-Column-Collection .zfcc-content-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}
@media (max-width: 960px) {
  .zara-Fontana-Faceted-Column-Collection .zfcc-hero {
    grid-template-columns: minmax(0, 1fr);
  }
  .zara-Fontana-Faceted-Column-Collection .zfcc-hero-visual {
    order: -1;
  }
  .zara-Fontana-Faceted-Column-Collection .zfcc-page {
    padding: 20px 16px 48px;
  }
  .zara-Fontana-Faceted-Column-Collection .zfcc-intro-strip {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media (max-width: 640px) {
  .zara-Fontana-Faceted-Column-Collection .zfcc-h1 {
    font-size: 26px;
  }
  .zara-Fontana-Faceted-Column-Collection .zfcc-hero {
    padding: 24px 18px;
  }
  .zara-Fontana-Faceted-Column-Collection .zfcc-hero-banner {
    max-width: 100%;
  }
  .zara-Fontana-Faceted-Column-Collection .zfcc-card {
    padding: 18px;
  }
}

.zara-Fontana-Sculpted-Arc-Collection {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.6;
  color: #1f3444;
  overflow-x: hidden;
}
.zara-Fontana-Sculpted-Arc-Collection * {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
.zara-Fontana-Sculpted-Arc-Collection a {
  color: #5a8db5;
  text-decoration: none;
}
.zara-Fontana-Sculpted-Arc-Collection a:hover {
  text-decoration: underline;
}

/* PAGE */
.zara-Fontana-Sculpted-Arc-Collection .zsac-page {
  max-width: 1240px;
  margin: 0 auto;
  padding: 28px 18px 64px;
}

/* HEADER */
.zara-Fontana-Sculpted-Arc-Collection .zsac-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 32px;
  flex-wrap: wrap;
  gap: 14px;
}
.zara-Fontana-Sculpted-Arc-Collection .zsac-brand {
  display: flex;
  align-items: center;
  gap: 12px;
}
.zara-Fontana-Sculpted-Arc-Collection .zsac-brand-logo {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: linear-gradient(135deg, #e3f2fd, #c7e2f6);
  border: 1px solid #c7e2f6;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  font-size: 22px;
  color: #1f3444;
  box-shadow: 0 8px 22px rgba(127, 179, 221, 0.25);
}
.zara-Fontana-Sculpted-Arc-Collection .zsac-brand-text {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.zara-Fontana-Sculpted-Arc-Collection .zsac-brand-text span:first-child {
  font-weight: 700;
  letter-spacing: .06em;
  font-size: 13px;
  text-transform: uppercase;
  color: #5a8db5;
}
.zara-Fontana-Sculpted-Arc-Collection .zsac-brand-text span:last-child {
  font-weight: 700;
  font-size: 15px;
  color: #1f3444;
}
.zara-Fontana-Sculpted-Arc-Collection .zsac-header-actions {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.zara-Fontana-Sculpted-Arc-Collection .zsac-pill-label {
  padding: 5px 13px;
  border-radius: 999px;
  border: 1px solid #c7e2f6;
  background: #ffffff;
  font-size: 11px;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #5a8db5;
  font-weight: 600;
}

/* BUTTONS */
.zara-Fontana-Sculpted-Arc-Collection .zsac-cta-btn-outline,
.zara-Fontana-Sculpted-Arc-Collection .zsac-cta-btn-primary {
  border-radius: 999px;
  padding: 9px 18px;
  font-size: 13px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: all .18s ease-out;
  font-weight: 600;
}
.zara-Fontana-Sculpted-Arc-Collection .zsac-cta-btn-outline {
  border: 1px solid #c7e2f6;
  background: #ffffff;
  color: #1f3444;
}
.zara-Fontana-Sculpted-Arc-Collection .zsac-cta-btn-primary {
  background: linear-gradient(135deg, #e3f2fd, #c7e2f6);
  color: #1f3444;
  border: 1px solid #c7e2f6;
  box-shadow: 0 10px 24px rgba(127, 179, 221, 0.25);
}
.zara-Fontana-Sculpted-Arc-Collection .zsac-cta-btn-outline:hover {
  background: #f5faff;
  border-color: #7fb3dd;
  transform: translateY(-1px);
}
.zara-Fontana-Sculpted-Arc-Collection .zsac-cta-btn-primary:hover {
  background: linear-gradient(135deg, #d6ecfb, #b5d8ef);
  border-color: #b5d8ef;
  transform: translateY(-1px);
}

/* HERO */
.zara-Fontana-Sculpted-Arc-Collection .zsac-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr);
  gap: 32px;
  padding: 32px 26px;
  border-radius: 32px;
  background: linear-gradient(135deg, #ffffff, #e0f6ff);
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.06);
  border: 1px solid #c7e2f6;
  position: relative;
  overflow: hidden;
}
.zara-Fontana-Sculpted-Arc-Collection .zsac-hero::before {
  content: "";
  position: absolute;
  inset: -40%;
  background:
    radial-gradient(circle at 0% 0%, rgba(127, 179, 221, 0.12) 0, transparent 55%),
    radial-gradient(circle at 100% 100%, rgba(127, 179, 221, 0.18) 0, transparent 55%);
  opacity: 0.9;
  pointer-events: none;
}
.zara-Fontana-Sculpted-Arc-Collection .zsac-hero-content {
  position: relative;
  z-index: 2;
}
.zara-Fontana-Sculpted-Arc-Collection .zsac-hero-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
  flex-wrap: wrap;
}
.zara-Fontana-Sculpted-Arc-Collection .zsac-hero-eyebrow span {
  font-size: 11px;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: #5a8db5;
  font-weight: 700;
}
.zara-Fontana-Sculpted-Arc-Collection .zsac-hero-badge {
  padding: 4px 11px;
  border-radius: 999px;
  background: #ffffff;
  border: 1px solid #c7e2f6;
  color: #5a8db5;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: .14em;
  font-weight: 600;
}

/* HEADINGS */
.zara-Fontana-Sculpted-Arc-Collection .zsac-h1 {
  font-size: 32px;
  line-height: 1.18;
  margin-bottom: 8px;
  color: #1f3444;
}
.zara-Fontana-Sculpted-Arc-Collection .zsac-h2 {
  font-size: 22px;
  margin: 20px 0 12px;
  color: #1f3444;
}
.zara-Fontana-Sculpted-Arc-Collection .zsac-h3 {
  font-size: 18px;
  margin: 18px 0 8px;
  color: #1f3444;
}
.zara-Fontana-Sculpted-Arc-Collection .zsac-h4 {
  font-size: 16px;
  margin: 12px 0 6px;
  color: #1f3444;
}
.zara-Fontana-Sculpted-Arc-Collection .zsac-h5 {
  font-size: 14px;
  margin: 10px 0 4px;
  text-transform: uppercase;
  letter-spacing: .14em;
  color: #5a8db5;
  font-weight: 700;
}

.zara-Fontana-Sculpted-Arc-Collection .zsac-hero-subtitle {
  font-size: 15px;
  color: #4b5563;
  max-width: 620px;
  margin-bottom: 18px;
}
.zara-Fontana-Sculpted-Arc-Collection .zsac-hero-subtitle strong {
  color: #1f3444;
  font-weight: 700;
}
.zara-Fontana-Sculpted-Arc-Collection .zsac-hero-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 14px 0 18px;
}
.zara-Fontana-Sculpted-Arc-Collection .zsac-hero-tags span {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .14em;
  padding: 6px 14px;
  border-radius: 999px;
  border: 1px solid #c7e2f6;
  background: #ffffff;
  color: #5a8db5;
  font-weight: 600;
}
.zara-Fontana-Sculpted-Arc-Collection .zsac-hero-cta-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  margin-top: 10px;
}
.zara-Fontana-Sculpted-Arc-Collection .zsac-hero-meta {
  font-size: 12px;
  color: #6b7280;
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 10px;
}
.zara-Fontana-Sculpted-Arc-Collection .zsac-hero-meta strong {
  color: #1f3444;
  font-weight: 700;
}

/* HERO VISUAL */
.zara-Fontana-Sculpted-Arc-Collection .zsac-hero-visual {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
}
.zara-Fontana-Sculpted-Arc-Collection .zsac-hero-banner {
  position: relative;
  width: 100%;
  max-width: 430px;
  border-radius: 30px;
  padding: 22px 20px;
  background: linear-gradient(145deg, #ffffff 0, #e3f2fd 45%, #c7e2f6 100%);
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.08);
  border: 1px solid #c7e2f6;
  color: #1f3444;
  overflow: hidden;
}
.zara-Fontana-Sculpted-Arc-Collection .zsac-banner-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 11px;
  border-radius: 999px;
  background: #ffffff;
  border: 1px solid #c7e2f6;
  font-size: 10px;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #5a8db5;
  margin-bottom: 10px;
  font-weight: 600;
}
.zara-Fontana-Sculpted-Arc-Collection .zsac-banner-title {
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 12px;
  color: #1f3444;
  line-height: 1.5;
}
.zara-Fontana-Sculpted-Arc-Collection .zsac-banner-chip-row {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-bottom: 14px;
}
.zara-Fontana-Sculpted-Arc-Collection .zsac-banner-chip {
  padding: 5px 11px;
  border-radius: 999px;
  font-size: 11px;
  background: #ffffff;
  border: 1px solid #c7e2f6;
  color: #5a8db5;
  font-weight: 600;
}
.zara-Fontana-Sculpted-Arc-Collection .zsac-banner-spec-pill {
  margin-top: 10px;
  padding: 8px 13px;
  border-radius: 16px;
  background: #ffffff;
  border: 1px dashed #7fb3dd;
  font-size: 11px;
  color: #4b5563;
  display: inline-flex;
  align-items: flex-start;
  gap: 8px;
  line-height: 1.5;
}
.zara-Fontana-Sculpted-Arc-Collection .zsac-icon-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #7fb3dd;
  box-shadow: 0 0 8px rgba(127, 179, 221, 0.6);
  flex-shrink: 0;
  margin-top: 4px;
}
.zara-Fontana-Sculpted-Arc-Collection .zsac-banner-footnote {
  margin-top: 10px;
  font-size: 11px;
  color: #6b7280;
  max-width: 92%;
}

/* NAV */
.zara-Fontana-Sculpted-Arc-Collection .zsac-pill-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 28px 0 18px;
}
.zara-Fontana-Sculpted-Arc-Collection .zsac-pill-nav button {
  background: #ffffff;
  border-radius: 999px;
  border: 1px solid #c7e2f6;
  color: #5a8db5;
  padding: 8px 15px;
  font-size: 12px;
  cursor: pointer;
  transition: all .16s ease-out;
  font-weight: 600;
}
.zara-Fontana-Sculpted-Arc-Collection .zsac-pill-nav button.zsac-active {
  background: linear-gradient(135deg, #e3f2fd, #c7e2f6);
  color: #1f3444;
  border-color: #c7e2f6;
  font-weight: 700;
}
.zara-Fontana-Sculpted-Arc-Collection .zsac-pill-nav button:hover {
  transform: translateY(-1px);
  border-color: #7fb3dd;
  background: #f5faff;
}

/* CONTENT GRID */
.zara-Fontana-Sculpted-Arc-Collection .zsac-content-grid {
  display: grid;
  grid-template-columns: minmax(0, 2.2fr) minmax(0, 1.4fr);
  gap: 24px;
  margin-top: 12px;
  align-items: start;
}

/* CARD */
.zara-Fontana-Sculpted-Arc-Collection .zsac-card {
  background: #ffffff;
  border-radius: 24px;
  border: 1px solid #dde3ec;
  padding: 22px 22px;
  box-shadow: 0 12px 30px rgba(15, 23, 42, 0.05);
}
.zara-Fontana-Sculpted-Arc-Collection .zsac-card + .zsac-card {
  margin-top: 18px;
}
.zara-Fontana-Sculpted-Arc-Collection .zsac-card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
}
.zara-Fontana-Sculpted-Arc-Collection .zsac-card-header .zsac-label {
  font-size: 11px;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: #5a8db5;
  font-weight: 700;
}
.zara-Fontana-Sculpted-Arc-Collection .zsac-card-header .zsac-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #7fb3dd;
  box-shadow: 0 0 8px rgba(127, 179, 221, 0.6);
}
.zara-Fontana-Sculpted-Arc-Collection .zsac-card p {
  color: #4b5563;
  font-size: 13px;
  margin-bottom: 8px;
}
.zara-Fontana-Sculpted-Arc-Collection .zsac-card p strong {
  color: #1f3444;
  font-weight: 700;
}
.zara-Fontana-Sculpted-Arc-Collection .zsac-card ul {
  list-style: none;
  margin-left: 0;
  margin-top: 8px;
}
.zara-Fontana-Sculpted-Arc-Collection .zsac-card ul li {
  font-size: 13px;
  color: #4b5563;
  padding: 8px 0;
  border-bottom: 1px solid #e5e7eb;
  display: flex;
  gap: 10px;
  align-items: flex-start;
  line-height: 1.55;
}
.zara-Fontana-Sculpted-Arc-Collection .zsac-card ul li:last-child {
  border-bottom: none;
}
.zara-Fontana-Sculpted-Arc-Collection .zsac-card ul li strong {
  color: #1f3444;
  font-weight: 700;
}
.zara-Fontana-Sculpted-Arc-Collection .zsac-bullet {
  width: 7px;
  height: 7px;
  border-radius: 999px;
  margin-top: 7px;
  background: #7fb3dd;
  flex-shrink: 0;
}
.zara-Fontana-Sculpted-Arc-Collection .zsac-pill-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 10px;
}
.zara-Fontana-Sculpted-Arc-Collection .zsac-pill-list span {
  font-size: 11px;
  padding: 5px 11px;
  border-radius: 999px;
  background: #f5faff;
  border: 1px solid #c7e2f6;
  color: #5a8db5;
  font-weight: 600;
}

/* SPEC BANNER */
.zara-Fontana-Sculpted-Arc-Collection .zsac-spec-banner {
  margin-top: 26px;
  padding: 20px 20px;
  border-radius: 24px;
  border: 1px dashed #7fb3dd;
  background: linear-gradient(135deg, #ffffff, #e0f6ff);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
}
.zara-Fontana-Sculpted-Arc-Collection .zsac-spec-banner .zsac-h3 {
  margin: 0 0 4px;
  color: #1f3444;
}
.zara-Fontana-Sculpted-Arc-Collection .zsac-spec-banner p {
  font-size: 13px;
  color: #6b7280;
}
.zara-Fontana-Sculpted-Arc-Collection .zsac-spec-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  font-size: 11px;
}
.zara-Fontana-Sculpted-Arc-Collection .zsac-spec-badges span {
  padding: 5px 11px;
  border-radius: 999px;
  background: #ffffff;
  border: 1px solid #c7e2f6;
  color: #5a8db5;
  font-weight: 600;
}
.zara-Fontana-Sculpted-Arc-Collection .zsac-spec-banner-btn-wrap {
  margin-top: 10px;
}

/* RESPONSIVE */
@media (max-width: 960px) {
  .zara-Fontana-Sculpted-Arc-Collection .zsac-hero {
    grid-template-columns: minmax(0, 1fr);
  }
  .zara-Fontana-Sculpted-Arc-Collection .zsac-hero-visual {
    order: -1;
  }
  .zara-Fontana-Sculpted-Arc-Collection .zsac-content-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  .zara-Fontana-Sculpted-Arc-Collection .zsac-page {
    padding: 20px 16px 48px;
  }
}
@media (max-width: 640px) {
  .zara-Fontana-Sculpted-Arc-Collection .zsac-h1 {
    font-size: 26px;
  }
  .zara-Fontana-Sculpted-Arc-Collection .zsac-hero {
    padding: 24px 18px;
  }
  .zara-Fontana-Sculpted-Arc-Collection .zsac-hero-banner {
    max-width: 100%;
  }
}

.zara-fs-Fontana-Heritage-Column-Collection {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.6;
  color: #1f3444;
  overflow-x: hidden;
}
.zara-fs-Fontana-Heritage-Column-Collection * {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
.zara-fs-Fontana-Heritage-Column-Collection a {
  color: #5a8db5;
  text-decoration: none;
}
.zara-fs-Fontana-Heritage-Column-Collection a:hover {
  text-decoration: underline;
}

/* PAGE */
.zara-fs-Fontana-Heritage-Column-Collection .zfhcc-page {
  max-width: 1240px;
  margin: 0 auto;
  padding: 28px 18px 64px;
}

/* HEADER */
.zara-fs-Fontana-Heritage-Column-Collection .zfhcc-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 32px;
  flex-wrap: wrap;
  gap: 14px;
}
.zara-fs-Fontana-Heritage-Column-Collection .zfhcc-brand {
  display: flex;
  align-items: center;
  gap: 12px;
}
.zara-fs-Fontana-Heritage-Column-Collection .zfhcc-brand-logo {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: linear-gradient(135deg, #e3f2fd, #c7e2f6);
  border: 1px solid #c7e2f6;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  font-size: 22px;
  color: #1f3444;
  box-shadow: 0 8px 22px rgba(127, 179, 221, 0.25);
}
.zara-fs-Fontana-Heritage-Column-Collection .zfhcc-brand-text {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.zara-fs-Fontana-Heritage-Column-Collection .zfhcc-brand-text span:first-child {
  font-weight: 700;
  letter-spacing: .06em;
  font-size: 13px;
  text-transform: uppercase;
  color: #5a8db5;
}
.zara-fs-Fontana-Heritage-Column-Collection .zfhcc-brand-text span:last-child {
  font-weight: 700;
  font-size: 15px;
  color: #1f3444;
}
.zara-fs-Fontana-Heritage-Column-Collection .zfhcc-header-actions {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}
.zara-fs-Fontana-Heritage-Column-Collection .zfhcc-pill-label {
  padding: 5px 13px;
  border-radius: 999px;
  border: 1px solid #c7e2f6;
  background: #ffffff;
  font-size: 11px;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #5a8db5;
  font-weight: 600;
}

/* BUTTONS */
.zara-fs-Fontana-Heritage-Column-Collection .zfhcc-cta-btn-outline,
.zara-fs-Fontana-Heritage-Column-Collection .zfhcc-cta-btn-primary {
  border-radius: 999px;
  padding: 9px 18px;
  font-size: 13px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: all .18s ease-out;
  font-weight: 600;
}
.zara-fs-Fontana-Heritage-Column-Collection .zfhcc-cta-btn-outline {
  border: 1px solid #c7e2f6;
  background: #ffffff;
  color: #1f3444;
}
.zara-fs-Fontana-Heritage-Column-Collection .zfhcc-cta-btn-primary {
  background: linear-gradient(135deg, #e3f2fd, #c7e2f6);
  color: #1f3444;
  border: 1px solid #c7e2f6;
  box-shadow: 0 10px 24px rgba(127, 179, 221, 0.25);
}
.zara-fs-Fontana-Heritage-Column-Collection .zfhcc-cta-btn-outline:hover {
  background: #f5faff;
  border-color: #7fb3dd;
  transform: translateY(-1px);
}
.zara-fs-Fontana-Heritage-Column-Collection .zfhcc-cta-btn-primary:hover {
  background: linear-gradient(135deg, #d6ecfb, #b5d8ef);
  border-color: #b5d8ef;
  transform: translateY(-1px);
}

/* HERO */
.zara-fs-Fontana-Heritage-Column-Collection .zfhcc-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr);
  gap: 32px;
  padding: 32px 26px;
  border-radius: 32px;
  background: linear-gradient(135deg, #ffffff, #e0f6ff);
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.06);
  border: 1px solid #c7e2f6;
  position: relative;
  overflow: hidden;
}
.zara-fs-Fontana-Heritage-Column-Collection .zfhcc-hero::before {
  content: "";
  position: absolute;
  inset: -40%;
  background:
    radial-gradient(circle at 0% 0%, rgba(127, 179, 221, 0.12) 0, transparent 55%),
    radial-gradient(circle at 100% 100%, rgba(127, 179, 221, 0.18) 0, transparent 55%);
  opacity: 0.9;
  pointer-events: none;
}
.zara-fs-Fontana-Heritage-Column-Collection .zfhcc-hero-content {
  position: relative;
  z-index: 2;
}
.zara-fs-Fontana-Heritage-Column-Collection .zfhcc-hero-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
  flex-wrap: wrap;
}
.zara-fs-Fontana-Heritage-Column-Collection .zfhcc-hero-eyebrow span {
  font-size: 11px;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: #5a8db5;
  font-weight: 700;
}
.zara-fs-Fontana-Heritage-Column-Collection .zfhcc-hero-badge {
  padding: 4px 11px;
  border-radius: 999px;
  background: #ffffff;
  border: 1px solid #c7e2f6;
  color: #5a8db5;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: .14em;
  font-weight: 600;
}

/* HEADINGS */
.zara-fs-Fontana-Heritage-Column-Collection .zfhcc-h1 {
  font-size: 32px;
  line-height: 1.18;
  margin-bottom: 8px;
  color: #1f3444;
}
.zara-fs-Fontana-Heritage-Column-Collection .zfhcc-h2 {
  font-size: 22px;
  margin: 20px 0 12px;
  color: #1f3444;
}
.zara-fs-Fontana-Heritage-Column-Collection .zfhcc-h3 {
  font-size: 18px;
  margin: 18px 0 8px;
  color: #1f3444;
}
.zara-fs-Fontana-Heritage-Column-Collection .zfhcc-h4 {
  font-size: 16px;
  margin: 12px 0 6px;
  color: #1f3444;
}
.zara-fs-Fontana-Heritage-Column-Collection .zfhcc-h5 {
  font-size: 14px;
  margin: 10px 0 4px;
  text-transform: uppercase;
  letter-spacing: .14em;
  color: #5a8db5;
  font-weight: 700;
}

.zara-fs-Fontana-Heritage-Column-Collection .zfhcc-hero-subtitle {
  font-size: 15px;
  color: #4b5563;
  max-width: 580px;
  margin-bottom: 18px;
}
.zara-fs-Fontana-Heritage-Column-Collection .zfhcc-hero-subtitle strong {
  color: #1f3444;
  font-weight: 700;
}
.zara-fs-Fontana-Heritage-Column-Collection .zfhcc-hero-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 14px 0 18px;
}
.zara-fs-Fontana-Heritage-Column-Collection .zfhcc-hero-tags span {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .14em;
  padding: 6px 14px;
  border-radius: 999px;
  border: 1px solid #c7e2f6;
  background: #ffffff;
  color: #5a8db5;
  font-weight: 600;
}
.zara-fs-Fontana-Heritage-Column-Collection .zfhcc-hero-cta-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  margin-top: 10px;
}
.zara-fs-Fontana-Heritage-Column-Collection .zfhcc-hero-meta {
  font-size: 12px;
  color: #6b7280;
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 10px;
}
.zara-fs-Fontana-Heritage-Column-Collection .zfhcc-hero-meta strong {
  color: #1f3444;
  font-weight: 700;
}

/* HERO VISUAL */
.zara-fs-Fontana-Heritage-Column-Collection .zfhcc-hero-visual {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
}
.zara-fs-Fontana-Heritage-Column-Collection .zfhcc-hero-banner {
  position: relative;
  width: 100%;
  max-width: 430px;
  border-radius: 30px;
  padding: 22px 20px;
  background: linear-gradient(145deg, #ffffff 0, #e3f2fd 45%, #c7e2f6 100%);
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.08);
  border: 1px solid #c7e2f6;
  color: #1f3444;
  overflow: hidden;
}
.zara-fs-Fontana-Heritage-Column-Collection .zfhcc-banner-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 11px;
  border-radius: 999px;
  background: #ffffff;
  border: 1px solid #c7e2f6;
  font-size: 10px;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #5a8db5;
  margin-bottom: 10px;
  font-weight: 600;
}
.zara-fs-Fontana-Heritage-Column-Collection .zfhcc-banner-title {
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 12px;
  color: #1f3444;
  line-height: 1.5;
}
.zara-fs-Fontana-Heritage-Column-Collection .zfhcc-banner-chip-row {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-bottom: 14px;
}
.zara-fs-Fontana-Heritage-Column-Collection .zfhcc-banner-chip {
  padding: 5px 11px;
  border-radius: 999px;
  font-size: 11px;
  background: #ffffff;
  border: 1px solid #c7e2f6;
  color: #5a8db5;
  font-weight: 600;
}
.zara-fs-Fontana-Heritage-Column-Collection .zfhcc-banner-spec-pill {
  margin-top: 10px;
  padding: 8px 13px;
  border-radius: 16px;
  background: #ffffff;
  border: 1px dashed #7fb3dd;
  font-size: 11px;
  color: #4b5563;
  display: inline-flex;
  align-items: flex-start;
  gap: 8px;
  line-height: 1.5;
}
.zara-fs-Fontana-Heritage-Column-Collection .zfhcc-icon-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #7fb3dd;
  box-shadow: 0 0 8px rgba(127, 179, 221, 0.6);
  flex-shrink: 0;
  margin-top: 4px;
}
.zara-fs-Fontana-Heritage-Column-Collection .zfhcc-banner-footnote {
  margin-top: 10px;
  font-size: 11px;
  color: #6b7280;
  max-width: 80%;
}

/* NAV */
.zara-fs-Fontana-Heritage-Column-Collection .zfhcc-pill-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 28px 0 18px;
}
.zara-fs-Fontana-Heritage-Column-Collection .zfhcc-pill-nav button {
  background: #ffffff;
  border-radius: 999px;
  border: 1px solid #c7e2f6;
  color: #5a8db5;
  padding: 8px 15px;
  font-size: 12px;
  cursor: pointer;
  transition: all .16s ease-out;
  font-weight: 600;
}
.zara-fs-Fontana-Heritage-Column-Collection .zfhcc-pill-nav button.zfhcc-active {
  background: linear-gradient(135deg, #e3f2fd, #c7e2f6);
  color: #1f3444;
  border-color: #c7e2f6;
  font-weight: 700;
}
.zara-fs-Fontana-Heritage-Column-Collection .zfhcc-pill-nav button:hover {
  transform: translateY(-1px);
  border-color: #7fb3dd;
  background: #f5faff;
}

/* CONTENT GRID */
.zara-fs-Fontana-Heritage-Column-Collection .zfhcc-content-grid {
  display: grid;
  grid-template-columns: minmax(0, 2.2fr) minmax(0, 1.4fr);
  gap: 24px;
  margin-top: 12px;
  align-items: start;
}

/* CARD */
.zara-fs-Fontana-Heritage-Column-Collection .zfhcc-card {
  background: #ffffff;
  border-radius: 24px;
  border: 1px solid #dde3ec;
  padding: 22px 22px;
  box-shadow: 0 12px 30px rgba(15, 23, 42, 0.05);
}
.zara-fs-Fontana-Heritage-Column-Collection .zfhcc-card + .zfhcc-card {
  margin-top: 18px;
}
.zara-fs-Fontana-Heritage-Column-Collection .zfhcc-card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
}
.zara-fs-Fontana-Heritage-Column-Collection .zfhcc-card-header .zfhcc-label {
  font-size: 11px;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: #5a8db5;
  font-weight: 700;
}
.zara-fs-Fontana-Heritage-Column-Collection .zfhcc-card-header .zfhcc-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #7fb3dd;
  box-shadow: 0 0 8px rgba(127, 179, 221, 0.6);
}
.zara-fs-Fontana-Heritage-Column-Collection .zfhcc-card p {
  color: #4b5563;
  font-size: 13px;
  margin-bottom: 8px;
}
.zara-fs-Fontana-Heritage-Column-Collection .zfhcc-card p strong {
  color: #1f3444;
  font-weight: 700;
}
.zara-fs-Fontana-Heritage-Column-Collection .zfhcc-card ul {
  list-style: none;
  margin-left: 0;
  margin-top: 8px;
}
.zara-fs-Fontana-Heritage-Column-Collection .zfhcc-card ul li {
  font-size: 13px;
  color: #4b5563;
  padding: 8px 0;
  border-bottom: 1px solid #e5e7eb;
  display: flex;
  gap: 10px;
  align-items: flex-start;
  line-height: 1.55;
}
.zara-fs-Fontana-Heritage-Column-Collection .zfhcc-card ul li:last-child {
  border-bottom: none;
}
.zara-fs-Fontana-Heritage-Column-Collection .zfhcc-card ul li strong {
  color: #1f3444;
  font-weight: 700;
}
.zara-fs-Fontana-Heritage-Column-Collection .zfhcc-bullet {
  width: 7px;
  height: 7px;
  border-radius: 999px;
  margin-top: 7px;
  background: #7fb3dd;
  flex-shrink: 0;
}
.zara-fs-Fontana-Heritage-Column-Collection .zfhcc-pill-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 10px;
}
.zara-fs-Fontana-Heritage-Column-Collection .zfhcc-pill-list span {
  font-size: 11px;
  padding: 5px 11px;
  border-radius: 999px;
  background: #f5faff;
  border: 1px solid #c7e2f6;
  color: #5a8db5;
  font-weight: 600;
}

/* SPEC BANNER */
.zara-fs-Fontana-Heritage-Column-Collection .zfhcc-spec-banner {
  margin-top: 26px;
  padding: 20px 20px;
  border-radius: 24px;
  border: 1px dashed #7fb3dd;
  background: linear-gradient(135deg, #ffffff, #e0f6ff);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
}
.zara-fs-Fontana-Heritage-Column-Collection .zfhcc-spec-banner .zfhcc-h3 {
  margin: 0 0 4px;
  color: #1f3444;
}
.zara-fs-Fontana-Heritage-Column-Collection .zfhcc-spec-banner p {
  font-size: 13px;
  color: #6b7280;
}
.zara-fs-Fontana-Heritage-Column-Collection .zfhcc-spec-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  font-size: 11px;
}
.zara-fs-Fontana-Heritage-Column-Collection .zfhcc-spec-badges span {
  padding: 5px 11px;
  border-radius: 999px;
  background: #ffffff;
  border: 1px solid #c7e2f6;
  color: #5a8db5;
  font-weight: 600;
}
.zara-fs-Fontana-Heritage-Column-Collection .zfhcc-spec-banner-btn-wrap {
  margin-top: 10px;
}

/* FOOTER (kept visible — restyled to airy theme) */
.zara-fs-Fontana-Heritage-Column-Collection .zfhcc-footer {
  margin-top: 40px;
  padding-top: 18px;
  border-top: 1px solid #dde3ec;
  font-size: 11px;
  color: #6b7280;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 12px;
}
.zara-fs-Fontana-Heritage-Column-Collection .zfhcc-footer a {
  font-size: 11px;
  color: #5a8db5;
}

/* RESPONSIVE */
@media (max-width: 960px) {
  .zara-fs-Fontana-Heritage-Column-Collection .zfhcc-hero {
    grid-template-columns: minmax(0, 1fr);
  }
  .zara-fs-Fontana-Heritage-Column-Collection .zfhcc-hero-visual {
    order: -1;
  }
  .zara-fs-Fontana-Heritage-Column-Collection .zfhcc-content-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  .zara-fs-Fontana-Heritage-Column-Collection .zfhcc-page {
    padding: 20px 16px 48px;
  }
}
@media (max-width: 640px) {
  .zara-fs-Fontana-Heritage-Column-Collection .zfhcc-h1 {
    font-size: 26px;
  }
  .zara-fs-Fontana-Heritage-Column-Collection .zfhcc-hero {
    padding: 24px 18px;
  }
  .zara-fs-Fontana-Heritage-Column-Collection .zfhcc-hero-banner {
    max-width: 100%;
  }
}

.zara-fs-Fontana-Urban-Edge-Collection {
  line-height: 1.6;
  color: #1f3444;
}
.zara-fs-Fontana-Urban-Edge-Collection * {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
.zara-fs-Fontana-Urban-Edge-Collection a {
  color: #5a8db5;
  text-decoration: none;
}
.zara-fs-Fontana-Urban-Edge-Collection a:hover {
  text-decoration: underline;
}

/* PAGE */
.zara-fs-Fontana-Urban-Edge-Collection .zfuec-page {
  max-width: 1240px;
  margin: 0 auto;
  padding: 28px 18px 64px;
}

/* HEADER */
.zara-fs-Fontana-Urban-Edge-Collection .zfuec-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 32px;
  flex-wrap: wrap;
  gap: 14px;
}
.zara-fs-Fontana-Urban-Edge-Collection .zfuec-brand {
  display: flex;
  align-items: center;
  gap: 12px;
}
.zara-fs-Fontana-Urban-Edge-Collection .zfuec-brand-logo {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: linear-gradient(135deg, #e3f2fd, #c7e2f6);
  border: 1px solid #c7e2f6;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  font-size: 22px;
  color: #1f3444;
  box-shadow: 0 8px 22px rgba(127, 179, 221, 0.25);
}
.zara-fs-Fontana-Urban-Edge-Collection .zfuec-brand-text {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.zara-fs-Fontana-Urban-Edge-Collection .zfuec-brand-text span:first-child {
  font-size: 13px;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: #5a8db5;
  font-weight: 700;
}
.zara-fs-Fontana-Urban-Edge-Collection .zfuec-brand-text span:last-child {
  font-size: 15px;
  font-weight: 700;
  color: #1f3444;
}
.zara-fs-Fontana-Urban-Edge-Collection .zfuec-header-actions {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}
.zara-fs-Fontana-Urban-Edge-Collection .zfuec-pill-label {
  padding: 5px 13px;
  border-radius: 999px;
  border: 1px solid #c7e2f6;
  background: #ffffff;
  font-size: 11px;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #5a8db5;
  font-weight: 600;
}

/* BUTTONS */
.zara-fs-Fontana-Urban-Edge-Collection .zfuec-cta-btn-outline,
.zara-fs-Fontana-Urban-Edge-Collection .zfuec-cta-btn-primary {
  border-radius: 999px;
  padding: 9px 18px;
  font-size: 13px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: all .18s ease-out;
  font-weight: 600;
}
.zara-fs-Fontana-Urban-Edge-Collection .zfuec-cta-btn-outline {
  border: 1px solid #c7e2f6;
  background: #ffffff;
  color: #1f3444;
}
.zara-fs-Fontana-Urban-Edge-Collection .zfuec-cta-btn-primary {
  background: linear-gradient(135deg, #e3f2fd, #c7e2f6);
  color: #1f3444;
  border: 1px solid #c7e2f6;
  box-shadow: 0 10px 24px rgba(127, 179, 221, 0.25);
}
.zara-fs-Fontana-Urban-Edge-Collection .zfuec-cta-btn-outline:hover {
  background: #f5faff;
  border-color: #7fb3dd;
  transform: translateY(-1px);
}
.zara-fs-Fontana-Urban-Edge-Collection .zfuec-cta-btn-primary:hover {
  background: linear-gradient(135deg, #d6ecfb, #b5d8ef);
  border-color: #b5d8ef;
  transform: translateY(-1px);
}

/* HERO */
.zara-fs-Fontana-Urban-Edge-Collection .zfuec-hero {
  display: grid;
  grid-template-columns: 1.25fr 1fr;
  gap: 32px;
  padding: 32px 26px;
  border-radius: 32px;
  background: linear-gradient(135deg, #ffffff, #e0f6ff);
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.06);
  border: 1px solid #c7e2f6;
  position: relative;
  overflow: hidden;
}
.zara-fs-Fontana-Urban-Edge-Collection .zfuec-hero::before {
  content: "";
  position: absolute;
  inset: -40%;
  background:
    radial-gradient(circle at 0% 0%, rgba(127, 179, 221, 0.12) 0, transparent 55%),
    radial-gradient(circle at 100% 100%, rgba(127, 179, 221, 0.18) 0, transparent 55%);
  pointer-events: none;
}
.zara-fs-Fontana-Urban-Edge-Collection .zfuec-hero-content {
  position: relative;
  z-index: 2;
}
.zara-fs-Fontana-Urban-Edge-Collection .zfuec-hero-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
  flex-wrap: wrap;
}
.zara-fs-Fontana-Urban-Edge-Collection .zfuec-hero-eyebrow span {
  font-size: 11px;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: #5a8db5;
  font-weight: 700;
}
.zara-fs-Fontana-Urban-Edge-Collection .zfuec-hero-badge {
  padding: 4px 11px;
  border-radius: 999px;
  background: #ffffff;
  border: 1px solid #c7e2f6;
  color: #5a8db5;
  font-size: 10px;
  letter-spacing: .14em;
  text-transform: uppercase;
  font-weight: 600;
}

/* HEADINGS */
.zara-fs-Fontana-Urban-Edge-Collection .zfuec-h1 {
  font-size: 32px;
  line-height: 1.18;
  margin: 8px 0;
  color: #1f3444;
}
.zara-fs-Fontana-Urban-Edge-Collection .zfuec-h2 {
  font-size: 22px;
  margin: 20px 0 12px;
  color: #1f3444;
}
.zara-fs-Fontana-Urban-Edge-Collection .zfuec-h3 {
  font-size: 18px;
  margin: 18px 0 8px;
  color: #1f3444;
}
.zara-fs-Fontana-Urban-Edge-Collection .zfuec-h4 {
  font-size: 16px;
  margin: 12px 0 6px;
  color: #1f3444;
}
.zara-fs-Fontana-Urban-Edge-Collection .zfuec-h5 {
  font-size: 14px;
  margin: 10px 0 4px;
  text-transform: uppercase;
  letter-spacing: .14em;
  color: #5a8db5;
  font-weight: 700;
}

.zara-fs-Fontana-Urban-Edge-Collection .zfuec-hero-subtitle {
  font-size: 15px;
  color: #4b5563;
  max-width: 580px;
  margin-bottom: 18px;
}
.zara-fs-Fontana-Urban-Edge-Collection .zfuec-hero-subtitle strong {
  color: #1f3444;
  font-weight: 700;
}
.zara-fs-Fontana-Urban-Edge-Collection .zfuec-hero-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 14px 0;
}
.zara-fs-Fontana-Urban-Edge-Collection .zfuec-hero-tags span {
  font-size: 11px;
  letter-spacing: .14em;
  text-transform: uppercase;
  padding: 6px 14px;
  border-radius: 999px;
  border: 1px solid #c7e2f6;
  background: #ffffff;
  color: #5a8db5;
  font-weight: 600;
}
.zara-fs-Fontana-Urban-Edge-Collection .zfuec-hero-cta-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 10px;
  align-items: center;
}
.zara-fs-Fontana-Urban-Edge-Collection .zfuec-hero-meta {
  font-size: 12px;
  color: #6b7280;
}
.zara-fs-Fontana-Urban-Edge-Collection .zfuec-hero-meta strong {
  color: #1f3444;
  font-weight: 700;
}

/* HERO VISUAL */
.zara-fs-Fontana-Urban-Edge-Collection .zfuec-hero-visual {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 2;
}
.zara-fs-Fontana-Urban-Edge-Collection .zfuec-hero-banner {
  max-width: 430px;
  width: 100%;
  border-radius: 30px;
  padding: 22px 20px;
  background: linear-gradient(145deg, #ffffff, #e3f2fd 45%, #c7e2f6);
  border: 1px solid #c7e2f6;
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.08);
  color: #1f3444;
}
.zara-fs-Fontana-Urban-Edge-Collection .zfuec-banner-badge {
  display: inline-flex;
  padding: 5px 11px;
  border-radius: 999px;
  background: #ffffff;
  border: 1px solid #c7e2f6;
  font-size: 10px;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #5a8db5;
  font-weight: 600;
}
.zara-fs-Fontana-Urban-Edge-Collection .zfuec-banner-title {
  font-size: 15px;
  font-weight: 600;
  margin: 10px 0;
  color: #1f3444;
  line-height: 1.5;
}
.zara-fs-Fontana-Urban-Edge-Collection .zfuec-banner-chip-row {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-bottom: 14px;
}
.zara-fs-Fontana-Urban-Edge-Collection .zfuec-banner-chip {
  padding: 5px 11px;
  border-radius: 999px;
  font-size: 11px;
  background: #ffffff;
  border: 1px solid #c7e2f6;
  color: #5a8db5;
  font-weight: 600;
}
.zara-fs-Fontana-Urban-Edge-Collection .zfuec-banner-spec-pill {
  margin-top: 10px;
  padding: 8px 13px;
  border-radius: 16px;
  background: #ffffff;
  border: 1px dashed #7fb3dd;
  font-size: 11px;
  color: #4b5563;
  display: block;
  line-height: 1.5;
}
.zara-fs-Fontana-Urban-Edge-Collection .zfuec-banner-footnote {
  font-size: 11px;
  color: #6b7280;
  margin-top: 10px;
}

/* NAV */
.zara-fs-Fontana-Urban-Edge-Collection .zfuec-pill-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 28px 0;
}
.zara-fs-Fontana-Urban-Edge-Collection .zfuec-pill-nav button {
  background: #ffffff;
  border-radius: 999px;
  border: 1px solid #c7e2f6;
  color: #5a8db5;
  padding: 8px 15px;
  font-size: 12px;
  cursor: pointer;
  transition: all .16s ease-out;
  font-weight: 600;
}
.zara-fs-Fontana-Urban-Edge-Collection .zfuec-pill-nav button.zfuec-active {
  background: linear-gradient(135deg, #e3f2fd, #c7e2f6);
  color: #1f3444;
  font-weight: 700;
  border: 1px solid #c7e2f6;
}
.zara-fs-Fontana-Urban-Edge-Collection .zfuec-pill-nav button:hover {
  transform: translateY(-1px);
  border-color: #7fb3dd;
  background: #f5faff;
}

/* CONTENT GRID */
.zara-fs-Fontana-Urban-Edge-Collection .zfuec-content-grid {
  display: grid;
  grid-template-columns: 2.2fr 1.4fr;
  gap: 24px;
}

/* CARD */
.zara-fs-Fontana-Urban-Edge-Collection .zfuec-card {
  background: #ffffff;
  border-radius: 24px;
  border: 1px solid #dde3ec;
  padding: 22px 22px;
  margin-bottom: 18px;
  box-shadow: 0 12px 30px rgba(15, 23, 42, 0.05);
}
.zara-fs-Fontana-Urban-Edge-Collection .zfuec-card-header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 12px;
  align-items: center;
}
.zara-fs-Fontana-Urban-Edge-Collection .zfuec-card-header .zfuec-label {
  font-size: 11px;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: #5a8db5;
  font-weight: 700;
}
.zara-fs-Fontana-Urban-Edge-Collection .zfuec-card-header .zfuec-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #7fb3dd;
  box-shadow: 0 0 8px rgba(127, 179, 221, 0.6);
}
.zara-fs-Fontana-Urban-Edge-Collection .zfuec-card p {
  font-size: 13px;
  color: #4b5563;
  margin-bottom: 8px;
}
.zara-fs-Fontana-Urban-Edge-Collection .zfuec-card p strong {
  color: #1f3444;
  font-weight: 700;
}
.zara-fs-Fontana-Urban-Edge-Collection .zfuec-card ul {
  list-style: none;
  margin-top: 8px;
}
.zara-fs-Fontana-Urban-Edge-Collection .zfuec-card ul li {
  display: flex;
  gap: 10px;
  font-size: 13px;
  color: #4b5563;
  padding: 8px 0;
  border-bottom: 1px solid #e5e7eb;
  align-items: flex-start;
  line-height: 1.55;
}
.zara-fs-Fontana-Urban-Edge-Collection .zfuec-card ul li:last-child {
  border-bottom: none;
}
.zara-fs-Fontana-Urban-Edge-Collection .zfuec-card ul li strong {
  color: #1f3444;
  font-weight: 700;
}
.zara-fs-Fontana-Urban-Edge-Collection .zfuec-bullet {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #7fb3dd;
  margin-top: 7px;
  flex-shrink: 0;
}
.zara-fs-Fontana-Urban-Edge-Collection .zfuec-pill-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 10px;
}
.zara-fs-Fontana-Urban-Edge-Collection .zfuec-pill-list span {
  font-size: 11px;
  padding: 5px 11px;
  border-radius: 999px;
  background: #f5faff;
  border: 1px solid #c7e2f6;
  color: #5a8db5;
  font-weight: 600;
}



/* RESPONSIVE */
@media (max-width: 960px) {
  .zara-fs-Fontana-Urban-Edge-Collection .zfuec-hero,
  .zara-fs-Fontana-Urban-Edge-Collection .zfuec-content-grid {
    grid-template-columns: 1fr;
  }
  .zara-fs-Fontana-Urban-Edge-Collection .zfuec-hero-visual {
    order: -1;
  }
  .zara-fs-Fontana-Urban-Edge-Collection .zfuec-page {
    padding: 20px 16px 48px;
  }
}
@media (max-width: 640px) {
  .zara-fs-Fontana-Urban-Edge-Collection .zfuec-h1 {
    font-size: 26px;
  }
  .zara-fs-Fontana-Urban-Edge-Collection .zfuec-hero {
    padding: 24px 18px;
  }
  .zara-fs-Fontana-Urban-Edge-Collection .zfuec-hero-banner {
    max-width: 100%;
  }
  .zara-fs-Fontana-Urban-Edge-Collection .zfuec-card {
    padding: 18px;
  }
}

.zara-fs-crdi {
  line-height: 1.5;
  color: #1f3444;
  background: #ffffff;
}

.zara-fs-crdi * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.zara-fs-crdi img {
  max-width: 100%;
  height: auto;
  display: block;
}

/* ---- CONTAINER ---- */
.zara-fs-crdi .zara-fs-crdi-container {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 2rem;
}

/* ---- TYPOGRAPHY ---- */
.zara-fs-crdi .zara-fs-crdi-h1 {
  font-size: 34px;
  line-height: 1.2;
  margin-bottom: 1rem;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: #1f3444;
}
.zara-fs-crdi .zara-fs-crdi-h2 {
  font-size: 26px;
  line-height: 1.3;
  margin-bottom: 1.5rem;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: #1f3444;
}
.zara-fs-crdi .zara-fs-crdi-h3 {
  font-size: 16px;
  margin-bottom: 0.75rem;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: #1f3444;
}
.zara-fs-crdi .zara-fs-crdi-h4 {
  font-weight: 700;
  letter-spacing: -0.02em;
  color: #1f3444;
}
.zara-fs-crdi .zara-fs-crdi-p {
  color: #4b5563;
  margin-bottom: 1rem;
  font-size: 15px;
}
.zara-fs-crdi .zara-fs-crdi-p-sm {
  color: #4b5563;
  font-size: 14px;
  margin-bottom: 0.75rem;
}

/* ---- LINKS ---- */
.zara-fs-crdi .zara-fs-crdi-link {
  /* color: #5a8db5; */
  text-decoration: none;
}
.zara-fs-crdi .zara-fs-crdi-link:hover { text-decoration: underline; }
.zara-fs-crdi .zara-fs-crdi-link-arrow {
  color: #5a8db5;
  text-decoration: none;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  margin-top: 16px;
}
.zara-fs-crdi .zara-fs-crdi-link-arrow:hover { gap: 0.5rem; text-decoration: none; }

/* ---- SECTION (color-coded bgs remapped to subtle blue tints) ---- */
.zara-fs-crdi .zara-fs-crdi-section { padding: 4rem 0; }
.zara-fs-crdi .zara-fs-crdi-section-gray { padding: 4rem 0; background: #f9fafb; }
.zara-fs-crdi .zara-fs-crdi-section-gradient {padding: 4rem 0;/* background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%); */}
.zara-fs-crdi .zara-fs-crdi-section-finish { padding: 4rem 0; background: linear-gradient(135deg, #f5faff 0%, #e8f5ff 100%); }
.zara-fs-crdi .zara-fs-crdi-section-problem { padding: 4rem 0; background: linear-gradient(135deg, #f5faff 0%, #e0f6ff 100%); }
.zara-fs-crdi .zara-fs-crdi-section-maintenance { padding: 4rem 0; background: linear-gradient(135deg, #f5faff 0%, #e3f2fd 100%); }
.zara-fs-crdi .zara-fs-crdi-section-faq {padding: 4rem 0;/* background: linear-gradient(135deg, #f8fafc 0%, #ffffff 100%); */}
.zara-fs-crdi .zara-fs-crdi-section-roi {padding: 4rem 0;/* background: linear-gradient(135deg, #e8f0f5 0%, #dce6ed 100%); */}
.zara-fs-crdi .zara-fs-crdi-section-specifier { padding: 4rem 0; background: linear-gradient(135deg, #f5faff 0%, #d6ecfb 100%); }

/* ---- SECTION HEADER ---- */
.zara-fs-crdi .zara-fs-crdi-section-header {
  text-align: center;
  max-width: 800px;
  margin: 0 auto 3rem;
}
.zara-fs-crdi .zara-fs-crdi-section-header .zara-fs-crdi-p { font-size: 16px; }

/* ---- SECTION BADGE ---- */
.zara-fs-crdi .zara-fs-crdi-section-badge {
  display: inline-block;
  background: linear-gradient(135deg, #e3f2fd, #c7e2f6);
  color: #1f3444;
  font-size: 12px;
  font-weight: 700;
  padding: 0.25rem 1rem;
  border-radius: 2rem;
  margin-bottom: 1rem;
  letter-spacing: 0.5px;
  border: 1px solid #c7e2f6;
}
.zara-fs-crdi .zara-fs-crdi-badge {
  display: inline-block;
  background: #f5faff;
  color: #5a8db5;
  font-size: 11px;
  padding: 0.25rem 0.75rem;
  border-radius: 1rem;
  margin-bottom: 0.75rem;
  font-weight: 700;
  border: 1px solid #c7e2f6;
}
.zara-fs-crdi .zara-fs-crdi-badge-white {
  display: inline-block;
  background: #ffffff;
  color: #5a8db5;
  font-size: 11px;
  padding: 0.25rem 0.75rem;
  border-radius: 1rem;
  margin-bottom: 0.75rem;
  font-weight: 700;
  border: 1px solid #c7e2f6;
}

/* ---- GRIDS ---- */
.zara-fs-crdi .zara-fs-crdi-grid-2 {display: grid;grid-template-columns: repeat(2, 1fr);gap: 2rem;align-items: center;}
.zara-fs-crdi .zara-fs-crdi-grid-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2rem; }
.zara-fs-crdi .zara-fs-crdi-grid-4 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.5rem; }
.zara-fs-crdi .zara-fs-crdi-grid-3-mt { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2rem; margin-top: 30px; }

/* ---- CARD BASE ---- */
.zara-fs-crdi .zara-fs-crdi-card {
  background: #ffffff;
  border-radius: 1rem;
  border: 1px solid #dde3ec;
  overflow: hidden;
  transition: all 0.3s ease;
  box-shadow: 0 1px 2px 0 rgba(15, 23, 42, 0.05);
}
.zara-fs-crdi .zara-fs-crdi-card-content { padding: 1.5rem; }
.zara-fs-crdi .zara-fs-crdi-card-img {
  width: 100%;
  height: 220px;
  object-fit: cover;
  background: #f5faff;
}
.zara-fs-crdi .zara-fs-crdi-card-img-wrapper { position: relative; overflow: hidden; }
.zara-fs-crdi .zara-fs-crdi-card-img-wrapper .zara-fs-crdi-card-img { transition: transform 0.3s ease; }
.zara-fs-crdi .zara-fs-crdi-hover-lift { transition: all 0.3s ease; }
.zara-fs-crdi .zara-fs-crdi-hover-lift:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 15px -3px rgba(127, 179, 221, 0.20);
  border-color: #7fb3dd;
}
.zara-fs-crdi .zara-fs-crdi-hover-lift:hover .zara-fs-crdi-card-img { transform: scale(1.05); }
.zara-fs-crdi .zara-fs-crdi-card-tag {
  position: absolute;
  top: 12px; right: 12px;
  background: linear-gradient(135deg, #7fb3dd, #5a8db5);
  color: #ffffff;
  font-size: 11px;
  font-weight: 700;
  padding: 0.25rem 0.75rem;
  border-radius: 1rem;
}
.zara-fs-crdi .zara-fs-crdi-card-footer {
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid #e5e7eb;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex-wrap: wrap;
}
.zara-fs-crdi .zara-fs-crdi-teaser-badge {
  background: linear-gradient(135deg, #e3f2fd, #c7e2f6);
  color: #1f3444;
  font-size: 11px;
  font-weight: 700;
  padding: 0.25rem 0.75rem;
  border-radius: 1rem;
  border: 1px solid #c7e2f6;
}
.zara-fs-crdi .zara-fs-crdi-teaser-link { color: #5a8db5; font-weight: 600; font-size: 14px; }

/* ---- BUTTONS ---- */
.zara-fs-crdi .zara-fs-crdi-btn-primary {
  display: inline-block;
  background: linear-gradient(135deg, #e3f2fd, #c7e2f6);
  color: #1f3444;
  font-weight: 700;
  padding: 0.875rem 2rem;
  border-radius: 4rem;
  text-decoration: none;
  transition: all 0.2s ease;
  border: 1px solid #c7e2f6;
  box-shadow: 0 10px 24px rgba(127, 179, 221, 0.25);
}
.zara-fs-crdi .zara-fs-crdi-btn-primary:hover { background: linear-gradient(135deg, #d6ecfb, #b5d8ef); border-color: #b5d8ef; transform: translateY(-2px); box-shadow: 0 4px 6px -1px rgba(127, 179, 221, 0.30); color: #1f3444; text-decoration: none; }
.zara-fs-crdi .zara-fs-crdi-btn-outline {
  display: inline-block;
  background: #ffffff;
  border: 2px solid #c7e2f6;
  color: #1f3444;
  font-weight: 700;
  padding: 0.875rem 2rem;
  border-radius: 3rem;
  text-decoration: none;
  transition: all 0.2s ease;
}
.zara-fs-crdi .zara-fs-crdi-btn-outline:hover { background: #f5faff; border-color: #7fb3dd; color: #1f3444; text-decoration: none; }
.zara-fs-crdi .zara-fs-crdi-btn-outline-white {
  display: inline-block;
  background: #ffffff;
  border: 2px solid #c7e2f6;
  color: #1f3444;
  font-weight: 700;
  padding: 0.875rem 2rem;
  border-radius: 7rem;
  text-decoration: none;
  transition: all 0.2s ease;
  font-size: 16px;
}
.zara-fs-crdi .zara-fs-crdi-btn-outline-white:hover { background: #f5faff; border-color: #7fb3dd; transform: translateY(-2px); color: #1f3444; text-decoration: none; }
.zara-fs-crdi .zara-fs-crdi-btn-white {
  display: inline-block;
  background: #ffffff;
  color: #1f3444;
  font-weight: 700;
  padding: 0.875rem 2rem;
  border-radius: 7rem;
  text-decoration: none;
  transition: all 0.2s ease;
  border: 1px solid #c7e2f6;
  font-size: 16px;
}
.zara-fs-crdi .zara-fs-crdi-btn-white:hover { transform: translateY(-2px); box-shadow: 0 4px 6px -1px rgba(127, 179, 221, 0.20); color: #1f3444; text-decoration: none; }
.zara-fs-crdi .zara-fs-crdi-btn-outline-small {
  background: #ffffff;
  border: 1px solid #c7e2f6;
  color: #1f3444;
  padding: 0.5rem 1rem;
  border-radius: 2rem;
  text-decoration: none;
  font-size: 14px;
  font-weight: 600;
  transition: all 0.2s ease;
  display: inline-block;
}
.zara-fs-crdi .zara-fs-crdi-btn-outline-small:hover { background: #f5faff; border-color: #7fb3dd; color: #1f3444; }

/* CTA Buttons inside CTA section */
.zara-fs-crdi .zara-fs-crdi-cta-primary {
  background: linear-gradient(135deg, #e3f2fd, #c7e2f6);
  color: #1f3444;
  padding: 0.875rem 2rem;
  border-radius: 3rem;
  text-decoration: none;
  font-weight: 700;
  transition: all 0.2s ease;
  display: inline-block;
  border: 1px solid #c7e2f6;
}
.zara-fs-crdi .zara-fs-crdi-cta-primary:hover { background: linear-gradient(135deg, #d6ecfb, #b5d8ef); transform: translateY(-2px); box-shadow: 0 4px 6px -1px rgba(127, 179, 221, 0.25); color: #1f3444; text-decoration: none; }
.zara-fs-crdi .zara-fs-crdi-cta-secondary {
  background: #ffffff;
  border: 2px solid #c7e2f6;
  color: #1f3444;
  padding: 0.875rem 2rem;
  border-radius: 3rem;
  text-decoration: none;
  font-weight: 700;
  transition: all 0.2s ease;
  display: inline-block;
}
.zara-fs-crdi .zara-fs-crdi-cta-secondary:hover { background: #f5faff; border-color: #7fb3dd; transform: translateY(-2px); color: #1f3444; text-decoration: none; }

/* ---- BREADCRUMB ---- */
.zara-fs-crdi .zara-fs-crdi-breadcrumb { padding: 1rem 0; font-size: 14px; color: #6b7280; }
.zara-fs-crdi .zara-fs-crdi-breadcrumb a { color: #5a8db5; text-decoration: none; }

/* ---- HERO (was dark green/teal gradient) ---- */
.zara-fs-crdi .zara-fs-crdi-hero { background: linear-gradient(135deg, #ffffff 0%, #e0f6ff 100%); color: #1f3444; padding: 4rem 0; }
.zara-fs-crdi .zara-fs-crdi-hero .zara-fs-crdi-h1 { color: #1f3444; }
.zara-fs-crdi .zara-fs-crdi-hero-p-large {font-size: 16px;/* max-width: 750px; */margin: 1rem 0;line-height: 1.6;color: #4b5563;}
.zara-fs-crdi .zara-fs-crdi-hero-p-large a { color: #5a8db5; text-decoration: underline; font-weight: 700; }
.zara-fs-crdi .zara-fs-crdi-hero-p-small {font-size: 14px;/* max-width: 700px; */color: #6b7280;}
.zara-fs-crdi .zara-fs-crdi-hero-stats { display: flex; gap: 2rem; margin-top: 2rem; flex-wrap: wrap; }
.zara-fs-crdi .zara-fs-crdi-hero-stat { text-align: center; }
.zara-fs-crdi .zara-fs-crdi-hero-stat-number {font-size: 20px;font-weight: 700;color: #1f3444;}
.zara-fs-crdi .zara-fs-crdi-hero-stat-label { font-size: 14px; color: #6b7280; }
.zara-fs-crdi .zara-fs-crdi-hero-cta-row { margin-top: 2rem; display: flex; gap: 1rem; flex-wrap: wrap; }

/* ---- HELP BANNER (simple top one) ---- */
.zara-fs-crdi .zara-fs-crdi-help-banner {
  margin-top: 20px;
  padding: 15px;
  background: #f5faff;
  border-left: 4px solid #7fb3dd;
  max-width: 1280px;
  margin: 20px auto;
  padding: 15px 2rem;
}

/* ---- QUICK NAV ---- */
.zara-fs-crdi .zara-fs-crdi-quick-nav {background: #f5faff;padding: 10px 0 !important;border-bottom: 1px solid #c7e2f6;max-width: 1280px;margin: 0 auto;padding: 0 2rem;margin-top: -27px;}
.zara-fs-crdi .zara-fs-crdi-quick-nav-inner { display: flex; gap: 15px; flex-wrap: wrap; justify-content: center; }

/* ---- DECISION GRID ---- */
.zara-fs-crdi .zara-fs-crdi-decision-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; }
.zara-fs-crdi .zara-fs-crdi-decision-card {
  background: #ffffff;
  border-radius: 0.75rem;
  padding: 1.25rem;
  text-align: center;
  border: 1px solid #dde3ec;
  transition: all 0.2s;
}
.zara-fs-crdi .zara-fs-crdi-decision-card:hover { border-color: #7fb3dd; transform: translateY(-2px); }
.zara-fs-crdi .zara-fs-crdi-decision-icon { font-size: 20px; margin-bottom: 0.5rem; }
.zara-fs-crdi .zara-fs-crdi-decision-card .zara-fs-crdi-h3 { margin-bottom: 0; }
.zara-fs-crdi .zara-fs-crdi-decision-card-p { font-size: 14px; color: #4b5563; margin-bottom: 0.5rem; }

/* ---- SYSTEM ARCHITECTURE ---- */
.zara-fs-crdi .zara-fs-crdi-arch-step { display: flex; gap: 1rem; margin-bottom: 1rem; align-items: center; }
.zara-fs-crdi .zara-fs-crdi-arch-num {
  background: linear-gradient(135deg, #7fb3dd, #5a8db5);
  width: 40px; height: 40px;
  border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  color: #ffffff; flex-shrink: 0; font-weight: 700;
}
.zara-fs-crdi .zara-fs-crdi-arch-steps { margin-top: 1.5rem; }
.zara-fs-crdi .zara-fs-crdi-arch-img { width: 100%; border-radius: 1rem; background: #f5faff; }

/* ---- HELP SECTION (full-width banner between sections) ---- */
.zara-fs-crdi .zara-fs-crdi-help-section { margin: 1rem auto; max-width: 1280px; padding: 0 2rem; }
.zara-fs-crdi .zara-fs-crdi-help-section-inner {
  background: linear-gradient(135deg, #f5faff 0%, #e0f6ff 100%);
  border-radius: 1rem;
  padding: 1.25rem 1.75rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 1rem;
  border-right: 4px solid #7fb3dd;
}
.zara-fs-crdi .zara-fs-crdi-help-icon { font-size: 22px; }
.zara-fs-crdi .zara-fs-crdi-help-content { flex: 1; }
.zara-fs-crdi .zara-fs-crdi-help-content strong { font-size: 15px; color: #1f3444; display: block; }
.zara-fs-crdi .zara-fs-crdi-help-content span { font-size: 14px; color: #4b5563; }
.zara-fs-crdi .zara-fs-crdi-help-btn {
  background: linear-gradient(135deg, #e3f2fd, #c7e2f6);
  color: #1f3444;
  padding: 0.625rem 1.5rem;
  border-radius: 2rem;
  text-decoration: none;
  font-weight: 700;
  font-size: 14px;
  transition: all 0.2s ease;
  white-space: nowrap;
  border: 1px solid #c7e2f6;
}
.zara-fs-crdi .zara-fs-crdi-help-btn:hover { background: linear-gradient(135deg, #d6ecfb, #b5d8ef); transform: translateY(-2px); color: #1f3444; text-decoration: none; }

/* ---- COMPARISON TABLE ---- */
.zara-fs-crdi .zara-fs-crdi-comparison-table-enhanced {
  width: 100%;
  border-collapse: collapse;
  background: #ffffff;
  border-radius: 1rem;
  overflow: hidden;
  box-shadow: 0 4px 6px -1px rgba(15, 23, 42, 0.08);
  border: 1px solid #dde3ec;
}
.zara-fs-crdi .zara-fs-crdi-comparison-table-enhanced th {background: #f5faff;color: #5a8db5;padding: 1rem;text-align: left;font-weight: 700;text-transform: uppercase;letter-spacing: 0.5px;font-size: 14px;}
.zara-fs-crdi .zara-fs-crdi-comparison-table-enhanced td {padding: 1rem;border-bottom: 1px solid #e5e7eb;color: #4b5563;font-size: 14px;}
.zara-fs-crdi .zara-fs-crdi-comparison-table-enhanced tr:last-child td { border-bottom: none; }
.zara-fs-crdi .zara-fs-crdi-comparison-table-enhanced tr:hover td { background: #f5faff; }
.zara-fs-crdi .zara-fs-crdi-table-overflow { overflow-x: auto; }
.zara-fs-crdi .zara-fs-crdi-table-note {margin-top: 20px;text-align: center;font-size: 14px;color: #6b7280;}
.zara-fs-crdi .zara-fs-crdi-table-note a { color: #5a8db5; font-weight: 700; }

/* ---- FINISH CARDS (chrome/black/nickel kept as real finishes; gold → soft blue) ---- */
.zara-fs-crdi .zara-fs-crdi-finish-card {
  background: #ffffff;
  border-radius: 1rem;
  padding: 1.5rem;
  text-align: center;
  transition: all 0.3s ease;
  border: 1px solid #dde3ec;
}
.zara-fs-crdi .zara-fs-crdi-finish-card:hover { transform: translateY(-4px); box-shadow: 0 4px 6px -1px rgba(127, 179, 221, 0.20); border-color: #7fb3dd; }
.zara-fs-crdi .zara-fs-crdi-finish-swatch { width: 60px; height: 60px; border-radius: 50%; margin: 0 auto 1rem; box-shadow: 0 1px 2px 0 rgba(15, 23, 42, 0.05); }
.zara-fs-crdi .zara-fs-crdi-finish-swatch-chrome { background: linear-gradient(135deg, #e8e8e8, #c0c0c0); }
.zara-fs-crdi .zara-fs-crdi-finish-swatch-matte-black { background: #2d2d2d; }
.zara-fs-crdi .zara-fs-crdi-finish-swatch-brushed-nickel { background: linear-gradient(135deg, #b0b7bc, #8e989f); }
.zara-fs-crdi .zara-fs-crdi-finish-swatch-gold { background: linear-gradient(135deg, #d6ecfb, #7fb3dd); }
.zara-fs-crdi .zara-fs-crdi-finish-card .zara-fs-crdi-h3 { margin-bottom: 0.5rem; }
.zara-fs-crdi .zara-fs-crdi-finish-card-p { font-size: 14px; color: #4b5563; margin-bottom: 1rem; }
.zara-fs-crdi .zara-fs-crdi-finish-link { color: #5a8db5; text-decoration: none; font-weight: 600; font-size: 14px; }

/* ---- SCENARIO CARDS ---- */
.zara-fs-crdi .zara-fs-crdi-scenario-card {
  background: #ffffff;
  border-radius: 1rem;
  padding: 1.75rem;
  transition: all 0.3s ease;
  border: 1px solid #dde3ec;
  position: relative;
  overflow: hidden;
}
.zara-fs-crdi .zara-fs-crdi-scenario-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 4px; }
.zara-fs-crdi .zara-fs-crdi-scenario-card.zara-fs-crdi-airport::before { background: #7fb3dd; }
.zara-fs-crdi .zara-fs-crdi-scenario-card.zara-fs-crdi-healthcare::before { background: #5a8db5; }
.zara-fs-crdi .zara-fs-crdi-scenario-card.zara-fs-crdi-office::before { background: #b5d8ef; }
.zara-fs-crdi .zara-fs-crdi-scenario-card:hover { transform: translateY(-4px); box-shadow: 0 10px 15px -3px rgba(127, 179, 221, 0.20); }
.zara-fs-crdi .zara-fs-crdi-scenario-icon { font-size: 32px; margin-bottom: 1rem; }
.zara-fs-crdi .zara-fs-crdi-scenario-stats { font-size: 13px; color: #6b7280; margin: 0.75rem 0; padding: 0.5rem 0; border-top: 1px solid #e5e7eb; border-bottom: 1px solid #e5e7eb; }

/* ---- DEEP CARDS ---- */
.zara-fs-crdi .zara-fs-crdi-deep-card { background: #ffffff; border-radius: 1rem; overflow: hidden; transition: all 0.3s ease; box-shadow: 0 1px 2px 0 rgba(15, 23, 42, 0.05); border: 1px solid #dde3ec; }
.zara-fs-crdi .zara-fs-crdi-deep-card:hover { transform: translateY(-4px); box-shadow: 0 10px 15px -3px rgba(127, 179, 221, 0.20); }
.zara-fs-crdi .zara-fs-crdi-deep-card-img { width: 100%; height: 200px; object-fit: cover; }
.zara-fs-crdi .zara-fs-crdi-deep-card-content { padding: 1.5rem; }
.zara-fs-crdi .zara-fs-crdi-deep-badge { display: inline-block; font-size: 11px; font-weight: 700; padding: 0.25rem 0.75rem; border-radius: 1rem; margin-bottom: 0.75rem; }
.zara-fs-crdi .zara-fs-crdi-airport-badge { background: #e3f2fd; color: #5a8db5; }
.zara-fs-crdi .zara-fs-crdi-healthcare-badge { background: #e0f6ff; color: #5a8db5; }
.zara-fs-crdi .zara-fs-crdi-hospitality-badge { background: #d6ecfb; color: #5a8db5; }
.zara-fs-crdi .zara-fs-crdi-deep-card-list { margin: 1rem 0; padding-left: 1.25rem; color: #4b5563; font-size: 14px; }
.zara-fs-crdi .zara-fs-crdi-deep-card-list li { margin-bottom: 0.25rem; }

/* ---- PROBLEM SOLUTION ---- */
.zara-fs-crdi .zara-fs-crdi-problem-solution-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.5rem; }
.zara-fs-crdi .zara-fs-crdi-problem-card {
  background: #ffffff;
  border-radius: 1rem;
  padding: 1.5rem;
  box-shadow: 0 1px 2px 0 rgba(15, 23, 42, 0.05);
  border: 1px solid #dde3ec;
  transition: all 0.3s ease;
}
.zara-fs-crdi .zara-fs-crdi-problem-card:hover { transform: translateY(-2px); box-shadow: 0 4px 6px -1px rgba(127, 179, 221, 0.20); }
.zara-fs-crdi .zara-fs-crdi-problem-icon { font-size: 22px; margin-bottom: 0.75rem; }
.zara-fs-crdi .zara-fs-crdi-problem-card .zara-fs-crdi-h3 { margin-bottom: 0.75rem; }
.zara-fs-crdi .zara-fs-crdi-solution-divider { margin-top: 1rem; padding-top: 1rem; border-top: 1px solid #e5e7eb; color: #1f3444; }

/* ---- SPEC CARDS ---- */
.zara-fs-crdi .zara-fs-crdi-spec-card { background: #ffffff; border-radius: 1rem; padding: 1.25rem; border: 1px solid #dde3ec; }
.zara-fs-crdi .zara-fs-crdi-spec-header { font-weight: 700; font-size: 15px; color: #1f3444; padding-bottom: 0.75rem; margin-bottom: 0.75rem; border-bottom: 2px solid #7fb3dd; }
.zara-fs-crdi .zara-fs-crdi-spec-row { display: flex; justify-content: space-between; padding: 0.5rem 0; border-bottom: 1px solid #e5e7eb; font-size: 14px; }
.zara-fs-crdi .zara-fs-crdi-spec-row span:first-child { font-weight: 600; color: #374151; }
.zara-fs-crdi .zara-fs-crdi-spec-row span:last-child { color: #4b5563; }

/* ---- MAINTENANCE ---- */
.zara-fs-crdi .zara-fs-crdi-maintenance-badge { display: inline-block; background: linear-gradient(135deg, #e3f2fd, #c7e2f6); color: #1f3444; font-size: 11px; font-weight: 700; padding: 0.25rem 0.75rem; border-radius: 1rem; margin-bottom: 1rem; border: 1px solid #c7e2f6; }
.zara-fs-crdi .zara-fs-crdi-maintenance-list { list-style: none; margin: 1rem 0; }
.zara-fs-crdi .zara-fs-crdi-maintenance-list li { margin-bottom: 0.75rem; color: #4b5563; }
.zara-fs-crdi .zara-fs-crdi-troubleshoot-card {background: #ffffff;border-radius: 1rem;padding: 1.5rem;border: 1px solid #dde3ec;height: fit-content;}
.zara-fs-crdi .zara-fs-crdi-troubleshoot-card .zara-fs-crdi-h3 { margin-bottom: 1rem; color: #1f3444; }
.zara-fs-crdi .zara-fs-crdi-troubleshoot-row {display: flex;justify-content: space-between;padding: 0.75rem 0;border-bottom: 1px solid #e5e7eb;font-size: 14px;}
.zara-fs-crdi .zara-fs-crdi-troubleshoot-row span:first-child { font-weight: 700; color: #374151; }
.zara-fs-crdi .zara-fs-crdi-troubleshoot-row span:last-child { color: #4b5563; }

/* ---- INTEGRATION ---- */
.zara-fs-crdi .zara-fs-crdi-integration-badge { display: inline-block; background: linear-gradient(135deg, #e3f2fd, #c7e2f6); color: #1f3444; font-size: 11px; font-weight: 700; padding: 0.25rem 0.75rem; border-radius: 1rem; margin-bottom: 1rem; border: 1px solid #c7e2f6; }
.zara-fs-crdi .zara-fs-crdi-integration-list { margin: 1rem 0; padding-left: 1.25rem; }
.zara-fs-crdi .zara-fs-crdi-integration-list li { margin-bottom: 0.5rem; color: #4b5563; }
.zara-fs-crdi .zara-fs-crdi-integration-cta-row {display: flex;gap: 1rem;flex-wrap: wrap;margin-top: 1.5rem;font-size: 16px;}
.zara-fs-crdi .zara-fs-crdi-resources-card { background: #f5faff; border-radius: 1rem; padding: 1.5rem; border: 1px solid #c7e2f6; }
.zara-fs-crdi .zara-fs-crdi-resources-card .zara-fs-crdi-h3 { margin-bottom: 1rem; }
.zara-fs-crdi .zara-fs-crdi-resource-item {padding: 0.5rem 0;border-bottom: 1px solid #e5e7eb;font-size: 16px;}
.zara-fs-crdi .zara-fs-crdi-resource-item:last-child { border-bottom: none; }
.zara-fs-crdi .zara-fs-crdi-resource-item a { color: #5a8db5; text-decoration: none; font-weight: 600; }
.zara-fs-crdi .zara-fs-crdi-resource-item a:hover { text-decoration: underline; }

/* ---- FAQ ---- */
.zara-fs-crdi .zara-fs-crdi-faq-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.5rem; }
.zara-fs-crdi .zara-fs-crdi-faq-item { background: #ffffff; border-radius: 1rem; padding: 1.25rem; border: 1px solid #dde3ec; transition: all 0.2s ease; }
.zara-fs-crdi .zara-fs-crdi-faq-item:hover { border-color: #7fb3dd; box-shadow: 0 1px 2px 0 rgba(127, 179, 221, 0.15); }
.zara-fs-crdi .zara-fs-crdi-faq-question { font-weight: 700; font-size: 15px; color: #1f3444; cursor: pointer; margin-bottom: 0.75rem; }
.zara-fs-crdi .zara-fs-crdi-faq-answer { color: #4b5563; font-size: 14px; line-height: 1.5; display: block; }

/* ---- ENGINEERING CARDS ---- */
.zara-fs-crdi .zara-fs-crdi-engineering-card { background: #ffffff; border-radius: 1rem; padding: 1.75rem; text-align: center; transition: all 0.3s ease; border: 1px solid #dde3ec; }
.zara-fs-crdi .zara-fs-crdi-engineering-card:hover { transform: translateY(-4px); box-shadow: 0 10px 15px -3px rgba(127, 179, 221, 0.20); border-color: #7fb3dd; }
.zara-fs-crdi .zara-fs-crdi-eng-icon { font-size: 32px; margin-bottom: 1rem; }

/* ---- ROI ---- */
.zara-fs-crdi .zara-fs-crdi-roi-card { background: #ffffff; border-radius: 1rem; padding: 1.75rem; text-align: center; transition: all 0.3s ease; border: 1px solid #dde3ec; }
.zara-fs-crdi .zara-fs-crdi-roi-card:hover { transform: translateY(-4px); box-shadow: 0 10px 15px -3px rgba(127, 179, 221, 0.20); }
.zara-fs-crdi .zara-fs-crdi-roi-icon { font-size: 26px; margin-bottom: 1rem; }
.zara-fs-crdi .zara-fs-crdi-roi-stat {font-size: 17px;font-weight: 700;color: #1f3444;margin: 0.5rem 0;}

/* ---- FEATURE BAR (was dark green/teal gradient) ---- */
.zara-fs-crdi .zara-fs-crdi-feature-bar { padding: 50px 0; background: linear-gradient(135deg, #ffffff 0%, #e0f6ff 100%); color: #1f3444; border-top: 1px solid #c7e2f6; border-bottom: 1px solid #c7e2f6; }
.zara-fs-crdi .zara-fs-crdi-feature-bar-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 2rem; text-align: center; }
.zara-fs-crdi .zara-fs-crdi-feature-number {font-size: 20px;font-weight: 700;margin-bottom: 0px;color: #1f3444;}
.zara-fs-crdi .zara-fs-crdi-feature-label { font-size: 15px; font-weight: 700; margin-bottom: 0.25rem; color: #1f3444; }
.zara-fs-crdi .zara-fs-crdi-feature-desc { font-size: 12px; color: #6b7280; }

/* ---- PRODUCT CARDS ---- */
.zara-fs-crdi .zara-fs-crdi-product-card { background: #ffffff; border-radius: 1rem; overflow: hidden; transition: all 0.3s ease; box-shadow: 0 1px 2px 0 rgba(15, 23, 42, 0.05); border: 1px solid #dde3ec; position: relative; }
.zara-fs-crdi .zara-fs-crdi-product-card:hover { transform: translateY(-4px); box-shadow: 0 10px 15px -3px rgba(127, 179, 221, 0.20); }
.zara-fs-crdi .zara-fs-crdi-product-img { width: 100%; height: 220px; object-fit: cover; }
.zara-fs-crdi .zara-fs-crdi-product-badge { position: absolute; top: 12px; right: 12px; font-size: 11px; font-weight: 700; padding: 0.25rem 0.75rem; border-radius: 1rem; color: #ffffff; }
.zara-fs-crdi .zara-fs-crdi-product-badge-retrofit { background: #7fb3dd; }
.zara-fs-crdi .zara-fs-crdi-product-badge-high-traffic { background: #5a8db5; }
.zara-fs-crdi .zara-fs-crdi-product-badge-healthcare { background: #b5d8ef; color: #1f3444; }
.zara-fs-crdi .zara-fs-crdi-product-content { padding: 1.5rem; }
.zara-fs-crdi .zara-fs-crdi-product-sku { font-size: 12px; color: #6b7280; margin: 0.5rem 0; }
.zara-fs-crdi .zara-fs-crdi-product-price { font-size: 17px; font-weight: 700; color: #1f3444; margin: 0.5rem 0; }
.zara-fs-crdi .zara-fs-crdi-product-actions { display: flex; gap: 1rem; align-items: center; margin-top: 1rem; }

/* ---- SPECIFIER CARDS ---- */
.zara-fs-crdi .zara-fs-crdi-specifier-card { background: #ffffff; border-radius: 1rem; padding: 1.75rem; text-align: center; transition: all 0.3s ease; border: 1px solid #dde3ec; }
.zara-fs-crdi .zara-fs-crdi-specifier-card:hover { transform: translateY(-4px); box-shadow: 0 10px 15px -3px rgba(127, 179, 221, 0.20); }
.zara-fs-crdi .zara-fs-crdi-specifier-icon { font-size: 26px; margin-bottom: 1rem; }

/* ---- CTA SECTION (was dark green/teal gradient) ---- */
.zara-fs-crdi .zara-fs-crdi-cta-section-enhanced { background: linear-gradient(135deg, #ffffff 0%, #e0f6ff 100%); border: 1px solid #c7e2f6; border-radius: 1.5rem; padding: 3rem; text-align: center; color: #1f3444; }
.zara-fs-crdi .zara-fs-crdi-cta-section-enhanced .zara-fs-crdi-h2 { color: #1f3444; margin-bottom: 1rem; }
.zara-fs-crdi .zara-fs-crdi-cta-section-enhanced .zara-fs-crdi-p { color: #4b5563; max-width: 600px; margin: 0 auto 1.5rem; }
.zara-fs-crdi .zara-fs-crdi-cta-buttons-enhanced {display: flex;gap: 1rem;justify-content: center;flex-wrap: wrap;font-size: 16px;}

/* ---- MOUNT COMPARISON ---- */
.zara-fs-crdi .zara-fs-crdi-mount-icon { font-size: 26px; margin-bottom: 0.75rem; }
.zara-fs-crdi .zara-fs-crdi-feature-list { list-style: none; margin: 1rem 0; }
.zara-fs-crdi .zara-fs-crdi-feature-list li { margin-bottom: 0.5rem; color: #4b5563; font-size: 14px; }

/* ---- SITE FOOTER (was dark charcoal — now airy, kept visible) ---- */
.zara-fs-crdi .zara-fs-crdi-site-footer { background: linear-gradient(135deg, #ffffff, #e0f6ff); color: #4b5563; padding: 3rem 0 2rem; margin-top: 3rem; border-top: 1px solid #c7e2f6; }
.zara-fs-crdi .zara-fs-crdi-site-footer .zara-fs-crdi-h4 { color: #1f3444; margin-bottom: 1rem; font-size: 15px; }
.zara-fs-crdi .zara-fs-crdi-footer-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 2rem; margin-bottom: 2rem; }
.zara-fs-crdi .zara-fs-crdi-footer-ul { list-style: none; }
.zara-fs-crdi .zara-fs-crdi-footer-ul li { margin-bottom: 0.5rem; }
.zara-fs-crdi .zara-fs-crdi-footer-ul li a { color: #4b5563; text-decoration: none; font-size: 14px; }
.zara-fs-crdi .zara-fs-crdi-footer-ul li a:hover { color: #5a8db5; }
.zara-fs-crdi .zara-fs-crdi-footer-bottom { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 1rem; padding-top: 2rem; border-top: 1px solid #c7e2f6; font-size: 14px; }
.zara-fs-crdi .zara-fs-crdi-footer-hub a { color: #4b5563; text-decoration: none; }
.zara-fs-crdi .zara-fs-crdi-footer-hub a:hover { color: #5a8db5; }
.zara-fs-crdi .zara-fs-crdi-back-link { color: #5a8db5; text-decoration: none; font-weight: 600; }
.zara-fs-crdi .zara-fs-crdi-back-link:hover { text-decoration: underline; }

/* ---- SMALL BOXES / LOGOS ---- */
.zara-fs-crdi .zara-fs-crdi-small-boxes-wrapper {text-align: center;margin-top: 2rem;}
.zara-fs-crdi .zara-fs-crdi-profile-logos-section { }
.zara-fs-crdi .zara-fs-crdi-inner-projects { }
.zara-fs-crdi .zara-fs-crdi-list-label a { color: #5a8db5; font-weight: 700; margin-right: 1rem; }
.zara-fs-crdi .zara-fs-crdi-projects-list { display: flex; flex-direction: column; gap: 1rem; margin-top: 1rem; }
.zara-fs-crdi .zara-fs-crdi-list-item { display: flex; gap: 1rem; justify-content: center; }
.zara-fs-crdi .zara-fs-crdi-list-item img { max-width: 120px; }

/* ---- MISC ---- */
.zara-fs-crdi .zara-fs-crdi-text-center { text-align: center; }
.zara-fs-crdi .zara-fs-crdi-mt-4 { margin-top: 2rem; }
.zara-fs-crdi .zara-fs-crdi-mb-4 { margin-bottom: 2rem; }
.zara-fs-crdi .zara-fs-crdi-hr { margin: 2rem 0; border: none; border-top: 1px solid #e5e7eb; }
.zara-fs-crdi .zara-fs-crdi-strong { font-weight: 700; color: #374151; }
.zara-fs-crdi .zara-fs-crdi-check { color: #5a8db5; font-weight: 700; }

/* ---- RESPONSIVE ---- */
@media (max-width: 1024px) {
  .zara-fs-crdi .zara-fs-crdi-grid-4 { grid-template-columns: repeat(2, 1fr); }
  .zara-fs-crdi .zara-fs-crdi-decision-grid { grid-template-columns: repeat(2, 1fr); }
  .zara-fs-crdi .zara-fs-crdi-feature-bar-grid { grid-template-columns: repeat(2, 1fr); gap: 1.5rem; }
  .zara-fs-crdi .zara-fs-crdi-footer-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 768px) {
  .zara-fs-crdi .zara-fs-crdi-grid-2,
  .zara-fs-crdi .zara-fs-crdi-grid-3,
  .zara-fs-crdi .zara-fs-crdi-grid-4,
  .zara-fs-crdi .zara-fs-crdi-grid-3-mt,
  .zara-fs-crdi .zara-fs-crdi-decision-grid,
  .zara-fs-crdi .zara-fs-crdi-problem-solution-grid,
  .zara-fs-crdi .zara-fs-crdi-faq-grid,
  .zara-fs-crdi .zara-fs-crdi-footer-grid { grid-template-columns: 1fr; }
  .zara-fs-crdi .zara-fs-crdi-h1 { font-size: 24px; }
  .zara-fs-crdi .zara-fs-crdi-h2 { font-size: 20px; }
  .zara-fs-crdi .zara-fs-crdi-container { padding: 0 1.25rem; }
  .zara-fs-crdi .zara-fs-crdi-section,
  .zara-fs-crdi .zara-fs-crdi-section-gray,
  .zara-fs-crdi .zara-fs-crdi-section-gradient,
  .zara-fs-crdi .zara-fs-crdi-section-finish,
  .zara-fs-crdi .zara-fs-crdi-section-problem,
  .zara-fs-crdi .zara-fs-crdi-section-maintenance,
  .zara-fs-crdi .zara-fs-crdi-section-faq,
  .zara-fs-crdi .zara-fs-crdi-section-roi,
  .zara-fs-crdi .zara-fs-crdi-section-specifier { padding: 2.5rem 0; }
}
.zara-fs-crdi a.zara-fs-crdi-link:hover { text-decoration: none; }


.zara-fs-Touchless-Faucets-Dispensers {
  line-height: 1.65;
  color: #1f3444;
  background:
    radial-gradient(1200px 600px at 100% 0%, rgba(127, 179, 221, 0.12), transparent 60%),
    radial-gradient(1000px 500px at 0% 100%, rgba(199, 226, 246, 0.18), transparent 60%),
    #ffffff;
  margin: 0;
}

.zara-fs-Touchless-Faucets-Dispensers * {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.zara-fs-Touchless-Faucets-Dispensers img {
  max-width: 100%;
  height: auto;
  display: block;
}

/* ---- WRAP ---- */
.zara-fs-Touchless-Faucets-Dispensers .zara-fs-Touchless-Faucets-Dispensers-wrap {
  max-width: 1200px;
  margin: auto;
  padding: 28px 16px 80px;
}

/* ---- PANEL ---- */
.zara-fs-Touchless-Faucets-Dispensers .zara-fs-Touchless-Faucets-Dispensers-panel {
  border: 1px solid #c7e2f6;
  border-radius: 20px;
  background: linear-gradient(135deg, #ffffff, #e0f6ff);
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.06);
  padding: 34px 22px;
  margin-bottom: 24px;
}

/* ---- TITLE ---- */
.zara-fs-Touchless-Faucets-Dispensers .zara-fs-Touchless-Faucets-Dispensers-title {
  margin: 0 0 8px;
  font-size: 22px;
  line-height: 1.2;
  text-align: center;
  color: #1f3444;
  font-weight: 700;
}

/* ---- SUBTITLE ---- */
.zara-fs-Touchless-Faucets-Dispensers .zara-fs-Touchless-Faucets-Dispensers-subtitle {
  margin: 0;
  text-align: center;
  color: #6b7280;
  font-size: 15px;
}

/* ---- HIGHLIGHT GALLERY ---- */
.zara-fs-Touchless-Faucets-Dispensers .zara-fs-Touchless-Faucets-Dispensers-highlight-gallery {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(4, 1fr);
  margin-top: 16px;
}

/* ---- CARD ---- */
.zara-fs-Touchless-Faucets-Dispensers .zara-fs-Touchless-Faucets-Dispensers-card {
  position: relative;
  overflow: hidden;
  border: 1px solid #dde3ec;
  border-radius: 16px;
  background: #ffffff;
  box-shadow: 0 12px 30px rgba(15, 23, 42, 0.05);
  transition: transform .18s, box-shadow .18s, border-color .18s;
}
.zara-fs-Touchless-Faucets-Dispensers .zara-fs-Touchless-Faucets-Dispensers-card:hover {
  transform: translateY(-4px);
  border-color: #7fb3dd;
  box-shadow: 0 16px 36px rgba(127, 179, 221, 0.20);
}
.zara-fs-Touchless-Faucets-Dispensers .zara-fs-Touchless-Faucets-Dispensers-card a {
  display: block;
  text-decoration: none;
  color: inherit;
}
.zara-fs-Touchless-Faucets-Dispensers .zara-fs-Touchless-Faucets-Dispensers-card a:hover {
  text-decoration: none;
}

/* ---- THUMB ---- */
.zara-fs-Touchless-Faucets-Dispensers .zara-fs-Touchless-Faucets-Dispensers-thumb {
  aspect-ratio: 4 / 3;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f5faff;
}
.zara-fs-Touchless-Faucets-Dispensers .zara-fs-Touchless-Faucets-Dispensers-thumb img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  padding: 12px;
  border-radius: 12px;
}

/* ---- CAP ---- */
.zara-fs-Touchless-Faucets-Dispensers .zara-fs-Touchless-Faucets-Dispensers-cap {
  padding: 12px;
  border-top: 1px solid #e5e7eb;
  text-align: center;
}
.zara-fs-Touchless-Faucets-Dispensers .zara-fs-Touchless-Faucets-Dispensers-cap h3 {
  margin: 0 0 6px;
  font-size: 15px;
  color: #1f3444;
  font-weight: 700;
}
.zara-fs-Touchless-Faucets-Dispensers .zara-fs-Touchless-Faucets-Dispensers-cap h3 a {
  text-decoration: none;
}
.zara-fs-Touchless-Faucets-Dispensers .zara-fs-Touchless-Faucets-Dispensers-cap h3 a:hover {
  text-decoration: none;
}
.zara-fs-Touchless-Faucets-Dispensers .zara-fs-Touchless-Faucets-Dispensers-cap-title {
  color: #5a8db5;
}
.zara-fs-Touchless-Faucets-Dispensers .zara-fs-Touchless-Faucets-Dispensers-cap-title a {
  color: #5a8db5;
}

/* ---- PRICE BADGE (soft blue) ---- */
.zara-fs-Touchless-Faucets-Dispensers .zara-fs-Touchless-Faucets-Dispensers-price-badge {
  display: inline-block;
  font-weight: 800;
  color: #ffffff;
  font-size: 13px;
  background: linear-gradient(90deg, #7fb3dd, #5a8db5);
  padding: 4px 8px;
  border-radius: 999px;
  box-shadow: 0 4px 12px rgba(127, 179, 221, 0.30);
}
.zara-fs-Touchless-Faucets-Dispensers .zara-fs-Touchless-Faucets-Dispensers-price-badge a {
  color: #ffffff;
  text-decoration: none;
}
.zara-fs-Touchless-Faucets-Dispensers .zara-fs-Touchless-Faucets-Dispensers-price-badge a:hover {
  text-decoration: none;
}

/* ---- LEAD TEXT ---- */
.zara-fs-Touchless-Faucets-Dispensers .zara-fs-Touchless-Faucets-Dispensers-lead {
  max-width: 1000px;
  margin: 0 auto;
  text-align: justify;
  color: #4b5563;
  font-size: 15px;
}
.zara-fs-Touchless-Faucets-Dispensers .zara-fs-Touchless-Faucets-Dispensers-lead-center {
  text-align: center;
}

/* ---- SECOND HIGHLIGHT GALLERY (standalone outside wrap) ---- */
.zara-fs-Touchless-Faucets-Dispensers .zara-fs-Touchless-Faucets-Dispensers-highlights-section {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(4, 1fr);
  margin-top: 28px;
  padding: 0 16px;
}
.zara-fs-Touchless-Faucets-Dispensers .zara-fs-Touchless-Faucets-Dispensers-highlights-section .zara-fs-Touchless-Faucets-Dispensers-card img {
  width: 100%;
  height: auto;
  border-radius: 12px 12px 0 0;
  display: block;
}

/* ---- PRODUCTS SECTION ---- */
.zara-fs-Touchless-Faucets-Dispensers .zara-fs-Touchless-Faucets-Dispensers-products-wrap {
  max-width: 1200px;
  margin: auto;
  padding: 28px 16px 80px;
}

.zara-fs-Touchless-Faucets-Dispensers .zara-fs-Touchless-Faucets-Dispensers-header {
  padding: 28px 20px;
  border: 1px solid #c7e2f6;
  background: linear-gradient(135deg, #ffffff, #e0f6ff);
  border-radius: 16px;
  box-shadow: 0 12px 30px rgba(15, 23, 42, 0.05);
  margin-bottom: 28px;
}
.zara-fs-Touchless-Faucets-Dispensers .zara-fs-Touchless-Faucets-Dispensers-header h1 {
  margin: 0 0 6px;
  font-size: 18px;
  letter-spacing: .3px;
  color: #1f3444;
  font-family: Georgia, serif;
  text-align: center;
  font-weight: 700;
}
.zara-fs-Touchless-Faucets-Dispensers .zara-fs-Touchless-Faucets-Dispensers-header p {
  margin: 0;
  color: #5a8db5;
  font-size: 15px;
  text-align: center;
}

/* ---- PRODUCT ITEM ---- */
.zara-fs-Touchless-Faucets-Dispensers .zara-fs-Touchless-Faucets-Dispensers-product {
  display: grid;
  grid-template-columns: 1fr minmax(140px, 220px);
  gap: 18px;
  align-items: start;
  padding: 20px;
  border: 1px solid #dde3ec;
  background: #ffffff;
  border-radius: 14px;
  box-shadow: 0 6px 22px rgba(15, 23, 42, 0.05);
  margin-bottom: 18px;
}
.zara-fs-Touchless-Faucets-Dispensers .zara-fs-Touchless-Faucets-Dispensers-product:hover {
  border-color: #7fb3dd;
}

/* ---- PRODUCT INFO ---- */
.zara-fs-Touchless-Faucets-Dispensers .zara-fs-Touchless-Faucets-Dispensers-info h2 {
  margin: 0 0 6px;
  font-size: 16px;
  line-height: 1.3;
}
.zara-fs-Touchless-Faucets-Dispensers .zara-fs-Touchless-Faucets-Dispensers-info h2 a {
  text-decoration: none;
  color: #1f3444;
  font-weight: 700;
}
.zara-fs-Touchless-Faucets-Dispensers .zara-fs-Touchless-Faucets-Dispensers-info h2 a:hover {
  text-decoration: none;
  color: #5a8db5;
}

/* ---- META ---- */
.zara-fs-Touchless-Faucets-Dispensers .zara-fs-Touchless-Faucets-Dispensers-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  margin-bottom: 8px;
  color: #6b7280;
  font-size: 13px;
}
.zara-fs-Touchless-Faucets-Dispensers .zara-fs-Touchless-Faucets-Dispensers-badge {
  border: 1px dashed #c7e2f6;
  padding: 4px 8px;
  border-radius: 999px;
  color: #5a8db5;
  font-size: 13px;
  font-weight: 600;
}

/* ---- DESC ---- */
.zara-fs-Touchless-Faucets-Dispensers .zara-fs-Touchless-Faucets-Dispensers-desc {
  color: #4b5563;
  margin: 6px 0 10px;
  font-size: 14px;
}

/* ---- REVIEW ---- */
.zara-fs-Touchless-Faucets-Dispensers .zara-fs-Touchless-Faucets-Dispensers-review {
  color: #5a8db5;
  font-style: italic;
  background: #f5faff;
  border-left: 3px solid #7fb3dd;
  padding: 10px 12px;
  border-radius: 8px;
  font-size: 14px;
}

/* ---- ACTIONS ---- */
.zara-fs-Touchless-Faucets-Dispensers .zara-fs-Touchless-Faucets-Dispensers-actions {
  display: flex;
  gap: 10px;
  align-items: center;
  margin-top: 10px;
  flex-wrap: wrap;
}
.zara-fs-Touchless-Faucets-Dispensers .zara-fs-Touchless-Faucets-Dispensers-price {
  color: #ffffff;
  background: linear-gradient(90deg, #7fb3dd, #5a8db5);
  padding: 6px 10px;
  border-radius: 10px;
  font-weight: 700;
  box-shadow: 0 4px 14px rgba(127, 179, 221, 0.30);
  font-size: 14px;
}
.zara-fs-Touchless-Faucets-Dispensers .zara-fs-Touchless-Faucets-Dispensers-btn {
  color: #1f3444;
  background: linear-gradient(135deg, #e3f2fd, #c7e2f6);
  text-decoration: none;
  padding: 8px 12px;
  border-radius: 10px;
  font-weight: 700;
  box-shadow: 0 4px 14px rgba(127, 179, 221, 0.25);
  transition: transform .2s;
  font-size: 14px;
  display: inline-block;
  border: 1px solid #c7e2f6;
}
.zara-fs-Touchless-Faucets-Dispensers .zara-fs-Touchless-Faucets-Dispensers-btn:hover {
  transform: translateY(-1px);
  text-decoration: none;
  background: linear-gradient(135deg, #d6ecfb, #b5d8ef);
}

/* ---- PRODUCT THUMB (right side) ---- */
.zara-fs-Touchless-Faucets-Dispensers .zara-fs-Touchless-Faucets-Dispensers-product-thumb {
  text-align: right;
}
.zara-fs-Touchless-Faucets-Dispensers .zara-fs-Touchless-Faucets-Dispensers-product-thumb a {
  display: inline-block;
}
.zara-fs-Touchless-Faucets-Dispensers .zara-fs-Touchless-Faucets-Dispensers-product-thumb img {
  width: clamp(140px, 18vw, 200px);
  height: auto;
  border-radius: 10px;
  border: 1px solid #c7e2f6;
  box-shadow: 0 10px 24px rgba(127, 179, 221, 0.15);
  transition: transform .2s, box-shadow .2s;
}
.zara-fs-Touchless-Faucets-Dispensers .zara-fs-Touchless-Faucets-Dispensers-product-thumb img:hover {
  transform: scale(1.03);
  box-shadow: 0 14px 28px rgba(127, 179, 221, 0.25);
}

/* ---- APPLICATIONS SECTION ---- */
.zara-fs-Touchless-Faucets-Dispensers .zara-fs-Touchless-Faucets-Dispensers-applications {
  max-width: 1200px;
  margin: auto;
  padding: 0 16px 28px;
}
.zara-fs-Touchless-Faucets-Dispensers .zara-fs-Touchless-Faucets-Dispensers-section-title {
  font-size: 17px;
  font-weight: 700;
  color: #1f3444;
  margin-bottom: 16px;
  text-align: justify;
}
.zara-fs-Touchless-Faucets-Dispensers .zara-fs-Touchless-Faucets-Dispensers-list {
  padding-left: 20px;
  color: #4b5563;
  font-size: 14px;
}
.zara-fs-Touchless-Faucets-Dispensers .zara-fs-Touchless-Faucets-Dispensers-list li {
  margin-bottom: 8px;
}

/* ---- NAV WRAPPER ---- */
.zara-fs-Touchless-Faucets-Dispensers .zara-fs-Touchless-Faucets-Dispensers-nav-wrapper {
  max-width: 1200px;
  margin: auto;
  padding: 0 16px 40px;
}
.zara-fs-Touchless-Faucets-Dispensers .zara-fs-Touchless-Faucets-Dispensers-nav-sections {
  padding: 0;
}
.zara-fs-Touchless-Faucets-Dispensers .zara-fs-Touchless-Faucets-Dispensers-nav-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
.zara-fs-Touchless-Faucets-Dispensers .zara-fs-Touchless-Faucets-Dispensers-nav-card {
  border: 1px solid #dde3ec;
  border-radius: 16px;
  background: #ffffff;
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.05);
  padding: 22px;
}
.zara-fs-Touchless-Faucets-Dispensers .zara-fs-Touchless-Faucets-Dispensers-nav-card h3 {
  font-size: 16px;
  font-weight: 700;
  color: #1f3444;
  margin-bottom: 14px;
  padding-bottom: 10px;
  border-bottom: 1px solid #e5e7eb;
}
.zara-fs-Touchless-Faucets-Dispensers .zara-fs-Touchless-Faucets-Dispensers-nav-cols {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
.zara-fs-Touchless-Faucets-Dispensers .zara-fs-Touchless-Faucets-Dispensers-nav-col h4 {
  font-size: 12px;
  font-weight: 700;
  color: #5a8db5;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 10px;
}
.zara-fs-Touchless-Faucets-Dispensers .zara-fs-Touchless-Faucets-Dispensers-nav-col a {
  display: block;
  color: #5a8db5;
  text-decoration: none;
  font-size: 13px;
  margin-bottom: 6px;
  line-height: 1.4;
  transition: color .15s;
}
.zara-fs-Touchless-Faucets-Dispensers .zara-fs-Touchless-Faucets-Dispensers-nav-col a:hover {
  color: #1f3444;
  text-decoration: none;
}

/* ---- PRODUCTS SECTION PANEL ---- */
.zara-fs-Touchless-Faucets-Dispensers .zara-fs-Touchless-Faucets-Dispensers-products-panel {
  max-width: 1200px;
  margin: auto;
  padding: 0 16px 28px;
}

/* ---- RESPONSIVE ---- */
@media (max-width: 980px) {
  .zara-fs-Touchless-Faucets-Dispensers .zara-fs-Touchless-Faucets-Dispensers-highlight-gallery,
  .zara-fs-Touchless-Faucets-Dispensers .zara-fs-Touchless-Faucets-Dispensers-highlights-section { grid-template-columns: repeat(2, 1fr); }
  .zara-fs-Touchless-Faucets-Dispensers .zara-fs-Touchless-Faucets-Dispensers-nav-grid { grid-template-columns: 1fr; }
}
@media (max-width: 720px) {
  .zara-fs-Touchless-Faucets-Dispensers .zara-fs-Touchless-Faucets-Dispensers-product { grid-template-columns: 1fr 140px; gap: 14px; }
  .zara-fs-Touchless-Faucets-Dispensers .zara-fs-Touchless-Faucets-Dispensers-nav-cols { grid-template-columns: 1fr; }
}
@media (max-width: 600px) {
  .zara-fs-Touchless-Faucets-Dispensers .zara-fs-Touchless-Faucets-Dispensers-highlight-gallery,
  .zara-fs-Touchless-Faucets-Dispensers .zara-fs-Touchless-Faucets-Dispensers-highlights-section { grid-template-columns: 1fr; }
  .zara-fs-Touchless-Faucets-Dispensers .zara-fs-Touchless-Faucets-Dispensers-title { font-size: 20px; }
  .zara-fs-Touchless-Faucets-Dispensers .zara-fs-Touchless-Faucets-Dispensers-product { grid-template-columns: 1fr; }
}

.zara-fs-Touchless-Faucets-Dispensers-sec.ftn-closing {
  padding: 28px 16px 64px;
  /* background:
    radial-gradient(1100px 520px at 100% 0%, rgba(127, 179, 221, 0.2), transparent 70%),
    radial-gradient(900px 420px at 0% 100%, rgba(224, 246, 255, 0.4), transparent 70%),
    #f5faff; */
  color: #4b5563;
}

.zara-fs-Touchless-Faucets-Dispensers-sec.ftn-c-wrap { 
  max-width: 1200px; 
  margin: auto; 
}

.zara-fs-Touchless-Faucets-Dispensers-sec.ftn-c-card {
  position: relative;
  border: 1px solid #dde3ec;
  border-radius: 20px;
  padding: 38px 22px;
  background:
    linear-gradient(135deg, #e8f5ff, #e3f2fd),
    radial-gradient(1200px 600px at 80% -10%, rgba(199, 226, 246, 0.5), transparent 60%),
    #e0f6ff;
  box-shadow: 0 14px 40px rgba(31, 52, 68, 0.06);
  overflow: hidden;
  text-align: center;
  color: #4b5563;
}

.zara-fs-Touchless-Faucets-Dispensers-sec.ftn-c-glow {
  position: absolute; 
  filter: blur(50px); 
  opacity: 0.4; 
  pointer-events: none;
}

.zara-fs-Touchless-Faucets-Dispensers-sec.ya-fs-glow-a { 
  width: 260px; 
  height: 260px; 
  top: -60px; 
  right: -40px;
  background: radial-gradient(circle at 40% 40%, #7fb3dd, transparent 70%);
}

.zara-fs-Touchless-Faucets-Dispensers-sec.ya-fs-glow-b { 
  width: 320px; 
  height: 320px; 
  bottom: -80px; 
  left: -60px;
  background: radial-gradient(circle at 60% 60%, #c7e2f6, transparent 70%);
}

.zara-fs-Touchless-Faucets-Dispensers-sec.ftn-c-title {
  margin: 0 0 10px; 
  font-size: 32px; 
  line-height: 1.15; 
  letter-spacing: 0.2px;
  color: #1f3444;
}

.zara-fs-Touchless-Faucets-Dispensers-sec.ftn-title-accent {
  color: #7c7c7c;
}

.zara-fs-Touchless-Faucets-Dispensers-sec.ftn-c-link {
  color: #7c7c7c;
  text-decoration: none;
  /* font-weight: 700; */
}
.zara-fs-Touchless-Faucets-Dispensers-sec.ftn-c-link:hover {
  color: #7fb3dd;
}

.zara-fs-Touchless-Faucets-Dispensers-sec.ftn-c-text {
  margin: 0 auto 18px; 
  max-width: 900px; 
  font-size: 16px; 
  line-height: 1.75;
  color: #4b5563;
}

.zara-fs-Touchless-Faucets-Dispensers-sec.ftn-c-inline-link {
  color: #5a8db5; 
  font-weight: bold; 
  text-decoration: none;
}
.zara-fs-Touchless-Faucets-Dispensers-sec.ftn-c-inline-link:hover {
  color: #7fb3dd;
}

.zara-fs-Touchless-Faucets-Dispensers-sec.ftn-c-highlights {
  list-style: none;
  padding: 0;
  margin: 20px 0 0;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: center;
}

.zara-fs-Touchless-Faucets-Dispensers-sec.ftn-highlight-item {
  font-size: 13px;
  color: #6b7280;
  border: 1px solid #dde3ec;
  padding: 3px 12px;
  border-radius: 999px;
  background: #ffffff;
  box-shadow: 0 2px 4px rgba(31, 52, 68, 0.03);
  transition: all 0.2s ease;
}
.zara-fs-Touchless-Faucets-Dispensers-sec.ftn-highlight-item:hover {
  border-color: #7fb3dd;
  color: #1f3444;
  background: #e8f5ff;
}

/* ====== Top Info Bar Styled Rules ====== */
.zara-fs-Touchless-Faucets-Dispensers-sec.ftn-top-info-bar {
  background: #5a8db5;
  color: #ffffff;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: 14px;
  letter-spacing: 0.3px;
  padding: 8px 20px;
  text-align: center;
}

.zara-fs-Touchless-Faucets-Dispensers-sec.ftn-info-brand {
  font-weight: 600;
  color: #e0f6ff;
}

.zara-fs-Touchless-Faucets-Dispensers-sec.ftn-info-support {
  margin-left: 12px;
}

.zara-fs-Touchless-Faucets-Dispensers-sec.ftn-info-phone {
  color: #fff;
  text-decoration: none;
  font-weight: 600;
}
.zara-fs-Touchless-Faucets-Dispensers-sec.ftn-info-phone:hover {
  color: #e0f6ff;
}

/* Responsive Rules */
@media (max-width: 600px) {
  .zara-fs-Touchless-Faucets-Dispensers-sec.ftn-c-title { font-size: 26px; }
  .zara-fs-Touchless-Faucets-Dispensers-sec.ftn-c-text { font-size: 15px; }
}


.zara-fs-commercial-restroom {
  color: #1f3444;
  line-height: 1.6;
}

.zara-fs-commercial-restroom * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.zara-fs-commercial-restroom img {
  max-width: 100%;
  height: auto;
  display: block;
}

/* ---- BOOK CONTAINER ---- */
.zara-fs-commercial-restroom .zara-fs-commercial-restroom-book-container {
  max-width: 1200px;
  margin: 0 auto;
  background: #ffffff;
  box-shadow: 0 25px 50px -12px rgba(15, 23, 42, 0.12);
  position: relative;
}
.zara-fs-commercial-restroom .zara-fs-commercial-restroom-book-container::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 8px;
  background: linear-gradient(135deg, #7fb3dd, #5a8db5);
  box-shadow: 2px 0 8px rgba(127, 179, 221, 0.20);
}

/* ---- HERO (was dark green gradient) ---- */
.zara-fs-commercial-restroom .zara-fs-commercial-restroom-book-hero {
  position: relative;
  min-height: 550px;
  background: linear-gradient(135deg, #ffffff 0%, #e0f6ff 50%, #c7e2f6 100%);
  color: #1f3444;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 64px 32px;
}
.zara-fs-commercial-restroom .zara-fs-commercial-restroom-hero-background-img {
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  object-fit: cover;
  opacity: 0.15;
  mix-blend-mode: overlay;
}
.zara-fs-commercial-restroom .zara-fs-commercial-restroom-hero-content {
  position: relative;
  z-index: 2;
  max-width: 800px;
}
.zara-fs-commercial-restroom .zara-fs-commercial-restroom-hero-book-badge {
  display: inline-block;
  background: #ffffff;
  padding: 8px 19px;
  border-radius: 60px;
  font-size: 13px;
  letter-spacing: 2px;
  font-family: monospace;
  margin-bottom: 24px;
  border: 1px solid #c7e2f6;
  color: #5a8db5;
  font-weight: 700;
}
.zara-fs-commercial-restroom .zara-fs-commercial-restroom-book-hero h1 {
  font-size: 51px;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 24px;
  font-family: 'Georgia', serif;
  color: #1f3444;
}
.zara-fs-commercial-restroom .zara-fs-commercial-restroom-book-hero p {
  font-size: 19px;
  margin-bottom: 32px;
  color: #4b5563;
}
.zara-fs-commercial-restroom .zara-fs-commercial-restroom-hero-meta {
  font-size: 14px;
  border-top: 1px solid #c7e2f6;
  padding-top: 16px;
  display: inline-block;
  color: #6b7280;
}

/* ---- BOOK CONTENT ---- */
.zara-fs-commercial-restroom .zara-fs-commercial-restroom-book-content {
  padding: 48px 64px;
}

/* ---- CHAPTER ---- */
.zara-fs-commercial-restroom .zara-fs-commercial-restroom-chapter {
  margin-bottom: 64px;
  border-bottom: 1px solid #e5e7eb;
  padding-bottom: 48px;
}
.zara-fs-commercial-restroom .zara-fs-commercial-restroom-chapter:last-child {
  border-bottom: none;
}
.zara-fs-commercial-restroom .zara-fs-commercial-restroom-chapter-number {
  font-size: 14px;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: #5a8db5;
  font-weight: 700;
  margin-bottom: 12px;
  font-family: monospace;
}
.zara-fs-commercial-restroom .zara-fs-commercial-restroom-chapter-title {
  font-size: 32px;
  font-weight: 700;
  color: #1f3444;
  margin-bottom: 24px;
  font-family: 'Georgia', serif;
  border-left: 4px solid #7fb3dd;
  padding-left: 19px;
}
.zara-fs-commercial-restroom .zara-fs-commercial-restroom-chapter-content {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 32px;
}
.zara-fs-commercial-restroom .zara-fs-commercial-restroom-chapter-text p {
  margin-bottom: 19px;
  color: #4b5563;
  font-size: 16px;
}
.zara-fs-commercial-restroom .zara-fs-commercial-restroom-chapter-aside {
  background: #f5faff;
  padding: 24px;
  border-radius: 12px;
  border-left: 3px solid #7fb3dd;
}
.zara-fs-commercial-restroom .zara-fs-commercial-restroom-chapter-aside p {
  font-size: 15px;
  color: #4b5563;
  margin-bottom: 8px;
}
.zara-fs-commercial-restroom .zara-fs-commercial-restroom-aside-quote {
  font-style: italic;
  color: #5a8db5;
  font-size: 15px;
  margin-bottom: 16px;
}
.zara-fs-commercial-restroom .zara-fs-commercial-restroom-resource-link {
  display: inline-block;
  margin-top: 8px;
  color: #5a8db5;
  text-decoration: none;
  font-weight: 600;
  border-bottom: 1px dotted #7fb3dd;
  font-size: 15px;
}
.zara-fs-commercial-restroom .zara-fs-commercial-restroom-resource-link:hover {
  color: #1f3444;
  border-bottom-color: #1f3444;
}
.zara-fs-commercial-restroom .zara-fs-commercial-restroom-resource-link-mt {
  display: inline-block;
  margin-top: 8px;
  color: #5a8db5;
  text-decoration: none;
  font-weight: 600;
  border-bottom: 1px dotted #7fb3dd;
  font-size: 15px;
}
.zara-fs-commercial-restroom .zara-fs-commercial-restroom-resource-link-mt:hover {
  color: #1f3444;
  border-bottom-color: #1f3444;
}

/* ---- GRIDS ---- */
.zara-fs-commercial-restroom .zara-fs-commercial-restroom-grid-3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 29px;
  margin: 24px 0;
}
.zara-fs-commercial-restroom .zara-fs-commercial-restroom-grid-4 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 29px;
  margin: 24px 0;
}

/* ---- INSIGHT CARD ---- */
.zara-fs-commercial-restroom .zara-fs-commercial-restroom-insight-card {
  background: #ffffff;
  padding: 24px;
  border-radius: 16px;
  box-shadow: 0 12px 30px rgba(15, 23, 42, 0.05);
  border: 1px solid #dde3ec;
  transition: all 0.2s ease;
}
.zara-fs-commercial-restroom .zara-fs-commercial-restroom-insight-card:hover {
  border-color: #7fb3dd;
  box-shadow: 0 15px 30px rgba(127, 179, 221, 0.15);
}
.zara-fs-commercial-restroom .zara-fs-commercial-restroom-insight-card h4 {
  color: #5a8db5;
  margin-bottom: 12px;
  font-size: 16px;
  font-weight: 700;
}
.zara-fs-commercial-restroom .zara-fs-commercial-restroom-insight-card p {
  font-size: 15px;
  color: #4b5563;
}
.zara-fs-commercial-restroom .zara-fs-commercial-restroom-stat-number {
  font-size: 20px;
  font-weight: 700;
  color: #1f3444;
  margin: 8px 0 4px;
}
.zara-fs-commercial-restroom .zara-fs-commercial-restroom-stat-note {
  margin-top: 8px;
  color: #5a8db5;
  font-size: 14px;
  font-weight: 600;
}

/* ---- SPEC TABLE ---- */
.zara-fs-commercial-restroom .zara-fs-commercial-restroom-spec-table {
  width: 100%;
  border-collapse: collapse;
  margin: 24px 0;
  background: #ffffff;
  font-size: 14px;
}
.zara-fs-commercial-restroom .zara-fs-commercial-restroom-spec-table th {
  background: #f5faff;
  color: #5a8db5;
  padding: 12px;
  text-align: left;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  border: 1px solid #e5e7eb;
}
.zara-fs-commercial-restroom .zara-fs-commercial-restroom-spec-table td {
  border: 1px solid #e5e7eb;
  padding: 12px;
  color: #4b5563;
}

/* ---- AUTHORITY SECTIONS ---- */
.zara-fs-commercial-restroom .zara-fs-commercial-restroom-authority-section {
  margin: 48px 32px;
  padding: 32px;
  background: linear-gradient(135deg, #ffffff, #e0f6ff);
  border: 1px solid #c7e2f6;
  border-radius: 24px;
  box-shadow: 0 12px 30px rgba(15, 23, 42, 0.05);
}
.zara-fs-commercial-restroom .zara-fs-commercial-restroom-authority-section h2 {
  font-size: 29px;
  color: #1f3444;
  margin-bottom: 16px;
  border-left: 4px solid #7fb3dd;
  padding-left: 16px;
  font-weight: 700;
}
.zara-fs-commercial-restroom .zara-fs-commercial-restroom-section-intro {
  font-size: 18px;
  margin-bottom: 24px;
  color: #4b5563;
}
.zara-fs-commercial-restroom .zara-fs-commercial-restroom-section-intro-center {
  font-size: 18px;
  margin-top: 16px;
  margin-bottom: 24px;
  color: #4b5563;
  text-align: center;
}

/* ---- METRICS / PROJECTS / FAILURE / RESOURCES GRIDS ---- */
.zara-fs-commercial-restroom .zara-fs-commercial-restroom-metrics-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  margin: 24px 0;
}
.zara-fs-commercial-restroom .zara-fs-commercial-restroom-projects-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  margin: 24px 0;
}
.zara-fs-commercial-restroom .zara-fs-commercial-restroom-failure-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
  margin: 24px 0;
}
.zara-fs-commercial-restroom .zara-fs-commercial-restroom-resources-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  margin: 24px 0;
}

/* ---- METRIC / PROJECT / FAILURE / RESOURCE CARDS ---- */
.zara-fs-commercial-restroom .zara-fs-commercial-restroom-metric-card,
.zara-fs-commercial-restroom .zara-fs-commercial-restroom-project-card,
.zara-fs-commercial-restroom .zara-fs-commercial-restroom-failure-card,
.zara-fs-commercial-restroom .zara-fs-commercial-restroom-resource-card {
  background: #ffffff;
  padding: 24px;
  border-radius: 16px;
  border: 1px solid #dde3ec;
  color: #4b5563;
}
.zara-fs-commercial-restroom .zara-fs-commercial-restroom-metric-card h3,
.zara-fs-commercial-restroom .zara-fs-commercial-restroom-project-card h3,
.zara-fs-commercial-restroom .zara-fs-commercial-restroom-failure-card h3,
.zara-fs-commercial-restroom .zara-fs-commercial-restroom-resource-card h3 {
  color: #5a8db5;
  font-size: 16px;
  margin-bottom: 12px;
  font-weight: 700;
}
.zara-fs-commercial-restroom .zara-fs-commercial-restroom-metric-card p,
.zara-fs-commercial-restroom .zara-fs-commercial-restroom-project-card p,
.zara-fs-commercial-restroom .zara-fs-commercial-restroom-failure-card p,
.zara-fs-commercial-restroom .zara-fs-commercial-restroom-resource-card p {
  font-size: 15px;
  margin-bottom: 8px;
  color: #4b5563;
}
.zara-fs-commercial-restroom .zara-fs-commercial-restroom-metric-card small {
  font-size: 12px;
  color: #6b7280;
}
.zara-fs-commercial-restroom .zara-fs-commercial-restroom-big-number {
  font-size: 22px;
  font-weight: 700;
  color: #1f3444;
  margin: 8px 0;
}
.zara-fs-commercial-restroom .zara-fs-commercial-restroom-failure-card ul {
  margin-top: 8px;
  padding-left: 19px;
  font-size: 15px;
  color: #4b5563;
}
.zara-fs-commercial-restroom .zara-fs-commercial-restroom-failure-card li {
  margin-bottom: 4px;
}

/* Cards used as anchor tags */
.zara-fs-commercial-restroom a.zara-fs-commercial-restroom-failure-card,
.zara-fs-commercial-restroom a.zara-fs-commercial-restroom-resource-card {
  text-decoration: none;
  display: block;
  transition: border-color 0.2s;
}
.zara-fs-commercial-restroom a.zara-fs-commercial-restroom-failure-card:hover,
.zara-fs-commercial-restroom a.zara-fs-commercial-restroom-resource-card:hover {
  border-color: #7fb3dd;
}

/* ---- CTA ROW ---- */
.zara-fs-commercial-restroom .zara-fs-commercial-restroom-cta-row {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin: 24px 0 0;
  justify-content: center;
}
.zara-fs-commercial-restroom .zara-fs-commercial-restroom-cta-row-left {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 16px;
  justify-content: flex-start;
}
.zara-fs-commercial-restroom .zara-fs-commercial-restroom-cta-row-mt {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 24px;
  justify-content: center;
}

/* ---- BUTTONS ---- */
.zara-fs-commercial-restroom .zara-fs-commercial-restroom-btn-primary {
  display: inline-block;
  padding: 11px 24px;
  border-radius: 40px;
  text-decoration: none;
  font-weight: 600;
  transition: all 0.2s;
  background: linear-gradient(135deg, #e3f2fd, #c7e2f6);
  color: #1f3444;
  border: 1px solid #c7e2f6;
  font-size: 15px;
  box-shadow: 0 10px 24px rgba(127, 179, 221, 0.25);
}
.zara-fs-commercial-restroom .zara-fs-commercial-restroom-btn-primary:hover {
  background: linear-gradient(135deg, #d6ecfb, #b5d8ef);
  border-color: #b5d8ef;
  color: #1f3444;
}
.zara-fs-commercial-restroom .zara-fs-commercial-restroom-btn-secondary {
  display: inline-block;
  padding: 11px 24px;
  border-radius: 40px;
  text-decoration: none;
  font-weight: 600;
  transition: all 0.2s;
  background: #ffffff;
  color: #1f3444;
  border: 1px solid #c7e2f6;
  font-size: 14px;
}
.zara-fs-commercial-restroom .zara-fs-commercial-restroom-btn-secondary:hover {
  background: #f5faff;
  border-color: #7fb3dd;
  color: #1f3444;
}

/* ---- INSIGHT BOX ---- */
.zara-fs-commercial-restroom .zara-fs-commercial-restroom-insight-box {
  background: #f5faff;
  padding: 24px;
  border-radius: 16px;
  margin: 16px 0;
  border: 1px solid #c7e2f6;
}
.zara-fs-commercial-restroom .zara-fs-commercial-restroom-insight-box p {
  font-size: 15px;
  color: #4b5563;
  margin-bottom: 12px;
}
.zara-fs-commercial-restroom .zara-fs-commercial-restroom-insight-box p:last-child {
  margin-bottom: 0;
}
.zara-fs-commercial-restroom .zara-fs-commercial-restroom-insight-box-italic {
  font-style: italic;
  margin-bottom: 0;
}

/* ---- INLINE LINK ---- */
.zara-fs-commercial-restroom .zara-fs-commercial-restroom-inline-link {
  color: #5a8db5;
  text-decoration: none;
  font-weight: 600;
}
.zara-fs-commercial-restroom .zara-fs-commercial-restroom-inline-link:hover {
  text-decoration: underline;
  color: #1f3444;
}
.zara-fs-commercial-restroom .zara-fs-commercial-restroom-inline-link-small {
  color: #5a8db5;
  text-decoration: none;
  font-weight: 600;
  font-size: 14px;
  display: inline-block;
  margin-top: 8px;
}
.zara-fs-commercial-restroom .zara-fs-commercial-restroom-inline-link-small:hover {
  text-decoration: underline;
  color: #1f3444;
}

/* ---- BOOK FOOTER (was dark charcoal — now airy, kept visible) ---- */
.zara-fs-commercial-restroom .zara-fs-commercial-restroom-book-footer {
  background: linear-gradient(135deg, #ffffff, #e0f6ff);
  color: #4b5563;
  padding: 40px 64px;
  margin-top: 32px;
  border-top: 6px solid #7fb3dd;
}
.zara-fs-commercial-restroom .zara-fs-commercial-restroom-footer-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
}
.zara-fs-commercial-restroom .zara-fs-commercial-restroom-footer-section h4 {
  color: #5a8db5;
  margin-bottom: 16px;
  font-size: 16px;
  letter-spacing: 1px;
  font-weight: 700;
}
.zara-fs-commercial-restroom .zara-fs-commercial-restroom-footer-section a {
  color: #4b5563;
  text-decoration: none;
  display: block;
  margin-bottom: 8px;
  font-size: 14px;
  transition: color 0.2s;
}
.zara-fs-commercial-restroom .zara-fs-commercial-restroom-footer-section a:hover {
  color: #5a8db5;
}
.zara-fs-commercial-restroom .zara-fs-commercial-restroom-colophon {
  text-align: center;
  margin-top: 32px;
  padding-top: 24px;
  border-top: 1px solid #c7e2f6;
}
.zara-fs-commercial-restroom .zara-fs-commercial-restroom-colophon p {
  font-size: 12px;
  color: #6b7280;
  margin-bottom: 8px;
}
.zara-fs-commercial-restroom .zara-fs-commercial-restroom-colophon p:last-child {
  margin-bottom: 0;
}

/* ---- RESPONSIVE ---- */
@media (max-width: 768px) {
  .zara-fs-commercial-restroom .zara-fs-commercial-restroom-book-content { padding: 32px 24px; }
  .zara-fs-commercial-restroom .zara-fs-commercial-restroom-chapter-content { grid-template-columns: 1fr; }
  .zara-fs-commercial-restroom .zara-fs-commercial-restroom-grid-3,
  .zara-fs-commercial-restroom .zara-fs-commercial-restroom-grid-4,
  .zara-fs-commercial-restroom .zara-fs-commercial-restroom-metrics-grid,
  .zara-fs-commercial-restroom .zara-fs-commercial-restroom-projects-grid,
  .zara-fs-commercial-restroom .zara-fs-commercial-restroom-failure-grid,
  .zara-fs-commercial-restroom .zara-fs-commercial-restroom-resources-grid,
  .zara-fs-commercial-restroom .zara-fs-commercial-restroom-footer-grid { grid-template-columns: 1fr; }
  .zara-fs-commercial-restroom .zara-fs-commercial-restroom-book-hero h1 { font-size: 32px; }
  .zara-fs-commercial-restroom .zara-fs-commercial-restroom-authority-section { margin: 32px 16px; padding: 24px; }
  .zara-fs-commercial-restroom .zara-fs-commercial-restroom-book-footer { padding: 32px 24px; }
}

.zara-fs-Commercial-Restroom-Systems-CRS {
  background: #f5faff;
  color: #1f3444;
  line-height: 1.5;
}

.zara-fs-Commercial-Restroom-Systems-CRS * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-size: 12px;
}

.zara-fs-Commercial-Restroom-Systems-CRS img {
  max-width: 100%;
  height: auto;
  display: block;
}

.zara-fs-Commercial-Restroom-Systems-CRS h1,
.zara-fs-Commercial-Restroom-Systems-CRS h2,
.zara-fs-Commercial-Restroom-Systems-CRS h3 {
  font-weight: 700;
  letter-spacing: -0.01em;
}

/* ---- CONTAINER ---- */
.zara-fs-Commercial-Restroom-Systems-CRS-container {
  max-width: 1280px;
  margin: 0 auto;
  background: #ffffff;
}

/* ---- HERO ---- */
.zara-fs-Commercial-Restroom-Systems-CRS-hero {
  background: linear-gradient(105deg, #ffffff 0%, #e0f6ff 100%);
  color: #1f3444;
  padding: 4rem 3rem;
  position: relative;
}
.zara-fs-Commercial-Restroom-Systems-CRS-hero-grid {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: 2rem;
  align-items: center;
}
.zara-fs-Commercial-Restroom-Systems-CRS-hero-badge {
  display: inline-block;
  background: #ffffff;
  padding: 0.4rem 1rem;
  border-radius: 40px;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 1px;
  margin-bottom: 1.5rem;
  border: 1px solid #c7e2f6;
  color: #5a8db5;
}
.zara-fs-Commercial-Restroom-Systems-CRS-hero h1 {
  font-size: 3.2rem;
  line-height: 1.2;
  margin-bottom: 1.2rem;
  max-width: 800px;
  color: #1f3444;
}
.zara-fs-Commercial-Restroom-Systems-CRS-hero-h1-gold {
  color: #5a8db5;
}
.zara-fs-Commercial-Restroom-Systems-CRS-hero-sub {
  font-size: 16px;
  margin-bottom: 2rem;
  max-width: 700px;
  color: #4b5563;
}
.zara-fs-Commercial-Restroom-Systems-CRS-hero-stats {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  margin-top: 2rem;
  border-top: 1px solid #c7e2f6;
  padding-top: 1.8rem;
}
.zara-fs-Commercial-Restroom-Systems-CRS-stat-item {
  display: flex;
  flex-direction: column;
}
.zara-fs-Commercial-Restroom-Systems-CRS-stat-number {
  font-size: 15px;
  font-weight: 700;
  color: #1f3444;
}
.zara-fs-Commercial-Restroom-Systems-CRS-stat-label {
  font-size: 11px;
  color: #6b7280;
}
.zara-fs-Commercial-Restroom-Systems-CRS-cta-group {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin: 1.8rem 0 1rem;
  font-size: 14px;
}
.zara-fs-Commercial-Restroom-Systems-CRS-hero-image { position: relative; }
.zara-fs-Commercial-Restroom-Systems-CRS-hero-image img {
  width: 100%;
  border-radius: 20px;
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.10);
}
.zara-fs-Commercial-Restroom-Systems-CRS-img-badge {
  position: absolute;
  bottom: 15px;
  left: 15px;
  background: rgba(31, 52, 68, 0.75);
  color: #ffffff;
  padding: 10px 14px;
  border-radius: 12px;
  font-size: 0.75rem;
}

/* ---- BUTTONS ---- */
.zara-fs-Commercial-Restroom-Systems-CRS-btn-primary {
  background: linear-gradient(135deg, #e3f2fd, #c7e2f6);
  color: #1f3444;
  padding: 0.8rem 1.8rem;
  border-radius: 40px;
  text-decoration: none;
  font-weight: 700;
  transition: 0.2s;
  display: inline-block;
  border: 1px solid #c7e2f6;
  box-shadow: 0 10px 24px rgba(127, 179, 221, 0.25);
}
.zara-fs-Commercial-Restroom-Systems-CRS-btn-primary:hover { background: linear-gradient(135deg, #d6ecfb, #b5d8ef); border-color: #b5d8ef; color: #1f3444; text-decoration: none; }
.zara-fs-Commercial-Restroom-Systems-CRS-btn-outline {
  border: 1px solid #c7e2f6;
  background: #ffffff;
  color: #1f3444;
  padding: 0.8rem 1.8rem;
  border-radius: 40px;
  text-decoration: none;
  font-weight: 600;
  transition: 0.2s;
  display: inline-block;
}
.zara-fs-Commercial-Restroom-Systems-CRS-btn-outline:hover { background: #f5faff; border-color: #7fb3dd; text-decoration: none; }
.zara-fs-Commercial-Restroom-Systems-CRS-btn-secondary {
  background: #f5faff;
  color: #1f3444;
  padding: 0.8rem 1.8rem;
  border-radius: 40px;
  text-decoration: none;
  font-weight: 700;
  transition: 0.2s;
  display: inline-block;
  border: 1px solid #c7e2f6;
}
.zara-fs-Commercial-Restroom-Systems-CRS-btn-secondary:hover { background: #e0f6ff; color: #1f3444; text-decoration: none; }
.zara-fs-Commercial-Restroom-Systems-CRS-btn-primary-gold {
  background: linear-gradient(135deg, #e3f2fd, #c7e2f6);
  color: #1f3444;
  padding: 0.8rem 1.8rem;
  border-radius: 40px;
  text-decoration: none;
  font-weight: 700;
  transition: 0.2s;
  display: inline-block;
  border: 1px solid #c7e2f6;
  box-shadow: 0 10px 24px rgba(127, 179, 221, 0.25);
}
.zara-fs-Commercial-Restroom-Systems-CRS-btn-primary-gold:hover { background: linear-gradient(135deg, #d6ecfb, #b5d8ef); border-color: #b5d8ef; color: #1f3444; text-decoration: none; }

/* ---- SECTIONS ---- */
.zara-fs-Commercial-Restroom-Systems-CRS-section {
  padding: 4rem 3rem;
  border-bottom: 1px solid #e5e7eb;
}
.zara-fs-Commercial-Restroom-Systems-CRS-section-dark {
  padding: 4rem 3rem;
  border-bottom: 1px solid #e5e7eb;
  background: #f5faff;
}
.zara-fs-Commercial-Restroom-Systems-CRS-section-welcome {
  padding: 3rem 3rem;
  background: linear-gradient(135deg, #f5faff 0%, #ffffff 100%);
  border-bottom: none;
}
.zara-fs-Commercial-Restroom-Systems-CRS-section-title {
  font-size: 2rem;
  margin-bottom: 1rem;
  color: #1f3444;
}
.zara-fs-Commercial-Restroom-Systems-CRS-section-sub {
  color: #4b5563;
  margin-bottom: 2rem;
  font-size: 1.1rem;
}

/* ---- GRIDS ---- */
.zara-fs-Commercial-Restroom-Systems-CRS-grid-2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
}
.zara-fs-Commercial-Restroom-Systems-CRS-grid-3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
}
.zara-fs-Commercial-Restroom-Systems-CRS-grid-2-mt {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
  margin-top: 1.5rem;
}

/* ---- CARD ---- */
.zara-fs-Commercial-Restroom-Systems-CRS-card {
  background: #ffffff;
  border-radius: 20px;
  padding: 1.8rem;
  box-shadow: 0 8px 20px rgba(15, 23, 42, 0.04);
  border: 1px solid #dde3ec;
  transition: all 0.2s;
}
.zara-fs-Commercial-Restroom-Systems-CRS-card:hover { border-color: #7fb3dd; }
.zara-fs-Commercial-Restroom-Systems-CRS-card h3 {
  font-size: 15px;
  margin-bottom: 0.8rem;
  color: #1f3444;
}
.zara-fs-Commercial-Restroom-Systems-CRS-card p {
  font-size: 0.95rem;
  color: #4b5563;
  margin-bottom: 0.75rem;
}
.zara-fs-Commercial-Restroom-Systems-CRS-card p:last-child { margin-bottom: 0; }
.zara-fs-Commercial-Restroom-Systems-CRS-card strong { color: #1f3444; font-size: 16px; }
.zara-fs-Commercial-Restroom-Systems-CRS-spec-badge {
  display: inline-block;
  background: #f5faff;
  padding: 0.2rem 0.8rem;
  border-radius: 20px;
  font-size: 10px;
  font-weight: 700;
  font-family: monospace;
  margin-top: 0.8rem;
  color: #5a8db5;
  border: 1px solid #c7e2f6;
}

/* ---- CASE STUDY CARD ---- */
.zara-fs-Commercial-Restroom-Systems-CRS-case-card {
  background: #f5faff;
  border-left: 4px solid #7fb3dd;
  border-radius: 20px;
  padding: 1.8rem;
  box-shadow: 0 8px 20px rgba(15, 23, 42, 0.04);
  border-top: 1px solid #dde3ec;
  border-right: 1px solid #dde3ec;
  border-bottom: 1px solid #dde3ec;
  transition: all 0.2s;
}
.zara-fs-Commercial-Restroom-Systems-CRS-case-card:hover { border-color: #7fb3dd; }
.zara-fs-Commercial-Restroom-Systems-CRS-case-card h3 {
  font-size: 14px;
  margin-bottom: 0.8rem;
  color: #1f3444;
}
.zara-fs-Commercial-Restroom-Systems-CRS-case-card p {
  font-size: 0.95rem;
  color: #4b5563;
  margin-bottom: 0.75rem;
}
.zara-fs-Commercial-Restroom-Systems-CRS-case-card strong { color: #1f3444; font-size: 14px; }

/* ---- KPI GRID ---- */
.zara-fs-Commercial-Restroom-Systems-CRS-perf-grid {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 1rem;
  margin: 1.5rem 0;
}
.zara-fs-Commercial-Restroom-Systems-CRS-perf-grid-mt0 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 1rem;
  margin: 0 0 1.5rem;
}
.zara-fs-Commercial-Restroom-Systems-CRS-kpi-card {
  background: #ffffff;
  border-radius: 24px;
  padding: 1.2rem 1.5rem;
  flex: 1;
  text-align: center;
  border: 1px solid #dde3ec;
  font-size: 0.9rem;
  color: #4b5563;
}
.zara-fs-Commercial-Restroom-Systems-CRS-kpi-card small {
  display: block;
  font-size: 11px;
  color: #6b7280;
  margin-top: 0.3rem;
}
.zara-fs-Commercial-Restroom-Systems-CRS-kpi-number {
  font-size: 16px;
  font-weight: 800;
  color: #1f3444;
  display: block;
}

/* ---- SPEC TABLE ---- */
.zara-fs-Commercial-Restroom-Systems-CRS-spec-table {
  width: 100%;
  border-collapse: collapse;
  margin: 1.5rem 0;
  background: #ffffff;
  font-size: 0.85rem;
  border-radius: 16px;
  overflow: hidden;
}
.zara-fs-Commercial-Restroom-Systems-CRS-spec-table th {
  background: #f5faff;
  color: #5a8db5;
  padding: 0.75rem 1rem;
  text-align: left;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  border-bottom: 2px solid #7fb3dd;
  font-size: 12px;
}
.zara-fs-Commercial-Restroom-Systems-CRS-spec-table td {
  border: 1px solid #e5e7eb;
  padding: 0.75rem 1rem;
  color: #4b5563;
}

/* ---- DECISION TABLE ---- */
.zara-fs-Commercial-Restroom-Systems-CRS-decision-table {
  width: 100%;
  border-collapse: collapse;
  margin: 1.5rem 0;
  background: #ffffff;
  font-size: 0.85rem;
}
.zara-fs-Commercial-Restroom-Systems-CRS-decision-table th {
  background: #f5faff;
  color: #5a8db5;
  padding: 0.75rem 1rem;
  text-align: left;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  border-bottom: 2px solid #7fb3dd;
}
.zara-fs-Commercial-Restroom-Systems-CRS-decision-table td {
  border: 1px solid #e5e7eb;
  padding: 0.75rem 1rem;
  vertical-align: top;
  color: #4b5563;
}

/* ---- INFRA HIGHLIGHT ---- */
.zara-fs-Commercial-Restroom-Systems-CRS-highlight {
  background: #f5faff;
  border-radius: 28px;
  padding: 2rem;
  margin: 1.5rem 0;
  font-size: 12px;
  color: #1f3444;
  border: 1px solid #c7e2f6;
}
.zara-fs-Commercial-Restroom-Systems-CRS-highlight strong { color: #1f3444; }
.zara-fs-Commercial-Restroom-Systems-CRS-highlight a {
  color: #5a8db5;
  text-decoration: none;
  font-weight: 600;
}
.zara-fs-Commercial-Restroom-Systems-CRS-highlight a:hover { text-decoration: underline; }
.zara-fs-Commercial-Restroom-Systems-CRS-highlight-mt {
  background: #f5faff;
  border-radius: 28px;
  padding: 2rem;
  margin: 1.5rem 0;
  font-size: 12px;
  color: #1f3444;
  border: 1px solid #c7e2f6;
}
.zara-fs-Commercial-Restroom-Systems-CRS-highlight-mt strong { color: #1f3444; }

/* ---- LINK ARROW ---- */
.zara-fs-Commercial-Restroom-Systems-CRS-link-arrow {
  color: #5a8db5;
  text-decoration: none;
  font-weight: 600;
  display: inline-block;
  margin-top: 1rem;
  font-size: 12px;
}
.zara-fs-Commercial-Restroom-Systems-CRS-link-arrow:hover { text-decoration: underline; }

/* ---- H3 INSIDE SECTION ---- */
.zara-fs-Commercial-Restroom-Systems-CRS-h3-section {
  margin: 2rem 0 1rem 0;
  color: #1f3444;
  font-size: 16px;
}

/* ---- WELCOME SECTION ---- */
.zara-fs-Commercial-Restroom-Systems-CRS-welcome-inner {
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
}
.zara-fs-Commercial-Restroom-Systems-CRS-welcome-badge {
  display: inline-block;
  background: #f5faff;
  padding: 0.35rem 1.1rem;
  border-radius: 40px;
  font-size: 11px;
  font-weight: 700;
  color: #5a8db5;
  margin-bottom: 1.6rem;
  letter-spacing: 1.2px;
  border: 1px solid #c7e2f6;
}
.zara-fs-Commercial-Restroom-Systems-CRS-welcome-h2 {
  font-size: 2.3rem;
  color: #1f3444;
  margin-bottom: 1.2rem;
  line-height: 1.25;
}
.zara-fs-Commercial-Restroom-Systems-CRS-welcome-p {
  font-size: 1.12rem;
  color: #4b5563;
  margin-bottom: 2.2rem;
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.65;
}
.zara-fs-Commercial-Restroom-Systems-CRS-welcome-cta-row {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  justify-content: center;
  margin-bottom: 2.2rem;
}
.zara-fs-Commercial-Restroom-Systems-CRS-trust-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 2.8rem;
  margin-top: 2.2rem;
  padding-top: 2.2rem;
  border-top: 1px solid #c7e2f6;
}
.zara-fs-Commercial-Restroom-Systems-CRS-trust-item { text-align: center; }
.zara-fs-Commercial-Restroom-Systems-CRS-trust-number {
  font-size: 18px;
  font-weight: 800;
  color: #1f3444;
}
.zara-fs-Commercial-Restroom-Systems-CRS-trust-label {
  font-size: 11px;
  color: #6b7280;
}

/* ---- SHOP FAUCETS SECTION ---- */
.zara-fs-Commercial-Restroom-Systems-CRS-shop-wrapper {
  padding: 3rem;
  border-top: 1px solid #e5e7eb;
  background: #ffffff;
}
.zara-fs-Commercial-Restroom-Systems-CRS-shop-heading {
  text-align: center;
  margin-bottom: 1.5rem;
}
.zara-fs-Commercial-Restroom-Systems-CRS-shop-heading h3 {
  /* font-size: 1.5rem; */
  /* color: #1f3444; */
  margin-bottom: 0.3rem;
  font-family: 'Raleway', arial, helvetica, sans-serif !important;
  font-weight: 200 !important;
  line-height: 62px;
  letter-spacing: 1.5px !important;
  font-size: 41px !important;
  color: #000 !important;
  text-align: center;
  font-style: normal !important;
}
.zara-fs-Commercial-Restroom-Systems-CRS-shop-heading p {
  color: #6b7280;
  font-size: 0.95rem;
}
.zara-fs-Commercial-Restroom-Systems-CRS-shop-inner {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
  justify-content: center;
}
.zara-fs-Commercial-Restroom-Systems-CRS-shop-box {
  background: #ffffff;
  border: 1px solid #dde3ec;
  border-radius: 16px;
  overflow: hidden;
  transition: all 0.2s;
  width: 170px;
  text-align: center;
}
.zara-fs-Commercial-Restroom-Systems-CRS-shop-box:hover {
  border-color: #7fb3dd;
  box-shadow: 0 8px 20px rgba(127, 179, 221, 0.15);
  transform: translateY(-2px);
}
.zara-fs-Commercial-Restroom-Systems-CRS-shop-box-img {
  width: 100%;
  height: 120px;
  overflow: hidden;
}
.zara-fs-Commercial-Restroom-Systems-CRS-shop-box-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.zara-fs-Commercial-Restroom-Systems-CRS-shop-box-label {
  padding: 0.75rem 0.5rem;
}
.zara-fs-Commercial-Restroom-Systems-CRS-shop-box-label a {
  color: #1f3444;
  text-decoration: none;
  font-size: 12px;
  font-weight: 600;
}
.zara-fs-Commercial-Restroom-Systems-CRS-shop-box-label a:hover { text-decoration: underline; color: #5a8db5; }

/* ---- LUXURY DESCRIPTION ---- */
.zara-fs-Commercial-Restroom-Systems-CRS-luxury-desc {
  padding: 1rem 3rem 2rem;
  text-align: center;
  font-size: 16px;
  color: #4b5563;
  line-height: 1.7;
  border-top: 1px solid #e5e7eb;
}
.zara-fs-Commercial-Restroom-Systems-CRS-luxury-desc a {color: #5a8db5;text-decoration: none;font-size: 16px;}
.zara-fs-Commercial-Restroom-Systems-CRS-luxury-desc a:hover { text-decoration: underline; }
.zara-fs-Commercial-Restroom-Systems-CRS-luxury-desc img { width: 100%; margin-top: 1.5rem; }

/* ---- READ MORE TOGGLE ---- */
.zara-fs-Commercial-Restroom-Systems-CRS-read-more {
  display: block;
  text-align: center;
  color: #5a8db5;
  font-weight: 700;
  cursor: pointer;
  padding: 0.75rem;
  text-decoration: none;
  font-size: 0.9rem;
  border-top: 1px solid #e5e7eb;
  border-bottom: 1px solid #e5e7eb;
  background: #f5faff;
}
.zara-fs-Commercial-Restroom-Systems-CRS-toggle-content { display: none; }
.zara-fs-Commercial-Restroom-Systems-CRS-toggle-content .zara-fs-Commercial-Restroom-Systems-CRS-shop-wrapper {
  border-top: none;
  background: #f5faff;
}

/* ---- FOOTER ---- */
.zara-fs-Commercial-Restroom-Systems-CRS-footer {
  background: linear-gradient(135deg, #ffffff, #e0f6ff);
  color: #4b5563;
  padding: 3rem;
  text-align: center;
  font-size: 0.9rem;
  border-top: 1px solid #c7e2f6;
}
.zara-fs-Commercial-Restroom-Systems-CRS-footer p { margin-bottom: 0.5rem; }
.zara-fs-Commercial-Restroom-Systems-CRS-footer strong { color: #1f3444; font-size: 16px; }
.zara-fs-Commercial-Restroom-Systems-CRS-footer a { color: #5a8db5; text-decoration: none; }
.zara-fs-Commercial-Restroom-Systems-CRS-footer a:hover { text-decoration: underline; }
.zara-fs-Commercial-Restroom-Systems-CRS-footer-small { font-size: 0.7rem; margin-top: 0.5rem; color: #6b7280; }

/* ---- RESPONSIVE ---- */
@media (max-width: 900px) {
  .zara-fs-Commercial-Restroom-Systems-CRS-hero-grid { grid-template-columns: 1fr; }
  .zara-fs-Commercial-Restroom-Systems-CRS-hero { padding: 2rem 1.5rem; }
  .zara-fs-Commercial-Restroom-Systems-CRS-hero h1 { font-size: 2rem; }
  .zara-fs-Commercial-Restroom-Systems-CRS-section,
  .zara-fs-Commercial-Restroom-Systems-CRS-section-dark,
  .zara-fs-Commercial-Restroom-Systems-CRS-section-welcome,
  .zara-fs-Commercial-Restroom-Systems-CRS-shop-wrapper { padding: 2rem 1.5rem; }
  .zara-fs-Commercial-Restroom-Systems-CRS-grid-2,
  .zara-fs-Commercial-Restroom-Systems-CRS-grid-3,
  .zara-fs-Commercial-Restroom-Systems-CRS-grid-2-mt { grid-template-columns: 1fr; }
  .zara-fs-Commercial-Restroom-Systems-CRS-perf-grid,
  .zara-fs-Commercial-Restroom-Systems-CRS-perf-grid-mt0 { flex-direction: column; }
  .zara-fs-Commercial-Restroom-Systems-CRS-welcome-h2 { font-size: 1.8rem; }
}

/* ---- UTILITY ---- */
.zara-fs-Commercial-Restroom-Systems-CRS-highlight-link-wrap { margin-top: 0.8rem; }

#content_area .zara-fs-Commercial-Restroom-Systems-CRS-shop-heading p{
	font-family: 'Montserrat-Light', arial, helvetica, sans-serif !important;
}


.fs-Thermostatic-Pressure-Balance-Valves-Showers {
  color: #1f3444;
  line-height: 1.6;
}

.fs-Thermostatic-Pressure-Balance-Valves-Showers * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.fs-Thermostatic-Pressure-Balance-Valves-Showers img {
  max-width: 100%;
  height: auto;
  display: block;
}

/* ---- CONTAINER ---- */
.fs-Thermostatic-Pressure-Balance-Valves-Showers-container {
  max-width: 1400px;
  margin: 0 auto;
  padding: 20px 30px;
}

/* ---- LAST UPDATED BAR ---- */
.fs-Thermostatic-Pressure-Balance-Valves-Showers-last-updated {
  text-align: right;
  font-size: 0.75rem;
  color: #6b7280;
  margin-bottom: 1rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid #dde3ec;
}

/* ---- STANDARDS BAR ---- */
.fs-Thermostatic-Pressure-Balance-Valves-Showers-standards-bar {
  background: linear-gradient(115deg, #f5faff, #ffffff);
  border-radius: 80px;
  padding: 0.8rem 2rem;
  margin-bottom: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.5rem;
  flex-wrap: wrap;
  border: 1px solid #c7e2f6;
}
.fs-Thermostatic-Pressure-Balance-Valves-Showers-std-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 10px;
  color: #5a8db5;
  font-weight: 700;
  background: #ffffff;
  padding: 0.4rem 1rem;
  border-radius: 40px;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.05);
  border: 1px solid #c7e2f6;
}

/* ---- AUTHOR BANNER ---- */
.fs-Thermostatic-Pressure-Balance-Valves-Showers-author-banner {
  background: #ffffff;
  border-radius: 70px;
  padding: 1rem 2rem;
  margin-bottom: 2rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 1rem;
  border-left: 8px solid #7fb3dd;
  box-shadow: 0 8px 20px rgba(15, 23, 42, 0.04);
}
.fs-Thermostatic-Pressure-Balance-Valves-Showers-author-info {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.fs-Thermostatic-Pressure-Balance-Valves-Showers-author-avatar {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: linear-gradient(145deg, #7fb3dd, #5a8db5);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-weight: 700;
  font-size: 1.2rem;
  flex-shrink: 0;
}
.fs-Thermostatic-Pressure-Balance-Valves-Showers-author-name {
  font-size: 12px;
  font-weight: 700;
  color: #1f3444;
  margin-bottom: 2px;
}
.fs-Thermostatic-Pressure-Balance-Valves-Showers-author-title {
  font-size: 11px;
  color: #6b7280;
}
.fs-Thermostatic-Pressure-Balance-Valves-Showers-author-badge {
  background: linear-gradient(135deg, #e3f2fd, #c7e2f6);
  color: #1f3444;
  padding: 0.3rem 1rem;
  border-radius: 40px;
  font-size: 12px;
  font-weight: 700;
  border: 1px solid #c7e2f6;
}

/* ---- HERO (was dark teal gradient — now airy) ---- */
.fs-Thermostatic-Pressure-Balance-Valves-Showers-hero {
  background: linear-gradient(135deg, #ffffff 0%, #e0f6ff 100%);
  border-radius: 48px;
  margin: 20px 0 40px;
  color: #1f3444;
  position: relative;
  overflow: hidden;
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.06);
  min-height: 580px;
  display: flex;
  align-items: center;
  border: 1px solid #c7e2f6;
}
.fs-Thermostatic-Pressure-Balance-Valves-Showers-hero-bg {
  position: absolute;
  inset: 0;
  background: url('https://www.fontanashowers.com/media/wysiwyg/commercial-shower-bg.jpg') center/cover no-repeat;
  opacity: 0.06;
  z-index: 0;
}
.fs-Thermostatic-Pressure-Balance-Valves-Showers-hero-gradient {
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(224, 246, 255, 0.60) 0%, rgba(199, 226, 246, 0.50) 100%);
  z-index: 1;
}
.fs-Thermostatic-Pressure-Balance-Valves-Showers-hero-container {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 48px;
  align-items: center;
  padding: 48px 52px;
  width: 100%;
}
.fs-Thermostatic-Pressure-Balance-Valves-Showers-hero-content { max-width: 650px; }
.fs-Thermostatic-Pressure-Balance-Valves-Showers-hero h1 {
  font-size: 3rem;
  margin-bottom: 20px;
  font-weight: 800;
  letter-spacing: -0.02em;
  line-height: 1.2;
  color: #1f3444;
}
.fs-Thermostatic-Pressure-Balance-Valves-Showers-hero-lead {
  font-size: 1.1rem;
  line-height: 1.5;
  margin-bottom: 24px;
  color: #4b5563;
}
.fs-Thermostatic-Pressure-Balance-Valves-Showers-hero-lead a {
  color: #5a8db5;
  text-decoration: underline;
  font-weight: 600;
}
.fs-Thermostatic-Pressure-Balance-Valves-Showers-hero-lead a:hover { color: #1f3444; }

/* Hero badges */
.fs-Thermostatic-Pressure-Balance-Valves-Showers-hero-badges {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-bottom: 24px;
}
.fs-Thermostatic-Pressure-Balance-Valves-Showers-badge {
  background: #ffffff;
  padding: 6px 18px;
  border-radius: 60px;
  font-weight: 700;
  font-size: 12px;
  border: 1px solid #c7e2f6;
  color: #5a8db5;
}

/* Hero stats */
.fs-Thermostatic-Pressure-Balance-Valves-Showers-hero-stats {
  display: flex;
  gap: 32px;
  flex-wrap: wrap;
  margin: 24px 0 20px;
  padding: 16px 0;
  border-top: 1px solid #c7e2f6;
  border-bottom: 1px solid #c7e2f6;
}
.fs-Thermostatic-Pressure-Balance-Valves-Showers-stat-number {
  font-size: 14px;
  font-weight: 800;
  color: #1f3444;
  line-height: 1.1;
  display: block;
}
.fs-Thermostatic-Pressure-Balance-Valves-Showers-stat-label {
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #6b7280;
}

/* Hero CTA */
.fs-Thermostatic-Pressure-Balance-Valves-Showers-hero-cta-group {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  margin: 24px 0 20px;
}
.fs-Thermostatic-Pressure-Balance-Valves-Showers-btn-hero-primary {
  background: linear-gradient(135deg, #e3f2fd, #c7e2f6);
  color: #1f3444;
  padding: 12px 32px;
  border-radius: 60px;
  font-weight: 700;
  text-decoration: none;
  transition: all 0.25s;
  font-size: 14px;
  box-shadow: 0 10px 24px rgba(127, 179, 221, 0.25);
  display: inline-block;
  border: 1px solid #c7e2f6;
}
.fs-Thermostatic-Pressure-Balance-Valves-Showers-btn-hero-primary:hover {
  background: linear-gradient(135deg, #d6ecfb, #b5d8ef);
  border-color: #b5d8ef;
  transform: translateY(-2px);
  color: #1f3444;
  text-decoration: none;
}
.fs-Thermostatic-Pressure-Balance-Valves-Showers-btn-hero-secondary {
  background: #ffffff;
  border: 2px solid #c7e2f6;
  color: #1f3444;
  padding: 10px 28px;
  border-radius: 60px;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.25s;
  font-size: 14px;
  display: inline-block;
}
.fs-Thermostatic-Pressure-Balance-Valves-Showers-btn-hero-secondary:hover {
  background: #f5faff;
  border-color: #7fb3dd;
  transform: translateY(-2px);
  color: #1f3444;
  text-decoration: none;
}

/* Tech note hero */
.fs-Thermostatic-Pressure-Balance-Valves-Showers-tech-note {
  background: #f5faff;
  border-radius: 24px;
  padding: 14px 22px;
  margin-top: 20px;
  border-left: 4px solid #7fb3dd;
  font-size: 12px;
  color: #4b5563;
  border-right: 1px solid #c7e2f6;
  border-top: 1px solid #c7e2f6;
  border-bottom: 1px solid #c7e2f6;
}
.fs-Thermostatic-Pressure-Balance-Valves-Showers-tech-note a {
  color: #5a8db5;
  text-decoration: underline;
  font-weight: 600;
}
.fs-Thermostatic-Pressure-Balance-Valves-Showers-tech-note a:hover { color: #1f3444; }

/* Hero image cards */
.fs-Thermostatic-Pressure-Balance-Valves-Showers-hero-images {
  display: flex;
  gap: 24px;
  justify-content: flex-end;
  align-items: center;
}
.fs-Thermostatic-Pressure-Balance-Valves-Showers-hero-img-card {
  background: #ffffff;
  border-radius: 28px;
  padding: 16px;
  width: 220px;
  transition: all 0.4s ease;
  border: 1px solid #c7e2f6;
  box-shadow: 0 12px 30px rgba(127, 179, 221, 0.15);
}
.fs-Thermostatic-Pressure-Balance-Valves-Showers-hero-img-card:hover {
  transform: translateY(-8px);
  border-color: #7fb3dd;
  box-shadow: 0 20px 35px rgba(127, 179, 221, 0.25);
}
.fs-Thermostatic-Pressure-Balance-Valves-Showers-hero-img-card img {
  width: 100%;
  height: auto;
  border-radius: 20px;
  display: block;
}
.fs-Thermostatic-Pressure-Balance-Valves-Showers-img-label {
  text-align: center;
  margin-top: 12px;
  font-size: 12px;
  font-weight: 700;
  color: #5a8db5;
  letter-spacing: 0.5px;
}

/* ---- SECTION CARDS ---- */
.fs-Thermostatic-Pressure-Balance-Valves-Showers-section-card {
  padding: 44px;
  border-radius: 40px;
  margin: 32px 0;
  background: #ffffff;
  border: 1px solid #dde3ec;
  box-shadow: 0 12px 30px rgba(15, 23, 42, 0.04);
}
.fs-Thermostatic-Pressure-Balance-Valves-Showers-section-h2 {
  color: #1f3444;
  margin-bottom: 20px;
  font-size: 1.6rem;
  font-weight: 700;
}
.fs-Thermostatic-Pressure-Balance-Valves-Showers-section-p {
  margin-bottom: 18px;
  color: #4b5563;
  font-size: 0.95rem;
  line-height: 1.7;
}
.fs-Thermostatic-Pressure-Balance-Valves-Showers-section-p a {
  color: #5a8db5;
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.fs-Thermostatic-Pressure-Balance-Valves-Showers-section-p a:hover { color: #1f3444; }
.fs-Thermostatic-Pressure-Balance-Valves-Showers-section-p strong a {
  color: #5a8db5;
  font-weight: 700;
}

/* ---- GRIDS ---- */
.fs-Thermostatic-Pressure-Balance-Valves-Showers-grid-2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 28px;
  margin: 28px 0;
}
.fs-Thermostatic-Pressure-Balance-Valves-Showers-grid-3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
  margin: 28px 0;
}

/* ---- PRODUCT CARD ---- */
.fs-Thermostatic-Pressure-Balance-Valves-Showers-product-card {
  background: #ffffff;
  border-radius: 28px;
  padding: 28px;
  border: 1px solid #dde3ec;
  transition: all 0.25s;
  box-shadow: 0 4px 12px rgba(15, 23, 42, 0.03);
}
.fs-Thermostatic-Pressure-Balance-Valves-Showers-product-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 20px 30px rgba(127, 179, 221, 0.15);
  border-color: #7fb3dd;
}
.fs-Thermostatic-Pressure-Balance-Valves-Showers-product-card h3 {
  color: #1f3444;
  margin-bottom: 12px;
  font-size: 15px;
  font-weight: 700;
}
.fs-Thermostatic-Pressure-Balance-Valves-Showers-product-card p {
  color: #4b5563;
  font-size: 0.9rem;
  line-height: 1.6;
  margin-bottom: 16px;
}
.fs-Thermostatic-Pressure-Balance-Valves-Showers-product-card a { text-decoration: none; }
.fs-Thermostatic-Pressure-Balance-Valves-Showers-product-card-teal {
  border-left: 6px solid #7fb3dd;
}
.fs-Thermostatic-Pressure-Balance-Valves-Showers-product-card-brown {
  border-left: 6px solid #b5d8ef;
}

/* ---- BUTTONS ---- */
.fs-Thermostatic-Pressure-Balance-Valves-Showers-btn {
  display: inline-block;
  padding: 10px 24px;
  border-radius: 60px;
  font-weight: 700;
  text-decoration: none;
  transition: 0.2s;
  font-size: 0.85rem;
}
.fs-Thermostatic-Pressure-Balance-Valves-Showers-btn-primary {
  background: linear-gradient(135deg, #e3f2fd, #c7e2f6);
  color: #1f3444;
  border: 1px solid #c7e2f6;
  box-shadow: 0 10px 24px rgba(127, 179, 221, 0.25);
}
.fs-Thermostatic-Pressure-Balance-Valves-Showers-btn-primary:hover {
  background: linear-gradient(135deg, #d6ecfb, #b5d8ef);
  border-color: #b5d8ef;
  color: #1f3444;
  transform: translateY(-2px);
  text-decoration: none;
}
.fs-Thermostatic-Pressure-Balance-Valves-Showers-btn-primary-teal {
  background: linear-gradient(135deg, #e3f2fd, #c7e2f6);
  color: #1f3444;
  display: inline-block;
  padding: 10px 24px;
  border-radius: 60px;
  font-weight: 700;
  text-decoration: none;
  transition: 0.2s;
  font-size: 12px;
  border: 1px solid #c7e2f6;
  box-shadow: 0 10px 24px rgba(127, 179, 221, 0.25);
}
.fs-Thermostatic-Pressure-Balance-Valves-Showers-btn-primary-teal:hover {
  background: linear-gradient(135deg, #d6ecfb, #b5d8ef);
  border-color: #b5d8ef;
  transform: translateY(-2px);
  text-decoration: none;
  color: #1f3444;
}
.fs-Thermostatic-Pressure-Balance-Valves-Showers-btn-outline {
  background: #ffffff;
  border: 2px solid #c7e2f6;
  color: #1f3444;
  display: inline-block;
  padding: 10px 24px;
  border-radius: 60px;
  font-weight: 700;
  text-decoration: none;
  transition: 0.2s;
  font-size: 12px;
}
.fs-Thermostatic-Pressure-Balance-Valves-Showers-btn-outline:hover {
  background: #f5faff;
  border-color: #7fb3dd;
  color: #1f3444;
  text-decoration: none;
}
.fs-Thermostatic-Pressure-Balance-Valves-Showers-btn-cta {
  background: linear-gradient(135deg, #e3f2fd, #c7e2f6);
  color: #1f3444;
  padding: 14px 38px;
  border-radius: 60px;
  font-weight: 700;
  text-decoration: none;
  transition: all 0.25s;
  display: inline-block;
  font-size: 12px;
  border: 1px solid #c7e2f6;
  box-shadow: 0 10px 24px rgba(127, 179, 221, 0.25);
}
.fs-Thermostatic-Pressure-Balance-Valves-Showers-btn-cta:hover {
  background: linear-gradient(135deg, #d6ecfb, #b5d8ef);
  border-color: #b5d8ef;
  transform: translateY(-2px);
  color: #1f3444;
  text-decoration: none;
}

/* ---- COMPARISON HIGHLIGHT ---- */
.fs-Thermostatic-Pressure-Balance-Valves-Showers-comparison-highlight {
  background: linear-gradient(115deg, #f5faff, #ffffff);
  border-radius: 32px;
  padding: 32px;
  margin: 28px 0;
  border-left: 6px solid #7fb3dd;
  border-top: 1px solid #c7e2f6;
  border-right: 1px solid #c7e2f6;
  border-bottom: 1px solid #c7e2f6;
}
.fs-Thermostatic-Pressure-Balance-Valves-Showers-comparison-highlight h3 {
  color: #1f3444;
  font-size: 1.2rem;
  font-weight: 700;
  margin-bottom: 16px;
}
.fs-Thermostatic-Pressure-Balance-Valves-Showers-comparison-cols {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  margin-top: 16px;
}
.fs-Thermostatic-Pressure-Balance-Valves-Showers-comparison-col { flex: 1; min-width: 200px; }
.fs-Thermostatic-Pressure-Balance-Valves-Showers-comparison-col strong {
  display: block;
  margin-bottom: 10px;
  font-size: 12px;
}
.fs-Thermostatic-Pressure-Balance-Valves-Showers-comparison-col strong.teal { color: #5a8db5; }
.fs-Thermostatic-Pressure-Balance-Valves-Showers-comparison-col strong.brown { color: #7fb3dd; }
.fs-Thermostatic-Pressure-Balance-Valves-Showers-comparison-list {
  list-style: none;
  padding: 0;
}
.fs-Thermostatic-Pressure-Balance-Valves-Showers-comparison-list li {
  font-size: 0.9rem;
  color: #4b5563;
  padding: 4px 0;
}
.fs-Thermostatic-Pressure-Balance-Valves-Showers-comparison-link {
  margin-top: 20px;
}
.fs-Thermostatic-Pressure-Balance-Valves-Showers-comparison-link a {
  color: #5a8db5;
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 3px;
  font-size: 12px;
}
.fs-Thermostatic-Pressure-Balance-Valves-Showers-comparison-link a:hover { color: #1f3444; }

/* ---- CLUSTER LINKS ---- */
.fs-Thermostatic-Pressure-Balance-Valves-Showers-cluster-links {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 24px;
}
.fs-Thermostatic-Pressure-Balance-Valves-Showers-cluster-links a {
  background: #f5faff;
  padding: 8px 20px;
  border-radius: 40px;
  font-size: 12px;
  color: #5a8db5;
  font-weight: 600;
  text-decoration: none;
  transition: 0.2s;
  border: 1px solid #c7e2f6;
}
.fs-Thermostatic-Pressure-Balance-Valves-Showers-cluster-links a:hover {
  background: linear-gradient(135deg, #e3f2fd, #c7e2f6);
  color: #1f3444;
  border-color: #7fb3dd;
  transform: translateX(3px);
}

/* ---- INTERNAL LINKS BLOCK ---- */
.fs-Thermostatic-Pressure-Balance-Valves-Showers-internal-links {
  background: linear-gradient(115deg, #f5faff, #ffffff);
  border-radius: 32px;
  padding: 32px;
  margin: 32px 0;
  border: 1px solid #c7e2f6;
}
.fs-Thermostatic-Pressure-Balance-Valves-Showers-internal-links h3 {
  color: #1f3444;
  font-size: 1.3rem;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: 700;
}
.fs-Thermostatic-Pressure-Balance-Valves-Showers-links-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 12px;
  list-style: none;
  padding: 0;
}
.fs-Thermostatic-Pressure-Balance-Valves-Showers-links-grid li a {
  display: block;
  padding: 10px 16px;
  background: #ffffff;
  border-radius: 50px;
  color: #5a8db5;
  text-decoration: none;
  font-weight: 600;
  font-size: 12px;
  transition: all 0.2s;
  border: 1px solid #dde3ec;
  line-height: 1.4;
}
.fs-Thermostatic-Pressure-Balance-Valves-Showers-links-grid li a:hover {
  background: linear-gradient(135deg, #e3f2fd, #c7e2f6);
  color: #1f3444;
  border-color: #7fb3dd;
  transform: translateX(5px);
}

/* ---- TECHNICAL RESOURCES ---- */
.fs-Thermostatic-Pressure-Balance-Valves-Showers-tech-col h3 {
  color: #1f3444;
  font-size: 15px;
  margin-bottom: 12px;
  font-weight: 700;
}
.fs-Thermostatic-Pressure-Balance-Valves-Showers-tech-list {
  list-style: none;
  padding: 0;
  text-decoration: none;
  font-weight: 600;
}
.fs-Thermostatic-Pressure-Balance-Valves-Showers-tech-list li {
  padding: 5px 0;
  font-size: 0.9rem;
  color: #4b5563;
  text-decoration: none;
  font-weight: 100;
}
.fs-Thermostatic-Pressure-Balance-Valves-Showers-tech-list li a {
  color: #5a8db5;
  text-decoration: none;
  text-underline-offset: 2px;
  font-weight: 400;
}
.fs-Thermostatic-Pressure-Balance-Valves-Showers-tech-list li a:hover { color: #1f3444; }

/* ---- FAQ SECTION ---- */
.fs-Thermostatic-Pressure-Balance-Valves-Showers-faq-section {
  background: linear-gradient(115deg, #ffffff, #f5faff);
  border-radius: 48px;
  padding: 48px;
  margin: 48px 0;
  border: 1px solid #c7e2f6;
}
.fs-Thermostatic-Pressure-Balance-Valves-Showers-faq-header {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 40px;
}
.fs-Thermostatic-Pressure-Balance-Valves-Showers-faq-icon {
  width: 60px;
  height: 60px;
  background: linear-gradient(135deg, #7fb3dd, #5a8db5);
  border-radius: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.8rem;
  flex-shrink: 0;
}
.fs-Thermostatic-Pressure-Balance-Valves-Showers-faq-header-text h2 {
  font-size: 2rem;
  font-weight: 700;
  color: #1f3444;
}
.fs-Thermostatic-Pressure-Balance-Valves-Showers-faq-header-text p {
  color: #6b7280;
  font-size: 0.9rem;
  margin-top: 4px;
}
.fs-Thermostatic-Pressure-Balance-Valves-Showers-faq-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}
.fs-Thermostatic-Pressure-Balance-Valves-Showers-faq-item {
  background: #ffffff;
  border-radius: 28px;
  padding: 24px;
  transition: all 0.25s;
  border: 1px solid #dde3ec;
}
.fs-Thermostatic-Pressure-Balance-Valves-Showers-faq-item:hover {
  transform: translateY(-3px);
  box-shadow: 0 20px 30px rgba(127, 179, 221, 0.15);
  border-color: #7fb3dd;
}
.fs-Thermostatic-Pressure-Balance-Valves-Showers-faq-question {
  font-size: 16px;
  font-weight: 700;
  color: #1f3444;
  margin-bottom: 12px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.fs-Thermostatic-Pressure-Balance-Valves-Showers-q-mark {
  background: #f5faff;
  width: 28px;
  height: 28px;
  border-radius: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.8rem;
  color: #5a8db5;
  flex-shrink: 0;
  border: 1px solid #c7e2f6;
}
.fs-Thermostatic-Pressure-Balance-Valves-Showers-faq-answer {
  color: #4b5563;
  font-size: 14px;
  line-height: 1.6;
  margin-left: 38px;
}
.fs-Thermostatic-Pressure-Balance-Valves-Showers-faq-answer a {
  color: #5a8db5;
  font-weight: 600;
  text-decoration: underline;
}
.fs-Thermostatic-Pressure-Balance-Valves-Showers-faq-answer a:hover { color: #1f3444; }
.fs-Thermostatic-Pressure-Balance-Valves-Showers-faq-cta {
  text-align: center;
  margin-top: 40px;
}
.fs-Thermostatic-Pressure-Balance-Valves-Showers-faq-cta a {
  margin: 0 6px;
}

/* ---- EXPERT SUMMARY ---- */
.fs-Thermostatic-Pressure-Balance-Valves-Showers-expert-summary {
  background: linear-gradient(115deg, #ffffff, #f5faff);
  border-radius: 48px;
  padding: 48px;
  margin: 48px 0;
  border: 1px solid #c7e2f6;
}
.fs-Thermostatic-Pressure-Balance-Valves-Showers-expert-header {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 28px;
}
.fs-Thermostatic-Pressure-Balance-Valves-Showers-expert-icon {
  width: 48px;
  height: 48px;
  background: linear-gradient(135deg, #7fb3dd, #5a8db5);
  border-radius: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  flex-shrink: 0;
}
.fs-Thermostatic-Pressure-Balance-Valves-Showers-expert-h2 {
  font-size: 1.8rem;
  font-weight: 700;
  color: #1f3444;
}
.fs-Thermostatic-Pressure-Balance-Valves-Showers-expert-h2 span {
  font-weight: 400;
  color: #6b7280;
}
.fs-Thermostatic-Pressure-Balance-Valves-Showers-expert-p {
  margin-bottom: 20px;
  color: #4b5563;
  font-size: 0.95rem;
  line-height: 1.7;
}
.fs-Thermostatic-Pressure-Balance-Valves-Showers-expert-p a {
  color: #5a8db5;
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.fs-Thermostatic-Pressure-Balance-Valves-Showers-expert-p a:hover { color: #1f3444; }
.fs-Thermostatic-Pressure-Balance-Valves-Showers-pro-rec {
  background: #f5faff;
  border-left: 4px solid #7fb3dd;
  padding: 20px 28px;
  border-radius: 24px;
  margin: 24px 0;
  font-size: 12px;
  color: #4b5563;
  border-top: 1px solid #c7e2f6;
  border-right: 1px solid #c7e2f6;
  border-bottom: 1px solid #c7e2f6;
}
.fs-Thermostatic-Pressure-Balance-Valves-Showers-pro-rec a {
  color: #5a8db5;
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.fs-Thermostatic-Pressure-Balance-Valves-Showers-pro-rec a:hover { color: #1f3444; }
.fs-Thermostatic-Pressure-Balance-Valves-Showers-tag-row {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 8px;
}
.fs-Thermostatic-Pressure-Balance-Valves-Showers-tag-row a {
  background: #f5faff;
  padding: 6px 16px;
  border-radius: 40px;
  font-size: 12px;
  color: #5a8db5;
  text-decoration: none;
  font-weight: 600;
  transition: 0.2s;
  border: 1px solid #c7e2f6;
}
.fs-Thermostatic-Pressure-Balance-Valves-Showers-tag-row a:hover {
  background: linear-gradient(135deg, #e3f2fd, #c7e2f6);
  color: #1f3444;
  border-color: #7fb3dd;
}

/* ---- FINAL CTA (was dark teal gradient — now airy) ---- */
.fs-Thermostatic-Pressure-Balance-Valves-Showers-final-cta {
  background: linear-gradient(135deg, #ffffff 0%, #e0f6ff 100%);
  border-radius: 40px;
  padding: 52px;
  text-align: center;
  margin: 40px 0;
  border: 1px solid #c7e2f6;
}
.fs-Thermostatic-Pressure-Balance-Valves-Showers-final-cta h2 {
  color: #1f3444;
  font-size: 1.8rem;
  font-weight: 700;
  margin-bottom: 16px;
}
.fs-Thermostatic-Pressure-Balance-Valves-Showers-final-cta p {
  color: #4b5563;
  max-width: 600px;
  margin: 0 auto 28px;
  font-size: 1rem;
  line-height: 1.6;
}

/* ---- FOOTER LINKS ---- */
.fs-Thermostatic-Pressure-Balance-Valves-Showers-footer-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 24px;
  margin: 24px 0;
}
.fs-Thermostatic-Pressure-Balance-Valves-Showers-footer-links a {
  color: #5a8db5;
  text-decoration: none;
  font-size: 12px;
  font-weight: 600;
}
.fs-Thermostatic-Pressure-Balance-Valves-Showers-footer-links a:hover { text-decoration: underline; color: #1f3444; }
.fs-Thermostatic-Pressure-Balance-Valves-Showers-footer-copy {
  text-align: center;
  padding: 24px 0;
  border-top: 1px solid #c7e2f6;
}
.fs-Thermostatic-Pressure-Balance-Valves-Showers-footer-copy p {
  font-size: 0.7rem;
  color: #6b7280;
}

/* ---- RESPONSIVE ---- */
@media (max-width: 1100px) {
  .fs-Thermostatic-Pressure-Balance-Valves-Showers-hero-container { grid-template-columns: 1fr; gap: 32px; }
  .fs-Thermostatic-Pressure-Balance-Valves-Showers-hero-images { justify-content: center; margin-top: 20px; }
  .fs-Thermostatic-Pressure-Balance-Valves-Showers-hero-content { max-width: 100%; text-align: center; }
  .fs-Thermostatic-Pressure-Balance-Valves-Showers-hero-stats { justify-content: center; }
  .fs-Thermostatic-Pressure-Balance-Valves-Showers-hero-cta-group { justify-content: center; }
  .fs-Thermostatic-Pressure-Balance-Valves-Showers-tech-note { text-align: left; }
}
@media (max-width: 900px) {
  .fs-Thermostatic-Pressure-Balance-Valves-Showers-grid-2,
  .fs-Thermostatic-Pressure-Balance-Valves-Showers-grid-3,
  .fs-Thermostatic-Pressure-Balance-Valves-Showers-faq-grid,
  .fs-Thermostatic-Pressure-Balance-Valves-Showers-comparison-cols { grid-template-columns: 1fr; }
  .fs-Thermostatic-Pressure-Balance-Valves-Showers-hero { min-height: auto; }
  .fs-Thermostatic-Pressure-Balance-Valves-Showers-hero-container { padding: 36px 28px; }
  .fs-Thermostatic-Pressure-Balance-Valves-Showers-hero h1 { font-size: 2rem; }
  .fs-Thermostatic-Pressure-Balance-Valves-Showers-section-card,
  .fs-Thermostatic-Pressure-Balance-Valves-Showers-faq-section,
  .fs-Thermostatic-Pressure-Balance-Valves-Showers-expert-summary,
  .fs-Thermostatic-Pressure-Balance-Valves-Showers-final-cta { padding: 28px 20px; }
  .fs-Thermostatic-Pressure-Balance-Valves-Showers-hero-img-card { width: 160px; }
}


.zara-fs-key-performance-metrices * {
  box-sizing: border-box;
}

.zara-fs-key-performance-metrices {
  margin: 0;
  color: #1f3444;
  min-height: 100vh;
  background: none !important;
  background-image: none !important;
}

.zara-fs-key-performance-metrices::before,
.zara-fs-key-performance-metrices::after {
  content: none !important;
  background: none !important;
  background-image: none !important;
}

.zara-fs-key-performance-metrices img {
  width: 100%;
  height: auto;
  display: block;
}

.zara-fs-key-performance-metrices a {
  color: #5a8db5;
  text-decoration: none;
}

.zara-fs-key-performance-metrices a:hover {
  text-decoration: underline;
  color: #1f3444 !important;
}

/* ---- CONTAINER ---- */
.zara-fs-key-performance-metrices-container {
  max-width: 1800px;
  margin: 0 auto;
  padding: 24px;
}

/* ---- HERO ---- */
.zara-fs-key-performance-metrices-hero {
  display: grid;
  gap: 18px;
  padding: 32px;
  border: 1px solid #c7e2f6;
  border-radius: 24px;
  background: linear-gradient(180deg, #ffffff, #e0f6ff, #f5faff);
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.06);
}

/* ---- BADGE ---- */
.zara-fs-key-performance-metrices-badge {
  display: inline-flex;
  gap: 8px;
  align-items: center;
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid #c7e2f6;
  color: #5a8db5;
  background: #f5faff;
  width: fit-content;
  font-size: 13px;
  font-weight: 700;
}

/* ---- H1 ---- */
.zara-fs-key-performance-metrices-hero .zara-fs-key-performance-metrices-h1,
.zara-fs-key-performance-metrices-h1 {
  margin: 2px 0 4px;
  font-size: clamp(24px, 4.5vw, 38px);
  line-height: 1.15;
  color: #1f3444;
  letter-spacing: -0.01em;
  font-weight: 700;
}

.zara-fs-key-performance-metrices-hero .zara-fs-key-performance-metrices-p {
  margin: 0;
  color: #6b7280;
}

/* ---- TAGS ---- */
.zara-fs-key-performance-metrices-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 10px;
}

.zara-fs-key-performance-metrices-tag {
  padding: 6px 10px;
  border-radius: 999px;
  background: #ffffff;
  border: 1px solid #c7e2f6;
  color: #5a8db5 !important;
  font-size: 13px;
  font-weight: 600;
  transition: all 0.2s;
}

.zara-fs-key-performance-metrices-tag:hover {
  background: linear-gradient(135deg, #e3f2fd, #c7e2f6);
  border-color: #7fb3dd;
  color: #1f3444 !important;
  text-decoration: none;
}

/* ---- GRID ---- */
.zara-fs-key-performance-metrices-grid {
  display: grid;
  gap: 16px;
}

.zara-fs-key-performance-metrices-grid.zara-fs-key-performance-metrices-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.zara-fs-key-performance-metrices-grid.zara-fs-key-performance-metrices-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

@media (max-width: 1200px) {
  .zara-fs-key-performance-metrices-grid.zara-fs-key-performance-metrices-cols-3 {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 700px) {
  .zara-fs-key-performance-metrices-grid.zara-fs-key-performance-metrices-cols-3,
  .zara-fs-key-performance-metrices-grid.zara-fs-key-performance-metrices-cols-2 {
    grid-template-columns: 1fr;
  }
}

/* ---- CARD ---- */
.zara-fs-key-performance-metrices-card {
  border: 1px solid #dde3ec;
  border-radius: 16px;
  background: #ffffff;
  box-shadow: 0 8px 20px rgba(15, 23, 42, 0.04);
  padding: 18px;
  transition: border-color 0.2s, box-shadow 0.2s;
}

.zara-fs-key-performance-metrices-card:hover {
  border-color: #7fb3dd;
  box-shadow: 0 12px 30px rgba(127, 179, 221, 0.15);
}

.zara-fs-key-performance-metrices-card .zara-fs-key-performance-metrices-h3,
.zara-fs-key-performance-metrices-h3 {
  margin: 0 0 8px;
  font-size: 16px;
  color: #1f3444;
  font-weight: 700;
}

.zara-fs-key-performance-metrices-card .zara-fs-key-performance-metrices-p,
.zara-fs-key-performance-metrices-p {
  margin: 6px 0;
  color: #4b5563;
  font-size: 0.9rem;
}

/* ---- KPI ---- */
.zara-fs-key-performance-metrices-kpi {
  display: grid;
  gap: 8px;
  padding: 14px;
  border: 1px solid #c7e2f6;
  border-radius: 14px;
  background: #f5faff;
}

.zara-fs-key-performance-metrices-kpi .zara-fs-key-performance-metrices-small.zara-fs-key-performance-metrices-muted {
  color: #6b7280;
}

.zara-fs-key-performance-metrices-kpi .zara-fs-key-performance-metrices-value {
  font-size: 26px;
  font-weight: 700;
  word-break: break-word;
  color: #1f3444;
}

.zara-fs-key-performance-metrices-kpi .zara-fs-key-performance-metrices-goal {
  font-size: 13px;
  color: #6b7280;
  word-break: break-all;
}

.zara-fs-key-performance-metrices-kpi .zara-fs-key-performance-metrices-hint {
  font-size: 12px;
  color: #6b7280;
}

/* ---- STATUS COLORS ---- */
.zara-fs-key-performance-metrices-good { color: #22c55e; }
.zara-fs-key-performance-metrices-warn { color: #f59e0b; }
.zara-fs-key-performance-metrices-bad  { color: #ef4444; }

/* ---- LIST ---- */
.zara-fs-key-performance-metrices-list {
  margin: 8px 0 0;
  padding-left: 18px;
  color: #4b5563;
}

.zara-fs-key-performance-metrices-list li {
  margin: 4px 0;
  font-size: 0.875rem;
}

/* ---- SPLIT ---- */
.zara-fs-key-performance-metrices-split {
  display: grid;
  gap: 16px;
  grid-template-columns: 1.3fr 0.9fr;
}

@media (max-width: 900px) {
  .zara-fs-key-performance-metrices-split {
    grid-template-columns: 1fr;
  }
}

/* ---- PILL ---- */
.zara-fs-key-performance-metrices-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid #c7e2f6;
  background: #f5faff;
  color: #5a8db5 !important;
  font-size: 13px;
  font-weight: 700;
  transition: all 0.2s;
  text-decoration: none;
}

.zara-fs-key-performance-metrices-pill:hover {
  background: linear-gradient(135deg, #e3f2fd, #c7e2f6);
  color: #1f3444 !important;
  border-color: #7fb3dd;
  text-decoration: none;
  transform: translateY(-1px);
}

/* ---- SPEC TABLE ---- */
.zara-fs-key-performance-metrices-spec-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  overflow: hidden;
  border-radius: 14px;
  border: 1px solid #dde3ec;
  font-size: 12px !important;
}

.zara-fs-key-performance-metrices-spec-table th,
.zara-fs-key-performance-metrices-spec-table td {
  padding: 12px 14px;
  vertical-align: top;
}

.zara-fs-key-performance-metrices-spec-table thead th {
  background: #f5faff;
  color: #5a8db5;
  border-bottom: 2px solid #7fb3dd;
  text-align: left;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.zara-fs-key-performance-metrices-spec-table tbody tr:nth-child(even) {
  background: #ffffff;
}

#content_area .zara-fs-key-performance-metrices-spec-table tbody tr:nth-child(odd) {
  background: #f5faff;
  /* font-size: 12px !important; */
}

.zara-fs-key-performance-metrices-spec-table td {
  color: #4b5563;
  border-bottom: 1px solid #e5e7eb;
  font-size: 12px;
}

.zara-fs-key-performance-metrices-spec-table tbody tr:last-child td {
  border-bottom: none;
}

.zara-fs-key-performance-metrices-spec-table td:first-child {
  width: 240px;
  color: #1f3444;
  font-weight: 600;
}

.zara-fs-key-performance-metrices-spec-table a {
  color: #5a8db5;
}

.zara-fs-key-performance-metrices-spec-table tr:hover td {
  background: #e0f6ff;
}

/* ---- FLEX ---- */
.zara-fs-key-performance-metrices-flex {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

/* ---- CTA ---- */
.zara-fs-key-performance-metrices-cta {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 10px 14px;
  border-radius: 10px;
  border: 1px solid #c7e2f6;
  background: linear-gradient(135deg, #e3f2fd, #c7e2f6);
  color: #1f3444 !important;
  text-decoration: none;
  font-weight: 700;
  font-size: 12px;
  transition: all 0.2s;
  box-shadow: 0 4px 12px rgba(127, 179, 221, 0.20);
}

.zara-fs-key-performance-metrices-cta:hover {
  background: linear-gradient(135deg, #d6ecfb, #b5d8ef);
  border-color: #b5d8ef;
  color: #1f3444 !important;
  text-decoration: none;
  transform: translateY(-1px);
  box-shadow: 0 6px 16px rgba(127, 179, 221, 0.30);
}

/* ---- SMALL / MUTED ---- */
.zara-fs-key-performance-metrices-small {
  font-size: 13px;
}

.zara-fs-key-performance-metrices-muted {
  color: #6b7280;
}

/* ---- MEDIA (video embed) ---- */
.zara-fs-key-performance-metrices-media {
  position: relative;
  border-radius: 14px;
  overflow: hidden;
  aspect-ratio: 16 / 9;
  background: #f5faff;
  border: 1px solid #c7e2f6;
}

.zara-fs-key-performance-metrices-media iframe {
  width: 100%;
  height: 100%;
  border: 0;
}

.zara-fs-key-performance-metrices-media .zara-fs-key-performance-metrices-label {
  position: absolute;
  top: 10px;
  left: 10px;
  font-size: 12px;
  color: #5a8db5;
  background: #ffffff;
  border: 1px solid #c7e2f6;
  border-radius: 999px;
  padding: 6px 8px;
  font-weight: 600;
}

/* ---- THUMB ---- */
.zara-fs-key-performance-metrices-thumb {
  border-radius: 12px;
  border: 1px solid #c7e2f6;
  width: 100%;
  height: 220px;
  object-fit: cover;
  display: block;
}

/* ---- MONO ---- */
.zara-fs-key-performance-metrices-mono {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, 'Liberation Mono', monospace;
  word-break: break-word;
  background: #f5faff;
  color: #5a8db5;
  padding: 2px 5px;
  border-radius: 4px;
  font-size: 0.85em;
  border: 1px solid #c7e2f6;
}


.zara-fs-sensor-faucet-hospit {
  color: #1f3444;
  line-height: 1.7;
  padding: 2rem 1rem;
}

.zara-fs-sensor-faucet-hospit * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.zara-fs-sensor-faucet-hospit img {
  max-width: 100%;
  height: auto;
  display: block;
}

/* LINKS */
.zara-fs-sensor-faucet-hospit a {
  color: #5a8db5;
  transition: all 0.3s ease;
  text-decoration: none;
}
.zara-fs-sensor-faucet-hospit a:hover {
  color: #1f3444;
}

/* ---- WRAP ---- */
.zara-fs-sensor-faucet-hospit-wrap {
  max-width: 1200px;
  margin: 0 auto;
}

/* ---- SECTION CONTAINER ---- */
.zara-fs-sensor-faucet-hospit-section {
  background: #ffffff;
  border-radius: 40px;
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.06);
  overflow: hidden;
  border: 1px solid #c7e2f6;
}

/* ---- HERO ---- */
.zara-fs-sensor-faucet-hospit-hero {
  background: linear-gradient(135deg, #ffffff 0%, #e0f6ff 100%);
  color: #1f3444;
  padding: 3.5rem 3rem;
  border-bottom: 1px solid #7fb3dd;
}
.zara-fs-sensor-faucet-hospit-hero .zara-fs-sensor-faucet-hospit-main-h1 {
  font-size: 3.2rem;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 1.5rem;
  color: #1f3444;
  font-family: 'Playfair Display', 'Times New Roman', serif;
}
.zara-fs-sensor-faucet-hospit-hero .zara-fs-sensor-faucet-hospit-main-h1 .zara-fs-sensor-faucet-hospit-gold-text {
  color: #5a8db5;
}
.zara-fs-sensor-faucet-hospit-hero .zara-fs-sensor-faucet-hospit-sub {
  font-size: 1.2rem;
  font-weight: 300;
  max-width: 800px;
  color: #4b5563;
}

/* ---- CONTENT ---- */
.zara-fs-sensor-faucet-hospit-content {
  padding: 3rem;
  background: #ffffff;
}

/* ---- H2 ---- */
.zara-fs-sensor-faucet-hospit-content .zara-fs-sensor-faucet-hospit-h2 {
  font-size: 2.2rem;
  font-weight: 700;
  color: #1f3444;
  font-family: 'Playfair Display', serif;
  margin: 3rem 0 1.5rem 0;
  border-left: 6px solid #7fb3dd;
  padding-left: 1.2rem;
  scroll-margin-top: 5rem;
}
.zara-fs-sensor-faucet-hospit-content .zara-fs-sensor-faucet-hospit-h2-first {
  margin-top: 0;
}
.zara-fs-sensor-faucet-hospit-h2-center {
  font-size: 2rem;
  font-weight: 700;
  color: #1f3444;
  font-family: 'Playfair Display', serif;
  margin: 3rem 0 1.5rem;
  text-align: center;
  scroll-margin-top: 5rem;
}
.zara-fs-sensor-faucet-hospit-h2-gallery {
  font-size: 2.2rem;
  font-weight: 700;
  color: #1f3444;
  font-family: 'Playfair Display', serif;
  margin: 3rem 0 1.5rem 0;
  border-left: 6px solid #7fb3dd;
  padding-left: 1.2rem;
}

/* ---- H3 ---- */
.zara-fs-sensor-faucet-hospit-content .zara-fs-sensor-faucet-hospit-h3 {
  font-size: 1.5rem;
  font-weight: 700;
  color: #1f3444;
  margin: 2rem 0 1rem 0;
}
.zara-fs-sensor-faucet-hospit-h3-gold {
  font-size: 14px;
  font-weight: 700;
  color: #5a8db5;
  margin-top: 0;
  margin-bottom: 0.8rem;
}

/* ---- P ---- */
.zara-fs-sensor-faucet-hospit-content .zara-fs-sensor-faucet-hospit-p {
  color: #4b5563;
  margin-bottom: 1rem;
  font-size: 1rem;
}
.zara-fs-sensor-faucet-hospit-p-intro {
  font-size: 1.1rem;
  color: #4b5563;
  margin-bottom: 1rem;
}
.zara-fs-sensor-faucet-hospit-p-mt {
  margin-top: 1rem;
  font-size: 1rem;
  color: #4b5563;
}
.zara-fs-sensor-faucet-hospit-p-caption {
  color: #6b7280;
  font-size: 0.95rem;
  text-align: center;
  margin-top: 1rem;
}

/* ---- TOC ---- */
.zara-fs-sensor-faucet-hospit-toc {
  background: #f5faff;
  border-radius: 24px;
  padding: 2rem;
  margin: 2rem 0 3rem;
  border: 1px solid #c7e2f6;
}
.zara-fs-sensor-faucet-hospit-toc-h3 {
  font-size: 16px;
  color: #5a8db5;
  margin-bottom: 1rem;
  font-family: 'Playfair Display', serif;
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.zara-fs-sensor-faucet-hospit-toc-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 0.8rem;
}
.zara-fs-sensor-faucet-hospit-toc-item {
  background: #ffffff;
  border-radius: 40px;
  border: 1px solid #dde3ec;
  transition: all 0.3s ease;
}
.zara-fs-sensor-faucet-hospit-toc-item a {
  color: #1f3444;
  text-decoration: none;
  padding: 0.5rem 1rem;
  display: block;
  font-weight: 600;
  font-size: 12px;
}
.zara-fs-sensor-faucet-hospit-toc-item:hover {
  background: linear-gradient(135deg, #e3f2fd, #c7e2f6);
  border-color: #7fb3dd;
  transform: translateY(-2px);
}
.zara-fs-sensor-faucet-hospit-toc-item:hover a {
  color: #1f3444;
}

/* ---- HERO GRID ---- */
.zara-fs-sensor-faucet-hospit-hero-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2.5rem;
  margin: 2rem 0;
  align-items: center;
}
.zara-fs-sensor-faucet-hospit-media {
  border-radius: 24px;
  overflow: hidden;
  box-shadow: 0 12px 30px rgba(15, 23, 42, 0.05);
  transition: all 0.3s ease;
  border: 1px solid #c7e2f6;
}
.zara-fs-sensor-faucet-hospit-media:hover {
  transform: translateY(-5px);
  box-shadow: 0 20px 30px -10px rgba(127, 179, 221, 0.25);
}
.zara-fs-sensor-faucet-hospit-media img {
  width: 100%;
  height: auto;
  display: block;
}

/* ---- BULLET LIST ---- */
.zara-fs-sensor-faucet-hospit-bullet-list {
  list-style: none;
  padding: 0;
  margin: 1rem 0;
}
.zara-fs-sensor-faucet-hospit-bullet-list li {
  padding-left: 1.5rem;
  position: relative;
  margin-bottom: 0.5rem;
  color: #4b5563;
}
.zara-fs-sensor-faucet-hospit-bullet-list li::before {
  content: "•";
  color: #7fb3dd;
  font-weight: bold;
  font-size: 1.2rem;
  position: absolute;
  left: 0;
  top: -2px;
}
.zara-fs-sensor-faucet-hospit-bullet-list li a {
  color: #5a8db5;
}

/* ---- GRIDS ---- */
.zara-fs-sensor-faucet-hospit-grid-2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
  margin: 2rem 0;
}
.zara-fs-sensor-faucet-hospit-grid-3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
  margin: 2rem 0;
}

/* ---- CARD ---- */
.zara-fs-sensor-faucet-hospit-card {
  background: #ffffff;
  border-radius: 24px;
  padding: 2rem;
  border: 1px solid #dde3ec;
  transition: all 0.3s ease;
  box-shadow: 0 8px 20px rgba(15, 23, 42, 0.04);
}
.zara-fs-sensor-faucet-hospit-card:hover {
  transform: translateY(-4px);
  border-color: #7fb3dd;
  box-shadow: 0 15px 30px -10px rgba(127, 179, 221, 0.20);
}
.zara-fs-sensor-faucet-hospit-card .zara-fs-sensor-faucet-hospit-card-h4 {
  font-size: 14px;
  color: #5a8db5;
  margin-bottom: 1rem;
  font-weight: 700;
}
.zara-fs-sensor-faucet-hospit-card p {
  color: #4b5563;
  font-size: 1rem;
}
.zara-fs-sensor-faucet-hospit-card a { color: #5a8db5; }

/* ---- FEATURE CARD ---- */
.zara-fs-sensor-faucet-hospit-feature-card {
  background: #f5faff;
  border-radius: 16px;
  padding: 1.5rem;
  border: 1px solid #c7e2f6;
  margin-bottom: 1rem;
}
.zara-fs-sensor-faucet-hospit-feature-card .zara-fs-sensor-faucet-hospit-fc-h4 {
  color: #5a8db5;
  margin-bottom: 0.5rem;
  font-size: 14px;
  font-weight: 700;
}
.zara-fs-sensor-faucet-hospit-feature-card p {
  color: #4b5563;
  font-size: 1rem;
}
.zara-fs-sensor-faucet-hospit-feature-card a { color: #5a8db5; }

/* ---- MARKETING INTRO ---- */
.zara-fs-sensor-faucet-hospit-marketing-intro {
  background: #f5faff;
  border-radius: 24px;
  padding: 2.5rem;
  margin: 2rem 0;
  border: 1px solid #c7e2f6;
  position: relative;
  overflow: hidden;
}
.zara-fs-sensor-faucet-hospit-marketing-intro::before {
  content: '';
  position: absolute;
  top: 0; left: 0;
  width: 4px; height: 100%;
  background: #7fb3dd;
}
.zara-fs-sensor-faucet-hospit-marketing-intro p {
  font-size: 1.15rem;
  line-height: 1.8;
  margin-bottom: 1.5rem;
  color: #1f3444;
}
.zara-fs-sensor-faucet-hospit-marketing-intro p:last-child { margin-bottom: 0; }
.zara-fs-sensor-faucet-hospit-marketing-intro strong { color: #5a8db5; }

/* ---- IMAGE GALLERY ---- */
.zara-fs-sensor-faucet-hospit-image-gallery {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
  margin: 2rem 0;
}
.zara-fs-sensor-faucet-hospit-gallery-link {
  text-decoration: none;
  display: block;
  transition: transform 0.3s ease;
}
.zara-fs-sensor-faucet-hospit-gallery-link:hover {
  transform: translateY(-5px);
  text-decoration: none;
}
.zara-fs-sensor-faucet-hospit-gallery-item {
  background: #ffffff;
  border-radius: 24px;
  overflow: hidden;
  border: 1px solid #dde3ec;
  transition: all 0.3s ease;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.zara-fs-sensor-faucet-hospit-gallery-link:hover .zara-fs-sensor-faucet-hospit-gallery-item {
  border-color: #7fb3dd;
  box-shadow: 0 20px 30px -10px rgba(127, 179, 221, 0.25);
}
.zara-fs-sensor-faucet-hospit-gallery-img-wrap {
  width: 100%;
  height: 250px;
  background: linear-gradient(45deg, #e0f6ff, #f5faff);
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.zara-fs-sensor-faucet-hospit-gallery-img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
  transition: transform 0.4s ease;
}
.zara-fs-sensor-faucet-hospit-gallery-link:hover .zara-fs-sensor-faucet-hospit-gallery-img-wrap img {
  transform: scale(1.03);
}
.zara-fs-sensor-faucet-hospit-gallery-cap {
  padding: 1rem;
  text-align: center;
  font-weight: 600;
  color: #1f3444;
  margin: 0;
  background: #ffffff;
  border-top: 1px solid #e5e7eb;
  font-size: 1rem;
}

/* ---- COORDINATED CARD ---- */
.zara-fs-sensor-faucet-hospit-coord-card {
  background: #f5faff;
  padding: 1.8rem;
  border-radius: 32px;
  margin: 2rem 0;
  border: 1px solid #c7e2f6;
}
.zara-fs-sensor-faucet-hospit-coord-card h3 {
  margin-top: 0;
  color: #5a8db5;
  font-size: 1.5rem;
  font-weight: 700;
  margin-bottom: 0.8rem;
}
.zara-fs-sensor-faucet-hospit-coord-card p {
  color: #4b5563;
  font-size: 1rem;
}
.zara-fs-sensor-faucet-hospit-coord-card a { color: #5a8db5; }

/* ---- PLANNING FLEX ---- */
.zara-fs-sensor-faucet-hospit-planning-flex {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  margin: 1.2rem 0;
}
.zara-fs-sensor-faucet-hospit-planning-col {
  flex: 1;
  min-width: 250px;
}
.zara-fs-sensor-faucet-hospit-planning-col p {
  color: #4b5563;
  font-size: 1rem;
}
.zara-fs-sensor-faucet-hospit-planning-col a { color: #5a8db5; }

/* ---- STANDARDS SECTION ---- */
.zara-fs-sensor-faucet-hospit-standards {
  background: #f5faff;
  padding: 2rem;
  border-radius: 24px;
  margin: 2rem 0;
  border: 1px solid #c7e2f6;
}
.zara-fs-sensor-faucet-hospit-standards .zara-fs-sensor-faucet-hospit-h3-gold { margin-top: 0; }
.zara-fs-sensor-faucet-hospit-standards p {
  color: #4b5563;
  font-size: 1rem;
}
.zara-fs-sensor-faucet-hospit-standards a { color: #5a8db5; }

/* ---- INDUSTRY GRID ---- */
.zara-fs-sensor-faucet-hospit-industry-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
  margin: 2rem 0;
}
.zara-fs-sensor-faucet-hospit-industry-card {
  background: #ffffff;
  border-radius: 24px;
  padding: 2rem;
  border: 1px solid #dde3ec;
  transition: all 0.3s ease;
  border-left: 4px solid #7fb3dd;
}
.zara-fs-sensor-faucet-hospit-industry-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 15px 30px -10px rgba(127, 179, 221, 0.20);
}
.zara-fs-sensor-faucet-hospit-industry-card .zara-fs-sensor-faucet-hospit-ic-h4 {
  color: #5a8db5;
  font-size: 14px;
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-weight: 700;
}
.zara-fs-sensor-faucet-hospit-industry-card p {
  color: #4b5563;
  font-size: 1rem;
}

/* ---- SPEC TABLE ---- */
.zara-fs-sensor-faucet-hospit-spec-table {
  width: 100%;
  border-collapse: collapse;
  background: #ffffff;
  border-radius: 24px;
  overflow: hidden;
  box-shadow: 0 8px 20px rgba(15, 23, 42, 0.05);
  margin: 2rem 0;
  border: 1px solid #dde3ec;
}
.zara-fs-sensor-faucet-hospit-spec-table th {
  background: #f5faff;
  color: #5a8db5;
  font-weight: 700;
  padding: 1rem 1.5rem;
  text-align: left;
  font-size: 1.1rem;
  border-bottom: 2px solid #7fb3dd;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.zara-fs-sensor-faucet-hospit-spec-table td {
  padding: 1rem 1.5rem;
  border-bottom: 1px solid #e5e7eb;
  color: #4b5563;
  font-size: 14px;
}
.zara-fs-sensor-faucet-hospit-spec-table tr:last-child td { border-bottom: none; }
.zara-fs-sensor-faucet-hospit-spec-table tr:hover td { background-color: #f5faff; }

/* ---- DOWNLOAD RESOURCES ---- */
.zara-fs-sensor-faucet-hospit-resources-download {
  background: #f5faff;
  border-radius: 24px;
  padding: 2.5rem;
  margin: 2rem 0;
  border: 1px solid #c7e2f6;
  text-align: center;
}
.zara-fs-sensor-faucet-hospit-download-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem;
  margin: 2rem 0;
}
.zara-fs-sensor-faucet-hospit-download-item {
  background: #ffffff;
  border-radius: 16px;
  padding: 1.5rem;
  border: 1px solid #dde3ec;
  transition: all 0.3s ease;
}
.zara-fs-sensor-faucet-hospit-download-item:hover {
  border-color: #7fb3dd;
  transform: translateY(-3px);
  box-shadow: 0 8px 20px rgba(127, 179, 221, 0.15);
}
.zara-fs-sensor-faucet-hospit-download-icon {
  font-size: 2rem;
  color: #7fb3dd;
  margin-bottom: 1rem;
}
.zara-fs-sensor-faucet-hospit-download-item .zara-fs-sensor-faucet-hospit-dl-h5 {
  color: #1f3444;
  margin-bottom: 0.5rem;
  font-size: 16px;
  font-weight: 700;
}
.zara-fs-sensor-faucet-hospit-download-item p {
  color: #6b7280;
  font-size: 0.9rem;
  margin-bottom: 1rem;
}
.zara-fs-sensor-faucet-hospit-download-link {
  color: #5a8db5;
  text-decoration: none;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
}
.zara-fs-sensor-faucet-hospit-download-link:hover { text-decoration: underline; }

/* ---- FAQ ---- */
.zara-fs-sensor-faucet-hospit-faq-section { margin: 3rem 0; }
.zara-fs-sensor-faucet-hospit-faq-item {
  background: #ffffff;
  border-radius: 20px;
  padding: 1.8rem;
  margin-bottom: 1rem;
  border: 1px solid #dde3ec;
  transition: all 0.3s ease;
}
.zara-fs-sensor-faucet-hospit-faq-item:hover {
  border-color: #7fb3dd;
  transform: translateX(5px);
  box-shadow: 0 8px 20px rgba(127, 179, 221, 0.12);
}
.zara-fs-sensor-faucet-hospit-faq-item .zara-fs-sensor-faucet-hospit-faq-h4 {
  color: #5a8db5;
  margin-bottom: 0.8rem;
  font-size: 15px;
  font-weight: 700;
}
.zara-fs-sensor-faucet-hospit-faq-item p {
  color: #4b5563;
  font-size: 1rem;
}
.zara-fs-sensor-faucet-hospit-faq-item a { color: #5a8db5; }

/* ---- CTA BOX ---- */
.zara-fs-sensor-faucet-hospit-cta-box {
  background: linear-gradient(135deg, #ffffff 0%, #e0f6ff 100%);
  color: #1f3444;
  padding: 3.5rem;
  border-radius: 32px;
  text-align: center;
  margin: 3rem 0;
  border: 1px solid #c7e2f6;
  position: relative;
  overflow: hidden;
}
.zara-fs-sensor-faucet-hospit-cta-box::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 4px;
  background: linear-gradient(90deg, #7fb3dd, #b5d8ef, #7fb3dd);
}
.zara-fs-sensor-faucet-hospit-cta-box .zara-fs-sensor-faucet-hospit-cta-h3 {
  color: #1f3444;
  font-size: 2rem;
  margin-bottom: 1rem;
  font-family: 'Playfair Display', serif;
  font-weight: 700;
}
.zara-fs-sensor-faucet-hospit-cta-box .zara-fs-sensor-faucet-hospit-cta-p {
  color: #4b5563;
  margin-bottom: 2rem;
  font-size: 1.1rem;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}
.zara-fs-sensor-faucet-hospit-cta-box a { color: #5a8db5; }
.zara-fs-sensor-faucet-hospit-cta-btn {
  display: inline-block;
  background: linear-gradient(135deg, #e3f2fd, #c7e2f6);
  color: #1f3444;
  padding: 1rem 2.5rem;
  border-radius: 60px;
  text-decoration: none;
  font-weight: 700;
  font-size: 12px;
  transition: all 0.3s ease;
  margin: 0 0.5rem 1rem;
  border: 1px solid #c7e2f6;
  box-shadow: 0 10px 24px rgba(127, 179, 221, 0.25);
}
.zara-fs-sensor-faucet-hospit-cta-btn:hover {
  background: linear-gradient(135deg, #d6ecfb, #b5d8ef);
  border-color: #b5d8ef;
  transform: translateY(-2px);
  box-shadow: 0 14px 28px rgba(127, 179, 221, 0.35);
  color: #1f3444;
}
.zara-fs-sensor-faucet-hospit-cta-btn-outline {
  display: inline-block;
  background: #ffffff;
  color: #1f3444;
  padding: 1rem 2.5rem;
  border-radius: 60px;
  text-decoration: none;
  font-weight: 700;
  font-size: 12px;
  transition: all 0.3s ease;
  border: 2px solid #c7e2f6;
  margin: 0 0.5rem 1rem;
}
.zara-fs-sensor-faucet-hospit-cta-btn-outline:hover {
  background: #f5faff;
  border-color: #7fb3dd;
  color: #1f3444;
  transform: translateY(-2px);
}

/* ---- HR ---- */
.zara-fs-sensor-faucet-hospit-hr {
  border: none;
  border-top: 2px dashed #c7e2f6;
  margin: 3rem 0;
}

/* ---- TOPIC CLUSTER ---- */
.zara-fs-sensor-faucet-hospit-topic-cluster {
  background: #f5faff;
  border-radius: 24px;
  padding: 2rem;
  margin: 3rem 0;
  border: 1px solid #c7e2f6;
}
.zara-fs-sensor-faucet-hospit-topic-cluster .zara-fs-sensor-faucet-hospit-tc-h3 {
  color: #5a8db5;
  margin-bottom: 1.5rem;
  font-size: 1.5rem;
  font-weight: 700;
}
.zara-fs-sensor-faucet-hospit-topic-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 1rem;
}
.zara-fs-sensor-faucet-hospit-topic-item {
  background: #ffffff;
  border-radius: 12px;
  padding: 1.2rem;
  border: 1px solid #dde3ec;
  transition: all 0.3s ease;
}
.zara-fs-sensor-faucet-hospit-topic-item:hover {
  border-color: #7fb3dd;
  transform: translateY(-3px);
  box-shadow: 0 8px 20px rgba(127, 179, 221, 0.12);
}
.zara-fs-sensor-faucet-hospit-topic-item a {
  color: #1f3444;
  text-decoration: none;
  font-weight: 600;
  display: block;
}
.zara-fs-sensor-faucet-hospit-topic-item p {
  color: #6b7280;
  font-size: 0.9rem;
  margin-top: 0.5rem;
}

/* ---- EXPERT NOTE ---- */
.zara-fs-sensor-faucet-hospit-expert-note {
  background: #f5faff;
  padding: 2rem;
  border-radius: 24px;
  margin: 3rem 0 2rem;
  border-left: 6px solid #7fb3dd;
  font-style: italic;
  position: relative;
}
.zara-fs-sensor-faucet-hospit-expert-note::before {
  content: '"';
  position: absolute;
  top: -10px; left: 20px;
  font-size: 5rem;
  color: #7fb3dd;
  opacity: 0.35;
  font-family: serif;
}
.zara-fs-sensor-faucet-hospit-expert-note p {
  margin: 0;
  color: #4b5563;
  font-size: 1.1rem;
  position: relative;
  z-index: 1;
}

/* ---- RESOURCE CLOUD ---- */
.zara-fs-sensor-faucet-hospit-resource-cloud {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem;
  background: #f5faff;
  padding: 1.2rem 2rem;
  border-radius: 48px;
  margin: 2rem 0;
  align-items: center;
  border: 1px solid #c7e2f6;
}
.zara-fs-sensor-faucet-hospit-resource-cloud-alt {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem;
  background: #f5faff;
  padding: 1.2rem 2rem;
  border-radius: 48px;
  margin: 0 0 2rem;
  align-items: center;
  border: 1px solid #c7e2f6;
}
.zara-fs-sensor-faucet-hospit-resource-cloud a,
.zara-fs-sensor-faucet-hospit-resource-cloud-alt a {
  background: #ffffff;
  padding: 0.5rem 1.5rem;
  border-radius: 60px;
  text-decoration: none;
  color: #1f3444;
  font-weight: 600;
  border: 1px solid #dde3ec;
  transition: all 0.3s ease;
  font-size: 12px;
}
.zara-fs-sensor-faucet-hospit-resource-cloud a:hover,
.zara-fs-sensor-faucet-hospit-resource-cloud-alt a:hover {
  background: linear-gradient(135deg, #e3f2fd, #c7e2f6);
  color: #1f3444;
  border-color: #7fb3dd;
  transform: translateY(-2px);
}

/* ---- KEYWORD BAR ---- */
.zara-fs-sensor-faucet-hospit-keyword-bar {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
  background: #f5faff;
  padding: 1.2rem 2rem;
  border-radius: 60px;
  margin: 2rem 0;
  align-items: center;
  border: 1px solid #c7e2f6;
}
.zara-fs-sensor-faucet-hospit-keyword-bar .zara-fs-sensor-faucet-hospit-kw-label {
  font-weight: 700;
  color: #5a8db5;
  margin-right: 10px;
}
.zara-fs-sensor-faucet-hospit-keyword-bar a {
  background: #ffffff;
  padding: 0.2rem 1rem;
  border-radius: 30px;
  color: #4b5563;
  text-decoration: none;
  font-size: 12px;
  border: 1px solid #dde3ec;
  transition: all 0.3s ease;
}
.zara-fs-sensor-faucet-hospit-keyword-bar a:hover {
  background: linear-gradient(135deg, #e3f2fd, #c7e2f6);
  color: #1f3444;
  border-color: #7fb3dd;
}

/* ---- BRAND FOOTER (kept visible — airy) ---- */
.zara-fs-sensor-faucet-hospit-brand-footer {
  background: linear-gradient(135deg, #ffffff, #e0f6ff);
  color: #4b5563;
  padding: 2.5rem;
  border-radius: 30px;
  margin-top: 3rem;
  text-align: center;
  border: 1px solid #c7e2f6;
}
.zara-fs-sensor-faucet-hospit-brand-footer p {
  color: #4b5563;
  font-size: 1rem;
}
.zara-fs-sensor-faucet-hospit-brand-footer p:first-child {
  font-size: 1.2rem;
  margin-bottom: 0.5rem;
  color: #1f3444;
}
.zara-fs-sensor-faucet-hospit-brand-footer strong { color: #5a8db5; }

/* STICKY TOC */
@media (min-width: 1024px) {
  .zara-fs-sensor-faucet-hospit-sticky { position: sticky; top: 2rem; z-index: 10; }
}

/* ---- RESPONSIVE ---- */
@media (max-width: 768px) {
  .zara-fs-sensor-faucet-hospit-hero-grid,
  .zara-fs-sensor-faucet-hospit-grid-2,
  .zara-fs-sensor-faucet-hospit-grid-3,
  .zara-fs-sensor-faucet-hospit-industry-grid,
  .zara-fs-sensor-faucet-hospit-image-gallery,
  .zara-fs-sensor-faucet-hospit-download-grid { grid-template-columns: 1fr; }
  .zara-fs-sensor-faucet-hospit-hero .zara-fs-sensor-faucet-hospit-main-h1 { font-size: 2.5rem; }
  .zara-fs-sensor-faucet-hospit-cta-btn,
  .zara-fs-sensor-faucet-hospit-cta-btn-outline { display: block; margin: 1rem 0; }
  .zara-fs-sensor-faucet-hospit-gallery-img-wrap { height: 200px; }
}
@media (min-width: 1200px) {
  .zara-fs-sensor-faucet-hospit-gallery-img-wrap { height: 250px; }
}


.zara-fs-sensor-faucet-hospit-sec {
  max-width: 1200px;
  margin: 3rem auto;
  padding: 0 1rem;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.zara-fs-sensor-faucet-hospit-sec * {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/* ---- CARD ---- */
.zara-fs-sensor-faucet-hospit-sec-card {
  background: linear-gradient(135deg, #ffffff 0%, #e0f6ff 100%);
  border-radius: 32px;
  padding: 3.5rem 3rem;
  position: relative;
  overflow: hidden;
  border: 1px solid #c7e2f6;
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.06);
}
.zara-fs-sensor-faucet-hospit-sec-card::before {
  content: '';
  position: absolute;
  top: -20%;
  right: -5%;
  width: 400px;
  height: 400px;
  background: radial-gradient(circle, rgba(127, 179, 221, 0.10) 0%, transparent 70%);
  border-radius: 50%;
  z-index: 0;
  pointer-events: none;
}
.zara-fs-sensor-faucet-hospit-sec-card::after {
  content: '';
  position: absolute;
  bottom: -20%;
  left: -5%;
  width: 350px;
  height: 350px;
  background: radial-gradient(circle, rgba(127, 179, 221, 0.07) 0%, transparent 70%);
  border-radius: 50%;
  z-index: 0;
  pointer-events: none;
}

/* ---- TOP STRIP (was gold gradient) ---- */
.zara-fs-sensor-faucet-hospit-sec-gold-strip {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #7fb3dd, #b5d8ef, #7fb3dd, #5a8db5, #7fb3dd);
  z-index: 2;
}

/* ---- CONTENT WRAPPER ---- */
.zara-fs-sensor-faucet-hospit-sec-content {
  position: relative;
  z-index: 1;
  max-width: 1000px;
  margin: 0 auto;
}

/* ---- BADGE ---- */
.zara-fs-sensor-faucet-hospit-sec-badge {
  display: inline-block;
  background: #f5faff;
  color: #5a8db5;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  padding: 1px 2.5rem;
  border-radius: 60px;
  border: 1px solid #c7e2f6;
  margin-bottom: 1.5rem;
}

/* ---- HEADLINE ---- */
.zara-fs-sensor-faucet-hospit-sec-headline {
  font-size: 2.2rem;
  font-weight: 700;
  color: #1f3444;
  margin-bottom: 1.5rem;
  font-family: 'Playfair Display', 'Times New Roman', serif;
  line-height: 1.3;
}
.zara-fs-sensor-faucet-hospit-sec-headline .zara-fs-sensor-faucet-hospit-sec-gold {
  color: #5a8db5;
  font-weight: 700;
}

/* ---- PARAGRAPHS ---- */
.zara-fs-sensor-faucet-hospit-sec-p1 {
  font-size: 1.2rem;
  line-height: 1.8;
  color: #1f3444;
  margin-bottom: 1.5rem;
  font-weight: 300;
  max-width: 900px;
}
.zara-fs-sensor-faucet-hospit-sec-p1 strong {
  color: #5a8db5;
  font-weight: 700;
}
.zara-fs-sensor-faucet-hospit-sec-p2 {
  font-size: 1.1rem;
  line-height: 1.7;
  color: #4b5563;
  margin-bottom: 2rem;
  max-width: 900px;
}
.zara-fs-sensor-faucet-hospit-sec-p2 strong {
  color: #5a8db5;
  font-weight: 700;
}

/* ---- DECORATIVE DOTS ---- */
.zara-fs-sensor-faucet-hospit-sec-dots {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin: 2rem 0;
}
.zara-fs-sensor-faucet-hospit-sec-dots span {
  width: 6px;
  height: 6px;
  background: #7fb3dd;
  border-radius: 50%;
  opacity: 0.5;
  display: block;
}
.zara-fs-sensor-faucet-hospit-sec-dots span:nth-child(2) {
  width: 8px;
  height: 8px;
  opacity: 0.8;
}

/* ---- QUICK LINKS ---- */
.zara-fs-sensor-faucet-hospit-sec-links {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin: 2rem 0;
  padding-top: 1rem;
  border-top: 1px solid #c7e2f6;
}
.zara-fs-sensor-faucet-hospit-sec-link {
  background: #ffffff;
  border: 1px solid #c7e2f6;
  color: #1f3444;
  padding: 0.6rem 1.5rem;
  border-radius: 60px;
  text-decoration: none;
  font-size: 12px;
  font-weight: 600;
  transition: all 0.3s ease;
}
.zara-fs-sensor-faucet-hospit-sec-link:hover {
  background: linear-gradient(135deg, #e3f2fd, #c7e2f6);
  color: #1f3444;
  border-color: #7fb3dd;
  transform: translateY(-2px);
  text-decoration: none;
}

/* ---- SIGNATURE ---- */
.zara-fs-sensor-faucet-hospit-sec-sig {
  text-align: center;
  margin-top: 1.5rem;
  color: #6b7280;
  font-size: 12px;
  letter-spacing: 1px;
}

/* ---- RESPONSIVE ---- */
@media (max-width: 768px) {
  .zara-fs-sensor-faucet-hospit-sec-card { padding: 2.5rem 1.5rem; }
  .zara-fs-sensor-faucet-hospit-sec-headline { font-size: 1.8rem; }
  .zara-fs-sensor-faucet-hospit-sec-p1 { font-size: 1.1rem; }
  .zara-fs-sensor-faucet-hospit-sec-links { flex-direction: column; }
  .zara-fs-sensor-faucet-hospit-sec-link { text-align: center; }
}

.zara-FS1331-shower-head-system{max-width:1240px;margin:60px auto;padding:55px 24px;/* background:linear-gradient(135deg,#eef8ff,#fff); */font-family:Arial,Helvetica,sans-serif;color:#1f2937}
.zara-FS1331-shower-head-system-box{background:#fff;/* border:1px solid #dbeafe; */border-radius:28px;padding:44px;/* box-shadow:0 18px 45px rgba(15,53,84,.1); */}
.zara-FS1331-shower-head-system-header{text-align:center;max-width:920px;margin:0 auto 40px}
.zara-FS1331-shower-head-system-badge{display:inline-block;background:#e0f2fe;color:#0f3554;padding:8px 16px;border-radius:999px;font-size:13px;font-weight:700;margin-bottom:14px}
.zara-FS1331-shower-head-system-header h2,.zara-FS1331-shower-head-system-section h3{color:#0f3554}
.zara-FS1331-shower-head-system-header h2{font-size:38px;margin:0 0 14px}
.zara-FS1331-shower-head-system-header p,.zara-FS1331-shower-head-system-section p,.zara-FS1331-shower-head-system-card p,.zara-FS1331-shower-head-system-reviewBody{font-size:15.5px;line-height:1.75;color:#374151}
.zara-FS1331-shower-head-system-section{margin-top:42px}
.zara-FS1331-shower-head-system-section h3{font-size:28px;margin:0 0 18px}
.zara-FS1331-shower-head-system-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(285px,1fr));gap:22px}
.zara-FS1331-shower-head-system-card,.zara-FS1331-shower-head-system-reviewCard{background:linear-gradient(180deg,#fff,#f8fcff);border:1px solid #dbeafe;border-radius:22px;padding:24px;box-shadow:0 10px 26px rgba(15,53,84,.07)}
.zara-FS1331-shower-head-system-card h4,.zara-FS1331-shower-head-system-reviewCard h4{margin:0 0 12px;color:#12324a;font-size:19px}
.zara-FS1331-shower-head-system-stars{color:#f59e0b;font-size:18px;letter-spacing:1px;margin-bottom:10px}
.zara-FS1331-shower-head-system-meta{background:#f1f8ff;border-left:4px solid #0f75bc;border-radius:12px;padding:14px 16px;margin-bottom:18px;font-size:13px;line-height:1.7;color:#334155}
.zara-FS1331-shower-head-system-meta strong{color:#0f3554}
.zara-FS1331-shower-head-system-hidden{display:none}
.zara-FS1331-shower-head-system-readmore{text-align:center;margin-top:34px}
.zara-FS1331-shower-head-system-readmore button{background: #e0f2fe;
    color: #0f3554;
    border: 0;
    border-radius: 999px;
    padding: 15px 34px;
    font-size: 15px;
    font-weight: 700;
    cursor: pointer;}
.zara-FS1331-shower-head-system-note{text-align:center;margin-top:24px;font-size:13px;color:#64748b;line-height:1.6}
@media(max-width:700px){
  .zara-FS1331-shower-head-system{padding:24px 10px;margin:20px auto}
  .zara-FS1331-shower-head-system-box{padding:20px 14px;border-radius:18px}
  .zara-FS1331-shower-head-system-header h2{font-size:24px}
  .zara-FS1331-shower-head-system-section h3{font-size:20px}
  .zara-FS1331-shower-head-system-card,.zara-FS1331-shower-head-system-reviewCard{padding:16px;border-radius:16px}
  .zara-FS1331-shower-head-system-card h4,.zara-FS1331-shower-head-system-reviewCard h4{font-size:16px}
  .zara-FS1331-shower-head-system-header p,.zara-FS1331-shower-head-system-section p,.zara-FS1331-shower-head-system-card p,.zara-FS1331-shower-head-system-reviewBody{font-size:14px}
  .zara-FS1331-shower-head-system-badge{font-size:11px;padding:6px 12px}
  .zara-FS1331-shower-head-system-meta{padding:10px 12px;font-size:12px}
  .zara-FS1331-shower-head-system-stars{font-size:16px}
  .zara-FS1331-shower-head-system-readmore button{padding:12px 24px;font-size:13px}
}
@media(max-width:410px){
  .zara-FS1331-shower-head-system{padding:14px 6px;margin:10px auto}
  .zara-FS1331-shower-head-system-box{padding:14px 10px;border-radius:14px}
  .zara-FS1331-shower-head-system-header h2{font-size:20px}
  .zara-FS1331-shower-head-system-section h3{font-size:17px}
  .zara-FS1331-shower-head-system-header p,.zara-FS1331-shower-head-system-section p,.zara-FS1331-shower-head-system-card p,.zara-FS1331-shower-head-system-reviewBody{font-size:13px}
  .zara-FS1331-shower-head-system-card,.zara-FS1331-shower-head-system-reviewCard{padding:12px;border-radius:12px}
  .zara-FS1331-shower-head-system-card h4,.zara-FS1331-shower-head-system-reviewCard h4{font-size:14.5px}
  .zara-FS1331-shower-head-system-grid{gap:14px}
  .zara-FS1331-shower-head-system-meta{padding:8px 10px;font-size:11.5px}
  .zara-FS1331-shower-head-system-readmore button{padding:10px 20px;font-size:12px}
}

.zara-com-grade-soap-disp-table { width: 100%; max-width: 1200px; margin: 0 auto; border-collapse: collapse; background: #ffffff; border-radius: 16px; overflow: hidden; box-shadow: 0 2px 15px rgba(127, 179, 221, 0.10); }

.zara-com-grade-soap-disp-td-img { padding: 25px 20px; vertical-align: middle; width: 25%; text-align: center; }

.zara-com-grade-soap-disp-img-link { display: inline-block; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 20px rgba(127, 179, 221, 0.12); transition: transform 0.3s ease, box-shadow 0.3s ease; }
.zara-com-grade-soap-disp-img-link:hover { transform: scale(1.03); box-shadow: 0 6px 25px rgba(127, 179, 221, 0.20); }

.zara-com-grade-soap-disp-img { width: 100%; max-width: 220px; height: auto; display: block; }

.zara-com-grade-soap-disp-td-spacer { padding: 25px 10px; vertical-align: middle; width: 7%; }
.zara-com-grade-soap-disp-spacer-text { color: #ffffff; font-size: 0px; }

.zara-com-grade-soap-disp-td-content { padding: 25px 25px 25px 10px; vertical-align: middle; width: 68%; }

.zara-com-grade-soap-disp-h1 { font-size: 28px; font-weight: 700; color: #1f3444; margin: 0px 0px 5px; letter-spacing: -0.56px; }

.zara-com-grade-soap-disp-h2-sale { font-size: 18px; font-weight: 700; color: #5a8db5; margin: 0px 0px 10px; }

.zara-com-grade-soap-disp-desc { font-size: 14px; line-height: 1.8; color: #1f3444; margin: 0px; }

.zara-com-grade-soap-disp-seo-tag-list { box-sizing: border-box; margin-bottom: 0px; text-align: center; list-style: none; max-width: 1200px; margin-left: auto; margin-right: auto; display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; }
.zara-com-grade-soap-disp-seo-tag-list-row1 { padding: 30px 0px 10px; }
.zara-com-grade-soap-disp-seo-tag { box-sizing: border-box; display: inline-block; margin: 0px; outline: 0; }

.zara-com-grade-soap-disp-seo-link { box-sizing: border-box; background: #f5faff; color: #1f3444; text-decoration: none; outline: 0; transition: all 0.3s ease; font-family: central, Helvetica, Arial, sans-serif; font-size: 13px; display: block; border: 1px solid #c7e2f6; text-transform: uppercase; padding: 6px 19px; border-radius: 50px; font-weight: 700; }
.zara-com-grade-soap-disp-seo-link:hover { background: linear-gradient(135deg, #5a8db5, #7fb3dd); color: #ffffff; border-color: #7fb3dd; }

.zara-com-grade-soap-disp-banner { max-width: 1200px; margin: 20px auto 0px; text-align: center; }
.zara-com-grade-soap-disp-banner-link { display: block; border-radius: 14px; overflow: hidden; box-shadow: 0 4px 20px rgba(127, 179, 221, 0.10); transition: transform 0.4s ease, box-shadow 0.4s ease; }
.zara-com-grade-soap-disp-banner-link:hover { transform: scale(1.01); box-shadow: 0 6px 25px rgba(127, 179, 221, 0.18); }
.zara-com-grade-soap-disp-banner-img { width: 100%; height: auto; display: block; }

.zara-com-grade-soap-disp-faq { max-width: 1200px; margin: 35px auto 0px; padding: 30px; background: #ffffff; border: 1px solid #c7e2f6; border-radius: 16px; box-shadow: 0 4px 20px rgba(127, 179, 221, 0.08); font-family: Arial, Helvetica, sans-serif; }
.zara-com-grade-soap-disp-faq-header { text-align: center; margin-bottom: 25px; }
.zara-com-grade-soap-disp-faq-badge {display: inline-block;padding: 2px 14px;background: #f5faff;color: #5a8db5;font-size: 12px;font-weight: 700;text-transform: uppercase;letter-spacing: 1px;border-radius: 30px;border: 1px solid #c7e2f6;}
.zara-com-grade-soap-disp-faq-title { margin: 15px 0px 10px; font-size: 30px; color: #1f3444; font-weight: 700; }
.zara-com-grade-soap-disp-faq-intro { max-width: 850px; margin: 0px auto; font-size: 15px; line-height: 1.8; color: #4b5563; }
.zara-com-grade-soap-disp-faq-item { margin-bottom: 12px; border: 1px solid #dde3ec; border-radius: 10px; padding: 15px 18px; background: #f5faff; }
.zara-com-grade-soap-disp-faq-item-last { margin-bottom: 0px; }
.zara-com-grade-soap-disp-faq-question { cursor: pointer; font-size: 16px; font-weight: 700; color: #1f3444; }
.zara-com-grade-soap-disp-faq-answer { margin-top: 14px; font-size: 14px; line-height: 1.9; color: #4b5563; }

.zara-com-grade-soap-disp-cta {max-width: 1200px;margin: 30px auto 20px;padding: 28px 35px;border-radius: 16px;background: linear-gradient(135deg, #f5faff 0%, #e0f6ff 50%, #c7e2f6 100%);box-shadow: 0 4px 25px rgba(127, 179, 221, 0.20);border: 1px solid #c7e2f6;text-align: center;font-family: Arial, Helvetica, sans-serif;}
.zara-com-grade-soap-disp-cta-title { font-size: 22px; font-weight: 700; color: #1f3444; margin: 0px 0px 12px; }
.zara-com-grade-soap-disp-cta-text { font-size: 15px; line-height: 1.8; color: #4b5563; margin: 0px 0px 18px; max-width: 850px; margin-left: auto; margin-right: auto; }
.zara-com-grade-soap-disp-cta-buttons { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; }
.zara-com-grade-soap-disp-cta-btn {display: inline-block;padding: 9px 32px;border-radius: 50px;text-decoration: none;font-size: 15px;font-weight: 700;transition: all 0.3s ease;}
.zara-com-grade-soap-disp-cta-btn-filled { background: linear-gradient(135deg, #5a8db5, #7fb3dd); color: #ffffff; box-shadow: 0 4px 15px rgba(127, 179, 221, 0.30); border: 2px solid rgba(255,255,255,0.2); }
.zara-com-grade-soap-disp-cta-btn-filled:hover {background: linear-gradient(135deg, #4a7da5, #5a8db5);color: #fff;}
.zara-com-grade-soap-disp-cta-btn-outline { background: transparent; color: #5a8db5; border: 2px solid #7fb3dd; }

.zara-touchless-faucets-ASR {font-family: Inter, Arial, sans-serif;color: #1f3444;/* background: #f5faff; */line-height: 1.6;}
.zara-touchless-faucets-ASR * { box-sizing: border-box; }
.zara-touchless-faucets-ASR-fa-wrap { max-width: 1280px; margin: auto; padding: 70px 28px; }

.zara-touchless-faucets-ASR-fa-hero { background: linear-gradient(135deg, #ffffff, #e0f6ff); border: 1px solid #c7e2f6; border-radius: 34px; padding: 70px 48px; display: grid; grid-template-columns: 1.05fr 0.95fr; gap: 44px; align-items: center; }

.zara-touchless-faucets-ASR-fa-eyebrow { color: #5a8db5; font-weight: 800; letter-spacing: 1.04px; text-transform: uppercase; font-size: 13px; }

.zara-touchless-faucets-ASR-fa-hero h1 { font-family: Georgia, serif; font-size: 54px; line-height: 1.05; margin: 14px 0px 20px; color: #1f3444; }
.zara-touchless-faucets-ASR-fa-hero p { font-size: 18px; color: #4b5563; max-width: 660px; }

.zara-touchless-faucets-ASR-fa-buttons { display: flex; gap: 14px; flex-wrap: wrap; margin-top: 28px; }
.zara-touchless-faucets-ASR-fa-buttons-centered { justify-content: center; }

.zara-touchless-faucets-ASR-fa-btn { display: inline-block; padding: 14px 24px; border-radius: 999px; text-decoration: none; font-weight: 800; background: linear-gradient(135deg, #5a8db5, #7fb3dd); color: #ffffff; border: 1px solid #7fb3dd; transition: background 0.3s ease, color 0.3s ease, box-shadow 0.3s ease; }
.zara-touchless-faucets-ASR-fa-btn:hover { background: linear-gradient(135deg, #4a7da5, #5a8db5); }
.zara-touchless-faucets-ASR-fa-btn.zara-touchless-faucets-ASR-secondary { background: #ffffff; color: #5a8db5; border: 1px solid #c7e2f6; }
.zara-touchless-faucets-ASR-fa-btn.zara-touchless-faucets-ASR-secondary:hover { background: linear-gradient(135deg, #e3f2fd, #c7e2f6); color: #1f3444; }

.zara-touchless-faucets-ASR-fa-hero img, .zara-touchless-faucets-ASR-fa-large-img { width: 100%; min-height: 450px; object-fit: cover; border-radius: 28px; background: #f5faff; box-shadow: 0 18px 45px rgba(127, 179, 221, 0.15); }

.zara-touchless-faucets-ASR-fa-section-title { text-align: center; max-width: 850px; margin: 0px auto 42px; }
.zara-touchless-faucets-ASR-fa-section-title h2 { font-family: Georgia, serif; font-size: 40px; line-height: 1.15; margin: 0px 0px 14px; color: #1f3444; }
.zara-touchless-faucets-ASR-fa-section-title p { font-size: 17px; color: #6b7280; }

.zara-touchless-faucets-ASR-fa-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }

.zara-touchless-faucets-ASR-fa-tile, .zara-touchless-faucets-ASR-fa-card, .zara-touchless-faucets-ASR-fa-spec, .zara-touchless-faucets-ASR-fa-finish { background: #ffffff; border: 1px solid #dde3ec; border-radius: 24px; padding: 28px; box-shadow: 0 10px 28px rgba(127, 179, 221, 0.10); }
.zara-touchless-faucets-ASR-fa-tile h3, .zara-touchless-faucets-ASR-fa-card h3, .zara-touchless-faucets-ASR-fa-spec h3, .zara-touchless-faucets-ASR-fa-finish h3 { margin: 0px 0px 10px; font-size: 22px; color: #1f3444; }
.zara-touchless-faucets-ASR-fa-tile span { font-size: 42px; display: block; margin-bottom: 12px; }

.zara-touchless-faucets-ASR-fa-split { display: grid; grid-template-columns: 1fr 1fr; gap: 34px; align-items: center; margin-bottom: 42px; }

.zara-touchless-faucets-ASR-fa-product { background: #ffffff; border: 1px solid #c7e2f6; border-radius: 30px; padding: 32px; box-shadow: 0 14px 36px rgba(127, 179, 221, 0.10); }
.zara-touchless-faucets-ASR-fa-product h3 { font-family: Georgia, serif; font-size: 34px; margin: 0px 0px 12px; color: #1f3444; }

.zara-touchless-faucets-ASR-fa-badges { display: flex; flex-wrap: wrap; gap: 10px; margin: 18px 0px; }
.zara-touchless-faucets-ASR-fa-badges span { background: #f5faff; color: #5a8db5; border: 1px solid #c7e2f6; padding: 8px 12px; border-radius: 999px; font-size: 13px; font-weight: 700; }

.zara-touchless-faucets-ASR-fa-list { padding-left: 18px; margin: 18px 0px; }
.zara-touchless-faucets-ASR-fa-list li { margin-bottom: 7px; color: #4b5563; }

.zara-touchless-faucets-ASR-fa-finish-row { display: grid; grid-template-columns: repeat(5, 1fr); gap: 18px; }

.zara-touchless-faucets-ASR-fa-swatch { width: 54px; height: 54px; border-radius: 50%; border: 1px solid #c7e2f6; margin-bottom: 14px; }
.zara-touchless-faucets-ASR-chrome { background: linear-gradient(135deg, #f9f9f9, #b9c4ca, #ffffff); }
.zara-touchless-faucets-ASR-nickel { background: linear-gradient(135deg, #ddd6ca, #9b9b92, #f4f1e9); }
.zara-touchless-faucets-ASR-gold { background: linear-gradient(135deg, #ffe8a6, #b88728, #fff0b5); }
.zara-touchless-faucets-ASR-black { background: linear-gradient(135deg, #666666, #111111); }
.zara-touchless-faucets-ASR-bronze { background: linear-gradient(135deg, #8a5535, #3b2418, #b5794d); }

.zara-touchless-faucets-ASR-fa-table { width: 100%; border-collapse: collapse; background: #ffffff; border-radius: 24px; overflow: hidden; box-shadow: 0 10px 28px rgba(127, 179, 221, 0.10); }
.zara-touchless-faucets-ASR-fa-table th, .zara-touchless-faucets-ASR-fa-table td { padding: 18px; border-bottom: 1px solid #e5e7eb; text-align: left; }
.zara-touchless-faucets-ASR-fa-table th { background: #f5faff; color: #5a8db5; font-weight: 700; text-transform: uppercase; font-size: 13px; letter-spacing: 0.5px; border-bottom: 2px solid #7fb3dd; }

.zara-touchless-faucets-ASR-fa-cta { background: linear-gradient(135deg, #f5faff, #ffffff); border: 1px solid #c7e2f6; border-radius: 34px; padding: 56px; text-align: center; }
.zara-touchless-faucets-ASR-fa-cta h2 { font-family: Georgia, serif; font-size: 42px; margin: 0px 0px 14px; color: #1f3444; }

@media(max-width:900px) {
  .zara-touchless-faucets-ASR-fa-hero, .zara-touchless-faucets-ASR-fa-split { grid-template-columns: 1fr; }
  .zara-touchless-faucets-ASR-fa-grid { grid-template-columns: 1fr; }
  .zara-touchless-faucets-ASR-fa-finish-row { grid-template-columns: 1fr 1fr; }
  .zara-touchless-faucets-ASR-fa-hero h1 { font-size: 38px; }
}

.zara-delta-shower-faucet,
.zara-delta-shower-faucet * { margin: 0; padding: 0; box-sizing: border-box; }

.zara-delta-shower-faucet {font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;/* background: #f5faff; */color: #1f3444;line-height: 1.6;padding: 30px 20px;}

.zara-delta-shower-faucet-container { max-width: 1200px; margin: 0 auto; background: #ffffff; border-radius: 16px; box-shadow: 0 8px 40px rgba(127, 179, 221, 0.10); padding: 30px; }

.zara-delta-shower-faucet-banner-top { margin-bottom: 28px; border-radius: 14px; overflow: hidden; box-shadow: 0 4px 20px rgba(127, 179, 221, 0.10); transition: box-shadow 0.4s ease, transform 0.3s ease; background: #000000; }
.zara-delta-shower-faucet-banner-top:hover { box-shadow: 0 8px 40px rgba(127, 179, 221, 0.20); transform: translateY(-2px); }
.zara-delta-shower-faucet-banner-top .zara-delta-shower-faucet-banner-link { display: block; position: relative; text-decoration: none; }
.zara-delta-shower-faucet-banner-top .zara-delta-shower-faucet-banner-img { display: block; width: 100%; height: auto; transition: transform 0.6s ease, opacity 0.4s ease; }
.zara-delta-shower-faucet-banner-top:hover .zara-delta-shower-faucet-banner-img { transform: scale(1.02); opacity: 0.92; }
.zara-delta-shower-faucet-banner-img-hero { max-width: 1600px; margin: 0 auto; }

.zara-delta-shower-faucet-banner-top-overlay { position: absolute; bottom: 0; left: 0; right: 0; padding: 35px 45px 28px 45px; background: linear-gradient(0deg, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0) 100%); opacity: 0; transition: opacity 0.5s ease; display: flex; justify-content: space-between; align-items: flex-end; }
.zara-delta-shower-faucet-banner-top:hover .zara-delta-shower-faucet-banner-top-overlay { opacity: 1; }
.zara-delta-shower-faucet-banner-top-overlay .zara-delta-shower-faucet-banner-label { color: #ffffff; font-size: 16px; font-weight: 600; letter-spacing: 1.5px; text-transform: uppercase; }
.zara-delta-shower-faucet-banner-top-overlay .zara-delta-shower-faucet-banner-label span { display: block; font-size: 12px; font-weight: 300; opacity: 0.7; letter-spacing: 2px; margin-top: 4px; }
.zara-delta-shower-faucet-banner-top-overlay .zara-delta-shower-faucet-banner-cta { display: inline-block; background: #ffffff; color: #1f3444; padding: 10px 30px; border-radius: 30px; font-size: 14px; font-weight: 700; letter-spacing: 0.5px; transition: background 0.3s ease, transform 0.3s ease, color 0.3s ease; text-decoration: none; }
.zara-delta-shower-faucet-banner-top-overlay .zara-delta-shower-faucet-banner-cta:hover { background: linear-gradient(135deg, #e3f2fd, #c7e2f6); color: #1f3444; transform: scale(1.05); }

.zara-delta-shower-faucet-faucet-table { width: 100%; border-collapse: collapse; background: #ffffff; border-radius: 12px; overflow: hidden; box-shadow: 0 2px 12px rgba(127, 179, 221, 0.08); }
.zara-delta-shower-faucet-faucet-table td { padding: 32px 28px; vertical-align: middle; }

.zara-delta-shower-faucet-col-description { width: 42%; background: #f5faff; border-radius: 12px 0 0 12px; }

.zara-delta-shower-faucet-main-title { font-size: 32px; font-weight: 700; color: #1f3444; margin: 0 0 2px 0; letter-spacing: -0.5px; }
.zara-delta-shower-faucet-main-title span { color: #6b7280; font-weight: 300; }

.zara-delta-shower-faucet-sale-title { font-size: 12px; font-weight: 700; color: #1f3444; margin: 0 0 14px 0; display: inline-block; background: #f5faff; padding: 2px 16px; border-radius: 20px; border: 1px solid #c7e2f6; }

.zara-delta-shower-faucet-desc-text { font-size: 15px; font-weight: 600; color: #1f3444; margin-bottom: 6px; }
.zara-delta-shower-faucet-desc-details { font-size: 14px; line-height: 1.8; color: #4b5563; margin: 0; }

.zara-delta-shower-faucet-col-badge { width: 22%; text-align: center; padding: 20px 16px; background: linear-gradient(135deg, #5a8db5, #7fb3dd); border-radius: 8px; position: relative; }
.zara-delta-shower-faucet-col-badge::before { content: ""; position: absolute; top: -2px; left: -2px; right: -2px; bottom: -2px; background: linear-gradient(135deg, #5a8db5, #7fb3dd, #5a8db5); border-radius: 10px; z-index: -1; opacity: 0.3; }
.zara-delta-shower-faucet-badge-text { color: #ffffff; font-size: 22px; font-weight: 800; text-transform: uppercase; letter-spacing: 3px; display: inline-block; position: relative; }
.zara-delta-shower-faucet-badge-text::after { content: ""; display: block; width: 40px; height: 2px; background: #ffffff; margin: 6px auto 0 auto; opacity: 0.5; }
.zara-delta-shower-faucet-badge-sub { display: block; color: rgba(255,255,255,0.8); font-size: 11px; font-weight: 400; letter-spacing: 2px; margin-top: 4px; }

.zara-delta-shower-faucet-col-image { width: 36%; text-align: center; background: #ffffff; border-radius: 0 12px 12px 0; }
.zara-delta-shower-faucet-faucet-img { max-width: 100%; height: auto; border-radius: 10px; border: 1px solid #dde3ec; box-shadow: 0 4px 16px rgba(127, 179, 221, 0.08); transition: transform 0.3s ease, box-shadow 0.3s ease; display: block; }
.zara-delta-shower-faucet-faucet-img:hover { transform: scale(1.03); box-shadow: 0 8px 28px rgba(127, 179, 221, 0.18); }

.zara-delta-shower-faucet-divider-row td { padding: 0 28px !important; }
.zara-delta-shower-faucet-section-divider { border: 0; border-top: 2px solid #c7e2f6; margin: 0; }

.zara-delta-shower-faucet-banner-bottom { margin-top: 28px; display: flex; flex-direction: column; gap: 18px; }
.zara-delta-shower-faucet-banner-bottom .zara-delta-shower-faucet-banner-wrapper { position: relative; border-radius: 14px; overflow: hidden; box-shadow: 0 4px 20px rgba(127, 179, 221, 0.10); transition: box-shadow 0.4s ease, transform 0.3s ease; background: #000000; }
.zara-delta-shower-faucet-banner-bottom .zara-delta-shower-faucet-banner-wrapper:hover { box-shadow: 0 8px 40px rgba(127, 179, 221, 0.20); transform: translateY(-2px); }
.zara-delta-shower-faucet-banner-bottom .zara-delta-shower-faucet-banner-wrapper .zara-delta-shower-faucet-banner-link { display: block; position: relative; text-decoration: none; }
.zara-delta-shower-faucet-banner-bottom .zara-delta-shower-faucet-banner-wrapper .zara-delta-shower-faucet-banner-img { display: block; width: 100%; height: auto; transition: transform 0.6s ease, opacity 0.4s ease; }
.zara-delta-shower-faucet-banner-bottom .zara-delta-shower-faucet-banner-wrapper:hover .zara-delta-shower-faucet-banner-img { transform: scale(1.02); opacity: 0.92; }
.zara-delta-shower-faucet-banner-bottom .zara-delta-shower-faucet-banner-overlay { position: absolute; bottom: 0; left: 0; right: 0; padding: 30px 40px 25px 40px; background: linear-gradient(0deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 100%); opacity: 0; transition: opacity 0.5s ease; display: flex; justify-content: space-between; align-items: flex-end; }
.zara-delta-shower-faucet-banner-bottom .zara-delta-shower-faucet-banner-wrapper:hover .zara-delta-shower-faucet-banner-overlay { opacity: 1; }
.zara-delta-shower-faucet-banner-bottom .zara-delta-shower-faucet-banner-overlay .zara-delta-shower-faucet-banner-label { color: #ffffff; font-size: 14px; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; }
.zara-delta-shower-faucet-banner-bottom .zara-delta-shower-faucet-banner-overlay .zara-delta-shower-faucet-banner-cta { display: inline-block; background: #ffffff; color: #1f3444; padding: 8px 24px; border-radius: 30px; font-size: 13px; font-weight: 700; letter-spacing: 0.5px; transition: background 0.3s ease, transform 0.3s ease, color 0.3s ease; text-decoration: none; }
.zara-delta-shower-faucet-banner-bottom .zara-delta-shower-faucet-banner-overlay .zara-delta-shower-faucet-banner-cta:hover { background: linear-gradient(135deg, #e3f2fd, #c7e2f6); color: #1f3444; transform: scale(1.05); }

.zara-delta-shower-faucet-banner-static { border-radius: 14px; overflow: hidden; box-shadow: 0 4px 20px rgba(127, 179, 221, 0.08); transition: box-shadow 0.4s ease, transform 0.3s ease; background: #f5faff; }
.zara-delta-shower-faucet-banner-static:hover { box-shadow: 0 8px 40px rgba(127, 179, 221, 0.18); transform: translateY(-2px); }
.zara-delta-shower-faucet-banner-static .zara-delta-shower-faucet-banner-img-full { display: block; width: 100%; height: auto; border-radius: 14px; transition: transform 0.6s ease; }
.zara-delta-shower-faucet-banner-static:hover .zara-delta-shower-faucet-banner-img-full { transform: scale(1.01); }

.zara-delta-shower-faucet-brand-footer { margin-top: 30px; padding-top: 20px; border-top: 2px solid #c7e2f6; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 12px; }
.zara-delta-shower-faucet-brand-footer p { font-size: 13px; color: #6b7280; letter-spacing: 0.5px; }
.zara-delta-shower-faucet-brand-footer .zara-delta-shower-faucet-brand-name { font-weight: 700; color: #1f3444; font-size: 14px; }
.zara-delta-shower-faucet-brand-footer .zara-delta-shower-faucet-trust-badge { display: flex; gap: 18px; }
.zara-delta-shower-faucet-brand-footer .zara-delta-shower-faucet-trust-badge span { font-size: 12px; color: #6b7280; display: flex; align-items: center; gap: 5px; }
.zara-delta-shower-faucet-brand-footer .zara-delta-shower-faucet-trust-badge span::before { content: "✓"; color: #5a8db5; font-weight: 700; font-size: 14px; }

.zara-delta-shower-faucet-hidden-links { display: none; }

@media (max-width: 820px) {
  .zara-delta-shower-faucet-faucet-table td { padding: 20px 16px; display: block; width: 100% !important; text-align: center; }
  .zara-delta-shower-faucet-faucet-table tr { display: block; margin-bottom: 4px; }
  .zara-delta-shower-faucet-col-description { background: #f5faff; border-radius: 12px 12px 0 0; }
  .zara-delta-shower-faucet-col-badge { background: linear-gradient(135deg, #5a8db5, #7fb3dd); border-radius: 0; padding: 16px !important; }
  .zara-delta-shower-faucet-col-badge::before { display: none; }
  .zara-delta-shower-faucet-badge-text { font-size: 20px; }
  .zara-delta-shower-faucet-badge-text::after { width: 30px; }
  .zara-delta-shower-faucet-col-image { background: #ffffff; border-radius: 0 0 12px 12px; padding: 16px !important; }
  .zara-delta-shower-faucet-faucet-img { max-width: 280px; margin: 0 auto; }
  .zara-delta-shower-faucet-main-title { font-size: 26px; }
  .zara-delta-shower-faucet-sale-title { font-size: 16px; }
  .zara-delta-shower-faucet-banner-top-overlay { padding: 20px 20px 15px 20px; flex-direction: column; align-items: flex-start; gap: 10px; }
  .zara-delta-shower-faucet-banner-top-overlay .zara-delta-shower-faucet-banner-cta { padding: 8px 20px; font-size: 12px; }
  .zara-delta-shower-faucet-banner-top-overlay .zara-delta-shower-faucet-banner-label { font-size: 13px; }
  .zara-delta-shower-faucet-banner-top-overlay .zara-delta-shower-faucet-banner-label span { font-size: 10px; }
  .zara-delta-shower-faucet-banner-bottom .zara-delta-shower-faucet-banner-overlay { padding: 20px 20px 15px 20px; flex-direction: column; align-items: flex-start; gap: 10px; }
  .zara-delta-shower-faucet-banner-bottom .zara-delta-shower-faucet-banner-overlay .zara-delta-shower-faucet-banner-cta { padding: 6px 18px; font-size: 12px; }
  .zara-delta-shower-faucet-banner-bottom .zara-delta-shower-faucet-banner-overlay .zara-delta-shower-faucet-banner-label { font-size: 12px; }
  .zara-delta-shower-faucet-banner-static .zara-delta-shower-faucet-banner-img-full { max-width: 100%; }
  .zara-delta-shower-faucet-brand-footer { flex-direction: column; text-align: center; }
  .zara-delta-shower-faucet-brand-footer .zara-delta-shower-faucet-trust-badge { justify-content: center; flex-wrap: wrap; }
}

@media (max-width: 480px) {
  .zara-delta-shower-faucet { padding: 12px; }
  .zara-delta-shower-faucet-container { padding: 16px; }
  .zara-delta-shower-faucet-faucet-table td { padding: 14px 12px; }
  .zara-delta-shower-faucet-main-title { font-size: 22px; }
  .zara-delta-shower-faucet-sale-title { font-size: 14px; }
  .zara-delta-shower-faucet-desc-details { font-size: 13px; }
  .zara-delta-shower-faucet-badge-text { font-size: 17px; letter-spacing: 2px; }
  .zara-delta-shower-faucet-badge-sub { font-size: 10px; }
  .zara-delta-shower-faucet-faucet-img { max-width: 200px; }
  .zara-delta-shower-faucet-banner-top-overlay { padding: 12px 14px 10px 14px; }
  .zara-delta-shower-faucet-banner-top-overlay .zara-delta-shower-faucet-banner-label { font-size: 10px; }
  .zara-delta-shower-faucet-banner-top-overlay .zara-delta-shower-faucet-banner-label span { font-size: 9px; }
  .zara-delta-shower-faucet-banner-top-overlay .zara-delta-shower-faucet-banner-cta { padding: 5px 14px; font-size: 10px; }
  .zara-delta-shower-faucet-banner-bottom .zara-delta-shower-faucet-banner-overlay { padding: 12px 14px 10px 14px; }
  .zara-delta-shower-faucet-banner-bottom .zara-delta-shower-faucet-banner-overlay .zara-delta-shower-faucet-banner-label { font-size: 10px; }
  .zara-delta-shower-faucet-banner-bottom .zara-delta-shower-faucet-banner-overlay .zara-delta-shower-faucet-banner-cta { padding: 4px 14px; font-size: 10px; }
  .zara-delta-shower-faucet-brand-footer .zara-delta-shower-faucet-trust-badge span { font-size: 11px; }
}


.zara-hand-sanitizer-sd,
.zara-hand-sanitizer-sd * { margin: 0; padding: 0; box-sizing: border-box; }

.zara-hand-sanitizer-sd { font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; padding: 40px 20px; }

.zara-hand-sanitizer-sd-container { max-width: 1200px; margin: 0 auto; background: #ffffff; padding: 40px 50px; border-radius: 16px; box-shadow: 0 8px 40px rgba(127, 179, 221, 0.10); }

.zara-hand-sanitizer-sd-hero-banner { position: relative; width: 100%; max-width: 1100px; margin: 0 auto 30px; border-radius: 16px; overflow: hidden; box-shadow: 0 6px 30px rgba(127, 179, 221, 0.15); background: #1f3444; }
.zara-hand-sanitizer-sd-hero-banner img { width: 100%; height: auto; display: block; transition: transform 0.5s ease; }
.zara-hand-sanitizer-sd-hero-banner:hover img { transform: scale(1.02); }
.zara-hand-sanitizer-sd-hero-banner::after { content: "Installation Guide"; position: absolute; bottom: 30px; left: 40px; background: rgba(31, 52, 68, 0.85); color: #ffffff; padding: 12px 28px; border-radius: 50px; font-size: 18px; font-weight: 700; letter-spacing: 0.9px; text-transform: uppercase; backdrop-filter: blur(4px); border: 1px solid rgba(255,255,255,0.15); }
@media (max-width: 768px) { .zara-hand-sanitizer-sd-hero-banner::after { bottom: 15px; left: 20px; font-size: 13px; padding: 8px 18px; } }
@media (max-width: 500px) { .zara-hand-sanitizer-sd-hero-banner::after { bottom: 10px; left: 12px; font-size: 11px; padding: 6px 14px; } }

.zara-hand-sanitizer-sd-h1, .zara-hand-sanitizer-sd-h2, .zara-hand-sanitizer-sd-h3 { color: #1f3444; }
.zara-hand-sanitizer-sd-h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 10px; letter-spacing: -0.56px; }
.zara-hand-sanitizer-sd-h2 { font-size: 22px; font-weight: 700; text-align: center; margin: 30px 0px 20px; color: #1f3444; }
.zara-hand-sanitizer-sd-h3 { font-size: 18px; font-weight: 700; margin: 25px 0px 15px; color: #1f3444; }

.zara-hand-sanitizer-sd p { font-size: 14px; line-height: 1.8; color: #4b5563; }
.zara-hand-sanitizer-sd table { width: 100%; border-collapse: collapse; margin: 15px 0px; }
.zara-hand-sanitizer-sd td { padding: 12px; vertical-align: top; }
.zara-hand-sanitizer-sd ul { list-style: none; padding: 0px; }
.zara-hand-sanitizer-sd ul li { font-size: 14px; line-height: 1.8; color: #4b5563; padding: 6px 0px 6px 28px; position: relative; }
.zara-hand-sanitizer-sd ul li::before { content: "✓"; position: absolute; left: 0px; color: #27ae60; font-weight: 700; }

.zara-hand-sanitizer-sd-product-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 25px; margin: 25px 0px; }
.zara-hand-sanitizer-sd-product-card { background: #f5faff; border-radius: 12px; overflow: hidden; transition: transform 0.3s ease, box-shadow 0.3s ease; box-shadow: 0 2px 10px rgba(127, 179, 221, 0.08); text-align: center; padding: 15px; }
.zara-hand-sanitizer-sd-product-card:hover { transform: translateY(-5px); box-shadow: 0 12px 35px rgba(127, 179, 221, 0.18); }
.zara-hand-sanitizer-sd-product-card img { width: 100%; height: auto; border-radius: 8px; display: block; transition: transform 0.3s ease; }
.zara-hand-sanitizer-sd-product-card img:hover { transform: scale(1.02); }
.zara-hand-sanitizer-sd-product-card .zara-hand-sanitizer-sd-label { display: block; font-size: 13px; font-weight: 700; color: #1f3444; margin-top: 10px; letter-spacing: 0.26px; }

.zara-hand-sanitizer-sd-step-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 20px; margin: 20px 0px; }
.zara-hand-sanitizer-sd-step-item { background: #ffffff; border: 1px solid #c7e2f6; border-radius: 12px; padding: 15px; text-align: center; transition: all 0.3s ease; }
.zara-hand-sanitizer-sd-step-item:hover { border-color: #7fb3dd; box-shadow: 0 6px 20px rgba(127, 179, 221, 0.15); }
.zara-hand-sanitizer-sd-step-item .zara-hand-sanitizer-sd-step-title { font-size: 15px; font-weight: 700; color: #1f3444; margin-bottom: 12px; display: block; }
.zara-hand-sanitizer-sd-step-item img { width: 100%; max-width: 380px; height: auto; border-radius: 8px; display: block; margin: 0px auto; }

.zara-hand-sanitizer-sd-image-full { width: 100%; max-width: 850px; display: block; margin: 20px auto; border-radius: 12px; box-shadow: 0 2px 12px rgba(127, 179, 221, 0.08); transition: transform 0.3s ease, box-shadow 0.3s ease; }
.zara-hand-sanitizer-sd-image-full:hover { transform: scale(1.01); box-shadow: 0 8px 30px rgba(127, 179, 221, 0.18); }
.zara-hand-sanitizer-sd-image-half { width: 100%; max-width: 500px; display: block; margin: 15px auto; border-radius: 10px; box-shadow: 0 2px 10px rgba(127, 179, 221, 0.08); transition: transform 0.3s ease, box-shadow 0.3s ease; }
.zara-hand-sanitizer-sd-image-half:hover { transform: scale(1.02); box-shadow: 0 8px 25px rgba(127, 179, 221, 0.18); }
.zara-hand-sanitizer-sd-image-medium { width: 100%; max-width: 650px; display: block; margin: 15px auto; border-radius: 10px; box-shadow: 0 2px 10px rgba(127, 179, 221, 0.08); transition: transform 0.3s ease, box-shadow 0.3s ease; }
.zara-hand-sanitizer-sd-image-medium:hover { transform: scale(1.01); box-shadow: 0 8px 25px rgba(127, 179, 221, 0.18); }

.zara-hand-sanitizer-sd-two-col { display: grid; grid-template-columns: 1fr 1fr; gap: 25px; margin: 20px 0px; }
.zara-hand-sanitizer-sd-two-col .zara-hand-sanitizer-sd-col { background: #f5faff; border-radius: 12px; padding: 20px; text-align: center; }
.zara-hand-sanitizer-sd-two-col .zara-hand-sanitizer-sd-col img { width: 100%; max-width: 380px; height: auto; border-radius: 8px; display: block; margin: 0px auto; }
.zara-hand-sanitizer-sd-two-col .zara-hand-sanitizer-sd-col .zara-hand-sanitizer-sd-label { font-size: 13px; font-weight: 700; color: #1f3444; margin-top: 10px; display: block; }

.zara-hand-sanitizer-sd-feature-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 15px; margin: 20px 0px; }
.zara-hand-sanitizer-sd-feature-item { background: #f5faff; border-radius: 8px; padding: 14px 20px; font-size: 14px; font-weight: 600; color: #1f3444; border-left: 4px solid #7fb3dd; transition: all 0.3s ease; }
.zara-hand-sanitizer-sd-feature-item:hover { background: #e0f6ff; transform: translateX(5px); }

.zara-hand-sanitizer-sd-instructions-wrap { text-align: center; margin: 10px 0px 25px; }
.zara-hand-sanitizer-sd-instructions-table { width: 100%; max-width: 950px; margin: 0px auto; background: #f5faff; border-radius: 12px; overflow: hidden; }
.zara-hand-sanitizer-sd-instructions-td-left { padding: 20px 25px; vertical-align: middle; width: 60%; }
.zara-hand-sanitizer-sd-instructions-title { font-size: 18px; }
.zara-hand-sanitizer-sd-instructions-subtitle { font-size: 15px; font-weight: 400; color: #6b7280; }
.zara-hand-sanitizer-sd-instructions-td-right { padding: 20px 25px; vertical-align: middle; text-align: center; width: 40%; }
.zara-hand-sanitizer-sd-visit-link { font-weight: 700; color: #5a8db5; font-size: 14px; }
.zara-hand-sanitizer-sd-visit-icon { width: 18px; border: none !important; vertical-align: middle; }
.zara-hand-sanitizer-sd-instructions-td-full { padding: 10px 25px 20px; }
.zara-hand-sanitizer-sd-instructions-list { list-style: none; padding: 0px; margin: 0px; }
.zara-hand-sanitizer-sd-instructions-li { font-size: 14px; color: #4b5563; padding: 5px 0px 5px 28px; position: relative; }
.zara-hand-sanitizer-sd-instructions-li::before { content: none; }
.zara-hand-sanitizer-sd-instructions-check { position: absolute; left: 0px; color: #27ae60; font-weight: 700; }

.zara-hand-sanitizer-sd-center-block { text-align: center; margin: 10px 0px; }
.zara-hand-sanitizer-sd-center-block-cta { text-align: center; margin: 10px 0px 30px; }
.zara-hand-sanitizer-sd-center-block-lg { text-align: center; margin: 25px 0px; }

.zara-hand-sanitizer-sd-product-thumb { width: 180px; border-radius: 12px; box-shadow: 0 4px 20px rgba(127, 179, 221, 0.12); transition: transform 0.3s ease; }
.zara-hand-sanitizer-sd-product-thumb:hover { transform: scale(1.05); }
.zara-hand-sanitizer-sd-product-thumb-lg { width: 280px; border-radius: 12px; box-shadow: 0 4px 20px rgba(127, 179, 221, 0.12); transition: transform 0.3s ease; }
.zara-hand-sanitizer-sd-product-thumb-lg:hover { transform: scale(1.05); }

.zara-hand-sanitizer-sd-btn { display: inline-block; background: linear-gradient(135deg, #5a8db5, #7fb3dd); color: #ffffff; padding: 10px 30px; border-radius: 50px; text-decoration: none; font-weight: 700; font-size: 14px; transition: all 0.3s ease; border: 1px solid #7fb3dd; }
.zara-hand-sanitizer-sd-btn:hover { background: linear-gradient(135deg, #4a7da5, #5a8db5);color:#fff; }
.zara-hand-sanitizer-sd-btn-lg { padding: 12px 35px; font-size: 15px; }

.zara-hand-sanitizer-sd-two-col-label-lg { font-size: 16px; font-weight: 700; color: #1f3444; margin-bottom: 10px; display: block; }
.zara-hand-sanitizer-sd-two-col-tight { margin: 20px 0px; }
.zara-hand-sanitizer-sd-max-full { max-width: 100%; }
.zara-hand-sanitizer-sd-panel { background: #f5faff; border-radius: 12px; padding: 25px 30px; }
.zara-hand-sanitizer-sd-mv-30 { margin: 30px 0px; }
.zara-hand-sanitizer-sd-mv-25 { margin: 25px 0px; }
.zara-hand-sanitizer-sd-mv-20 { margin: 20px 0px; }
.zara-hand-sanitizer-sd-p-loose { font-size: 14px; line-height: 2; margin: 0px; }
.zara-hand-sanitizer-sd-warning-box { background: #fff3cd; border-left: 4px solid #ffc107; padding: 15px 20px; border-radius: 8px; margin: 20px 0px; }
.zara-hand-sanitizer-sd-p-tight { font-size: 14px; line-height: 1.8; margin: 0px; }
.zara-hand-sanitizer-sd-p-desc { font-size: 14px; line-height: 1.8; color: #4b5563; margin: 0px; }
.zara-hand-sanitizer-sd-mt-35 { margin-top: 35px; }
.zara-hand-sanitizer-sd-text-center { text-align: center; }
.zara-hand-sanitizer-sd-section-heading { text-align: center; margin: 40px 0px 20px; }

.zara-hand-sanitizer-sd-features-panel { background: #ffffff; border: 1px solid #c7e2f6; border-radius: 12px; padding: 25px 30px; margin: 25px 0px; box-shadow: 0 2px 12px rgba(127, 179, 221, 0.08); }
.zara-hand-sanitizer-sd-features-header { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 15px; margin-bottom: 20px; }
.zara-hand-sanitizer-sd-m-0 { margin: 0px; }
.zara-hand-sanitizer-sd-mt-0 { margin-top: 0px; }
.zara-hand-sanitizer-sd-spec-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px 30px; }
.zara-hand-sanitizer-sd-divider { border: none; border-top: 2px solid #c7e2f6; margin: 40px 0px; }

@media (max-width: 992px) {
  .zara-hand-sanitizer-sd-container { padding: 25px 20px; }
  .zara-hand-sanitizer-sd-two-col { grid-template-columns: 1fr; }
  .zara-hand-sanitizer-sd-two-col .zara-hand-sanitizer-sd-col img { max-width: 100%; }
}
@media (max-width: 768px) {
  .zara-hand-sanitizer-sd { padding: 20px 10px; }
  .zara-hand-sanitizer-sd-container { padding: 20px 15px; border-radius: 10px; }
  .zara-hand-sanitizer-sd-h1 { font-size: 22px; }
  .zara-hand-sanitizer-sd-h2 { font-size: 19px; }
  .zara-hand-sanitizer-sd-product-grid { grid-template-columns: 1fr 1fr; gap: 15px; }
  .zara-hand-sanitizer-sd-step-grid { grid-template-columns: 1fr 1fr; gap: 15px; }
  .zara-hand-sanitizer-sd-feature-grid { grid-template-columns: 1fr; }
  .zara-hand-sanitizer-sd-image-full { max-width: 100%; }
  .zara-hand-sanitizer-sd-image-medium { max-width: 100%; }
  .zara-hand-sanitizer-sd-image-half { max-width: 100%; }
}
@media (max-width: 500px) {
  .zara-hand-sanitizer-sd-product-grid { grid-template-columns: 1fr; }
  .zara-hand-sanitizer-sd-step-grid { grid-template-columns: 1fr; }
  .zara-hand-sanitizer-sd-container { padding: 15px 10px; }
  .zara-hand-sanitizer-sd-h1 { font-size: 19px; }
  .zara-hand-sanitizer-sd td { padding: 6px; }
  .zara-hand-sanitizer-sd-two-col .zara-hand-sanitizer-sd-col { padding: 12px; }
}

.zara-hand-sanitizer-sd-hidden-text { position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }


.zara-most-expensive-faucet,
.zara-most-expensive-faucet * { margin: 0; padding: 0; box-sizing: border-box; }

.zara-most-expensive-faucet {/* background: #f5faff; */font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;padding: 40px 20px;}

.zara-most-expensive-faucet-container { max-width: 1200px; margin: 0 auto; background: #ffffff; padding: 40px 50px; border-radius: 16px; box-shadow: 0 8px 40px rgba(127, 179, 221, 0.10); }

.zara-most-expensive-faucet-h1 { font-size: 28px; font-weight: 700; color: #1f3444; margin-bottom: 5px; letter-spacing: -0.56px; }
.zara-most-expensive-faucet-h2 { font-size: 20px; font-weight: 700; color: #5a8db5; margin: 0px 0px 10px 0px; letter-spacing: 0.4px; }
.zara-most-expensive-faucet-h3 { color: #1f3444; font-size: 20px; margin-bottom: 15px; }
.zara-most-expensive-faucet p { font-size: 14px; line-height: 1.8; color: #4b5563; }

.zara-most-expensive-faucet-hero-table { width: 100%; max-width: 1100px; margin: 0 auto 25px; background: #f5faff; border-radius: 16px; overflow: hidden; box-shadow: 0 2px 15px rgba(127, 179, 221, 0.08); }
.zara-most-expensive-faucet-hero-table td { padding: 25px 30px; vertical-align: middle; }
.zara-most-expensive-faucet-hero-table td:first-child { width: 55%; }
.zara-most-expensive-faucet-hero-table td:last-child { width: 30%; text-align: center; }
.zara-most-expensive-faucet-hero-table .zara-most-expensive-faucet-desc { font-size: 14px; line-height: 1.8; color: #4b5563; margin-top: 8px; }

.zara-most-expensive-faucet-hidden-text { position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }

.zara-most-expensive-faucet-product-img-link { display: inline-block; transition: transform 0.3s ease, box-shadow 0.3s ease; border-radius: 12px; overflow: hidden; box-shadow: 0 2px 12px rgba(127, 179, 221, 0.10); }
.zara-most-expensive-faucet-product-img-link:hover { transform: translateY(-4px) scale(1.02); box-shadow: 0 8px 30px rgba(127, 179, 221, 0.20); }
.zara-most-expensive-faucet-product-img-link img { display: block; width: 100%; max-width: 250px; height: auto; border-radius: 12px; }

.zara-most-expensive-faucet-banner-image { display: block; margin: 20px auto 0px; border-radius: 14px; overflow: hidden; box-shadow: 0 4px 20px rgba(127, 179, 221, 0.10); transition: transform 0.4s ease, box-shadow 0.4s ease; max-width: 1100px; }
.zara-most-expensive-faucet-banner-image:hover { transform: scale(1.01); box-shadow: 0 8px 35px rgba(127, 179, 221, 0.18); }
.zara-most-expensive-faucet-banner-image img { width: 100%; height: auto; display: block; }

.zara-most-expensive-faucet-feature-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 15px; margin: 20px 0px; }
.zara-most-expensive-faucet-feature-item { background: #f5faff; border-radius: 10px; padding: 16px 20px; font-size: 14px; font-weight: 600; color: #1f3444; border-left: 4px solid #7fb3dd; transition: all 0.3s ease; }
.zara-most-expensive-faucet-feature-item:hover { background: #e0f6ff; transform: translateX(5px); }

.zara-most-expensive-faucet-cta-button { display: inline-block; background: linear-gradient(135deg, #5a8db5, #7fb3dd); color: #ffffff; padding: 12px 35px; border-radius: 50px; text-decoration: none; font-weight: 700; font-size: 15px; transition: all 0.3s ease; margin-top: 10px; border: 1px solid #7fb3dd; }
.zara-most-expensive-faucet-cta-button:hover { background: linear-gradient(135deg, #4a7da5, #5a8db5); transform: translateY(-2px); color: #fff;}

.zara-most-expensive-faucet-features-wrap { margin: 25px 0px 20px; }
.zara-most-expensive-faucet-cta-wrap { text-align: center; margin: 10px 0px 20px; }
.zara-most-expensive-faucet-hidden-links { display: none; }

@media (max-width: 992px) {
  .zara-most-expensive-faucet-container { padding: 25px 20px; }
  .zara-most-expensive-faucet-hero-table td { padding: 20px; }
}
@media (max-width: 768px) {
  .zara-most-expensive-faucet { padding: 20px 10px; }
  .zara-most-expensive-faucet-container { padding: 20px 15px; border-radius: 10px; }
  .zara-most-expensive-faucet-hero-table,
  .zara-most-expensive-faucet-hero-table tbody,
  .zara-most-expensive-faucet-hero-table tr,
  .zara-most-expensive-faucet-hero-table td { display: block; width: 100% !important; }
  .zara-most-expensive-faucet-hero-table td { padding: 15px; text-align: center; }
  .zara-most-expensive-faucet-hero-table td:first-child { padding-bottom: 5px; }
  .zara-most-expensive-faucet-hero-table td:last-child { padding-top: 5px; }
  .zara-most-expensive-faucet-h1 { font-size: 22px; }
  .zara-most-expensive-faucet-h2 { font-size: 18px; }
  .zara-most-expensive-faucet-product-img-link img { max-width: 200px; margin: 0px auto; }
  .zara-most-expensive-faucet-feature-grid { grid-template-columns: 1fr; }
}
@media (max-width: 500px) {
  .zara-most-expensive-faucet-container { padding: 15px 10px; }
  .zara-most-expensive-faucet-h1 { font-size: 19px; }
  .zara-most-expensive-faucet-h2 { font-size: 16px; }
  .zara-most-expensive-faucet-hero-table td { padding: 12px; }
  .zara-most-expensive-faucet-product-img-link img { max-width: 160px; }
}

.zara-wall-mount-sd,
.zara-wall-mount-sd * { margin: 0; padding: 0; box-sizing: border-box; }

.zara-wall-mount-sd {/* background: #f5faff; */font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;padding: 40px 20px;}

.zara-wall-mount-sd-container { max-width: 1200px; margin: 0 auto; background: #ffffff; padding: 40px 50px; border-radius: 16px; box-shadow: 0 8px 40px rgba(127, 179, 221, 0.10); }

.zara-wall-mount-sd-category-main-hd { font-size: 32px; font-weight: 700; color: #1f3444; text-align: center; margin-bottom: 15px; letter-spacing: -0.64px; }

.zara-wall-mount-sd-category-custom-description { font-size: 15px; line-height: 1.9; color: #4b5563; text-align: center; max-width: 900px; margin: 0 auto 30px; padding: 0px 10px; }

.zara-wall-mount-sd-hero-wrap { margin: 0px 0px 30px 0px; }
.zara-wall-mount-sd-hero-link { display: block; }
.zara-wall-mount-sd-hero-img { display: block; width: 100%; max-width: 100%; height: auto; }

.zara-wall-mount-sd-deltafaucet-boxes-structure { max-width: 1100px; margin: 0 auto; }

.zara-wall-mount-sd-alt-img-tile { display: flex; flex-wrap: wrap; align-items: center; gap: 30px; background: #f5faff; border-radius: 16px; padding: 35px 40px; box-shadow: 0 2px 15px rgba(127, 179, 221, 0.08); transition: box-shadow 0.3s ease; }
.zara-wall-mount-sd-alt-img-tile:hover { box-shadow: 0 8px 30px rgba(127, 179, 221, 0.18); }

.zara-wall-mount-sd-tile-text { flex: 1 1 55%; min-width: 280px; }
.zara-wall-mount-sd-tile-text .zara-wall-mount-sd-body-copy { font-size: 14px; line-height: 1.8; color: #4b5563; margin-bottom: 16px; padding-left: 18px; border-left: 3px solid #7fb3dd; }
.zara-wall-mount-sd-tile-text .zara-wall-mount-sd-body-copy:last-child { margin-bottom: 0px; }
.zara-wall-mount-sd-tile-text .zara-wall-mount-sd-body-copy a { color: #5a8db5; font-weight: 700; text-decoration: none; transition: color 0.3s ease; }
.zara-wall-mount-sd-tile-text .zara-wall-mount-sd-body-copy a:hover { color: #1f3444; text-decoration: underline; }

.zara-wall-mount-sd-img { flex: 1 1 35%; min-width: 220px; text-align: center; }
.zara-wall-mount-sd-img a { display: inline-block; transition: transform 0.4s ease, box-shadow 0.4s ease; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 20px rgba(127, 179, 221, 0.10); }
.zara-wall-mount-sd-img a:hover { transform: translateY(-6px) scale(1.02); box-shadow: 0 12px 40px rgba(127, 179, 221, 0.20); }
.zara-wall-mount-sd-img img { width: 100%; max-width: 380px; height: auto; display: block; border-radius: 12px; transition: transform 0.4s ease; }
.zara-wall-mount-sd-img a:hover img { transform: scale(1.02); }

.zara-wall-mount-sd-feature-badges { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin: 25px 0px 10px; }
.zara-wall-mount-sd-feature-badge { background: #f5faff; color: #1f3444; padding: 8px 20px; border-radius: 50px; font-size: 13px; font-weight: 700; letter-spacing: 0.39px; border: 1px solid #c7e2f6; transition: all 0.3s ease; }
.zara-wall-mount-sd-feature-badge:hover { background: linear-gradient(135deg, #5a8db5, #7fb3dd); color: #ffffff; border-color: #7fb3dd; transform: translateY(-2px); }

.zara-wall-mount-sd-cta-wrap { text-align: center; margin: 30px 0px 10px; }
.zara-wall-mount-sd-cta-button {display: inline-block;background: linear-gradient(135deg, #5a8db5, #7fb3dd);color: #ffffff !important;padding: 14px 40px;border-radius: 50px;text-decoration: none;font-weight: 700;font-size: 16px;transition: all 0.3s ease;border: 1px solid #7fb3dd;}
.zara-wall-mount-sd-cta-button:hover { background: linear-gradient(135deg, #4a7da5, #5a8db5); transform: translateY(-2px); }

.zara-wall-mount-sd-faq-section { max-width: 1100px; margin: 40px auto 0px; padding: 35px 40px; background: #f5faff; border-radius: 16px; border: 1px solid #c7e2f6; }
.zara-wall-mount-sd-faq-section h2 { font-size: 26px; font-weight: 700; color: #1f3444; text-align: center; margin-bottom: 8px; }
.zara-wall-mount-sd-faq-section .zara-wall-mount-sd-faq-subtitle { text-align: center; font-size: 15px; color: #6b7280; margin-bottom: 25px; }

.zara-wall-mount-sd-faq-item { background: #ffffff; border: 1px solid #dde3ec; border-radius: 12px; margin-bottom: 12px; overflow: hidden; transition: border-color 0.3s ease; }
.zara-wall-mount-sd-faq-item:hover { border-color: #7fb3dd; }
.zara-wall-mount-sd-faq-item summary { padding: 16px 22px; font-size: 16px; font-weight: 700; color: #1f3444; cursor: pointer; list-style: none; display: flex; align-items: center; gap: 12px; transition: color 0.3s ease; }
.zara-wall-mount-sd-faq-item summary::-webkit-details-marker { display: none; }
.zara-wall-mount-sd-faq-item summary::after { content: "▾"; font-size: 14px; color: #5a8db5; margin-left: auto; transition: transform 0.3s ease; }
.zara-wall-mount-sd-faq-item[open] summary::after { transform: rotate(180deg); }
.zara-wall-mount-sd-faq-item[open] summary { color: #1f3444; }
.zara-wall-mount-sd-faq-item .zara-wall-mount-sd-faq-answer { padding: 0px 22px 18px 22px; font-size: 14px; line-height: 1.8; color: #4b5563; }

@media (max-width: 992px) {
  .zara-wall-mount-sd-container { padding: 30px 25px; }
  .zara-wall-mount-sd-category-main-hd { font-size: 28px; }
  .zara-wall-mount-sd-alt-img-tile { padding: 25px 25px; }
  .zara-wall-mount-sd-faq-section { padding: 25px 25px; }
}
@media (max-width: 768px) {
  .zara-wall-mount-sd { padding: 20px 10px; }
  .zara-wall-mount-sd-container { padding: 20px 15px; border-radius: 10px; }
  .zara-wall-mount-sd-category-main-hd { font-size: 24px; }
  .zara-wall-mount-sd-category-custom-description { font-size: 14px; padding: 0px 5px; }
  .zara-wall-mount-sd-alt-img-tile { flex-direction: column; padding: 20px; gap: 20px; }
  .zara-wall-mount-sd-tile-text { flex: 1 1 100%; min-width: 0px; }
  .zara-wall-mount-sd-tile-text .zara-wall-mount-sd-body-copy { font-size: 13px; padding-left: 14px; }
  .zara-wall-mount-sd-img { flex: 1 1 100%; min-width: 0px; }
  .zara-wall-mount-sd-img img { max-width: 280px; margin: 0px auto; }
  .zara-wall-mount-sd-feature-badges { gap: 8px; }
  .zara-wall-mount-sd-feature-badge { font-size: 11px; padding: 6px 14px; }
  .zara-wall-mount-sd-faq-section { padding: 20px 18px; margin-top: 30px; }
  .zara-wall-mount-sd-faq-section h2 { font-size: 22px; }
  .zara-wall-mount-sd-faq-item summary { font-size: 14px; padding: 14px 16px; }
  .zara-wall-mount-sd-faq-item .zara-wall-mount-sd-faq-answer { padding: 0px 16px 14px 16px; font-size: 13px; }
}
@media (max-width: 500px) {
  .zara-wall-mount-sd-container { padding: 15px 10px; }
  .zara-wall-mount-sd-category-main-hd { font-size: 20px; }
  .zara-wall-mount-sd-alt-img-tile { padding: 15px; }
  .zara-wall-mount-sd-tile-text .zara-wall-mount-sd-body-copy { font-size: 12px; padding-left: 10px; }
  .zara-wall-mount-sd-img img { max-width: 220px; }
  .zara-wall-mount-sd-feature-badge { font-size: 10px; padding: 4px 12px; }
  .zara-wall-mount-sd-faq-section { padding: 15px 12px; }
  .zara-wall-mount-sd-faq-section h2 { font-size: 19px; }
  .zara-wall-mount-sd-faq-item summary { font-size: 13px; padding: 12px 14px; }
}

.zara-premium-sensor-faucet-cat-main-banner { width: 100%; background: linear-gradient(145deg, #e0f6ff 0%, #f5faff 30%, #ffffff 60%, #f5faff 100%); border-radius: 16px; padding: 55px 40px; margin: 20px 0px 35px; text-align: center; box-sizing: border-box; box-shadow: 0 4px 20px rgba(127, 179, 221, 0.15); border: 1px solid #c7e2f6; position: relative; overflow: hidden; }
.zara-premium-sensor-faucet-cat-main-banner::before { content: ''; position: absolute; top: -150px; right: -100px; width: 400px; height: 400px; background: radial-gradient(circle, rgba(255,255,255,0.3) 0%, transparent 70%); border-radius: 50%; pointer-events: none; }
.zara-premium-sensor-faucet-cat-main-banner::after { content: ''; position: absolute; bottom: -120px; left: -80px; width: 350px; height: 350px; background: radial-gradient(circle, rgba(127,179,221,0.08) 0%, transparent 70%); border-radius: 50%; pointer-events: none; }
.zara-premium-sensor-faucet-cat-main-banner-content { max-width: 900px; margin: 0 auto; position: relative; z-index: 1; }
.zara-premium-sensor-faucet-cat-main-banner h1 { margin: 0px; color: #1f3444; font-size: 42px; font-weight: 700; line-height: 1.2; font-family: 'Inter', system-ui, -apple-system, sans-serif; letter-spacing: -0.84px; }
.zara-premium-sensor-faucet-cat-main-banner p { margin: 20px auto 0px; color: #4b5563; font-size: 18px; line-height: 1.8; max-width: 760px; font-weight: 400; }
@media (max-width: 768px) {
  .zara-premium-sensor-faucet-cat-main-banner { padding: 40px 20px; border-radius: 12px; margin: 16px 0px 28px; }
  .zara-premium-sensor-faucet-cat-main-banner h1 { font-size: 30px; }
  .zara-premium-sensor-faucet-cat-main-banner p { font-size: 16px; margin-top: 14px; }
}
@media (max-width: 480px) {
  .zara-premium-sensor-faucet-cat-main-banner { padding: 30px 18px; border-radius: 10px; margin: 12px 0px 20px; }
  .zara-premium-sensor-faucet-cat-main-banner h1 { font-size: 24px; }
  .zara-premium-sensor-faucet-cat-main-banner p { font-size: 15px; margin-top: 12px; }
}

.zara-premium-sensor-faucet-hero-banner { margin: 30px 0px; border-radius: 18px; overflow: hidden; box-shadow: 0 12px 35px rgba(127, 179, 221, 0.15); }
.zara-premium-sensor-faucet-hero-banner img { display: block; width: 100%; height: 460px; object-fit: cover; }
.zara-premium-sensor-faucet-hero-content { max-width: 950px; margin: auto; padding: 0px 20px; }
.zara-premium-sensor-faucet-hero-description { font-size: 17px; line-height: 1.9; color: #4b5563; margin-bottom: 18px; }
.zara-premium-sensor-faucet-hero-description strong { color: #1f3444; }
.zara-premium-sensor-faucet-standards { margin-top: 25px; padding: 18px 22px; background: #f5faff; border-left: 5px solid #7fb3dd; border-radius: 8px; font-size: 15px; color: #4b5563; }
.zara-premium-sensor-faucet-standards strong { color: #1f3444; }
.zara-premium-sensor-faucet-hero-readmore { text-align: center; margin-top: 28px; }
.zara-premium-sensor-faucet-readmore-btn { display: inline-block; background: linear-gradient(135deg, #5a8db5, #7fb3dd); color: #ffffff; padding: 12px 40px; border-radius: 9999px; font-weight: 700; font-size: 15px; font-family: inherit; text-decoration: none; transition: all 0.3s ease; border: 2px solid #7fb3dd; cursor: pointer; min-width: 160px; }
.zara-premium-sensor-faucet-readmore-btn:hover {background: linear-gradient(135deg, #4a7da5, #5a8db5);border-color: #5a8db5;transform: translateY(-2px);box-shadow: 0 8px 28px rgba(127, 179, 221, 0.30);color: #fff;}
.zara-premium-sensor-faucet-hero-expand { display: none; margin-top: 28px; padding-top: 24px; border-top: 2px solid #c7e2f6; }
.zara-premium-sensor-faucet-hero-expand-inner { animation: zaraPremiumFadeSlideIn 0.5s ease; }
.zara-premium-sensor-faucet-hero-inline-img { width: 100%; border-radius: 12px; }
.zara-premium-sensor-faucet-trust-box { font-size: 15px; color: #4b5563; background: #f5faff; padding: 18px 24px; border-radius: 12px; border-left: 4px solid #7fb3dd; margin: 16px 0px; }
.zara-premium-sensor-faucet-trust-box strong { color: #1f3444; }
@keyframes zaraPremiumFadeSlideIn { from { opacity: 0; transform: translateY(-10px); } to { opacity: 1; transform: translateY(0); } }
@media (max-width: 768px) {
  .zara-premium-sensor-faucet-hero-banner img { height: 280px; }
  .zara-premium-sensor-faucet-hero-description { font-size: 15px; }
  .zara-premium-sensor-faucet-standards { font-size: 14px; padding: 14px 18px; }
  .zara-premium-sensor-faucet-readmore-btn { padding: 10px 28px; font-size: 14px; min-width: 140px; width: 100%; }
  .zara-premium-sensor-faucet-hero-content { padding: 0px 12px; }
  .zara-premium-sensor-faucet-trust-box { padding: 14px 18px; font-size: 14px; }
}
@media (max-width: 480px) {
  .zara-premium-sensor-faucet-hero-banner { margin: 16px 0px; border-radius: 12px; }
  .zara-premium-sensor-faucet-hero-banner img { height: 200px; }
  .zara-premium-sensor-faucet-hero-description { font-size: 14px; line-height: 1.8; margin-bottom: 14px; }
  .zara-premium-sensor-faucet-standards { font-size: 13px; padding: 12px 14px; }
  .zara-premium-sensor-faucet-readmore-btn { padding: 10px 20px; font-size: 13px; min-width: 120px; }
  .zara-premium-sensor-faucet-hero-content { padding: 0px 8px; }
  .zara-premium-sensor-faucet-trust-box { padding: 12px 14px; font-size: 13px; }
}

.zara-premium-sensor-faucet-faq-premium-section { max-width: 1200px; margin: 48px auto 0px; padding: 0px 24px 40px; }
.zara-premium-sensor-faucet-faq-premium-container { background: linear-gradient(145deg, #f5faff 0%, #e0f6ff 100%); border-radius: 24px; padding: 48px 56px; border: 1px solid #c7e2f6; box-shadow: 0 4px 20px rgba(127, 179, 221, 0.08); position: relative; overflow: hidden; }
.zara-premium-sensor-faucet-faq-premium-container::before { content: ''; position: absolute; top: -200px; right: -200px; width: 500px; height: 500px; background: radial-gradient(circle, rgba(127,179,221,0.06) 0%, transparent 70%); border-radius: 50%; pointer-events: none; }
.zara-premium-sensor-faucet-faq-premium-container::after { content: ''; position: absolute; bottom: -150px; left: -150px; width: 400px; height: 400px; background: radial-gradient(circle, rgba(127,179,221,0.04) 0%, transparent 70%); border-radius: 50%; pointer-events: none; }
.zara-premium-sensor-faucet-faq-premium-header { text-align: center; margin-bottom: 40px; position: relative; z-index: 1; }
.zara-premium-sensor-faucet-faq-premium-badge { display: inline-block; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.88px; color: #5a8db5; background: rgba(127, 179, 221, 0.10); padding: 6px 18px; border-radius: 9999px; margin-bottom: 12px; }
.zara-premium-sensor-faucet-faq-premium-title { font-size: 32px; font-weight: 700; color: #1f3444; font-family: 'Inter', system-ui, -apple-system, sans-serif; letter-spacing: -0.64px; margin-bottom: 12px; border-left: none; padding-left: 0px; text-align: center; }
.zara-premium-sensor-faucet-faq-premium-subtitle { font-size: 17px; color: #6b7280; max-width: 600px; margin: 0px auto; line-height: 1.7; }
.zara-premium-sensor-faucet-faq-premium-grid { max-width: 900px; margin: 0px auto; position: relative; z-index: 1; display: flex; flex-direction: column; gap: 4px; }
.zara-premium-sensor-faucet-faq-premium-item { background: #ffffff; border-radius: 14px; border: 1px solid #dde3ec; transition: all 0.3s ease; box-shadow: 0 2px 8px rgba(127, 179, 221, 0.06); }
.zara-premium-sensor-faucet-faq-premium-item:hover { border-color: #c7e2f6; box-shadow: 0 4px 16px rgba(127, 179, 221, 0.12); }
.zara-premium-sensor-faucet-faq-premium-item.zara-premium-sensor-faucet-active { border-color: #7fb3dd; box-shadow: 0 4px 20px rgba(127, 179, 221, 0.18); background: #f5faff; }
.zara-premium-sensor-faucet-faq-premium-question { display: flex; align-items: center; gap: 14px; cursor: pointer; font-weight: 700; font-size: 16px; color: #1f3444; padding: 18px 24px; transition: all 0.3s ease; background: none; border: none; width: 100%; text-align: left; font-family: inherit; line-height: 1.4; }
.zara-premium-sensor-faucet-faq-premium-question:hover { color: #5a8db5; }
.zara-premium-sensor-faucet-faq-premium-item.zara-premium-sensor-faucet-active .zara-premium-sensor-faucet-faq-premium-question { color: #5a8db5; }
.zara-premium-sensor-faucet-faq-premium-icon { flex-shrink: 0; width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; background: rgba(127, 179, 221, 0.08); border-radius: 8px; color: #5a8db5; transition: all 0.3s ease; }
.zara-premium-sensor-faucet-faq-premium-item.zara-premium-sensor-faucet-active .zara-premium-sensor-faucet-faq-premium-icon { background: rgba(127, 179, 221, 0.16); }
.zara-premium-sensor-faucet-faq-premium-icon svg { width: 16px; height: 16px; }
.zara-premium-sensor-faucet-faq-premium-toggle { font-size: 14px; color: #c7e2f6; transition: transform 0.3s ease; flex-shrink: 0; margin-left: auto; }
.zara-premium-sensor-faucet-faq-premium-item.zara-premium-sensor-faucet-active .zara-premium-sensor-faucet-faq-premium-toggle { transform: rotate(180deg); color: #5a8db5; }
.zara-premium-sensor-faucet-faq-premium-answer { max-height: 0px; overflow: hidden; transition: max-height 0.4s ease, padding 0.3s ease, opacity 0.3s ease; padding: 0px 24px 0px 66px; color: #6b7280; font-size: 15px; line-height: 1.8; opacity: 0; }
.zara-premium-sensor-faucet-faq-premium-item.zara-premium-sensor-faucet-active .zara-premium-sensor-faucet-faq-premium-answer { max-height: 400px; padding: 0px 24px 20px 66px; opacity: 1; }
@media (max-width: 768px) {
  .zara-premium-sensor-faucet-faq-premium-section { padding: 0px 16px 32px; margin-top: 32px; }
  .zara-premium-sensor-faucet-faq-premium-container { padding: 32px 20px; border-radius: 18px; }
  .zara-premium-sensor-faucet-faq-premium-title { font-size: 26px; }
  .zara-premium-sensor-faucet-faq-premium-subtitle { font-size: 15px; }
  .zara-premium-sensor-faucet-faq-premium-question { font-size: 15px; padding: 16px 18px; gap: 12px; }
  .zara-premium-sensor-faucet-faq-premium-answer { font-size: 14px; padding: 0px 18px 0px 58px; }
  .zara-premium-sensor-faucet-faq-premium-item.zara-premium-sensor-faucet-active .zara-premium-sensor-faucet-faq-premium-answer { padding: 0px 18px 16px 58px; }
  .zara-premium-sensor-faucet-faq-premium-icon { width: 24px; height: 24px; }
  .zara-premium-sensor-faucet-faq-premium-icon svg { width: 14px; height: 14px; }
}
@media (max-width: 480px) {
  .zara-premium-sensor-faucet-faq-premium-container { padding: 24px 14px; border-radius: 14px; }
  .zara-premium-sensor-faucet-faq-premium-title { font-size: 22px; }
  .zara-premium-sensor-faucet-faq-premium-subtitle { font-size: 14px; }
  .zara-premium-sensor-faucet-faq-premium-question { font-size: 14px; padding: 14px 14px; gap: 10px; }
  .zara-premium-sensor-faucet-faq-premium-answer { font-size: 13px; padding: 0px 14px 0px 48px; }
  .zara-premium-sensor-faucet-faq-premium-item.zara-premium-sensor-faucet-active .zara-premium-sensor-faucet-faq-premium-answer { padding: 0px 14px 14px 48px; }
  .zara-premium-sensor-faucet-faq-premium-icon { width: 20px; height: 20px; }
  .zara-premium-sensor-faucet-faq-premium-icon svg { width: 12px; height: 12px; }
}

.cat-main-banner-auto-width {
    width: auto;
}
.note-tight-top {
    margin: 10px 0px 0px;
}
.note-top-gap {
    margin-top: 10px;
}
.readmore-summary {
    cursor: pointer;
    display: block;
    width: fit-content;
    margin: 0px auto;
    padding: 10px 18px;
    background: linear-gradient(180deg, #dff2ff, #b5e3ff);
    color: #000;
    border-radius: 6px;
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
}
details[open] > .readmore-summary {
    display: none;
}
.readmore-expand {
    margin-top: 12px;
}
.media-img-no-transition {
    transition: none;
}
.bg-initial {
    background-color: initial;
}
.heading-mt-22 {
    margin-top: 22px;
}
.heading-mt-16 {
    margin-top: 16px;
}
============================================================
.zara-commercial-faucet-guide-faqs .fs-compact-faq{
  width:100%;
  padding:24px;
  background:#f4fbff;
}
.zara-commercial-faucet-guide-faqs .fs-compact-faq-box{
  max-width:1350px;
  margin:0 auto;
  display:flex;
  align-items:center;
  gap:150px;
  background:#ffffff;
  border-radius:16px;
  padding:18px;
  box-shadow:0 8px 24px rgba(0,0,0,0.06);
}
.zara-commercial-faucet-guide-faqs .fs-compact-faq-text{
  flex:1 1 56%;
}
.zara-commercial-faucet-guide-faqs .fs-mini-label{
  font-size:12px;
  font-weight:700;
  letter-spacing:1px;
  text-transform:uppercase;
  color:#57b9f5;
  margin-bottom:8px;
}
.zara-commercial-faucet-guide-faqs .fs-compact-faq-text h3{
  margin:0px 0px 10px;
  font-size:22px;
  color:#b7b7b7;
}
.zara-commercial-faucet-guide-faqs .fs-compact-faq-text p{
  margin:0px 0px 14px !important;
  font-size:15px !important;
  line-height:24px !important;
  color:#8e8e8e !important;
  text-align:left !important;
}
.zara-commercial-faucet-guide-faqs .fs-accordion-list{
  display:flex;
  flex-direction:column;
  gap:7px;
}
.zara-commercial-faucet-guide-faqs .fs-accordion-list details{
  background:#f7fbfe;
  border:1px solid #e3edf3;
  border-radius:8px;
}
.zara-commercial-faucet-guide-faqs .fs-accordion-list summary{
  cursor:pointer;
  padding:9px 30px 9px 12px;
  font-size:15px;
  line-height:22px;
  font-weight:600;
  color:#6f6f6f;
  position:relative;
}
.zara-commercial-faucet-guide-faqs .fs-accordion-list summary::after{
  content:"+";
  position:absolute;
  right:18px;
}
.zara-commercial-faucet-guide-faqs .fs-accordion-list details[open] summary::after{
  content:"−";
}
.zara-commercial-faucet-guide-faqs .fs-answer{
  padding:0px 12px 10px;
  font-size:14px;
  line-height:22px;
  color:#7e7e7e;
}
.zara-commercial-faucet-guide-faqs .fs-compact-faq-image{
  flex:1 1 44%;
}
.zara-commercial-faucet-guide-faqs .fs-compact-faq-image img{
  width:100%;
  height:365px;
  object-fit:cover;
  border-radius:12px;
}
@media(max-width:900px){
  .zara-commercial-faucet-guide-faqs .fs-compact-faq-box{
    flex-direction:column;
  }
}
.zara-commercial-faucet-guide-faqs.zara-commercial-faucet-guide-faqs-aec-faq-v3 .zara-commercial-faucet-guide-faqs-fs-finish-panel {
	width:100%;
	max-width:530px;
}
.zara-commercial-faucet-guide-faqs.zara-commercial-faucet-guide-faqs-aec-faq-v3 .zara-commercial-faucet-guide-faqs-fs-finish-hero-link {
	display:block;
	text-decoration:none;
}
.zara-commercial-faucet-guide-faqs.zara-commercial-faucet-guide-faqs-aec-faq-v3 .zara-commercial-faucet-guide-faqs-fs-finish-hero {
	position:relative;
	width:100%;
	height:365px;
	border-radius:16px;
	overflow:hidden;
	background:transparent;
	border:0px solid #d3d8de;
}
.zara-commercial-faucet-guide-faqs.zara-commercial-faucet-guide-faqs-aec-faq-v3 .zara-commercial-faucet-guide-faqs-fs-finish-hero img {
	position:absolute;
	inset:0;
	width:auto;
	height:100%;
	object-fit:cover;
	object-position:center center;
	display:block;
	background:#e7e7e9;
	margin:0px auto;
}
.zara-commercial-faucet-guide-faqs.zara-commercial-faucet-guide-faqs-aec-faq-v3 .zara-commercial-faucet-guide-faqs-fs-finish-current-name {
	margin-top:10px;
	text-align:center;
	font-size:16px;
	line-height:1.2;
	font-weight:700;
	letter-spacing:1px;
	color:#0f5d95;
}
.zara-commercial-faucet-guide-faqs.zara-commercial-faucet-guide-faqs-aec-faq-v3 .zara-commercial-faucet-guide-faqs-fs-finish-pills {
	margin-top:12px;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	gap:10px;
}
.zara-commercial-faucet-guide-faqs.zara-commercial-faucet-guide-faqs-aec-faq-v3 .zara-commercial-faucet-guide-faqs-fs-finish-pills button {
	appearance:none;
	border:1px solid #d6dee6;
	background:#f8fbfd;
	color:#6e8192;
	border-radius:999px;
	padding:8px 14px;
	min-height:30px;
	font-size:12px;
	line-height:1;
	font-weight:500;
	cursor:pointer;
	transition:all 0.2s ease;
	white-space:nowrap;
}
.zara-commercial-faucet-guide-faqs.zara-commercial-faucet-guide-faqs-aec-faq-v3 .zara-commercial-faucet-guide-faqs-fs-finish-pills button.zara-commercial-faucet-guide-faqs-active {
	background:#0d5d91;
	color:#ffffff;
	border-color:#0d5d91;
}
@media (max-width:1100px) {
	.zara-commercial-faucet-guide-faqs.zara-commercial-faucet-guide-faqs-aec-faq-v3 .zara-commercial-faucet-guide-faqs-fs-finish-panel {
		max-width:100%;
	}
	.zara-commercial-faucet-guide-faqs.zara-commercial-faucet-guide-faqs-aec-faq-v3 .zara-commercial-faucet-guide-faqs-fs-finish-hero {
		height:auto;
		aspect-ratio:512 / 225;
	}
}
@media (max-width:640px) {
	.zara-commercial-faucet-guide-faqs.zara-commercial-faucet-guide-faqs-aec-faq-v3 .zara-commercial-faucet-guide-faqs-fs-finish-pills {
		gap:8px;
	}
	.zara-commercial-faucet-guide-faqs.zara-commercial-faucet-guide-faqs-aec-faq-v3 .zara-commercial-faucet-guide-faqs-fs-finish-pills button {
		font-size:11px;
		padding:8px 12px;
	}
}

.zara-best-touchless-faucets,
.zara-best-touchless-faucets * { margin: 0; padding: 0; box-sizing: border-box; }

.zara-best-touchless-faucets {/* background: #f5faff; */font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;padding: 40px 20px;}

.zara-best-touchless-faucets-container { max-width: 1200px; margin: 0 auto; background: #ffffff; padding: 40px 50px; border-radius: 16px; box-shadow: 0 8px 40px rgba(127, 179, 221, 0.10); }

.zara-best-touchless-faucets h1 { font-size: 32px; font-weight: 700; color: #1f3444; margin-bottom: 15px; letter-spacing: -0.64px; }
.zara-best-touchless-faucets h2 { font-size: 24px; font-weight: 700; color: #1f3444; margin: 30px 0px 15px; padding-bottom: 8px; border-bottom: 3px solid #7fb3dd; }
.zara-best-touchless-faucets h3 { font-size: 20px; font-weight: 700; color: #1f3444; margin: 25px 0px 12px; }
.zara-best-touchless-faucets h4 { font-size: 17px; font-weight: 700; color: #1f3444; margin: 18px 0px 8px; }
.zara-best-touchless-faucets h5 { font-size: 16px; font-weight: 700; color: #1f3444; margin: 15px 0px 8px; }
.zara-best-touchless-faucets p { font-size: 15px; line-height: 1.9; color: #4b5563; margin-bottom: 15px; }
.zara-best-touchless-faucets ul { list-style: none; padding: 0px; margin: 10px 0px 15px 20px; }
.zara-best-touchless-faucets ul li { font-size: 15px; line-height: 1.8; color: #4b5563; padding: 4px 0px 4px 25px; position: relative; }
.zara-best-touchless-faucets ul li::before { content: "•"; position: absolute; left: 0px; color: #7fb3dd; font-weight: 700; font-size: 18px; }
.zara-best-touchless-faucets ul li strong { color: #1f3444; }
.zara-best-touchless-faucets table { width: 100%; border-collapse: collapse; margin: 20px 0px 30px; font-size: 14px; border-radius: 12px; overflow: hidden; box-shadow: 0 2px 15px rgba(127, 179, 221, 0.10); }
.zara-best-touchless-faucets thead { background: linear-gradient(135deg, #5a8db5, #7fb3dd); color: #ffffff; }
.zara-best-touchless-faucets th { padding: 14px 18px; text-align: left; font-weight: 700; font-size: 14px; letter-spacing: 0.42px; color: #ffffff; }
.zara-best-touchless-faucets td { padding: 14px 18px; border-bottom: 1px solid #e5e7eb; vertical-align: top; color: #4b5563; }
.zara-best-touchless-faucets tr:last-child td { border-bottom: none; }
.zara-best-touchless-faucets tbody tr:hover { background: #f5faff; }
.zara-best-touchless-faucets a { color: #5a8db5; text-decoration: none; transition: color 0.3s ease; font-weight: 600; }
.zara-best-touchless-faucets a:hover { color: #1f3444; text-decoration: underline; }
.zara-best-touchless-faucets hr { border: none; border-top: 2px solid #c7e2f6; margin: 30px 0px; }

.zara-best-touchless-faucets-product-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 25px; margin: 20px 0px 30px; }
.zara-best-touchless-faucets-product-card { background: #f5faff; border-radius: 12px; padding: 20px; border: 1px solid #c7e2f6; transition: all 0.3s ease; }
.zara-best-touchless-faucets-product-card:hover { transform: translateY(-4px); box-shadow: 0 8px 30px rgba(127, 179, 221, 0.18); border-color: #7fb3dd; }
.zara-best-touchless-faucets-product-card h4 { margin-top: 0px; }
.zara-best-touchless-faucets-product-card ul { margin: 10px 0px 0px 0px; }
.zara-best-touchless-faucets-product-card ul li { font-size: 14px; }

.zara-best-touchless-faucets-product-price { display: inline-block; background: linear-gradient(135deg, #5a8db5, #7fb3dd); color: #ffffff; padding: 6px 16px; border-radius: 50px; font-size: 14px; font-weight: 700; margin-top: 10px; }
.zara-best-touchless-faucets-btn {display: inline-block;background: linear-gradient(135deg, #5a8db5, #7fb3dd);color: #ffffff !important;padding: 10px 25px;border-radius: 50px;text-decoration: none;font-weight: 600;font-size: 14px;transition: all 0.3s ease;margin-top: 8px;border: 1px solid #7fb3dd;}
.zara-best-touchless-faucets-btn:hover { background: linear-gradient(135deg, #4a7da5, #5a8db5); transform: translateY(-2px); text-decoration: none; color: #ffffff; }
.zara-best-touchless-faucets-btn-outline { display: inline-block; background: transparent; color: #5a8db5; padding: 10px 25px; border-radius: 50px; text-decoration: none; font-weight: 600; font-size: 14px; border: 2px solid #7fb3dd; transition: all 0.3s ease; margin-top: 8px; }
.zara-best-touchless-faucets-btn-outline:hover { background: linear-gradient(135deg, #5a8db5, #7fb3dd); color: #ffffff; transform: translateY(-2px); text-decoration: none; }

.zara-best-touchless-faucets-tag { display: inline-block; background: #e0f6ff; color: #5a8db5; padding: 4px 14px; border-radius: 50px; font-size: 12px; font-weight: 600; margin-right: 6px; margin-top: 4px; }
.zara-best-touchless-faucets-highlight-box { background: #f5faff; border-left: 4px solid #7fb3dd; padding: 20px 25px; border-radius: 8px; margin: 20px 0px; }
.zara-best-touchless-faucets-highlight-box p { margin-bottom: 0px; }
.zara-best-touchless-faucets-verdict-box { background: #f5faff; border-left: 4px solid #5a8db5; padding: 20px 25px; border-radius: 8px; margin: 20px 0px; }
.zara-best-touchless-faucets-verdict-box p { margin-bottom: 0px; }

.zara-best-touchless-faucets-two-col { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin: 15px 0px; }
.zara-best-touchless-faucets-col-pros { background: #f5faff; border-radius: 12px; padding: 18px 22px; border: 1px solid #c7e2f6; }
.zara-best-touchless-faucets-col-cons { background: #f5faff; border-radius: 12px; padding: 18px 22px; border: 1px solid #dde3ec; }
.zara-best-touchless-faucets-col-pros h5, .zara-best-touchless-faucets-col-cons h5 { margin-top: 0px; margin-bottom: 8px; }
.zara-best-touchless-faucets-col-pros ul, .zara-best-touchless-faucets-col-cons ul { margin: 0px; }
.zara-best-touchless-faucets-col-pros ul li::before { color: #5a8db5; }
.zara-best-touchless-faucets-col-cons ul li::before { color: #7fb3dd; }

.zara-best-touchless-faucets-review-box { background: #f5faff; border: 1px solid #c7e2f6; border-radius: 12px; padding: 12px 15px; margin-bottom: 12px; }
.zara-best-touchless-faucets-review-box .zara-best-touchless-faucets-stars { font-weight: 700; color: #f59e0b; margin-bottom: 4px; }
.zara-best-touchless-faucets-review-box .zara-best-touchless-faucets-text { font-size: 14px; color: #4b5563; }

.zara-best-touchless-faucets-sku { font-size: 14px; color: #6b7280; margin-bottom: 10px; }
.zara-best-touchless-faucets-sku strong { color: #1f3444; }
.zara-best-touchless-faucets-badge { display: inline-block; background: linear-gradient(135deg, #5a8db5, #7fb3dd); color: #ffffff; padding: 4px 14px; border-radius: 50px; font-size: 12px; font-weight: 600; margin-right: 6px; margin-top: 4px; }
.zara-best-touchless-faucets-badge-dark { display: inline-block; background: #1f3444; color: #ffffff; padding: 4px 14px; border-radius: 50px; font-size: 12px; font-weight: 600; margin-right: 6px; margin-top: 4px; }

.zara-best-touchless-faucets-hero-banner { display: flex; align-items: center; justify-content: space-between; gap: 50px; flex-wrap: wrap; background: linear-gradient(135deg, #f5faff, #e0f6ff); border-radius: 18px; padding: 45px; box-shadow: 0 10px 35px rgba(127, 179, 221, 0.12); margin-bottom: 30px; border: 1px solid #c7e2f6; }
.zara-best-touchless-faucets-hero-banner .zara-best-touchless-faucets-hero-text { flex: 1; min-width: 320px; }
.zara-best-touchless-faucets-hero-banner .zara-best-touchless-faucets-hero-text .zara-best-touchless-faucets-pill { display: inline-block; background: linear-gradient(135deg, #5a8db5, #7fb3dd); color: #ffffff; padding: 8px 18px; border-radius: 40px; font-size: 13px; font-weight: 600; letter-spacing: 0.5px; margin-bottom: 20px; }
.zara-best-touchless-faucets-hero-banner .zara-best-touchless-faucets-hero-text h1 { font-size: 44px; line-height: 1.2; margin-bottom: 25px; color: #1f3444; font-weight: 700; }
.zara-best-touchless-faucets-hero-banner .zara-best-touchless-faucets-hero-text p { font-size: 18px; line-height: 1.9; color: #4b5563; margin-bottom: 30px; }
.zara-best-touchless-faucets-hero-banner .zara-best-touchless-faucets-hero-text .zara-best-touchless-faucets-cta-btn { display: inline-block; background: linear-gradient(135deg, #5a8db5, #7fb3dd); color: #ffffff; text-decoration: none; padding: 15px 34px; border-radius: 8px; font-weight: 600; font-size: 16px; border: 1px solid #7fb3dd; transition: all 0.3s; }
.zara-best-touchless-faucets-hero-banner .zara-best-touchless-faucets-hero-text .zara-best-touchless-faucets-cta-btn:hover { background: linear-gradient(135deg, #4a7da5, #5a8db5); }
.zara-best-touchless-faucets-hero-banner .zara-best-touchless-faucets-hero-image { flex: 1; min-width: 320px; text-align: center; }
.zara-best-touchless-faucets-hero-banner .zara-best-touchless-faucets-hero-image img { width: 100%; max-width: 560px; border-radius: 18px; box-shadow: 0 20px 45px rgba(127, 179, 221, 0.20); }

.zara-best-touchless-faucets-fs-compact-faq { background: #f5faff; border-radius: 16px; padding: 30px; margin: 20px 0px; border: 1px solid #c7e2f6; }
.zara-best-touchless-faucets-fs-compact-faq-box { display: flex; flex-wrap: wrap; gap: 30px; align-items: center; }
.zara-best-touchless-faucets-fs-compact-faq-text { flex: 1 1 55%; min-width: 280px; }
.zara-best-touchless-faucets-fs-mini-label { font-size: 12px; font-weight: 700; letter-spacing: 0.96px; text-transform: uppercase; color: #5a8db5; margin-bottom: 8px; }
.zara-best-touchless-faucets-fs-compact-faq-text h3 { font-size: 22px; font-weight: 700; color: #1f3444; margin: 0px 0px 12px 0px; }
.zara-best-touchless-faucets-fs-compact-faq-text > p { font-size: 15px; line-height: 1.8; color: #4b5563; margin-bottom: 20px; }
.zara-best-touchless-faucets-fs-accordion-list { display: flex; flex-direction: column; gap: 8px; }
.zara-best-touchless-faucets-fs-accordion-list details { background: #ffffff; border: 1px solid #dde3ec; border-radius: 10px; padding: 0px; transition: border-color 0.3s ease; }
.zara-best-touchless-faucets-fs-accordion-list details:hover { border-color: #7fb3dd; }
.zara-best-touchless-faucets-fs-accordion-list summary { padding: 14px 18px; font-weight: 600; font-size: 15px; color: #1f3444; cursor: pointer; list-style: none; display: flex; align-items: center; gap: 10px; transition: color 0.3s ease; }
.zara-best-touchless-faucets-fs-accordion-list summary::-webkit-details-marker { display: none; }
.zara-best-touchless-faucets-fs-accordion-list summary::after { content: "▾"; font-size: 12px; color: #5a8db5; margin-left: auto; transition: transform 0.3s ease; }
.zara-best-touchless-faucets-fs-accordion-list details[open] summary::after { transform: rotate(180deg); }
.zara-best-touchless-faucets-fs-accordion-list details[open] summary { color: #5a8db5; }
.zara-best-touchless-faucets-fs-answer { padding: 0px 18px 16px 18px; font-size: 14px; line-height: 1.7; color: #4b5563; }
.zara-best-touchless-faucets-fs-compact-faq-image { flex: 1 1 30%; min-width: 180px; text-align: center; }
.zara-best-touchless-faucets-fs-compact-faq-image a { display: inline-block; transition: transform 0.4s ease, box-shadow 0.4s ease; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 20px rgba(127, 179, 221, 0.12); }
.zara-best-touchless-faucets-fs-compact-faq-image a:hover { transform: translateY(-6px) scale(1.02); box-shadow: 0 12px 40px rgba(127, 179, 221, 0.22); }
.zara-best-touchless-faucets-fs-compact-faq-image img { width: 100%; max-width: 320px; height: auto; display: block; border-radius: 12px; }

.zara-best-touchless-faucets-eval-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 15px; margin: 20px 0px; }
.zara-best-touchless-faucets-eval-item { background: #f5faff; border-radius: 12px; padding: 18px 20px; border: 1px solid #c7e2f6; transition: all 0.3s ease; }
.zara-best-touchless-faucets-eval-item:hover { border-color: #7fb3dd; transform: translateY(-3px); box-shadow: 0 6px 20px rgba(127, 179, 221, 0.15); }
.zara-best-touchless-faucets-eval-item h4 { font-size: 15px; margin: 0px 0px 4px 0px; color: #1f3444; }
.zara-best-touchless-faucets-eval-item p { font-size: 13px; color: #6b7280; margin: 0px; }

.zara-best-touchless-faucets-diagram-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 20px; margin: 20px 0px; }
.zara-best-touchless-faucets-diagram-card { background: #f5faff; border-radius: 12px; padding: 20px; text-align: center; border: 1px solid #c7e2f6; transition: all 0.3s ease; }
.zara-best-touchless-faucets-diagram-card:hover { border-color: #7fb3dd; transform: translateY(-4px); box-shadow: 0 8px 25px rgba(127, 179, 221, 0.18); }
.zara-best-touchless-faucets-diagram-card .zara-best-touchless-faucets-icon { font-size: 40px; margin-bottom: 10px; }
.zara-best-touchless-faucets-diagram-card h4 { font-size: 16px; margin: 0px 0px 8px 0px; color: #1f3444; }
.zara-best-touchless-faucets-diagram-card ul { list-style: none; padding: 0px; margin: 0px; text-align: left; }
.zara-best-touchless-faucets-diagram-card ul li { font-size: 13px; line-height: 1.8; color: #4b5563; padding: 2px 0px 2px 20px; position: relative; }
.zara-best-touchless-faucets-diagram-card ul li::before { content: "•"; position: absolute; left: 0px; color: #7fb3dd; font-weight: 700; font-size: 16px; }

.zara-best-touchless-faucets-author-bio { background: #f5faff; border-radius: 12px; padding: 25px; border: 1px solid #c7e2f6; margin: 30px 0px; display: flex; align-items: center; gap: 20px; flex-wrap: wrap; }
.zara-best-touchless-faucets-author-avatar { width: 80px; height: 80px; border-radius: 50%; background: linear-gradient(135deg, #5a8db5, #7fb3dd); display: flex; align-items: center; justify-content: center; color: #ffffff; font-size: 28px; font-weight: 700; flex-shrink: 0; }
.zara-best-touchless-faucets-author-info h3 { margin: 0px; font-size: 18px; color: #1f3444; }
.zara-best-touchless-faucets-author-info .zara-best-touchless-faucets-title { font-size: 14px; color: #6b7280; margin: 4px 0px; }
.zara-best-touchless-faucets-author-info p { font-size: 14px; color: #4b5563; margin: 0px; }

.zara-best-touchless-faucets-references { margin: 20px 0px; }
.zara-best-touchless-faucets-references ul { list-style: none; padding: 0px; margin: 0px; }
.zara-best-touchless-faucets-references ul li { font-size: 14px; line-height: 1.8; color: #4b5563; padding: 4px 0px 4px 25px; position: relative; }
.zara-best-touchless-faucets-references ul li::before { content: "›"; position: absolute; left: 0px; color: #5a8db5; font-weight: 700; font-size: 18px; }

.zara-best-touchless-faucets-filter-area { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 12px; margin: 20px 0px; background: #f5faff; padding: 20px; border-radius: 12px; border: 1px solid #c7e2f6; }
.zara-best-touchless-faucets-filter-area select { padding: 10px 14px; border-radius: 8px; border: 1px solid #c7e2f6; font-family: inherit; font-size: 14px; background: #ffffff; cursor: pointer; transition: border-color 0.3s ease; color: #1f3444; }
.zara-best-touchless-faucets-filter-area select:focus { border-color: #7fb3dd; outline: none; box-shadow: 0 0px 0px 3px rgba(127, 179, 221, 0.15); }

.zara-best-touchless-faucets-hero-banner-top-wrap { max-width: 1200px; margin: 0px auto 30px; padding: 0px; }
.zara-best-touchless-faucets-hero-banner-top-link { display: block; border-radius: 18px; overflow: hidden; box-shadow: 0 8px 35px rgba(127, 179, 221, 0.12); transition: transform 0.3s ease, box-shadow 0.3s ease; }
.zara-best-touchless-faucets-hero-banner-top-img { width: 100%; height: auto; display: block; }

.zara-best-touchless-faucets-cert-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 15px; margin: 20px 0px; }
.zara-best-touchless-faucets-cert-item { background: #f5faff; border-radius: 10px; padding: 18px; border: 1px solid #c7e2f6; text-align: center; }
.zara-best-touchless-faucets-cert-item h4 { font-size: 15px; margin: 8px 0px 4px; color: #1f3444; }
.zara-best-touchless-faucets-cert-item p { font-size: 13px; color: #6b7280; }

.zara-best-touchless-faucets-spotlight-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 15px; margin: 20px 0px; }
.zara-best-touchless-faucets-spotlight-item { background: #f5faff; border-radius: 10px; padding: 18px; border: 1px solid #c7e2f6; }
.zara-best-touchless-faucets-spotlight-item p { font-size: 14px; color: #4b5563; }

.zara-best-touchless-faucets-verdict-title { border-bottom: none; margin-top: 0px; padding-bottom: 0px; }
.zara-best-touchless-faucets-highlight-title { font-size: 16px; font-weight: 600; margin-bottom: 5px; color: #1f3444; }
.zara-best-touchless-faucets-heading-tight-top { margin-top: 10px; }
.zara-best-touchless-faucets-product-thumb { border-radius: 12px; overflow: hidden; margin-bottom: 15px; background: #e0f6ff; }
.zara-best-touchless-faucets-product-thumb img { width: 100%; height: auto; display: block; }
.zara-best-touchless-faucets-badge-row-flex { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 12px; }
.zara-best-touchless-faucets-btn-row-flex { display: flex; gap: 10px; flex-wrap: wrap; }
.zara-best-touchless-faucets-warranty-note { background: #f5faff; border-radius: 12px; padding: 20px 25px; margin-top: 10px; border: 1px solid #c7e2f6; }
.zara-best-touchless-faucets-warranty-note p { margin-bottom: 0px; font-size: 14px; color: #4b5563; }
.zara-best-touchless-faucets-author-updated { margin-top: 8px; font-size: 13px; color: #6b7280; }

@media (max-width: 768px) {
  .zara-best-touchless-faucets { padding: 20px 10px; }
  .zara-best-touchless-faucets-container { padding: 20px 15px; border-radius: 10px; }
  .zara-best-touchless-faucets-hero-banner { padding: 25px 20px; flex-direction: column; text-align: center; }
  .zara-best-touchless-faucets-hero-banner .zara-best-touchless-faucets-hero-text h1 { font-size: 28px; }
  .zara-best-touchless-faucets-hero-banner .zara-best-touchless-faucets-hero-text p { font-size: 16px; }
  .zara-best-touchless-faucets h1 { font-size: 24px; }
  .zara-best-touchless-faucets h2 { font-size: 20px; }
  .zara-best-touchless-faucets h3 { font-size: 18px; }
  .zara-best-touchless-faucets table { font-size: 13px; }
  .zara-best-touchless-faucets th, .zara-best-touchless-faucets td { padding: 10px 12px; }
  .zara-best-touchless-faucets-two-col { grid-template-columns: 1fr; }
  .zara-best-touchless-faucets-product-grid { grid-template-columns: 1fr; }
  .zara-best-touchless-faucets-fs-compact-faq-box { flex-direction: column; }
  .zara-best-touchless-faucets-fs-compact-faq-image img { max-width: 100%; }
  .zara-best-touchless-faucets-author-bio { flex-direction: column; text-align: center; }
  .zara-best-touchless-faucets-author-avatar { margin: 0px auto; }
  .zara-best-touchless-faucets-filter-area { grid-template-columns: 1fr; }
  .zara-best-touchless-faucets-eval-grid { grid-template-columns: 1fr; }
  .zara-best-touchless-faucets-diagram-grid { grid-template-columns: 1fr; }
}
@media (max-width: 500px) {
  .zara-best-touchless-faucets-container { padding: 15px 10px; }
  .zara-best-touchless-faucets-hero-banner .zara-best-touchless-faucets-hero-text h1 { font-size: 22px; }
  .zara-best-touchless-faucets h1 { font-size: 20px; }
  .zara-best-touchless-faucets table { font-size: 12px; }
  .zara-best-touchless-faucets th, .zara-best-touchless-faucets td { padding: 8px 8px; }
}
.tt-citation-block {
    color: #0d0d0d;
    font-family: ui-sans-serif, -apple-system, system-ui, "Segoe UI", Helvetica, "Apple Color Emoji", Arial, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: medium;
}
.tt-citation-spacer {
    position: sticky;
    top: 0;
    z-index: 1;
    height: 53px;
    background-color: #ffffff;
    padding: 16px 24px;
    font-size: 14px;
    line-height: 1.42857;
    font-weight: 500;
    opacity: 1;
    border-bottom: 1px solid rgba(13, 13, 13, 0.05);
}
.tt-citation-list {
    display: flex;
    flex-direction: column;
    padding: 8px 12px;
}
.tt-citation-item {
    opacity: 1;
}
.tt-citation-link {
    display: flex;
    flex-direction: column;
    gap: 2px;
    border-radius: 12px;
    padding: 10px 12px;
    color: inherit;
    text-decoration: inherit;
}
.tt-citation-link--highlight {
    background-color: #f9f9f9;
}
.tt-citation-domain-row {
    display: flex;
    align-items: center;
    gap: 8px;
    height: 24px;
    font-size: 12px;
    line-height: 1.33333;
    overflow: hidden;
}
.tt-citation-favicon-wrap {
    position: relative;
    display: inline-block;
}
.tt-citation-favicon-placeholder {
    height: 16px;
    width: 16px;
    flex-grow: 0;
    flex-shrink: 0;
    border-radius: 50%;
    background-color: #ffffff;
    object-fit: cover;
}
.tt-citation-favicon-img {
    display: block;
    position: absolute;
    inset: 0px;
    height: 16px;
    width: 16px;
    flex-grow: 0;
    flex-shrink: 0;
    border-radius: 50%;
    background-color: #ffffff;
    object-fit: cover;
    opacity: 1;
    transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.tt-citation-title {
    font-size: 14px;
    line-height: 1.42857;
    font-weight: 600;
    overflow-wrap: break-word;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.tt-citation-desc {
    font-size: 14px;
    line-height: 1.375;
    font-weight: 400;
    color: #5d5d5d;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.tt-citation-link:hover {
    background-color: #f5f5f5;
}


.soap-disp-banner-wrap { width: 100%; max-width: 100%; margin: 0px auto 20px; padding: 0px; font-family: Arial, Helvetica, sans-serif; overflow: hidden; }
.soap-disp-banner-link { display: block; width: 100%; margin: 0px; padding: 0px; overflow: hidden; }
.soap-disp-banner-img { display: block; width: 100%; max-width: 100%; height: auto; margin: 0px auto; border: 0px; }

.soap-disp-table { width: 100%; border-collapse: collapse; background: #ffffff; border-radius: 16px; overflow: hidden; box-shadow: 0 2px 15px rgba(127, 179, 221, 0.10); }
.soap-disp-td-left { padding: 30px 25px; vertical-align: middle; width: 60%; }

.soap-disp-h1 { font-size: 30px; font-weight: 700; color: #1f3444; margin: 0px 0px 5px; }
.soap-disp-h2 { font-size: 20px; font-weight: 600; color: #5a8db5; margin: 0px 0px 14px; }

.soap-disp-thumb-row { display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: 14px; }
.soap-disp-thumb-link { display: inline-block; border-radius: 10px; overflow: hidden; box-shadow: 0 2px 12px rgba(127, 179, 221, 0.12); }
.soap-disp-thumb-img { width: 280px; max-width: 100%; height: auto; display: block; }

.soap-disp-desc { font-size: 14px; line-height: 1.8; color: #4b5563; margin: 0px; }

.soap-disp-td-right { padding: 30px 25px; vertical-align: middle; text-align: center; width: 40%; }
.soap-disp-hero-link { display: inline-block; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 20px rgba(127, 179, 221, 0.12); }
.soap-disp-hero-img { width: 320px; max-width: 100%; height: auto; display: block; }

.soap-disp-banner2-wrap { margin: 20px auto 0px; text-align: center; }
.soap-disp-banner2-link { display: block; border-radius: 14px; overflow: hidden; box-shadow: 0 4px 20px rgba(127, 179, 221, 0.10); }
.soap-disp-banner2-img { width: 100%; height: auto; display: block; }

.soap-disp-faq-box { margin-top: 28px; background: #ffffff; border-radius: 16px; box-shadow: 0 2px 15px rgba(127, 179, 221, 0.10); padding: 28px 25px; border: 1px solid #c7e2f6; }
.soap-disp-faq-title { font-size: 24px; color: #1f3444; margin: 0px 0px 12px; font-weight: 700; }
.soap-disp-faq-intro { font-size: 15px; line-height: 1.8; color: #4b5563; margin: 0px 0px 18px; }
.soap-disp-faq-item { border: 1px solid #c7e2f6; border-radius: 10px; padding: 14px 16px; margin-bottom: 10px; background: #f5faff; }
.soap-disp-faq-item--last { margin-bottom: 18px; }
.soap-disp-faq-q { cursor: pointer; font-size: 15px; color: #1f3444; font-weight: 600; }
.soap-disp-faq-a { font-size: 14px; line-height: 1.8; color: #4b5563; margin: 12px 0px 0px; }
.soap-disp-faq-btn { display: inline-block; background: linear-gradient(135deg, #5a8db5, #7fb3dd); color: #ffffff; padding: 12px 22px; border-radius: 30px; text-decoration: none; font-size: 14px; font-weight: 700; border: 1px solid #7fb3dd; transition: all 0.2s; }
.soap-disp-faq-btn:hover { background: linear-gradient(135deg, #4a7da5, #5a8db5); }

.soap-disp-conclusion { max-width: 1200px; margin: 35px auto 0px; padding: 30px 35px; border-radius: 16px; background: linear-gradient(135deg, #ffffff 0%, #f5faff 40%, #e0f6ff 70%, #c7e2f6 100%); box-shadow: 0 4px 25px rgba(127, 179, 221, 0.20); border: 1px solid #c7e2f6; font-family: Arial, Helvetica, sans-serif; }
.soap-disp-conclusion-title { font-size: 24px; font-weight: 700; color: #1f3444; margin: 0px 0px 12px; }
.soap-disp-conclusion-text { font-size: 15px; line-height: 1.9; color: #4b5563; margin: 0px 0px 14px; }
.soap-disp-conclusion-cta-wrap { text-align: center; margin-top: 20px; }
.soap-disp-conclusion-btn { display: inline-block; background: linear-gradient(135deg, #5a8db5, #7fb3dd); color: #ffffff; padding: 14px 40px; border-radius: 50px; text-decoration: none; font-size: 16px; font-weight: 700; letter-spacing: 0.5px; transition: all 0.3s ease; box-shadow: 0 4px 15px rgba(127, 179, 221, 0.30); border: 2px solid rgba(255,255,255,0.2); }
.soap-disp-conclusion-btn:hover { background: linear-gradient(135deg, #4a7da5, #5a8db5); box-shadow: 0 6px 20px rgba(127, 179, 221, 0.40); }

.soap-disp-readmore-box { max-width: 1200px; margin: 30px auto 0px; padding: 28px 35px; border-radius: 16px; background: linear-gradient(135deg, #ffffff 0%, #f5faff 50%, #e0f6ff 100%); box-shadow: 0 4px 25px rgba(127, 179, 221, 0.18); border: 1px solid #c7e2f6; text-align: center; font-family: Arial, Helvetica, sans-serif; }

.zara-top-brands-standout-models { line-height: 1.6; color: #1f3444; margin: 0px; padding: 0px 1rem 3rem; }

.zara-top-brands-standout-models header,
.zara-top-brands-standout-models section { max-width: 1800px; margin: 0px auto; }

.zara-top-brands-standout-models header { padding: 2rem 0px; }

.zara-top-brands-standout-models-grid { display: grid; gap: 1rem; }

@media (min-width: 900px) {
  .zara-top-brands-standout-models-grid.zara-top-brands-standout-models-cols-3 { grid-template-columns: repeat(3, 1fr); }
  .zara-top-brands-standout-models-grid.zara-top-brands-standout-models-cols-2 { grid-template-columns: repeat(2, 1fr); }
}

.zara-top-brands-standout-models-card { border: 1px solid #c7e2f6; border-radius: 14px; padding: 1rem; background: #ffffff; }
.zara-top-brands-standout-models-card h3 { margin-top: 0.2rem; color: #1f3444; }

.zara-top-brands-standout-models-badge { display: inline-block; padding: 0.2rem 0.5rem; border-radius: 999px; background: #f5faff; border: 1px solid #c7e2f6; color: #5a8db5; font-size: 0.85rem; margin-right: 0.35rem; font-weight: 700; }

.zara-top-brands-standout-models-rank {font-weight: 700;color: #5a8db5;}

.zara-top-brands-standout-models-muted { color: #6b7280; }

.zara-top-brands-standout-models-table { width: 100%; border-collapse: collapse; }
.zara-top-brands-standout-models-table th,
.zara-top-brands-standout-models-table td { border: 1px solid #c7e2f6; padding: 0.6rem; vertical-align: top; color: #4b5563; }
.zara-top-brands-standout-models-table th {background: #f5faff;text-align: left;color: #5a8db5;font-weight: 700;text-transform: uppercase;font-size: 12px;letter-spacing: 0.5px;border-bottom: 2px solid #7fb3dd;}

.zara-top-brands-standout-models-cit { font-size: 0.8rem; color: #6b7280; margin-top: 0.25rem; }

.zara-top-brands-standout-models a { color: #5a8db5; text-decoration: none; }
.zara-top-brands-standout-models a:hover { text-decoration: underline; color: #1f3444; }

.zara-auto-com-sd-ftf-get-more-info-wrap {
    text-align: center;
}

.zara-auto-com-sd-ftf-get-more-info-chips {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    margin-bottom: 20px;
}

.zara-auto-com-sd-ftf-get-more-info-chips a {
    display: inline-block;
    padding: 8px 14px;
    border-radius: 20px;
    background: #f2f2f2;
    text-decoration: none;
    color: #333333;
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    transition: background 0.3s;
}

.zara-auto-com-sd-ftf-get-more-info-chips a:hover {
    background: #dddddd;
}

.zara-auto-com-sd-hidden-section {
    display: none;
}

.zara-auto-com-sd-read-more-btn {
    display: inline-block;
    padding: 8px 16px;
    margin: 15px auto;
    border: none;
    background: linear-gradient(135deg, #5a8db5, #7fb3dd);
    color: #ffffff !important;
    border-radius: 6px;
    font-family: 'Inter', sans-serif;
    cursor: pointer;
    transition: background 0.3s;
    border: 1px solid #c7e2f6;
    cursor: pointer;
    font-weight: 800;
    font-size: 13.8px;
    transition: 0.2s ease;
    color: #1f3444;
}

/*start here 9-july */