/*following css for chat from right to left bottom at 08/07/2026*/
iframe#launcher,
iframe#webWidget {
	right: inherit !important;
	left: 0 !important;
}
/*06-12-2025 Zee*/
/* Category 7137 -- (https://www.bathselect.com/BathSelect-TerraLuxe-Series-s/7137.htm) at 06-12-2025 Start Here*/
#content_area .bs-terra-luxe-series-aec-pro-wrapper {
      color: #1f3444;
      line-height: 1.6;
    }
    #content_area .bs-terra-luxe-series-aec-pro-wrapper a {
      color: inherit;
      text-decoration: none;
    }
    #content_area .bs-terra-luxe-series-aec-pro-wrapper img {
      max-width: 100%;
      display: block;
    }

    /* Layout */
    #content_area .bs-terra-luxe-series-aec-pro-wrapper .fff-page {
      min-height: 100vh;
      display: flex;
      flex-direction: column;
    }
    #content_area .bs-terra-luxe-series-aec-pro-wrapper .container {
      width: 100%;
      max-width: 1200px;
      margin: 0 auto;
      padding: 0 1.5rem;
    }

    /* HEADER / NAV */
    #content_area .bs-terra-luxe-series-aec-pro-wrapper .fff-header {
      position: sticky;
      top: 0;
      z-index: 50;
      background: rgba(255, 255, 255, 0.85);
      backdrop-filter: blur(14px);
      border-bottom: 1px solid #c7e2f6;
    }
    #content_area .bs-terra-luxe-series-aec-pro-wrapper .nav {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 1rem 0;
      flex-wrap: nowrap;
      gap: 1.5rem;
    }
    #content_area .bs-terra-luxe-series-aec-pro-wrapper .nav-logo {
      display: flex;
      align-items: center;
      gap: 0.5rem;
      font-weight: 700;
      letter-spacing: 0.06em;
      text-transform: uppercase;
      color: #1f3444;
      flex-shrink: 0;
    }
    #content_area .bs-terra-luxe-series-aec-pro-wrapper .nav-logo-mark {
      width: 38px;
      height: 38px;
      border-radius: 999px;
      background: radial-gradient(circle at 20% 10%, #ffffff 0, #e3f2fd 32%, #7fb3dd 100%);
      box-shadow: 0 8px 22px rgba(127, 179, 221, 0.35);
      flex-shrink: 0;
    }
    #content_area .bs-terra-luxe-series-aec-pro-wrapper .nav-logo-text-primary {
      font-size: 0.8rem;
    }
    #content_area .bs-terra-luxe-series-aec-pro-wrapper .nav-logo-text-secondary {
      font-size: 0.7rem;
      text-transform: uppercase;
      letter-spacing: 0.22em;
      color: #6b7280;
    }
    #content_area .bs-terra-luxe-series-aec-pro-wrapper .nav-links {
      display: flex;
      gap: 10px;
      font-size: 14px;
      flex: 1;
      justify-content: center;
    }
    #content_area .bs-terra-luxe-series-aec-pro-wrapper .nav-links a {
      position: relative;
      font-weight: 600;
      color: #5a8db5;
    }
    #content_area .bs-terra-luxe-series-aec-pro-wrapper .nav-links a::after {
      content: "";
      position: absolute;
      left: 0;
      bottom: -0.3rem;
      width: 0;
      height: 2px;
      background: linear-gradient(90deg, #7fb3dd, #c7e2f6);
      transition: width 0.25s ease;
    }
    #content_area .bs-terra-luxe-series-aec-pro-wrapper .nav-links a:hover::after {
      width: 100%;
    }
    #content_area .bs-terra-luxe-series-aec-pro-wrapper .nav-cta {
      display: flex;
      gap: 0.75rem;
      align-items: center;
      flex-wrap: wrap;
      flex-shrink: 0;
    }

    /* BUTTONS */
    #content_area .bs-terra-luxe-series-aec-pro-wrapper .btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 0.6rem 1.3rem;
      border-radius: 999px;
      font-size: 0.9rem;
      font-weight: 600;
      border: 1px solid transparent;
      cursor: pointer;
      transition: all 0.22s ease;
      text-transform: uppercase;
      letter-spacing: 0.06em;
      white-space: nowrap;
    }
    #content_area .bs-terra-luxe-series-aec-pro-wrapper .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);
      font-size: 12px;
    }
    #content_area .bs-terra-luxe-series-aec-pro-wrapper .btn-primary:hover {
      background: linear-gradient(135deg, #d6ecfb, #b5d8ef);
      border-color: #b5d8ef;
      transform: translateY(-1px);
    }
    #content_area .bs-terra-luxe-series-aec-pro-wrapper .btn-outline {
      color: #1f3444;
      border-color: #c7e2f6;
      background: #ffffff;
      font-size: 12px;
    }
    #content_area .bs-terra-luxe-series-aec-pro-wrapper .btn-outline:hover {
      background: #f5faff;
      border-color: #7fb3dd;
      color: #1f3444;
    }
    #content_area .bs-terra-luxe-series-aec-pro-wrapper .btn-on-light {
      border-color: #c7e2f6;
      color: #1f3444;
    }

    #content_area .bs-terra-luxe-series-aec-pro-wrapper .fff-main {
      flex: 1;
    }

    /* HERO BANNER */
    #content_area .bs-terra-luxe-series-aec-pro-wrapper .banner-hero {
      position: relative;
      padding: 3.5rem 0 3rem;
    }
    #content_area .bs-terra-luxe-series-aec-pro-wrapper .banner-hero-inner {
      display: grid;
      grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
      gap: 2.25rem;
      align-items: start;
      line-height: 1.6;
    }
    #content_area .bs-terra-luxe-series-aec-pro-wrapper .banner-hero-inner > div:first-child {
      grid-column: 1;
      grid-row: 1;
      min-width: 0;
    }
    #content_area .bs-terra-luxe-series-aec-pro-wrapper .banner-hero-inner .hero-right {
      grid-column: 2;
      grid-row: 1;
      min-width: 0;
    }
    #content_area .bs-terra-luxe-series-aec-pro-wrapper .hero-badge-row {
      display: flex;
      flex-wrap: wrap;
      gap: 0.75rem;
      margin-bottom: 1.5rem;
      align-items: center;
    }
    #content_area .bs-terra-luxe-series-aec-pro-wrapper .hero-badge {
      border-radius: 999px;
      padding: 0.3rem 0.95rem;
      font-size: 0.78rem;
      text-transform: uppercase;
      letter-spacing: 0.1em;
      border: 1px solid #c7e2f6;
      color: #5a8db5;
      display: inline-flex;
      align-items: center;
      gap: 0.4rem;
      background: #ffffff;
      font-weight: 600;
    }
    #content_area .bs-terra-luxe-series-aec-pro-wrapper .hero-badge-dot {
      width: 8px;
      height: 8px;
      border-radius: 999px;
      background: radial-gradient(circle, #34d399, #10b981);
      box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.25);
    }
    #content_area .bs-terra-luxe-series-aec-pro-wrapper h1 {
      font-size: 2.4rem;
      line-height: 1.15;
      letter-spacing: -0.03em;
      margin-bottom: 1rem;
      color: #1f3444;
    }
    #content_area .bs-terra-luxe-series-aec-pro-wrapper h1 span {
      color: #5a8db5;
    }
    #content_area .bs-terra-luxe-series-aec-pro-wrapper .hero-subtitle {
      /* font-size: 1.02rem !important; */
      max-width: 32rem;
      color: #4b5563;
      margin-bottom: 1.5rem;
      line-height: 1.6 !important;
    }
    #content_area .bs-terra-luxe-series-aec-pro-wrapper .hero-meta-row {
      display: flex;
      flex-wrap: wrap;
      gap: 1.25rem;
      font-size: 0.85rem;
      color: #6b7280;
      margin-top: 1.25rem;
    }
    #content_area .bs-terra-luxe-series-aec-pro-wrapper .hero-meta-pill {
      display: inline-flex;
      gap: 0.45rem;
      align-items: center;
    }
    #content_area .bs-terra-luxe-series-aec-pro-wrapper .hero-meta-pill span:first-child {
      width: 8px;
      height: 8px;
      border-radius: 999px;
      background: #7fb3dd;
    }
    #content_area .bs-terra-luxe-series-aec-pro-wrapper .hero-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 0.9rem;
      align-items: center;
      margin-top: 0.75rem;
    }
    #content_area .bs-terra-luxe-series-aec-pro-wrapper .hero-right {
      position: relative;
    }
    #content_area .bs-terra-luxe-series-aec-pro-wrapper .hero-card {
      border-radius: 32px;
      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;
      padding: 1.6rem 1.6rem 2.5rem;
      overflow: visible;
      position: relative;
    }
    #content_area .bs-terra-luxe-series-aec-pro-wrapper .hero-card-tag {
      font-size: 0.78rem;
      text-transform: uppercase;
      letter-spacing: 0.12em;
      color: #5a8db5;
      margin-bottom: 0.6rem;
      font-weight: 700;
    }
    #content_area .bs-terra-luxe-series-aec-pro-wrapper .hero-card-title {
      font-size: 1.1rem;
      font-weight: 700;
      color: #1f3444;
      margin-bottom: 0.4rem;
    }
    #content_area .bs-terra-luxe-series-aec-pro-wrapper .hero-card-sub {
      font-size: 0.9rem;
      color: #4b5563;
      max-width: 22rem;
      margin-bottom: 1rem;
    }
    #content_area .bs-terra-luxe-series-aec-pro-wrapper .hero-card-grid {
      position: relative;
      border-radius: 20px;
      background: #ffffff;
      border: 1px solid #c7e2f6;
      padding: 1rem 1rem 1.25rem;
      overflow: visible;
    }
    #content_area .bs-terra-luxe-series-aec-pro-wrapper .hero-card-floating {
      position: absolute;
      right: 1rem;
      bottom: -1rem;
      z-index: 10;
      padding: 0.6rem 0.9rem;
      background: #ffffff;
      border: 1px solid #c7e2f6;
      border-radius: 999px;
      display: inline-flex;
      align-items: center;
      gap: 0.45rem;
      font-size: 0.78rem;
      color: #1f3444;
      box-shadow: 0 12px 28px rgba(15, 23, 42, 0.12);
      font-weight: 600;
    }
    #content_area .bs-terra-luxe-series-aec-pro-wrapper .hero-card-floating-dot {
      width: 9px;
      height: 9px;
      border-radius: 999px;
      background: radial-gradient(circle, #4ade80, #16a34a);
      flex-shrink: 0;
    }
    #content_area .bs-terra-luxe-series-aec-pro-wrapper .hero-card-pill {
      background: #f5faff;
      border-radius: 999px;
      padding: 0.22rem 0.75rem;
      font-size: 0.72rem;
      color: #5a8db5;
      border: 1px solid #c7e2f6;
      font-weight: 600;
    }
    #content_area .bs-terra-luxe-series-aec-pro-wrapper .hero-card-specs {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 0.6rem;
      margin-top: 0.7rem;
    }
    #content_area .bs-terra-luxe-series-aec-pro-wrapper .hero-card-spec {
      padding: 0.5rem 0.65rem;
      border-radius: 12px;
      background: #f5faff;
      border: 1px solid #c7e2f6;
      font-size: 0.75rem;
      color: #1f3444;
    }
    #content_area .bs-terra-luxe-series-aec-pro-wrapper .hero-card-spec-label {
      text-transform: uppercase;
      font-size: 0.68rem;
      letter-spacing: 0.12em;
      color: #5a8db5;
      font-weight: 600;
    }
    #content_area .bs-terra-luxe-series-aec-pro-wrapper .hero-card-spec-value {
      font-weight: 700;
      color: #1f3444;
    }

    /* SECTION BANNERS */
    #content_area .bs-terra-luxe-series-aec-pro-wrapper section {
      padding: 3rem 0;
    }
    #content_area .bs-terra-luxe-series-aec-pro-wrapper .section-header {
      margin-bottom: 2rem;
      /* max-width: 42rem; */
    }
    #content_area .bs-terra-luxe-series-aec-pro-wrapper h2 {
      font-size: 1.6rem;
      margin-bottom: 0.7rem;
      color: #1f3444;
      letter-spacing: -0.02em;
    }
    #content_area .bs-terra-luxe-series-aec-pro-wrapper h3 {
      font-size: 1.25rem;
      margin-bottom: 0.6rem;
      color: #1f3444;
    }
    #content_area .bs-terra-luxe-series-aec-pro-wrapper h4 {
      font-size: 1.05rem;
      margin-bottom: 0.4rem;
      color: #1f3444;
    }
    #content_area .bs-terra-luxe-series-aec-pro-wrapper h5 {
      font-size: 0.98rem;
      text-transform: uppercase;
      letter-spacing: 0.12em;
      margin-bottom: 0.4rem;
      color: #5a8db5;
      font-weight: 700;
    }
    #content_area .bs-terra-luxe-series-aec-pro-wrapper .section-lead {
      color: #4b5563;
      font-size: 0.98rem;
    }
    #content_area .bs-terra-luxe-series-aec-pro-wrapper .banner {
      border-radius: 32px;
      padding: 2rem;
      background: #ffffff;
      box-shadow: 0 12px 30px rgba(15, 23, 42, 0.05);
      position: relative;
      overflow: hidden;
      border: 1px solid #dde3ec;
    }
    #content_area .bs-terra-luxe-series-aec-pro-wrapper .banner::before {
      content: "";
      position: absolute;
      inset: -100px;
      background:
        radial-gradient(circle at 10% 0%, rgba(127, 179, 221, 0.12) 0, transparent 40%),
        radial-gradient(circle at 105% 80%, rgba(127, 179, 221, 0.18) 0, transparent 45%);
      opacity: 0.7;
      z-index: -1;
    }
    #content_area .bs-terra-luxe-series-aec-pro-wrapper .banner-alt {
      background: linear-gradient(135deg, #ffffff, #e0f6ff 40%, #c7e2f6 100%);
      color: #1f3444;
      border: 1px solid #c7e2f6;
    }
    #content_area .bs-terra-luxe-series-aec-pro-wrapper .banner-alt::before {
      display: none;
    }
    #content_area .bs-terra-luxe-series-aec-pro-wrapper .banner-alt h2 {
      color: #1f3444;
    }
    #content_area .bs-terra-luxe-series-aec-pro-wrapper .banner-alt h3 {
      color: #1f3444;
    }
    #content_area .bs-terra-luxe-series-aec-pro-wrapper .banner-alt-sub {
      color: #4b5563;
      font-size: 0.95rem;
      max-width: 40rem;
    }
    #content_area .bs-terra-luxe-series-aec-pro-wrapper .badge-soft {
      display: inline-flex;
      align-items: center;
      gap: 0.4rem;
      font-size: 0.78rem;
      border-radius: 999px;
      padding: 0.25rem 0.75rem;
      border: 1px solid #c7e2f6;
      background: #ffffff;
      color: #5a8db5;
      text-transform: uppercase;
      letter-spacing: 0.12em;
      font-weight: 600;
    }
    #content_area .bs-terra-luxe-series-aec-pro-wrapper .badge-soft-light {
      background: #ffffff;
      border-color: #c7e2f6;
      color: #5a8db5;
    }

    /* GRIDS */
    #content_area .bs-terra-luxe-series-aec-pro-wrapper .grid {
      display: grid;
      gap: 1.5rem;
    }
    #content_area .bs-terra-luxe-series-aec-pro-wrapper .grid-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    #content_area .bs-terra-luxe-series-aec-pro-wrapper .grid-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    /* CARDS */
    #content_area .bs-terra-luxe-series-aec-pro-wrapper .card {
      border-radius: 18px;
      background: #ffffff;
      border: 1px solid #dde3ec;
      padding: 1.2rem 1.3rem;
      box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
    }
    #content_area .bs-terra-luxe-series-aec-pro-wrapper .card-muted {
      background: #f5faff;
      border: 1px solid #c7e2f6;
    }
    #content_area .bs-terra-luxe-series-aec-pro-wrapper .card-header {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 0.6rem;
      flex-wrap: wrap;
      gap: 0.5rem;
    }
    #content_area .bs-terra-luxe-series-aec-pro-wrapper .eyebrow {
      font-size: 0.75rem;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      color: #5a8db5;
      margin-bottom: 0.3rem;
      font-weight: 700;
    }
    #content_area .bs-terra-luxe-series-aec-pro-wrapper .card p {
      font-size: 0.93rem;
      color: #4b5563;
      margin-bottom: 0.7rem;
    }
    #content_area .bs-terra-luxe-series-aec-pro-wrapper .card p:last-child {
      margin-bottom: 0;
    }

    /* PILLS */
    #content_area .bs-terra-luxe-series-aec-pro-wrapper .pill {
      display: inline-flex;
      align-items: center;
      gap: 0.35rem;
      padding: 0.25rem 0.75rem;
      border-radius: 999px;
      font-size: 0.75rem;
      border: 1px solid #c7e2f6;
      color: #5a8db5;
      background: #ffffff;
      font-weight: 600;
    }
    #content_area .bs-terra-luxe-series-aec-pro-wrapper .pill-accent {
      border-color: #7fb3dd;
      color: #1f3444;
      background: #e0f6ff;
    }

    /* META LIST */
    #content_area .bs-terra-luxe-series-aec-pro-wrapper .meta-list {
      list-style: none;
      font-size: 0.9rem;
      color: #4b5563;
      padding: 0;
      margin: 0;
    }
    #content_area .bs-terra-luxe-series-aec-pro-wrapper .meta-list-spaced {
      margin-top: 0.6rem;
    }
    #content_area .bs-terra-luxe-series-aec-pro-wrapper .meta-list-large-spaced {
      margin-top: 1rem;
    }
    #content_area .bs-terra-luxe-series-aec-pro-wrapper .meta-list-half-spaced {
      margin-top: 0.5rem;
    }
    #content_area .bs-terra-luxe-series-aec-pro-wrapper .meta-list li {
      display: flex;
      gap: 0.55rem;
      align-items: flex-start;
      margin-bottom: 0.4rem;
    }
    #content_area .bs-terra-luxe-series-aec-pro-wrapper .meta-bullet {
      width: 7px;
      height: 7px;
      border-radius: 999px;
      margin-top: 0.5rem;
      background: #7fb3dd;
      flex-shrink: 0;
    }

    /* SPEC TABLE */
    #content_area .bs-terra-luxe-series-aec-pro-wrapper .spec-table {
      width: 100%;
      border-collapse: collapse;
      font-size: 0.9rem;
      margin-top: 0.6rem;
      color: #4b5563;
    }
    #content_area .bs-terra-luxe-series-aec-pro-wrapper .spec-table th,
    #content_area .bs-terra-luxe-series-aec-pro-wrapper .spec-table td {
      padding: 0.65rem 0.85rem;
      border-bottom: 1px solid #e5e7eb;
      text-align: left;
    }
    #content_area .bs-terra-luxe-series-aec-pro-wrapper .spec-table th {
      text-transform: uppercase;
      letter-spacing: 0.08em;
      font-size: 0.75rem;
      color: #5a8db5;
      background: #f5faff;
      font-weight: 700;
    }
    #content_area .bs-terra-luxe-series-aec-pro-wrapper .spec-label {
      font-weight: 700;
      color: #1f3444;
    }
    #content_area .bs-terra-luxe-series-aec-pro-wrapper .spec-note {
      font-size: 0.8rem;
      color: #6b7280;
      margin-top: 0.6rem;
    }
    #content_area .bs-terra-luxe-series-aec-pro-wrapper .pill-row {
      display: flex;
      flex-wrap: wrap;
      gap: 0.55rem;
      margin-top: 0.6rem;
    }
    #content_area .bs-terra-luxe-series-aec-pro-wrapper .pill-tag {
      padding: 0.22rem 0.7rem;
      border-radius: 999px;
      font-size: 0.78rem;
      background: #f5faff;
      color: #5a8db5;
      border: 1px solid #c7e2f6;
      font-weight: 600;
    }

    /* BIM SECTION HELPERS */
    #content_area .bs-terra-luxe-series-aec-pro-wrapper .bim-stack {
      display: flex;
      flex-direction: column;
      gap: 1.3rem;
    }
    #content_area .bs-terra-luxe-series-aec-pro-wrapper .bim-card-text {
      margin-top: 0.5rem;
      font-size: 0.9rem;
      color: #4b5563;
    }
    #content_area .bs-terra-luxe-series-aec-pro-wrapper .bim-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 0.9rem;
      align-items: center;
      margin-top: 0.5rem;
    }
    #content_area .bs-terra-luxe-series-aec-pro-wrapper .bim-actions-note {
      font-size: 0.8rem;
      color: #6b7280;
    }

    /* SUSTAINABILITY HELPERS */
    #content_area .bs-terra-luxe-series-aec-pro-wrapper .section-lead-spaced {
      margin-top: 0.6rem;
    }
    #content_area .bs-terra-luxe-series-aec-pro-wrapper .grid-2-spaced {
      margin-top: 1rem;
    }
    #content_area .bs-terra-luxe-series-aec-pro-wrapper .card-muted h4 {
      color: #1f3444;
    }
    #content_area .bs-terra-luxe-series-aec-pro-wrapper .card-muted-text {
      font-size: 0.85rem;
      color: #6b7280;
      margin-top: 0.3rem;
    }
    #content_area .bs-terra-luxe-series-aec-pro-wrapper .cta-actions {
      margin-top: 1rem;
    }
    #content_area .bs-terra-luxe-series-aec-pro-wrapper .cta-actions-row {
      display: flex;
      flex-wrap: wrap;
      gap: 0.8rem;
      margin-top: 0.9rem;
    }

    /* CTA BULLETS (multicolor, kept as-is from original intent) */
    #content_area .bs-terra-luxe-series-aec-pro-wrapper .meta-bullet-amber {
      background: radial-gradient(circle, #facc15, #f97316);
    }
    #content_area .bs-terra-luxe-series-aec-pro-wrapper .meta-bullet-indigo {
      background: radial-gradient(circle, #a5b4fc, #6366f1);
    }
    #content_area .bs-terra-luxe-series-aec-pro-wrapper .meta-bullet-teal {
      background: radial-gradient(circle, #6ee7b7, #14b8a6);
    }

    /* RESPONSIVE */
    @media (max-width: 1024px) {
      #content_area .bs-terra-luxe-series-aec-pro-wrapper .nav-links {
        display: none;
      }
    }
    @media (max-width: 960px) {
      #content_area .bs-terra-luxe-series-aec-pro-wrapper .banner-hero-inner {
        grid-template-columns: minmax(0, 1fr);
      }
      #content_area .bs-terra-luxe-series-aec-pro-wrapper .banner-hero-inner > div:first-child,
      #content_area .bs-terra-luxe-series-aec-pro-wrapper .banner-hero-inner .hero-right {
        grid-column: 1;
        grid-row: auto;
      }
      #content_area .bs-terra-luxe-series-aec-pro-wrapper .hero-right {
        order: -1;
      }
      #content_area .bs-terra-luxe-series-aec-pro-wrapper .fff-header {
        position: static;
      }
    }
    @media (max-width: 768px) {
      #content_area .bs-terra-luxe-series-aec-pro-wrapper .grid-3 {
        grid-template-columns: minmax(0, 1fr);
      }
      #content_area .bs-terra-luxe-series-aec-pro-wrapper .grid-2 {
        grid-template-columns: minmax(0, 1fr);
      }
      #content_area .bs-terra-luxe-series-aec-pro-wrapper .banner-hero {
        padding-top: 2.3rem;
      }
      #content_area .bs-terra-luxe-series-aec-pro-wrapper h1 {
        font-size: 2rem;
      }
      #content_area .bs-terra-luxe-series-aec-pro-wrapper .nav {
        flex-wrap: wrap;
      }
    }
/* Category 7137 -- (https://www.bathselect.com/BathSelect-TerraLuxe-Series-s/7137.htm) at 06-12-2025 End Here*/

/* Category 7153 (Technical Resources Search SKU Finish - https://www.bathselect.com/Architect-Specifier-Technical-Resources-s/7153.htm) html css structre Json file create style blocks etc at 05-11-2025 Start Here */
#content_area .technical-resources-search-sku-finish-wrapper {
	margin: 0;
	font-family: 'Poppins', sans-serif;
	color: #555;
	display: flex;
	flex-direction: column;
	align-items: center;
}
#content_area .technical-resources-search-sku-finish-wrapper .top-section {
	width: 100%;
	text-align:center;
	padding:70px 20px;
	background:linear-gradient(180deg,#e9f8ff 0%,#ffffff 100%);
	border-bottom:1px solid #e2e8f0;
}
#content_area .technical-resources-search-sku-finish-wrapper .top-section h1 {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 2.3rem;
	font-weight: 700;
	color: #004a70;
	margin: 0;
	letter-spacing: 0.4px;
	text-transform: none;
}
#content_area .technical-resources-search-sku-finish-wrapper .top-section p {
	margin-top: 10px;
	font-size: 1rem;
	color: #444;
	font-weight: 400;
}
#content_area .technical-resources-search-sku-finish-wrapper .main-content {
	width: 90%;
	max-width: 1200px;
	background: #ffffff;
	border-radius: 12px;
	padding: 30px 40px;
	margin: 40px auto;
	border: 1px solid rgba(0,0,0,0.05);
	box-shadow: 0 4px 20px rgba(0,0,0,0.06);
}
#content_area .technical-resources-search-sku-finish-wrapper .main-content .filter-bar {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 15px;
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 12px;
	padding: 20px 25px;
}
/*#content_area .technical-resources-search-sku-finish-wrapper .main-content .filter-bar .filter-item {
	display: flex;
	align-items: center;
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 8px;
	padding: 10px 14px;
	flex: 1;
	min-width: 240px;
	color: #000;
}*/
#content_area .technical-resources-search-sku-finish-wrapper .main-content .filter-bar .filter-item {
	display: flex;
	align-items: center;
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 8px;
	padding: 10px 14px;
	flex: 1;
	min-width: 200px;
	color: #000;
}
#content_area .technical-resources-search-sku-finish-wrapper .main-content .filter-bar .filter-item input,
#content_area .technical-resources-search-sku-finish-wrapper .main-content .filter-bar .filter-item select {
	border: none;
	outline: none;
	flex: 1;
	font-size: 15px;
	color: #000;
	background: transparent;
	margin: 0;
	padding: 0;
	width: 100%;
	height: auto;
	box-shadow: none;
	line-height: normal;
}
#content_area .technical-resources-search-sku-finish-wrapper .main-content .filter-bar .filter-item input::placeholder {
	color: #999;
	opacity: 1;
}
#content_area .technical-resources-search-sku-finish-wrapper .main-content .filter-bar .filter-item select {
	appearance: none;
	cursor: pointer;
}
#content_area .technical-resources-search-sku-finish-wrapper .main-content .filter-bar .filter-item svg {
	margin-right: 10px;
	width: 18px;
	height: 18px;
	color: #999;
}
#content_area .technical-resources-search-sku-finish-wrapper .main-content .filter-bar button.search-btn {
	background-color: #5db3e5;
	color: #fff;
	border: none;
	padding: 10px 28px;
	border-radius: 8px;
	cursor: pointer;
	font-size: 15px;
	font-weight: 600;
	transition: 0.25s ease;
	line-height: normal;
}
#content_area .technical-resources-search-sku-finish-wrapper .main-content .filter-bar button.search-btn:hover {
	background-color: #7cc6f0;
	transform: translateY(-1px);
}
#content_area .technical-resources-search-sku-finish-wrapper .main-content #TechnicalResourcesSearchResults {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	gap: 35px;
	justify-items: center;
	margin-top: 40px;
}
#content_area .technical-resources-search-sku-finish-wrapper .main-content .zee-card {
	position: relative;
	background: #fff;
	border-radius: 12px;
	overflow: hidden;
	transition: all 0.3s ease;
	display: flex;
	flex-direction: column;
	box-shadow: 0 4px 18px rgba(0,0,0,0.1);
	border: 1px solid rgba(0,0,0,0.05);
}
#content_area .technical-resources-search-sku-finish-wrapper .main-content .zee-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 6px 25px rgba(0,0,0,0.15);
}
/*#content_area .technical-resources-search-sku-finish-wrapper .main-content .zee-card img {
	width: 100%;
	height: 200px;
	object-fit: cover;
	opacity: 0.98;
	transition: transform 0.3s ease;
}*/
#content_area .technical-resources-search-sku-finish-wrapper .main-content .zee-card img {
	aspect-ratio: 1 / 1;
	width: 100%;
	height: auto;
	object-fit: cover;
	opacity: 0.98;
	transition: transform 0.3s ease;
}
#content_area .technical-resources-search-sku-finish-wrapper .main-content .zee-card:hover img {
	transform: scale(1.03);
}
#content_area .technical-resources-search-sku-finish-wrapper .main-content .zee-card .zee-card-content {
	padding: 18px 20px 25px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	flex-grow: 1;
}
/*#content_area .technical-resources-search-sku-finish-wrapper .main-content .zee-card h3 {
	font-family: 'Poppins', sans-serif;
	font-size: 10.5px;
	color: #555555;
	font-weight: 600;
	margin: 0 0 10px;
}
#content_area .technical-resources-search-sku-finish-wrapper .main-content .zee-card .zee-card-content .zee-description {
	font-style: normal;
	margin: 0 0 5px 0 !important;
	background-color: transparent !important;
	font-size: 17px !important;
	font-weight: 400;
	line-height: 22px !important;
	text-align: left !important;
	font-family: Helvetica !important;
	color: #555 !important;
	letter-spacing: normal;
}*/
#content_area .technical-resources-search-sku-finish-wrapper .main-content .zee-card h3 {
	font-family: 'Poppins', sans-serif;
	font-size: 17px;
	color: #555555;
	margin: 0 0 10px;
	line-height: normal;
}
#content_area .technical-resources-search-sku-finish-wrapper .main-content .zee-card .zee-card-content .zee-description {
	font-style: normal;
	margin: 0 0 5px 0 !important;
	background-color: transparent !important;
	font-size: 15px !important;
	font-weight: 400;
	line-height: 22px !important;
	text-align: left !important;
	font-family: Helvetica !important;
	color: #555 !important;
	letter-spacing: normal;
}
#content_area .technical-resources-search-sku-finish-wrapper .main-content .zee-card .zee-card-content .sku-link {
	color: #5db3e5;
	text-decoration: none;
	font-weight: 600;
}
#content_area .technical-resources-search-sku-finish-wrapper .main-content .zee-card .zee-card-content .sku-link:hover {
text-decoration: underline;
}
#content_area .technical-resources-search-sku-finish-wrapper .main-content .zee-card .zee-card-content .button-group {
	display: flex;
	justify-content: center;
	align-items: stretch;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 15px;
}
#content_area .technical-resources-search-sku-finish-wrapper .main-content .zee-card .zee-card-content .download-btn {
	background-color: #5db3e5;
	color: #fff;
	text-decoration: none;
	padding: 10px 15px;
	border-radius: 8px;
	font-size: 9px;
	font-weight: 600;
	transition: 0.25s;
	text-align: center;
	flex: 1 1 100%;
	min-width: 200px;
}
#content_area .technical-resources-search-sku-finish-wrapper .main-content .zee-card .zee-card-content .download-btn:hover {
	background-color: #7cc6f0;
}
#content_area .technical-resources-search-sku-finish-wrapper .main-content #TechnicalResourcesSearchLoadMoreResultsBtn {
	background-color: #5db3e5;
	color: #fff;
	text-decoration: none;
	padding: 10px 15px;
	border-radius: 8px;
	font-size: 15px;
	font-weight: 600;
	transition: 0.25s;
	text-align: center;
	line-height: normal;
	border: 0;
	margin: 30px auto 0;
	display: flex;
	justify-content: center;
	align-items: center;
	min-width: 140px;
	height: 45px;
}
@media (max-width: 767px) {
	#content_area .technical-resources-search-sku-finish-wrapper .main-content {
		padding: 20px 20px;
	}
	#content_area .technical-resources-search-sku-finish-wrapper .main-content .filter-bar {
		padding: 20px 20px;
	}
}
/* Category 7153 (Technical Resources Search SKU Finish - https://www.bathselect.com/Architect-Specifier-Technical-Resources-s/7153.htm) html css structre Json file create style blocks etc at 05-11-2025 End Here */

/* Category 7153 (Contact Form: Fontana Showers - Blue Accent Text Update Bottom Description - https://www.bathselect.com/Architect-Specifier-Technical-Resources-s/7153.htm) html css style etc at 05-11-2025 Start Here */
#content_area .zee-blue-accent-contact-wrap {
	font-family:'Lato',system-ui,Arial,sans-serif;
	color:#1d1d1b;
	background:linear-gradient(180deg,#fff,#f5f4f0);
	padding:clamp(24px,4vw,56px) 20px;
}
#content_area .zee-blue-accent-contact-wrap .contact-hero{
	max-width:1100px;
	margin:0 auto clamp(24px,3vw,40px) auto;
	text-align:center;
}
#content_area .zee-blue-accent-contact-wrap .contact-hero h1{
	font-family:'Poppins',sans-serif;
	font-weight:700;
	letter-spacing:-.02em;
	font-size:clamp(28px,3.3vw,44px);
	margin:0 0 10px;
	color:#1d1d1b;
}
#content_area .zee-blue-accent-contact-wrap .contact-hero p{
	font-style: normal;
	margin: 0 !important;
	background-color: transparent !important;
	font-size: 17px !important;
	font-weight: 400;
	line-height: normal !important;
	text-align: center !important;
	font-family: Helvetica !important;
	color: #7c7c7c !important;
	letter-spacing: normal;
}
#content_area .zee-blue-accent-contact-wrap .contact-panels{
	max-width:1100px;
	margin:0 auto;
	display:grid;
	grid-template-columns:minmax(0,620px) minmax(280px,1fr);
	gap:28px;
	align-items:stretch;
}
#content_area .zee-blue-accent-contact-wrap .contact-card{
	background:#ffffff;
	border-radius:18px;
	box-shadow:0 16px 36px rgba(0,0,0,.06);
	padding:clamp(16px,2.5vw,28px);
	border:1px solid #e3e3e3;
}
#content_area .zee-blue-accent-contact-wrap .contact-card h3{
	font-family:'Poppins',sans-serif;
	margin:0 0 6px;
	font-size:clamp(18px,1.5vw,22px);
	font-weight:600;
	color:#1d1d1b;
}
#content_area .zee-blue-accent-contact-wrap .contact-card .lead{
	margin:0 0 18px;
	color:#5c5c5c;
	font-size:14px;
}
#content_area .zee-blue-accent-contact-wrap .form-grid{
	display:grid;
	grid-template-columns:180px 1fr;
	gap:14px 18px;
	align-items:center;
}
#content_area .zee-blue-accent-contact-wrap .form-grid .full{ grid-column:1 / -1; }
#content_area .zee-blue-accent-contact-wrap .form-label{ font-size:14px; color:#333; }
#content_area .zee-blue-accent-contact-wrap .input,
#content_area .zee-blue-accent-contact-wrap .select,
#content_area .zee-blue-accent-contact-wrap .textarea{
	width:100%;
	border:1px solid #d1d1d1;
	border-radius:10px;
	padding:8px 14px;
	font-size:15px;
	background:#fcfcfc;
	transition:border-color .15s ease, box-shadow .15s ease, background .15s ease;
}
#content_area .zee-blue-accent-contact-wrap .input:focus,
#content_area .zee-blue-accent-contact-wrap .select:focus,
#content_area .zee-blue-accent-contact-wrap .textarea:focus{
	border-color:#b88a44;
	background:#fff;
	box-shadow:0 0 0 4px rgba(184,138,68,.15);
	outline:none;
}
#content_area .zee-blue-accent-contact-wrap .select {
	border-right: 10px solid #0096dc;
}
#content_area .zee-blue-accent-contact-wrap .textarea{ min-height:110px; resize:vertical; }
/*#content_area .zee-blue-accent-contact-wrap .captcha-wrap{ display:flex; gap:14px; align-items:center; flex-wrap:wrap; }*/
#content_area .zee-blue-accent-contact-wrap .captcha-wrap img{ border-radius:8px; border:1px solid #e3e3e3; }
#content_area .zee-blue-accent-contact-wrap .note{ font-size:12px; color:#5c5c5c; margin-top:4px; line-height: normal; }
#content_area .zee-blue-accent-contact-wrap .actions{ display:flex; justify-content:flex-end; margin-top:0; }
#content_area .zee-blue-accent-contact-wrap .btn{
	appearance:none;
	border:0;
	cursor:pointer;
	padding:12px 20px;
	font-weight:600;
	border-radius:12px;
	font-family:'Poppins',sans-serif;
}
#content_area .zee-blue-accent-contact-wrap .btn-primary {
	box-shadow: 0 8px 16px rgba(184,138,68,.25);
	transition: all .15s ease;
	background: linear-gradient(to bottom, rgba(45,135,191,1) 0%,rgba(54,158,223,1) 100%);
	color: #ffffff;
	border-color: #16A0DE;
	line-height: normal;
}
#content_area .zee-blue-accent-contact-wrap .btn-primary:hover{ filter:brightness(1.05); color: #fff !important }
#content_area .zee-blue-accent-contact-wrap .btn-primary:active{ transform:translateY(1px); }

/* === RIGHT PANEL === */
#content_area .zee-blue-accent-contact-wrap .side{
	border-radius:18px;
	overflow:hidden;
	background:#f5ffff;
	color:#1d1d1b;
	padding:clamp(18px,3vw,28px);
	display:flex; flex-direction:column; justify-content:space-between;
	border:1px solid #d6eaea;
	box-shadow:0 16px 36px rgba(0,0,0,.06);
}
#content_area .zee-blue-accent-contact-wrap .side .eyebrow{
	font-size:13px;
	text-transform:uppercase;
	letter-spacing:.12em;
	margin-bottom:6px;
	color:#0096dc; /* Blue accent */
}
#content_area .zee-blue-accent-contact-wrap .side h4{
	font-family:'Poppins',sans-serif;
	margin:0 0 8px;
	font-size:clamp(18px,1.6vw,24px);
	color:#0096dc; /* Blue accent for headline */
}
#content_area .zee-blue-accent-contact-wrap .side p{
	margin:0 0 14px;
	color:#666;
	opacity:.95;
}
#content_area .zee-blue-accent-contact-wrap .chips{
	margin-top:14px;
	display:flex;
	flex-wrap:wrap;
	gap:10px;
}
#content_area .zee-blue-accent-contact-wrap .chip{
	background:#d9f4ff;
	padding:8px 14px;
	border-radius:999px;
	font-size:13px;
	font-weight:700;
	color:#0096dc; /* Blue accent for chips */
	font-family:'Lato',sans-serif;
	line-height: normal;
}
#content_area .zee-blue-accent-contact-wrap .side .mini{
	margin-top:14px;
	font-size:14px;
	line-height:1.45;
}
#content_area .zee-blue-accent-contact-wrap .side .contact-image-wrap {
	margin: 0 auto;
	text-align: center;
	padding-top: 20px;
}
/* ===== Global Link Styling ===== */
#content_area .zee-blue-accent-contact-wrap a{
	color:#0096dc;
	text-decoration:none;
	font-weight:600;
	transition:color .15s ease;
}
#content_area .zee-blue-accent-contact-wrap a:hover{ color:#007bb8; text-decoration:underline; }
.details{
	max-width:1100px;
	margin:26px auto 0;
	display:grid;
	gap:20px;
	grid-template-columns:1fr 1fr;
}
#content_area .zee-blue-accent-contact-wrap .box{
	background:#fff;
	border:1px solid #e3e3e3;
	border-radius:14px;
	padding:18px;
	box-shadow:0 16px 36px rgba(0,0,0,.06);
}
#content_area .zee-blue-accent-contact-wrap .box h5{
	margin:0 0 8px;
	font-size:16px;
	font-family:'Poppins',sans-serif;
}
#content_area .zee-blue-accent-contact-wrap .box p{ margin:0 0 10px; color:#5c5c5c; }	
@media (max-width:960px){
	#content_area .zee-blue-accent-contact-wrap .contact-panels{ grid-template-columns:1fr; }
	#content_area .zee-blue-accent-contact-wrap .side{ order:-1; }
}
@media (max-width:600px){
	#content_area .zee-blue-accent-contact-wrap .form-grid{ grid-template-columns:1fr; }
	#content_area .zee-blue-accent-contact-wrap .form-label{ font-size:13px; }
}
/* Category 7153 (Contact Form: Fontana Showers - Blue Accent Text Update Bottom Description - https://www.bathselect.com/Architect-Specifier-Technical-Resources-s/7153.htm) html css style etc at 05-11-2025 Start Here */

/* Category 6782 (Consumer-Reports-Shower-Head - https://www.bathselect.com/Consumer-Reports-Shower-Head-s/6782.htm) html css style etc at 22-12-2025 Start Here */
#content_area .consumer-reports-shower-head-wrapper .category-main-hd{
  margin: 14px auto 16px auto !important;
  max-width: 1100px;
  padding: 12px 18px 6px 18px;
  color: #0f172a;
  font-weight: 900;
  letter-spacing: -0.02em;
  line-height: 1.05;
  font-size: clamp(28px, 3.2vw, 46px);
  text-align: center;
}

/* Main wrapper background */
#content_area .consumer-reports-shower-head-wrapper .multiple-readmore-wrapper{
  background:
    radial-gradient(900px 420px at 15% 0%, rgba(59,130,246,.12), transparent 62%),
    radial-gradient(900px 420px at 85% 15%, rgba(14,165,233,.10), transparent 62%),
    linear-gradient(180deg, #f6fbff 0%, #eef7ff 100%);
  padding: 26px 0 34px 0;
  border-radius: 22px;
  box-shadow: 0 18px 45px rgba(15,23,42,.10);
  border: 1px solid rgba(15,23,42,.08);
  overflow: hidden;
}

/* Contain inner content width */
#content_area .consumer-reports-shower-head-wrapper .multiple-readmore-section,
#content_area .consumer-reports-shower-head-wrapper .category-figma-design-wrapper,
#content_area .consumer-reports-shower-head-wrapper .home-content-below-new-wrapper{
  max-width: 1100px;
  margin: 0 auto;
  padding-left: 18px;
  padding-right: 18px;
  box-sizing: border-box;
}

/* Typography + colors */
#content_area .consumer-reports-shower-head-wrapper .multiple-readmore-wrapper,
#content_area .consumer-reports-shower-head-wrapper .multiple-readmore-wrapper p,
#content_area .consumer-reports-shower-head-wrapper .multiple-readmore-wrapper div,
#content_area .consumer-reports-shower-head-wrapper .multiple-readmore-wrapper span{
  color: rgba(15, 23, 42, .88);
}
#content_area .consumer-reports-shower-head-wrapper .multiple-readmore-wrapper a{
  color: #0a66c2 !important;
  text-decoration: none !important;
  font-weight: 700 !important;
}
#content_area .consumer-reports-shower-head-wrapper .multiple-readmore-wrapper a:hover{
  color: #aeaeae !important;
  text-decoration: underline !important;
}

/* Make images responsive + nice */
#content_area .consumer-reports-shower-head-wrapper .multiple-readmore-wrapper img{
  max-width: 100% !important;
  height: auto !important;
  border-radius: 14px;
  display: inline-block;
  box-shadow: 0 10px 26px rgba(15,23,42,.08);
}

/* Centered paragraphs: readable max width */
#content_area .consumer-reports-shower-head-wrapper .category-custom-description[style*="text-align:center"]{
  max-width: 980px;
  margin-left: auto !important;
  margin-right: auto !important;
  font-size: 16px;
  line-height: 1.75;
  color: rgba(15, 23, 42, .88);
}

/* Remove empty paragraphs */
#content_area .consumer-reports-shower-head-wrapper .multiple-readmore-wrapper p:empty{ display:none; }

/* Headings */
#content_area .consumer-reports-shower-head-wrapper .multiple-readmore-wrapper h2,
#content_area .consumer-reports-shower-head-wrapper .multiple-readmore-wrapper h3{
  color: rgba(15, 23, 42, .95);
  letter-spacing: -0.01em;
}
#content_area .consumer-reports-shower-head-wrapper .multiple-readmore-wrapper h2{
  margin: 34px auto 14px auto;
  max-width: 980px;
  font-size: clamp(20px, 2.1vw, 30px);
  line-height: 1.15;
}
#content_area .consumer-reports-shower-head-wrapper .multiple-readmore-wrapper h3{
  font-size: clamp(18px, 2vw, 24px);
  margin: 0 0 14px 0;
}

/* Hero intro card */
#content_area .consumer-reports-shower-head-wrapper .multiple-readmore-section:first-child{
  padding-top: 6px;
  padding-bottom: 10px;
}
#content_area .consumer-reports-shower-head-wrapper .multiple-readmore-section:first-child .category-custom-description{
  background: linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.78));
  border: 1px solid rgba(15, 23, 42, .10);
  border-radius: 16px;
  padding: 18px 18px;
  box-shadow: 0 10px 26px rgba(15,23,42,.08);
}

/* Read More button */
#content_area .consumer-reports-shower-head-wrapper a.multiple-read-more-btn{
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 14px auto 6px auto;
  padding: 12px 18px;
  border-radius: 999px;
  background: rgba(59,130,246,.10);
  border: 1px solid rgba(59,130,246,.18);
  color: #0f172a !important;
  font-weight: 900;
  letter-spacing: .01em;
  box-shadow: 0 10px 22px rgba(15,23,42,.08);
  transition: transform .15s ease, background .15s ease, border-color .15s ease;
  text-decoration: none !important;
}
#content_area .consumer-reports-shower-head-wrapper a.multiple-read-more-btn:hover{
  transform: translateY(-1px);
  background: rgba(59,130,246,.14);
  border-color: rgba(59,130,246,.24);
  color: #fff !important;
}

/* Read More expand/collapse */
#content_area .consumer-reports-shower-head-wrapper .multiple-readmore-wrapper .multiple-readmore-section:nth-child(2){
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transform: translateY(-6px);
  transition: max-height .35s ease, opacity .25s ease, transform .35s ease;
}
#content_area .consumer-reports-shower-head-wrapper .multiple-readmore-wrapper.is-expanded .multiple-readmore-section:nth-child(2){
  max-height: 20000px;
  opacity: 1;
  transform: translateY(0);
}

/* Designer Shower Heads card */
#content_area .consumer-reports-shower-head-wrapper .des-shwr-sets-section-article{
  margin: 18px auto 26px auto;
  background: linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.80));
  border: 1px solid rgba(15, 23, 42, .10);
  border-radius: calc(16px + 4px);
  box-shadow: 0 10px 26px rgba(15,23,42,.08);
  overflow: hidden;
}
#content_area .consumer-reports-shower-head-wrapper .des-shwr-sets-section-article .dt-hd{
  margin: 0;
  padding: 16px 16px;
  background: rgba(2,132,199,.06);
  border-bottom: 1px solid rgba(2,132,199,.10);
  text-align: left;
}
#content_area .consumer-reports-shower-head-wrapper .des-shwr-sets-section-article .dt-hd span{
  color: #0f172a;
  font-weight: 900;
}
#content_area .consumer-reports-shower-head-wrapper .des-shwr-sets-section-article .inner{
  display: grid;
  grid-template-columns: 1.1fr 1.9fr;
  gap: 16px;
  padding: 16px;
}
#content_area .consumer-reports-shower-head-wrapper .des-shwr-sets-section-article .box.right p{
  margin: 0 0 12px 0;
  line-height: 1.85;
  color: rgba(15, 23, 42, .88);
}

/* Shop Now button */
#content_area .consumer-reports-shower-head-wrapper .show-now-btn a{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 6px;
  padding: 11px 16px;
  border-radius: 999px;
  background: rgba(2,132,199,.10);
  border: 1px solid rgba(2,132,199,.18);
  color: #0f172a !important;
  font-weight: 900;
  text-decoration: none !important;
  transition: transform .15s ease, background .15s ease, border-color .15s ease;
}
#content_area .consumer-reports-shower-head-wrapper .show-now-btn a:hover{
  transform: translateY(-1px);
  background: rgba(2,132,199,.14);
  border-color: rgba(2,132,199,.24);
}

/* Brand blocks: consistent light cards */
#content_area .consumer-reports-shower-head-wrapper .category-figma-design-wrapper > p.category-custom-description[style*="text-align:center"]{
  background: linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.80));
  border: 1px solid rgba(15, 23, 42, .10);
  border-radius: 16px;
  padding: 16px 16px;
  box-shadow: 0 10px 26px rgba(15,23,42,.08);
  margin: 14px auto !important;
}

/* Long left aligned technical block: reading panel */
#content_area .consumer-reports-shower-head-wrapper .category-figma-design-wrapper > div[style*="text-align: left"]{
  max-width: 980px;
  margin: 18px auto 0 auto;
  padding: 16px 16px;
  background: linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.80));
  border: 1px solid rgba(15, 23, 42, .10);
  border-radius: 16px;
  box-shadow: 0 10px 26px rgba(15,23,42,.08);
  line-height: 1.9;
  color: rgba(15, 23, 42, .88);
}

/* Bottom “Innovative products” section */
#content_area .consumer-reports-shower-head-wrapper .home-content-below-new-wrapper{
  max-width: none;
  padding: 0;
}
#content_area .consumer-reports-shower-head-wrapper .inovative-bottom-section-article{
  max-width: 1100px;
  margin: 26px auto 0 auto;
  padding: 0 18px;
}
/*#content_area .consumer-reports-shower-head-wrapper .inovative-bottom-section-article .inner{
  display: grid;
  grid-template-columns: 1.1fr 1fr 1fr;
  gap: 16px;
}*/
#content_area .consumer-reports-shower-head-wrapper .inovative-bottom-section-article .box{
  background: #ffffff;
  border: 1px solid rgba(15,23,42,.10);
  border-radius: 18px;
  box-shadow: 0 10px 24px rgba(15,23,42,.10);
  overflow: hidden;
}
#content_area .consumer-reports-shower-head-wrapper .inovative-bottom-section-article .box .box-list{
  display: grid;
  grid-template-rows: auto 1fr;
  height: 100%;
}
#content_area .consumer-reports-shower-head-wrapper .inovative-bottom-section-article .img-detail img{
  width: 100%;
  display: block;
  border-radius: 0;
  box-shadow: none;
}
#content_area .consumer-reports-shower-head-wrapper .inovative-bottom-section-article .info-detail{
  padding: 14px 14px 16px 14px;
}
#content_area .consumer-reports-shower-head-wrapper .inovative-bottom-section-article .txt-info{
  color: #0f172a;
  font-size: 15px;
  line-height: 1.6;
  margin-bottom: 12px;
}

/* Special featured card */
#content_area .consumer-reports-shower-head-wrapper .inovative-bottom-section-article .special{
  background:
    radial-gradient(800px 320px at 20% 0%, rgba(59,130,246,.16), transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.80));
  border: 1px solid rgba(59,130,246,.18);
}
#content_area .consumer-reports-shower-head-wrapper .inovative-bottom-section-article .special .special-txt-hd{
  padding: 16px 14px 0 14px;
  color: #0f172a;
  font-weight: 900;
  letter-spacing: .08em;
}
#content_area .consumer-reports-shower-head-wrapper .inovative-bottom-section-article .special .special-txt-hd span{
  letter-spacing: 0;
  opacity: .90;
}

/* Buttons in bottom cards */
#content_area .consumer-reports-shower-head-wrapper .inovative-bottom-section-article .inovatve-btn a{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 12px 14px 16px 14px;
  padding: 10px 14px;
  border-radius: 999px;
  font-weight: 900;
  text-decoration: none !important;
  background: rgba(59,130,246,.10);
  border: 1px solid rgba(59,130,246,.18);
  color: #0f172a !important;
  transition: transform .15s ease, background .15s ease, border-color .15s ease;
}
#content_area .consumer-reports-shower-head-wrapper .inovative-bottom-section-article .inovatve-btn a:hover{
  transform: translateY(-1px);
  background: rgba(59,130,246,.14);
  border-color: rgba(59,130,246,.24);
}

/* Final paragraph outside wrapper */
#content_area .consumer-reports-shower-head-wrapper p.category-custom-description:not([style*="text-align:center"]){
  max-width: 1100px;
  margin: 18px auto !important;
  padding: 0 18px;
  line-height: 1.9;
  font-size: 16px;
  color: rgba(15,23,42,.88);
}

/* Responsive */
@media (max-width: 920px){
  #content_area .consumer-reports-shower-head-wrapper .des-shwr-sets-section-article .inner{
    grid-template-columns: 1fr;
  }
  #content_area .consumer-reports-shower-head-wrapper .inovative-bottom-section-article .inner{
    grid-template-columns: 1fr;
  }
}
/* Category 6782 (Consumer-Reports-Shower-Head - https://www.bathselect.com/Consumer-Reports-Shower-Head-s/6782.htm) html css style etc at 22-12-2025 End Here */



/* Category 7245 (Master Sheet BathSelect Youtube - AEC Product Video Review Library - https://www.bathselect.com/category-s/7245.htm) html css style and script etc at 28-12-2025 Start Here */
#content_area .master-sheet-youtube-video-review-library-wrapper .aec-video-library.aec-light{
background:
  radial-gradient(900px 600px at 20% 0%, rgba(2,132,199,.10), transparent 60%),
  radial-gradient(800px 520px at 80% 10%, rgba(37,99,235,.10), transparent 60%),
  linear-gradient(180deg, #eaf3ff 0%, #ffffff 55%, #d7ecff 100%);
color:#0f172a;
padding:48px 0;
font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

#content_area .master-sheet-youtube-video-review-library-wrapper .aec-wrap{ width:min(1180px, 92vw); margin:0 auto; }

#content_area .master-sheet-youtube-video-review-library-wrapper .aec-hero{
display:flex; gap:24px; align-items:flex-start; justify-content:space-between;
margin-bottom:18px;
}
#content_area .master-sheet-youtube-video-review-library-wrapper .aec-kicker{
display:inline-block;
font-size:.78rem; letter-spacing:.12em; text-transform:uppercase;
color:rgba(15, 23, 42, .62);
margin:0 0 8px;
}
#content_area .master-sheet-youtube-video-review-library-wrapper .aec-title{
margin:0 0 10px;
font-size: clamp(1.7rem, 2.2vw, 2.35rem);
line-height:1.15;
}
#content_area .master-sheet-youtube-video-review-library-wrapper .aec-subtitle{
margin:0;
color:rgba(15, 23, 42, .78);
max-width: 68ch;
}

#content_area .master-sheet-youtube-video-review-library-wrapper .aec-metrics{
display:flex; gap:10px; flex-wrap:wrap; justify-content:flex-end;
}
#content_area .master-sheet-youtube-video-review-library-wrapper .aec-metric{
border:1px solid rgba(15, 23, 42, .12);
background: rgba(255,255,255,.70);
border-radius:14px;
padding:12px 14px;
min-width: 140px;
box-shadow: 0 10px 30px rgba(15,23,42,.06);
backdrop-filter: blur(6px);
}
#content_area .master-sheet-youtube-video-review-library-wrapper .aec-metric-num{
display:block;
font-weight:700;
font-size:1.05rem;
margin-bottom:2px;
color: #0f172a;
}
#content_area .master-sheet-youtube-video-review-library-wrapper .aec-metric-label{
display:block;
font-size:.85rem;
color:rgba(15, 23, 42, .62);
}

#content_area .master-sheet-youtube-video-review-library-wrapper .aec-toolbar{
position: sticky;
top: 0;
z-index: 5;
display:flex; gap:12px; align-items:center; flex-wrap:wrap;
padding:14px;
border:1px solid rgba(15, 23, 42, .12);
background: rgba(255,255,255,.78);
backdrop-filter: blur(10px);
border-radius:16px;
margin: 18px 0 22px;
box-shadow: 0 18px 40px rgba(15,23,42,.08);
}

#content_area .master-sheet-youtube-video-review-library-wrapper .aec-search{
flex: 1 1 360px;
display:flex; align-items:center; gap:10px;
background: rgba(255,255,255,.90);
border:1px solid rgba(15, 23, 42, .12);
border-radius:12px;
padding:10px 12px;
}
#content_area .master-sheet-youtube-video-review-library-wrapper .aec-search-ico{ opacity:.75; }
#content_area .master-sheet-youtube-video-review-library-wrapper .aec-search input{
width:100%;
border:none;
outline:none;
background:transparent;
color:#0f172a;
font-size: .95rem;
}
#content_area .master-sheet-youtube-video-review-library-wrapper .aec-search input::placeholder{ color:rgba(15,23,42,.55); }

#content_area .master-sheet-youtube-video-review-library-wrapper .aec-chips{
display:flex; gap:8px; flex-wrap:wrap;
flex: 2 1 420px;
}
#content_area .master-sheet-youtube-video-review-library-wrapper .aec-chip{
border:1px solid rgba(15, 23, 42, .12);
background: rgba(2, 132, 199, .08);
color: rgba(15,23,42,.88);
padding:9px 12px;
border-radius:999px;
cursor:pointer;
font-size:.88rem;
transition: transform .06s ease, background .15s ease, border-color .15s ease, box-shadow .15s ease;
white-space:nowrap;
}
#content_area .master-sheet-youtube-video-review-library-wrapper .aec-chip:hover{ transform: translateY(-1px); }
#content_area .master-sheet-youtube-video-review-library-wrapper .aec-chip.is-active{
background: rgba(2, 132, 199, .16);
border-color: rgba(2,132,199,.35);
box-shadow: 0 0 0 4px rgba(2,132,199,.10);
}

#content_area .master-sheet-youtube-video-review-library-wrapper .aec-sort{
display:flex; align-items:center; gap:8px;
flex: 0 0 auto;
}
#content_area .master-sheet-youtube-video-review-library-wrapper .aec-sort-label{ color: rgba(15, 23, 42, .62); font-size:.88rem; }
#content_area .master-sheet-youtube-video-review-library-wrapper .aec-sort select{
border:1px solid rgba(15, 23, 42, .12);
background: rgba(255,255,255,.90);
color: #0f172a;
border-radius: 10px;
padding:10px 10px;
outline:none;
font-size:.9rem;
}

#content_area .master-sheet-youtube-video-review-library-wrapper .aec-layout{
display:grid;
grid-template-columns: 1fr 320px;
gap:18px;
align-items:start;
}

#content_area .master-sheet-youtube-video-review-library-wrapper .aec-grid{
display:grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap:14px;
}

#content_area .master-sheet-youtube-video-review-library-wrapper .aec-card{
border:1px solid rgba(15, 23, 42, .12);
border-radius:16px;
overflow:hidden;
background: linear-gradient(180deg, rgba(255,255,255,1), rgba(245,250,255,1));
box-shadow: 0 18px 40px rgba(15,23,42,.08);
transition: transform .10s ease, border-color .15s ease, box-shadow .15s ease;
}
#content_area .master-sheet-youtube-video-review-library-wrapper .aec-card:hover{
transform: translateY(-2px);
border-color: rgba(2,132,199,.28);
box-shadow: 0 24px 54px rgba(15,23,42,.12);
}

#content_area .master-sheet-youtube-video-review-library-wrapper .aec-thumb{
display:block;
position:relative;
aspect-ratio: 16/9;
background: #f7fbff;
overflow:hidden;
}
#content_area .master-sheet-youtube-video-review-library-wrapper .aec-thumb img{
width:100%;
height:100%;
object-fit:cover;
display:block;
transform: scale(1.02);
}
#content_area .master-sheet-youtube-video-review-library-wrapper .aec-badge{
position:absolute;
left:12px;
bottom:12px;
font-size:.78rem;
padding:6px 10px;
border-radius:999px;
background: rgba(255,255,255,.88);
border:1px solid rgba(15, 23, 42, .12);
color: rgba(15,23,42,.92);
backdrop-filter: blur(6px);
}

#content_area .master-sheet-youtube-video-review-library-wrapper .aec-body{ padding:14px 14px 16px; }
#content_area .master-sheet-youtube-video-review-library-wrapper .aec-topline{
display:flex; gap:10px; align-items:flex-start; justify-content:space-between;
margin-bottom:8px;
}
#content_area .master-sheet-youtube-video-review-library-wrapper .aec-card-title{
margin:0;
font-size: .98rem;
line-height:1.25;
font-weight: 750;
}
#content_area .master-sheet-youtube-video-review-library-wrapper .aec-category{
flex:0 0 auto;
font-size:.78rem;
color: rgba(15,23,42,.70);
border:1px solid rgba(15, 23, 42, .12);
background: rgba(2,132,199,.06);
border-radius:999px;
padding:6px 10px;
white-space:nowrap;
}

#content_area .master-sheet-youtube-video-review-library-wrapper .aec-card-desc{
margin:0 0 12px;
color: rgba(15, 23, 42, .78);
font-size:.9rem;
line-height:1.35;
}

#content_area .master-sheet-youtube-video-review-library-wrapper .aec-cues{ display:flex; gap:6px; flex-wrap:wrap; margin-bottom:12px; }
#content_area .master-sheet-youtube-video-review-library-wrapper .aec-cue{
font-size:.78rem;
color: rgba(15,23,42,.86);
padding:6px 9px;
border-radius:999px;
border:1px solid rgba(15, 23, 42, .12);
background: rgba(255,255,255,.92);
}

#content_area .master-sheet-youtube-video-review-library-wrapper .aec-actions{
display:flex; gap:8px; align-items:center;
}
#content_area .master-sheet-youtube-video-review-library-wrapper .aec-btn{
border-radius:12px;
padding:10px 12px;
border:1px solid rgba(15, 23, 42, .12);
background: rgba(255,255,255,.95);
color: rgba(15,23,42,.92);
cursor:pointer;
text-decoration:none;
font-size:.9rem;
display:inline-flex;
align-items:center;
justify-content:center;
transition: transform .06s ease, background .15s ease, border-color .15s ease, box-shadow .15s ease;
}
#content_area .master-sheet-youtube-video-review-library-wrapper .aec-btn:hover{ transform: translateY(-1px); }
#content_area .master-sheet-youtube-video-review-library-wrapper .aec-primary{
background: linear-gradient(135deg, rgba(2,132,199,.14), rgba(37,99,235,.10));
border-color: rgba(2,132,199,.30);
}
#content_area .master-sheet-youtube-video-review-library-wrapper .aec-ghost{
background: rgba(255,255,255,.92);
}

#content_area .master-sheet-youtube-video-review-library-wrapper .aec-panel{
position: sticky;
top: 86px;
border:1px solid rgba(15, 23, 42, .12);
border-radius:16px;
background: rgba(255,255,255,.82);
overflow:hidden;
box-shadow: 0 18px 40px rgba(15,23,42,.08);
}
#content_area .master-sheet-youtube-video-review-library-wrapper .aec-panel-head{
padding:14px 14px 10px;
border-bottom: 1px solid rgba(15, 23, 42, .08);
background: rgba(2,132,199,.05);
}
#content_area .master-sheet-youtube-video-review-library-wrapper .aec-panel-title{
margin:0 0 6px;
font-size: 1.02rem;
}
#content_area .master-sheet-youtube-video-review-library-wrapper .aec-panel-sub{
margin:0;
color: rgba(15, 23, 42, .62);
font-size:.88rem;
line-height:1.35;
}
#content_area .master-sheet-youtube-video-review-library-wrapper .aec-panel-body{
padding:14px;
color: rgba(15, 23, 42, .78);
font-size:.92rem;
line-height:1.45;
min-height: 220px;
}
#content_area .master-sheet-youtube-video-review-library-wrapper .aec-empty p{ margin:0 0 10px; }
#content_area .master-sheet-youtube-video-review-library-wrapper .aec-panel-foot{
padding:12px 14px;
border-top: 1px solid rgba(15, 23, 42, .08);
color: rgba(15, 23, 42, .62);
font-size:.85rem;
}

/* Responsive */
@media (max-width: 1020px){
#content_area .master-sheet-youtube-video-review-library-wrapper .aec-layout{ grid-template-columns: 1fr; }
#content_area .master-sheet-youtube-video-review-library-wrapper .aec-panel{ position: relative; top: auto; }
#content_area .master-sheet-youtube-video-review-library-wrapper .aec-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
#content_area .master-sheet-youtube-video-review-library-wrapper .aec-hero{ flex-direction: column; }
#content_area .master-sheet-youtube-video-review-library-wrapper .aec-metrics{ justify-content:flex-start; }
}
@media (max-width: 620px){
#content_area .master-sheet-youtube-video-review-library-wrapper .aec-grid{ grid-template-columns: 1fr; }
#content_area .master-sheet-youtube-video-review-library-wrapper .aec-toolbar{ padding:12px; }
}
/* Category 7245 (Master Sheet BathSelect Youtube - AEC Product Video Review Library - https://www.bathselect.com/category-s/7245.htm) html css style and script etc at 28-12-2025 End Here */

/* Category 7259 (BS-Resources-Videos - https://www.bathselect.com/BS-Resources-Videos-s/7259.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 7259 (BS-Resources-Videos - https://www.bathselect.com/BS-Resources-Videos-s/7259.htm) html css new structure at 14-01-2026 End Here */

/* Category 208 Top and Bottom Both (Contemporary-Faucets - https://www.bathselect.com/Contemporary-Faucets-s/208.htm) html css at 21-01-2026 Start Here */
#content_area .aec-category-body-wrapper {
	--bg1:#eaf4ff; --bg2:#ffffff;
	--card:rgba(255,255,255,.88);
	--ink:#0b1b33; --muted:#2f4766;
	--line:rgba(11,27,51,.12);
	--accent:#1a5fbf;
	--shadow:0 14px 34px rgba(11,27,51,.10);
	background:linear-gradient(180deg,var(--bg1) 0%, var(--bg2) 72%);
	width:100%;
	margin:0;
	padding:18px 0 26px;
	font:14px/1.6 Arial, Helvetica, sans-serif;
	color:var(--ink);
}
#content_area .aec-category-body-wrapper .wrap{max-width:1200px;margin:0 auto;padding:0 14px;}
#content_area .aec-category-body-wrapper .card{
	background:var(--card);
	border:1px solid var(--line);
	border-radius:16px;
	padding:16px 16px 14px;
	box-shadow:var(--shadow);
	backdrop-filter: blur(6px);
}
#content_area .aec-category-body-wrapper h1.category-main-hd{
	margin:0 0 10px;
	font-size:30px;
	line-height:1.18;
	letter-spacing:.2px;
	color:var(--ink);
}
#content_area .aec-category-body-wrapper .rule{
	height:1px;
	background:linear-gradient(90deg, transparent, var(--line), transparent);
	margin:10px 0 12px;
}
#content_area .aec-category-body-wrapper p.category-custom-description{
	margin:0;
	color:var(--muted);
	font-size:14px;
}
#content_area .aec-category-body-wrapper a{
	color:var(--accent);
	text-decoration:none;
	border-bottom:1px solid rgba(26,95,191,.35);
}
#content_area .aec-category-body-wrapper a:hover{border-bottom-color:rgba(26,95,191,.85);}
/* === KEY CHANGE: text on the left + image aligned on the right (same row) === */
#content_area .aec-category-body-wrapper .text-image-row{
	display:flex;
	gap:18px;
	align-items:flex-start;
}
#content_area .aec-category-body-wrapper .text-col{flex:1; min-width:0;}
#content_area .aec-category-body-wrapper .image-col{
	flex:0 0 360px;              /* image block width (adjust if needed) */
	max-width:40%;
}
#content_area .aec-category-body-wrapper .inline-awards{
	border:1px solid var(--line);
	border-radius:14px;
	overflow:hidden;
	background:#fff;
}
#content_area .aec-category-body-wrapper .inline-awards img{
	width:100%;
	height:auto;
	display:block;
}
@media(max-width: 900px){
	#content_area .aec-category-body-wrapper .text-image-row{flex-direction:column;}
	#content_area .aec-category-body-wrapper .image-col{flex:0 0 auto; max-width:100%;}
}
/* Keep your 1px tracking image/link intact but non-intrusive */
#content_area .aec-category-body-wrapper .aec-tracker{
	position:absolute;
	width:1px;height:1px;
	overflow:hidden;
	clip:rect(0 0 0 0);
	white-space:nowrap;
}
/* AEC-safe, scoped styles (design only). No text/links modified. */
#content_area .aec-contemporary-wrap{
	--bg1:#eef7ff; --bg2:#ffffff;
	--card:#ffffff; --ink:#0f172a; --muted:#475569;
	--line:rgba(15,23,42,.10);
	--accent:#2563eb;
	--shadow:0 14px 34px rgba(15,23,42,.08);
	--shadow2:0 10px 26px rgba(15,23,42,.06);
	--radius:18px;
	--radius2:14px;
	background:linear-gradient(180deg,var(--bg1) 0%, var(--bg2) 56%, var(--bg2) 100%);
	padding:24px 0;
	color:var(--ink);
	font:14px/1.65 Arial, Helvetica, sans-serif;
}
#content_area .aec-contemporary-wrap .aec-container{
	max-width:1200px;
	margin:0 auto;
	padding:0 16px;
}
#content_area .aec-contemporary-wrap .aec-hero{
	background:rgba(255,255,255,.72);
	border:1px solid var(--line);
	border-radius:var(--radius);
	box-shadow:var(--shadow);
	overflow:hidden;
}
#content_area .aec-contemporary-wrap .aec-hero img{
	display:block;
	width:100%;
	height:auto;
}
#content_area .aec-contemporary-wrap .aec-body{
	margin-top:16px;
	display:grid;
	grid-template-columns: 1.05fr .95fr;
	gap:16px;
	align-items:start;
}
@media (max-width: 980px){
	#content_area .aec-contemporary-wrap .aec-body{ grid-template-columns:1fr; }
}
#content_area .aec-contemporary-wrap .aec-card{
	background:var(--card);
	border:1px solid var(--line);
	border-radius:var(--radius);
	box-shadow:var(--shadow2);
	padding:18px 18px;
}
#content_area .aec-contemporary-wrap .aec-card--tight{ padding:14px 14px; }
#content_area .aec-contemporary-wrap .aec-card p,
#content_area .aec-contemporary-wrap .aec-card .category-custom-description{
	margin:0;
	color:var(--muted);
	font-size:14px;
}
#content_area .aec-contemporary-wrap .aec-media-grid{
	display:grid;
	grid-template-columns: 1.15fr .85fr;
	gap:12px;
	align-items:center;
}
#content_area .aec-contemporary-wrap .aec-media-grid.media-full {
	display: grid;
	grid-template-columns: 1fr;
	max-width: 440px;
	width: 100%;
	margin: 0 auto;
}
@media (max-width: 720px){
	#content_area .aec-contemporary-wrap .aec-media-grid{ grid-template-columns:1fr; }
}
#content_area .aec-contemporary-wrap .aec-media-grid img{
	width:100% !important;
	height:auto !important;
	border-radius:var(--radius2);
	border:1px solid var(--line);
	background:#fff;
	display:block;
}
#content_area .aec-contemporary-wrap .aec-full{
	margin-top:16px;
}
#content_area .aec-contemporary-wrap .aec-full img{
	width:100% !important;
	height:auto !important;
	border-radius:var(--radius);
	border:1px solid var(--line);
	background:#fff;
	display:block;
	box-shadow:var(--shadow2);
}
#content_area .aec-contemporary-wrap .aec-center{
	text-align:center;
}
#content_area .aec-contemporary-wrap .aec-center img{
	max-width:100%;
	height:auto;
	border-radius:var(--radius);
	border:1px solid var(--line);
	background:#fff;
	box-shadow:var(--shadow2);
}
#content_area .aec-contemporary-wrap a{
	color:var(--accent);
	text-decoration:none;
}
#content_area .aec-contemporary-wrap a:hover{
	text-decoration:underline;
}
#content_area .aec-contemporary-wrap h2{
	margin:18px 0 10px;
	font-size:20px;
	letter-spacing:.2px;
	color:var(--ink);
}
#content_area .aec-contemporary-wrap .aec-divider{
	height:1px;
	background:var(--line);
	margin:16px 0;
}
#content_area .aec-contemporary-wrap .aec-product-block{
	background:linear-gradient(180deg,#ffffff 0%, #fbfdff 100%);
	border:1px solid var(--line);
	border-radius:var(--radius);
	box-shadow:var(--shadow2);
	padding:16px;
	margin-top:16px;
}
#content_area .aec-contemporary-wrap .aec-product-block img{
	border-radius:var(--radius2);
	border:1px solid var(--line);
	background:#fff;
}
#content_area .aec-contemporary-wrap .aec-faq{
	background:#ffffff;
	border:1px solid var(--line);
	border-radius:var(--radius);
	box-shadow:var(--shadow2);
	padding:16px;
	margin-top:16px;
}
/* Category 208 Top and Bottom Both (Contemporary-Faucets - https://www.bathselect.com/Contemporary-Faucets-s/208.htm) html css at 21-01-2026 End Here */

/* Category 7294 (about-bathselect-aec-authority - https://www.bathselect.com/about-bathselect-aec-authority-s/7294.htm) html css at 10-02-2026 Start Here */
/*section 1*/
#content_area .bathselect-aec-authority-wrapper .aec-editorial{
  max-width:1020px;
  margin:60px auto;
  padding:0 20px;
  font-family:Arial,Helvetica,sans-serif;
}
#content_area .bathselect-aec-authority-wrapper .aec-editorial h2{
  font-size:24px;
  font-weight:bold;
  color:#0b1b2a;
  margin-bottom:12px;
}
#content_area .bathselect-aec-authority-wrapper .aec-editorial p{
  font-size:15px;
  color:#475569;
  margin-bottom:30px;
  max-width:820px;
}
/* Image wrapper */
#content_area .bathselect-aec-authority-wrapper .aec-img-wrap{
  position:relative;
  width:100%;
  overflow:hidden;
  border-radius:14px;
}
#content_area .bathselect-aec-authority-wrapper .aec-img-wrap img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  cursor:zoom-in;
}
/* Top layout */
#content_area .bathselect-aec-authority-wrapper .aec-grid-top{
  display:grid;
  grid-template-columns:2fr 1fr;
  gap:18px;
}
#content_area .bathselect-aec-authority-wrapper .aec-grid-right{
  display:grid;
  grid-template-rows:1fr 1fr 1fr;
  gap:18px;
}
/* Bottom layout */
#content_area .bathselect-aec-authority-wrapper .aec-grid-bottom{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
  margin-top:18px;
}
/* Lightbox */
#content_area .bathselect-aec-authority-wrapper .lightbox-target{
  position:fixed;
  top:0;left:0;
  width:100%;height:100%;
  background:rgba(15,23,42,0.92);
  opacity:0;
  pointer-events:none;
  transition:opacity .3s ease;
  z-index:9999;
}
#content_area .bathselect-aec-authority-wrapper .lightbox-target:target{
  opacity:1;
  pointer-events:auto;
}
#content_area .bathselect-aec-authority-wrapper .lightbox-content{
  position:relative;
  max-width:90%;
  max-height:90%;
  margin:5% auto;
  text-align:center;
}
#content_area .bathselect-aec-authority-wrapper .lightbox-content img{
  max-width:100%;
  max-height:80vh;
  border-radius:6px;
  box-shadow:0 20px 60px rgba(0,0,0,.6);
}
#content_area .bathselect-aec-authority-wrapper .lightbox-caption{
  margin-top:12px;
  padding:10px 14px;
  background:rgba(2,6,23,.75);
  color:#e5e7eb;
  font-size:14px;
  border-radius:6px;
}
#content_area .bathselect-aec-authority-wrapper .lightbox-close{
  position:absolute;
  top:-40px;
  right:0;
  font-size:32px;
  color:#fff;
  text-decoration:none;
}
/*section 2*/
#content_area .bathselect-aec-authority-wrapper .aec-trust-wrap{
  max-width:1020px;
  margin:60px auto 40px;
  padding:28px 30px;
  background:#f8fafc;
  border:1px solid #e2e8f0;
  border-radius:16px;
  font-family:Arial,Helvetica,sans-serif;
}
#content_area .bathselect-aec-authority-wrapper .aec-trust-wrap h2{
  font-size:22px;
  font-weight:bold;
  color:#0b1b2a;
  margin-bottom:10px;
}
#content_area .bathselect-aec-authority-wrapper .aec-trust-wrap p{
  font-size:15px;
  color:#475569;
  max-width:820px;
  margin-bottom:22px;
  line-height:1.65;
}
#content_area .bathselect-aec-authority-wrapper .aec-trust-metrics{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:20px;
}
#content_area .bathselect-aec-authority-wrapper .aec-metric{
  background:#ffffff;
  border:1px solid #e5e7eb;
  border-radius:14px;
  padding:18px 16px;
}
#content_area .bathselect-aec-authority-wrapper .aec-metric strong{
  display:block;
  font-size:17px;
  color:#0f172a;
  margin-bottom:6px;
}
#content_area .bathselect-aec-authority-wrapper .aec-metric span{
  font-size:14px;
  color:#475569;
}
/* Graph container */
#content_area .bathselect-aec-authority-wrapper .aec-graphs-wrap{
  max-width:1020px;
  margin:0 auto 70px;
  padding:0 20px;
  font-family:Arial,Helvetica,sans-serif;
}
#content_area .bathselect-aec-authority-wrapper .aec-graph{
  background:#ffffff;
  border:1px solid #e2e8f0;
  border-radius:16px;
  padding:22px 24px;
  margin-top:26px;
}
#content_area .bathselect-aec-authority-wrapper .aec-graph h3{
  font-size:18px;
  margin:0 0 6px;
  color:#0b1b2a;
}
#content_area .bathselect-aec-authority-wrapper .aec-graph p{
  font-size:14px;
  color:#475569;
  margin:0 0 14px;
}
#content_area .bathselect-aec-authority-wrapper svg text{
  font-family:Arial,Helvetica,sans-serif;
  fill:#334155;
  font-size:12px;
}
#content_area .bathselect-aec-authority-wrapper svg .bar{ fill:#0f172a; }       /* BLACK BARS */
#content_area .bathselect-aec-authority-wrapper svg .grid{ stroke:#e5e7eb; stroke-width:1; }
#content_area .bathselect-aec-authority-wrapper svg .axis{ stroke:#94a3b8; stroke-width:1; }
#content_area .bathselect-aec-authority-wrapper .aec-graph-footer{
  margin-top:12px;
  font-size:13px;
  color:#64748b;
}
@media(max-width:768px){
  #content_area .bathselect-aec-authority-wrapper .aec-trust-metrics{ grid-template-columns:1fr; }
}
/* Category 7294 (about-bathselect-aec-authority - https://www.bathselect.com/about-bathselect-aec-authority-s/7294.htm) html css at 10-02-2026 End Here */

/*category 321 top and bottom small css inline and style tag etc https://www.bathselect.com/about-bathselect-s/321.htm Start Here at 10-02-2026*/
#content_area .verified-review-history-wrapper .inner {
	display:flex;flex-wrap:wrap;gap:16px;margin:24px 0;
}
#content_area .verified-review-history-wrapper .inner {
	flex:1;min-width:180px;background:#f4f8fc;padding:16px;border-radius:10px;text-align:center;
}
#content_area .designer-professional-client-review-distribution-section .title { font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; fill: #0b1b2a; }
#content_area .designer-professional-client-review-distribution-section .label { font-family: Arial, Helvetica, sans-serif; font-size: 14px; fill: #0b1b2a; text-anchor: end; }
#content_area .designer-professional-client-review-distribution-section .value { font-family: Arial, Helvetica, sans-serif; font-size: 13px; fill: #475569; }
#content_area .designer-professional-client-review-distribution-section .bar-total { fill: #2563eb; }
#content_area .designer-professional-client-review-distribution-section .bar-designer { fill: #0ea5e9; }
#content_area .designer-professional-client-review-distribution-section .bar-contractor { fill: #38bdf8; }
#content_area .designer-professional-client-review-distribution-section .bar-home { fill: #94a3b8; }
#content_area .designer-professional-client-review-distribution-section .note { font-size: 13px; fill: #475569; }
/*category 321 top and bottom small css inline and style tag etc https://www.bathselect.com/about-bathselect-s/321.htm End Here at 10-02-2026*/

/* Category 2842 Top and Bottom (about-bathselect-aec-authority - https://www.bathselect.com/about-bathselect-aec-authority-s/7294.htm) html css at 10-02-2026 Start Here */
#content_area .aec-category-gradient-wrapper .aec-category{
  --bg1:#f4f9ff;
  --bg2:#ffffff;
  --ink:#0b1730;
  --muted:#475569;
  --line:rgba(15,23,42,.12);
  --shadow:0 18px 45px rgba(2,10,26,.10);
  --shadow2:0 10px 22px rgba(2,10,26,.08);
  --accent:#1d4ed8;
  max-width:1200px;
  margin:0 auto;
  padding:22px 14px 30px;
  font:14px/1.65 Arial,Helvetica,sans-serif;
  color:var(--ink);
  background:linear-gradient(180deg,var(--bg1) 0%, var(--bg2) 55%, var(--bg2) 100%);
}
/* HEADER */
#content_area .aec-category-gradient-wrapper .aec-title{
  background:linear-gradient(180deg, rgba(255,255,255,.88), rgba(255,255,255,.62));
  border:1px solid var(--line);
  box-shadow:var(--shadow2);
  border-radius:18px;
  padding:18px 16px 14px;
}
#content_area .aec-category-gradient-wrapper .category-main-hd{
  margin:0 0 8px;
  font-size:28px;
  line-height:1.15;
}
#content_area .aec-category-gradient-wrapper .aec-kicker{
  margin:0;
  color:var(--muted);
}
/* CHIPS */
#content_area .aec-category-gradient-wrapper .aec-chips{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:10px;
}
#content_area .aec-category-gradient-wrapper .aec-chip{
  padding:6px 10px;
  border-radius:999px;
  border:1px solid rgba(37,99,235,.18);
  background:rgba(37,99,235,.08);
  font-size:12px;
}
/* TWO COLUMN LAYOUT */
#content_area .aec-category-gradient-wrapper .aec-two-col{
  display:flex;
  gap:16px;
  margin-top:16px;
}
#content_area .aec-category-gradient-wrapper .aec-col{
  width:50%;
  background:rgba(255,255,255,.92);
  border:1px solid var(--line);
  border-radius:18px;
  box-shadow:var(--shadow2);
  padding:16px;
}
/* TEXT */
#content_area .aec-category-gradient-wrapper .category-custom-description{
  margin:0 0 10px;
}
#content_area .aec-category-gradient-wrapper .category-sub-hd{
  margin:12px 0 10px;
  font-size:18px;
}
/* LINKS */
#content_area .aec-category-gradient-wrapper .aec-category a{
  color:var(--accent);
  text-decoration:none;
  border-bottom:1px solid rgba(29,78,216,.18);
}
#content_area .aec-category-gradient-wrapper .aec-category a:hover{
  border-bottom-color:rgba(29,78,216,.4);
}
/* MOBILE */
@media (max-width:980px){
  #content_area .aec-category-gradient-wrapper .aec-two-col{
    flex-direction:column;
  }
  #content_area .aec-category-gradient-wrapper .aec-col{
    width:100%;
  }
}
#content_area .bs-related-static-wrapper .bs-related-static{
  max-width:1200px;
  margin:40px auto;
  padding:24px 14px;
  font-family:Arial,Helvetica,sans-serif;
}
#content_area .bs-related-static-wrapper .bs-related-static h3{
  margin:0 0 18px;
  font-size:22px;
  color:#0b1730;
}
/* FORCE ONE ROW */
#content_area .bs-related-static-wrapper .bs-row{
  display:flex !important;
  flex-wrap:nowrap !important;
  gap:18px;
  overflow-x:auto;
}
/* CARD — HARD WIDTH */
#content_area .bs-related-static-wrapper .bs-card{
  flex:0 0 32%;
  max-width:32%;
  background:#ffffff;
  border:1px solid rgba(15,23,42,.12);
  border-radius:16px;
  overflow:hidden;
  box-shadow:0 10px 22px rgba(2,10,26,.08);
}
/* IMAGE */
#content_area .bs-related-static-wrapper .bs-card img{
  width:100%;
  height:210px;
  object-fit:cover;
  display:block;
}
/* TITLE */
#content_area .bs-related-static-wrapper .bs-card-title{
  padding:14px;
  font-size:15px;
  font-weight:bold;
  color:#0b1730;
  text-align:center;
  background:linear-gradient(180deg,#ffffff,#f8fafc);
}
/* DESCRIPTION */
#content_area .bs-related-static-wrapper .bs-card-desc{
  padding:0 14px 16px;
  font-size:13px;
  line-height:1.6;
  color:#475569;
  text-align:center;
}
/* Category 2842 Top and Bottom (about-bathselect-aec-authority - https://www.bathselect.com/about-bathselect-aec-authority-s/7294.htm) html css at 10-02-2026 End Here */

/* Category 7316 (BS + FS + FTF Review design - https://www.bathselect.com/BS-Review-design-s/7316.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.bathselect.com/BS-Review-design-s/7316.htm) html css from inline at 16-02-2026 End Here */

/* Category 1606 (most-expensive-shower-system-march - https://www.bathselect.com/Most-expensive-Shower-System-s/1606.htm) html css at 10-03-2026 Start Here */
#content_area .most-expensive-shower-system-march-wrapper .bs-luxury-page,
#content_area .most-expensive-shower-system-march-wrapper .bs-luxury-page *{box-sizing:border-box}
#content_area .most-expensive-shower-system-march-wrapper .bs-luxury-page{
  width:100%;
  margin:0;
  padding:0;
  font-family:Arial,Helvetica,sans-serif;
  color:#12324a;
  background:linear-gradient(180deg,#f6fbff 0%,#eef7ff 42%,#f8fcff 100%);
}
#content_area .most-expensive-shower-system-march-wrapper .bs-luxury-page a{color:#0f5f9c;text-decoration:none}
#content_area .most-expensive-shower-system-march-wrapper .bs-luxury-page a:hover{text-decoration:underline}
#content_area .most-expensive-shower-system-march-wrapper .bs-fw{width:100%;max-width:100%;margin:0 auto}
#content_area .most-expensive-shower-system-march-wrapper .bs-wrap{width:100%;max-width:1350px;margin:0 auto;padding:0 24px}
#content_area .most-expensive-shower-system-march-wrapper .bs-section{padding:34px 0}
#content_area .most-expensive-shower-system-march-wrapper .bs-card{
  background:#ffffff;
  border-radius:18px;
  padding: 28px;
}
#content_area .most-expensive-shower-system-march-wrapper .bs-topbar{
  background:linear-gradient(90deg,#d9efff 0%,#eef8ff 55%,#d7ecff 100%);
  border-bottom:1px solid #c8e3f6;
  padding:14px 0;
}
#content_area .most-expensive-shower-system-march-wrapper .bs-topbar-inner{
  display:flex;
  flex-wrap:wrap;
  gap:12px 20px;
  align-items:center;
  justify-content:space-between;
  font-size:14px;
  color:#17466a;
}
#content_area .most-expensive-shower-system-march-wrapper .bs-topbar strong{color:#0a3f68}
#content_area .most-expensive-shower-system-march-wrapper .bs-chip-row{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:14px;
}
#content_area .most-expensive-shower-system-march-wrapper .bs-chip{
  display:inline-block;
  padding:8px 12px;
  border-radius:999px;
  background:#e9f5ff;
  border:1px solid #cfe6f8;
  color:#124e79;
  font-size:13px;
  line-height:1.2;
}

#content_area .most-expensive-shower-system-march-wrapper .bs-hero{
  padding:0 0 18px 0;
}
#content_area .most-expensive-shower-system-march-wrapper .bs-hero img{
  width:100%;
  height:auto;
  display:block;
  border-radius:0 0 18px 18px;
}

#content_area .most-expensive-shower-system-march-wrapper .bs-intro{
  margin-top:26px;
  padding:28px;
}
#content_area .most-expensive-shower-system-march-wrapper .bs-intro h1{
  margin:0 0 8px 0;
  font-size:40px;
  line-height:1.1;
  color:#0d3350;
  text-align:center;
}
#content_area .most-expensive-shower-system-march-wrapper .bs-intro .bs-subtitle{
  text-align:center;
  font-size:20px;
  line-height:1.4;
  margin:0 0 18px 0;
  color:#2b648f;
  font-weight:bold;
}
#content_area .most-expensive-shower-system-march-wrapper .bs-intro p{
  margin:0 0 14px 0;
  font-size:16px;
  line-height:1.75;
}

#content_area .most-expensive-shower-system-march-wrapper .bs-grid-2{
  display:grid;
  grid-template-columns:1.2fr .8fr;
  gap:22px;
  align-items:stretch;
}

#content_area .most-expensive-shower-system-march-wrapper .bs-sidebox{
  padding:22px;
  background:linear-gradient(180deg,#fafdff 0%,#f0f8ff 100%);
  border:1px solid #d6e9f7;
  border-radius:18px;
}
#content_area .most-expensive-shower-system-march-wrapper .bs-sidebox h3{
  margin:0 0 12px 0;
  font-size:22px;
  color:#103f62;
}
#content_area .most-expensive-shower-system-march-wrapper .bs-sidebox ul{
  margin:0;
  padding-left:18px;
}
#content_area .most-expensive-shower-system-march-wrapper .bs-sidebox li{
  margin:0 0 10px 0;
  line-height:1.6;
}

#content_area .most-expensive-shower-system-march-wrapper .bs-title{
  font-size:30px;
  line-height:1.2;
  margin:0 0 16px 0;
  color:#0d3553;
}
#content_area .most-expensive-shower-system-march-wrapper .bs-title.center{text-align:center}
#content_area .most-expensive-shower-system-march-wrapper .bs-lead{
  font-size:16px;
  line-height:1.75;
  margin:0 0 18px 0;
}

#content_area .most-expensive-shower-system-march-wrapper .bs-spec-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:16px;
  margin-top:18px;
}
#content_area .most-expensive-shower-system-march-wrapper .bs-spec{
  background:#ffffff;
  border:1px solid #d7e9f7;
  border-radius:16px;
  padding:18px;
  box-shadow:0 8px 20px rgba(34,88,128,.06);
}
#content_area .most-expensive-shower-system-march-wrapper .bs-spec h3{
  margin:0 0 10px 0;
  font-size:18px;
  color:#0d456f;
}
#content_area .most-expensive-shower-system-march-wrapper .bs-spec p{
  margin:0;
  font-size:15px;
  line-height:1.65;
}

#content_area .most-expensive-shower-system-march-wrapper .bs-product-block{
  margin-top:14px;
  padding:26px;
}
#content_area .most-expensive-shower-system-march-wrapper .bs-product-item{
  display:grid;
  grid-template-columns:280px 1fr;
  gap:24px;
  align-items:start;
  padding:22px 0;
  border-bottom:1px solid #dcecf8;
}
#content_area .most-expensive-shower-system-march-wrapper .bs-product-item:last-child{border-bottom:none}
#content_area .most-expensive-shower-system-march-wrapper .bs-product-media img{
  width:100%;
  max-width:280px;
  height:auto;
  display:block;
  border-radius:14px;
  border:1px solid #d8e8f5;
  background:#fff;
}
#content_area .most-expensive-shower-system-march-wrapper .bs-product-copy h3{
  margin:0 0 12px 0;
  font-size:23px;
  line-height:1.35;
  color:#103c5e;
}
#content_area .most-expensive-shower-system-march-wrapper .bs-product-copy p{
  margin:0 0 12px 0;
  font-size:16px;
  line-height:1.75;
}

#content_area .most-expensive-shower-system-march-wrapper .bs-table-wrap{
  overflow-x:auto;
  margin-top:18px;
}
#content_area .most-expensive-shower-system-march-wrapper .bs-table{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
  min-width:860px;
  background:#fff;
  border:1px solid #d7e9f6;
  border-radius:18px;
  overflow:hidden;
  box-shadow:0 8px 24px rgba(35,87,125,.07);
}
#content_area .most-expensive-shower-system-march-wrapper .bs-table th,
#content_area .most-expensive-shower-system-march-wrapper .bs-table td{
  padding:16px 14px;
  border-bottom:1px solid #e3f0fa;
  border-right:1px solid #e3f0fa;
  vertical-align:top;
  font-size:15px;
  line-height:1.6;
  text-align:left;
}
#content_area .most-expensive-shower-system-march-wrapper .bs-table th:last-child,
#content_area .most-expensive-shower-system-march-wrapper .bs-table td:last-child{border-right:none}
#content_area .most-expensive-shower-system-march-wrapper .bs-table tr:last-child td{border-bottom:none}
#content_area .most-expensive-shower-system-march-wrapper .bs-table thead th{
  background:#dff1ff;
  color:#0f446b;
  font-size:15px;
}

#content_area .most-expensive-shower-system-march-wrapper .bs-linkhub{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:16px;
  margin-top:18px;
}
#content_area .most-expensive-shower-system-march-wrapper .bs-linkcard{
  background:#ffffff;
  border:1px solid #d6e8f6;
  border-radius:16px;
  padding:18px;
  box-shadow:0 8px 20px rgba(31,78,115,.05);
}
#content_area .most-expensive-shower-system-march-wrapper .bs-linkcard h3{
  margin:0 0 12px 0;
  font-size:18px;
  color:#0f446b;
}
#content_area .most-expensive-shower-system-march-wrapper .bs-linkcard ul{
  margin:0;
  padding-left:18px;
}
#content_area .most-expensive-shower-system-march-wrapper .bs-linkcard li{
  margin:0 0 9px 0;
  line-height:1.55;
}

#content_area .most-expensive-shower-system-march-wrapper .bs-faq{
  margin-top:18px;
  display:grid;
  gap:14px;
}
#content_area .most-expensive-shower-system-march-wrapper .bs-faq-item{
  background:#fff;
  border:1px solid #d9e9f6;
  border-radius:16px;
  padding:18px 20px;
  box-shadow:0 8px 18px rgba(35,84,120,.05);
}
#content_area .most-expensive-shower-system-march-wrapper .bs-faq-item h3{
  margin:0 0 10px 0;
  font-size:19px;
  color:#0f446b;
}
#content_area .most-expensive-shower-system-march-wrapper .bs-faq-item p{
  margin:0;
  line-height:1.75;

  font-size:15px;
}

#content_area .most-expensive-shower-system-march-wrapper .bs-authority{
  padding:24px;
  background:linear-gradient(180deg,#e9f6ff 0%,#f8fcff 100%);
  border:1px solid #d0e5f6;
  border-radius:18px;
}
#content_area .most-expensive-shower-system-march-wrapper .bs-authority h2{
  margin:0 0 12px 0;
  font-size:28px;
  color:#0d3553;
}
#content_area .most-expensive-shower-system-march-wrapper .bs-authority p{
  margin:0 0 12px 0;
  line-height:1.75;
  font-size:16px;
}

#content_area .most-expensive-shower-system-march-wrapper .luxury-expensive-showers{
  padding:48px 0;
  color:#0b1220;
  border-top:1px solid #d5e9f8;
  border-bottom:1px solid #d5e9f8;
}
#content_area .most-expensive-shower-system-march-wrapper .lux-wrap{width:100%;max-width:1400px;margin:0 auto;padding:0 24px}
#content_area .most-expensive-shower-system-march-wrapper .lux-head{margin-bottom:22px;max-width:860px}
#content_area .most-expensive-shower-system-march-wrapper .lux-kicker{letter-spacing:.12em;text-transform:uppercase;font-size:.78rem;opacity:.85;margin:0 0 10px}
#content_area .most-expensive-shower-system-march-wrapper .lux-head h2{font-size:clamp(1.8rem,2.4vw,2.35rem);line-height:1.15;margin:0 0 10px}
#content_area .most-expensive-shower-system-march-wrapper .lux-sub{margin:0 0 14px;opacity:.92;line-height:1.7}
#content_area .most-expensive-shower-system-march-wrapper .lux-cta{
  display:inline-flex;gap:.5rem;align-items:center;
  color:#ffffff;background:#0b5f9a;
  text-decoration:none;padding:11px 16px;border-radius:999px;font-weight:bold
}
#content_area .most-expensive-shower-system-march-wrapper .lux-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}
#content_area .most-expensive-shower-system-march-wrapper .lux-card{
  grid-column:span 12;display:grid;grid-template-columns:1.05fr 1.2fr;gap:16px;
  background:rgba(255,255,255,.88);
  border:1px solid rgba(11,18,32,.10);
  border-radius:18px;overflow:hidden;
  box-shadow:0 10px 30px rgba(11,18,32,.08)
}
#content_area .most-expensive-shower-system-march-wrapper .lux-media{
  margin:0;
  background:linear-gradient(180deg, rgba(11,18,32,.04), rgba(11,18,32,.02));
  display:flex;align-items:center;justify-content:center
}
#content_area .most-expensive-shower-system-march-wrapper .lux-media img{width:100%;height:100%;object-fit:cover;display:block}
#content_area .most-expensive-shower-system-march-wrapper .lux-body{padding:18px}
#content_area .most-expensive-shower-system-march-wrapper .lux-top{display:flex;gap:10px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap}
#content_area .most-expensive-shower-system-march-wrapper .lux-title{font-size:1.08rem;line-height:1.3;margin:0;color:#0e3555}
#content_area .most-expensive-shower-system-march-wrapper .lux-price{margin:0;opacity:.95}
#content_area .most-expensive-shower-system-march-wrapper .lux-desc{margin:10px 0 12px;opacity:.92;line-height:1.7}
#content_area .most-expensive-shower-system-march-wrapper .lux-minihead{margin:0 0 6px;font-weight:bold;opacity:.95}
#content_area .most-expensive-shower-system-march-wrapper .lux-bullets{margin:0;padding-left:18px;opacity:.92}
#content_area .most-expensive-shower-system-march-wrapper .lux-bullets li{margin:6px 0;line-height:1.55}
#content_area .most-expensive-shower-system-march-wrapper .lux-link{display:inline-flex;margin-top:12px;color:#0b5f9a;text-decoration:none;font-weight:bold}
#content_area .most-expensive-shower-system-march-wrapper .lux-split{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:6px}

#content_area .most-expensive-shower-system-march-wrapper .bs-footnote{
  font-size:13px;
  color:#4b6e88;
  margin-top:10px;
  line-height:1.6;
}

@media (max-width:1100px){
  #content_area .most-expensive-shower-system-march-wrapper .bs-spec-grid,
  #content_area .most-expensive-shower-system-march-wrapper .bs-linkhub{grid-template-columns:repeat(2,1fr)}
  #content_area .most-expensive-shower-system-march-wrapper .bs-grid-2{grid-template-columns:1fr}
}
@media (max-width:860px){
  #content_area .most-expensive-shower-system-march-wrapper .lux-card,
  #content_area .most-expensive-shower-system-march-wrapper .bs-product-item{grid-template-columns:1fr}
  #content_area .most-expensive-shower-system-march-wrapper .lux-media img{max-height:340px}
  #content_area .most-expensive-shower-system-march-wrapper .lux-split{grid-template-columns:1fr}
  #content_area .most-expensive-shower-system-march-wrapper .bs-intro h1{font-size:32px}
}
@media (max-width:640px){
  #content_area .most-expensive-shower-system-march-wrapper .bs-wrap,.lux-wrap{padding:0 14px}
  #content_area .most-expensive-shower-system-march-wrapper .bs-intro,.bs-product-block,.bs-authority{padding:18px}
  #content_area .most-expensive-shower-system-march-wrapper .bs-spec-grid,
  #content_area .most-expensive-shower-system-march-wrapper .bs-linkhub{grid-template-columns:1fr}
  #content_area .most-expensive-shower-system-march-wrapper .bs-intro h1{font-size:28px}
  #content_area .most-expensive-shower-system-march-wrapper .bs-intro .bs-subtitle{font-size:18px}
}
/* Category 1606 (most-expensive-shower-system-march - https://www.bathselect.com/Most-expensive-Shower-System-s/1606.htm) html css at 10-03-2026 End Here */

/* Article 71 html css updated at 13-03-2026 Start here */
#content_area .multiple-readmore-section .multiple-readmore-section-heading{
    text-align:center;
}
#content_area .multiple-readmore-section .multiple-readmore-section-heading a{
    box-sizing:border-box;
    color:#000;
    text-decoration:none;
    transition:color .3s ease-in-out;
    font-family:sabon,Georgia,Times,serif;
    font-style:italic;
    text-transform:uppercase;
    outline:0;
}
#content_area .multiple-readmore-section .multiple-readmore-section-heading span{
    font-size:50px;
}
#content_area .multiple-readmore-section .seo-tags-container{
    box-sizing:border-box;
    padding-left:2.5rem;
    padding-right:2.5rem;
    max-width:75rem;
    margin-right:auto;
    margin-left:auto;
    margin-bottom:0;
    text-align:center;
    outline:0;
}
#content_area .multiple-readmore-section .seo-tag-list{
    box-sizing:border-box;
    list-style:none;
    margin-bottom:0;
    padding:1.875rem 0 .625rem;
    outline:0;
}
#content_area .multiple-readmore-section .seo-tag{
    box-sizing:border-box;
    display:inline-block;
    margin:0 .3125rem .9375rem 0;
    outline:0;
}
#content_area .multiple-readmore-section .seo-link{
    box-sizing:border-box;
    outline:0;
    text-decoration:none;
    transition:color .3s ease-in-out;
    font-family:central,Helvetica,Arial,sans-serif;
    font-size:.875rem;
    display:block;
    border:.0625rem solid rgb(200,200,200);
    color:rgb(159,159,159);
    text-transform:uppercase;
    padding:.375rem .625rem .3125rem;
}
#content_area .multiple-readmore-section .bs-review-page{
  --bg:#f4f8fc;
  --panel:#ffffff;
  --text:#17324d;
  --muted:#5b728a;
  --line:#d9e6f2;
  --brand:#1f6fb2;
  --brand-2:#4da3e6;
  --soft:#eaf4fd;
  --accent:#0f8a6c;
  --gold:#d89b1d;
  --shadow:0 18px 48px rgba(18,52,86,.10);
  font-family:Arial,Helvetica,sans-serif;
  color:var(--text);
  background:linear-gradient(180deg,#f7fbff 0%,#eef6fc 45%,#f9fcff 100%);
  padding:32px 18px 60px;
}
#content_area .multiple-readmore-section .bs-review-page *{box-sizing:border-box}
#content_area .multiple-readmore-section .bs-wrap{max-width:1240px;margin:0 auto}
#content_area .multiple-readmore-section .bs-hero{
  background:linear-gradient(135deg,#0f4f87 0%,#1f6fb2 52%,#58acee 100%);
  color:#fff;
  border-radius:28px;
  padding:42px 34px;
  box-shadow:var(--shadow);
  overflow:hidden;
  position:relative;
}
#content_area .multiple-readmore-section .bs-hero:before,
#content_area .multiple-readmore-section .bs-hero:after{
  content:"";
  position:absolute;
  border-radius:50%;
  background:rgba(255,255,255,.08);
  filter:blur(2px);
}
#content_area .multiple-readmore-section .bs-hero:before{width:260px;height:260px;right:-60px;top:-70px}
#content_area .multiple-readmore-section .bs-hero:after{width:180px;height:180px;left:-50px;bottom:-70px}
#content_area .multiple-readmore-section .bs-kicker{
  display:inline-block;
  padding:8px 14px;
  border-radius:999px;
  background:rgba(255,255,255,.16);
  border:1px solid rgba(255,255,255,.22);
  font-size:12px;
  letter-spacing:.12em;
  text-transform:uppercase;
  margin-bottom:14px;
  font-weight:700;
}
#content_area .multiple-readmore-section .bs-hero h1{
  margin:0 0 12px;
  font-size:40px;
  line-height:1.12;
  letter-spacing:-.02em;
}
#content_area .multiple-readmore-section .bs-hero p{
  margin:0;
  max-width:920px;
  font-size:18px;
  line-height:1.7;
  color:rgba(255,255,255,.94);
}
#content_area .multiple-readmore-section .bs-grid-4{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
  margin-top:24px;
}
#content_area .multiple-readmore-section .bs-stat{
  background:var(--panel);
  border:1px solid var(--line);
  border-radius:22px;
  padding:24px 20px;
  box-shadow:var(--shadow);
}
#content_area .multiple-readmore-section .bs-stat .label{
  color:var(--muted);
  font-size:13px;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-weight:700;
  margin-bottom:8px;
}
#content_area .multiple-readmore-section .bs-stat .value{
  font-size:34px;
  line-height:1.1;
  font-weight:800;
  color:var(--text);
  margin-bottom:8px;
}
#content_area .multiple-readmore-section .bs-stat .sub{
  color:var(--muted);
  font-size:15px;
  line-height:1.6;
}
#content_area .multiple-readmore-section .bs-section{
  margin-top:26px;
  background:var(--panel);
  border:1px solid var(--line);
  border-radius:26px;
  padding:28px;
  box-shadow:var(--shadow);
}
#content_area .multiple-readmore-section .bs-section h2{
  margin:0 0 8px;
  font-size:28px;
  line-height:1.2;
  letter-spacing:-.02em;
  color:var(--text);
}
#content_area .multiple-readmore-section .bs-section .intro{
  margin:0 0 22px;
  color:var(--muted);
  font-size:16px;
  line-height:1.7;
}
#content_area .multiple-readmore-section .bs-two-col{
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:24px;
  align-items:start;
}
#content_area .multiple-readmore-section .bs-bars{display:grid;gap:16px}
#content_area .multiple-readmore-section .bs-bar-row{
  display:grid;
  grid-template-columns:84px 1fr 108px;
  gap:14px;
  align-items:center;
}
#content_area .multiple-readmore-section .bs-star-label{
  font-weight:700;
  color:var(--text);
  font-size:15px;
}
#content_area .multiple-readmore-section .bs-track{
  width:100%;
  height:16px;
  background:#edf3f8;
  border-radius:999px;
  overflow:hidden;
  position:relative;
}
#content_area .multiple-readmore-section .bs-fill{
  height:100%;
  border-radius:999px;
  background:linear-gradient(90deg,#75b8ef 0%,#1f6fb2 100%);
}
#content_area .multiple-readmore-section .bs-bar-value{
  text-align:right;
  color:var(--muted);
  font-size:14px;
  font-weight:700;
  white-space:nowrap;
}
#content_area .multiple-readmore-section .bs-note{
  background:linear-gradient(180deg,#f6fbff 0%,#eef6fd 100%);
  border:1px solid var(--line);
  border-radius:20px;
  padding:20px;
}
#content_area .multiple-readmore-section .bs-note h3{
  margin:0 0 12px;
  font-size:18px;
}
#content_area .multiple-readmore-section .bs-note ul{
  margin:0;
  padding-left:18px;
  color:var(--muted);
  line-height:1.8;
}
#content_area .multiple-readmore-section .bs-table-wrap{
  overflow:auto;
  border:1px solid var(--line);
  border-radius:20px;
}
#content_area .multiple-readmore-section .bs-table{
  width:100%;
  border-collapse:collapse;
  min-width:780px;
}
#content_area .multiple-readmore-section .bs-table th{
  background:linear-gradient(180deg,#eef6fd 0%,#e5f0fb 100%);
  color:var(--text);
  font-size:13px;
  text-transform:uppercase;
  letter-spacing:.07em;
  padding:15px 14px;
  text-align:left;
  border-bottom:1px solid var(--line);
}
#content_area .multiple-readmore-section .bs-table td{
  padding:15px 14px;
  border-bottom:1px solid #edf2f7;
  font-size:15px;
  color:var(--text);
}
#content_area .multiple-readmore-section .bs-table tr:nth-child(even) td{background:#fbfdff}
#content_area .multiple-readmore-section .bs-badge{
  display:inline-block;
  padding:7px 10px;
  border-radius:999px;
  font-size:12px;
  font-weight:800;
  letter-spacing:.04em;
  background:#eef7ef;
  color:#17795d;
}
#content_area .multiple-readmore-section .bs-product{
  font-weight:800;
  color:#0f4f87;
}
#content_area .multiple-readmore-section .bs-snippets{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}
#content_area .multiple-readmore-section .bs-card{
  border:1px solid var(--line);
  border-radius:22px;
  padding:22px;
  background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%);
}
#content_area .multiple-readmore-section .bs-card h3{
  margin:0 0 8px;
  font-size:20px;
  color:var(--text);
}
#content_area .multiple-readmore-section .bs-card .meta{
  margin:0 0 14px;
  color:var(--muted);
  font-size:14px;
  line-height:1.6;
}
#content_area .multiple-readmore-section .bs-card p{
  margin:0;
  font-size:16px;
  line-height:1.8;
  color:var(--text);
}
#content_area .multiple-readmore-section .bs-footer{
  margin-top:24px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
}
#content_area .multiple-readmore-section .bs-mini{
  background:var(--panel);
  border:1px solid var(--line);
  border-radius:22px;
  padding:22px;
  box-shadow:var(--shadow);
}
#content_area .multiple-readmore-section .bs-mini h3{
  margin:0 0 10px;
  font-size:20px;
}
#content_area .multiple-readmore-section .bs-mini p,.bs-mini li{
  color:var(--muted);
  line-height:1.8;
  font-size:15px;
}
#content_area .multiple-readmore-section .bs-mini ul{margin:0;padding-left:18px}
@media (max-width: 1024px){
  #content_area .multiple-readmore-section .bs-grid-4,
  #content_area .multiple-readmore-section .bs-two-col,
  #content_area .multiple-readmore-section .bs-snippets,
  #content_area .multiple-readmore-section .bs-footer{
	grid-template-columns:1fr 1fr;
  }
}
@media (max-width: 767px){
  #content_area .multiple-readmore-section .bs-hero{padding:30px 22px}
  #content_area .multiple-readmore-section .bs-hero h1{font-size:30px}
  #content_area .multiple-readmore-section .bs-grid-4,
  #content_area .multiple-readmore-section .bs-two-col,
  #content_area .multiple-readmore-section .bs-snippets,
  #content_area .multiple-readmore-section .bs-footer{
	grid-template-columns:1fr;
  }
  #content_area .multiple-readmore-section .bs-section{padding:22px}
  #content_area .multiple-readmore-section .bs-bar-row{
	grid-template-columns:70px 1fr 86px;
	gap:10px;
  }
}
/* Article 71 html css updated at 13-03-2026 End here */

/* Category - 6539 (luxury-fstouchless-hygiene-march-brand) - (https://www.bathselect.com/The-Brand-s/6539.htm) html css updated at 02-04-2026 Start here */
#content_area .luxury-fstouchless-hygiene-march-brand-wrapper .bs-brand{--ink:#0f172a;--muted:#475569;--bg:#f7fafc;--panel:#ffffff;--line:#e2e8f0;
		  --gold:#c9a44c;--gold-2:#efd589;--max:1350px;--r:16px;--shadow:0 10px 32px rgba(2,6,23,.08)}
#content_area .luxury-fstouchless-hygiene-march-brand-wrapper .bs-brand,*{box-sizing:border-box;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}
#content_area .luxury-fstouchless-hygiene-march-brand-wrapper .bs-brand{background:transparent;color:var(--ink)}
#content_area .luxury-fstouchless-hygiene-march-brand-wrapper .wrap{max-width:var(--max);margin:15px 0 0;padding:0}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}

/* HERO */
#content_area .luxury-fstouchless-hygiene-march-brand-wrapper .hero{position:relative;border:1px solid var(--line);border-radius:24px;overflow:hidden;background:#fff}
#content_area .luxury-fstouchless-hygiene-march-brand-wrapper .hero .img{display:block;width:100%;height:300px;object-fit:cover}
#content_area .luxury-fstouchless-hygiene-march-brand-wrapper .hero .t{position:absolute;inset:auto 0 0 0;padding:18px 18px 20px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.0) 20%,rgba(0,0,0,.35) 55%,rgba(0,0,0,.55) 100%)}
#content_area .luxury-fstouchless-hygiene-march-brand-wrapper .kicker{color:#fff;text-transform:uppercase;letter-spacing:.08em;font-weight:800;text-shadow:0 1px 2px rgba(0,0,0,.45)}
#content_area .luxury-fstouchless-hygiene-march-brand-wrapper .hero h1{margin:.25rem 0;font-size:clamp(28px,3.6vw,44px);color:#fff;text-shadow:0 2px 6px rgba(0,0,0,.45)}
#content_area .luxury-fstouchless-hygiene-march-brand-wrapper .chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}
#content_area .luxury-fstouchless-hygiene-march-brand-wrapper .chip{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.35);border-radius:999px;padding:6px 10px;font-size:12px;color:#fff;backdrop-filter:blur(4px);text-decoration:none;transition:all .25s ease}
#content_area .luxury-fstouchless-hygiene-march-brand-wrapper .chip:hover{border-color:#3b82f6;color:#3b82f6;background:rgba(59,130,246,.15)}

/* Sticky TOC */
#content_area .luxury-fstouchless-hygiene-march-brand-wrapper .toc {
	position: sticky;
	top: 0;
	z-index: 6;
	background: transparent;
	backdrop-filter: saturate(140%) blur(6px);
	border-bottom: 1px solid var(--line);
	padding: 15px 0;
	margin: 0 0 15px 0;
}
#content_area .luxury-fstouchless-hygiene-march-brand-wrapper .toc .wrap{display:flex;gap:8px;flex-wrap:wrap}
#content_area .luxury-fstouchless-hygiene-march-brand-wrapper .toc a{padding:7px 11px;border:1px solid var(--line);border-radius:999px;background:#fff;color:#334155;text-decoration:none;transition:all .2s ease}
#content_area .luxury-fstouchless-hygiene-march-brand-wrapper .toc a:hover{border-color:#3b82f6;color:#3b82f6} 

/* Grids & cards */
#content_area .luxury-fstouchless-hygiene-march-brand-wrapper .grid{display:grid;gap:16px}
#content_area .luxury-fstouchless-hygiene-march-brand-wrapper .g-2{grid-template-columns:1.05fr .95fr}
#content_area .luxury-fstouchless-hygiene-march-brand-wrapper .g-3{grid-template-columns:repeat(3,1fr)}
@media (max-width:1000px){.g-2,.g-3{grid-template-columns:1fr}}
#content_area .luxury-fstouchless-hygiene-march-brand-wrapper .card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:18px;box-shadow:var(--shadow)}
#content_area .luxury-fstouchless-hygiene-march-brand-wrapper .card h2{margin:.15rem 0 .6rem;font-size:clamp(20px,2.2vw,28px)}
#content_area .luxury-fstouchless-hygiene-march-brand-wrapper .card h3{margin:.9rem 0 .35rem}

/* CTA buttons */
#content_area .luxury-fstouchless-hygiene-march-brand-wrapper .btn{display:inline-flex;align-items:center;gap:10px;padding:12px 16px;border-radius:12px;border:1px solid var(--gold);font-weight:700;text-decoration:none}
#content_area .luxury-fstouchless-hygiene-march-brand-wrapper .btn.fill{background:linear-gradient(135deg,var(--gold),var(--gold-2));color:#1c1917;border-color:transparent}
#content_area .luxury-fstouchless-hygiene-march-brand-wrapper .btn.ghost{background:#fff;color:#7a5b18;border-color:#f1e2b1}

/* Photos (full-height) */
#content_area .luxury-fstouchless-hygiene-march-brand-wrapper .thumb{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff}
#content_area .luxury-fstouchless-hygiene-march-brand-wrapper .thumb.hfull{height:260px}
@media (max-width:1000px){#content_area .luxury-fstouchless-hygiene-march-brand-wrapper .thumb.hfull{height:220px}}
@media (max-width:640px){#content_area .luxury-fstouchless-hygiene-march-brand-wrapper .thumb.hfull{height:200px}}
#content_area .luxury-fstouchless-hygiene-march-brand-wrapper .thumb.hfull img{display:block;width:100%;height:100%;object-fit:cover}

/* Bands / stats */
#content_area .luxury-fstouchless-hygiene-march-brand-wrapper .band{display:flex;gap:10px;flex-wrap:wrap;align-items:center;background:#fff;border:1px dashed var(--line);border-radius:12px;padding:10px;margin-top:8px}
#content_area .luxury-fstouchless-hygiene-march-brand-wrapper .stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
#content_area .luxury-fstouchless-hygiene-march-brand-wrapper .stat{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px;text-align:center}
#content_area .luxury-fstouchless-hygiene-march-brand-wrapper .stat b{font-size:22px;display:block}

/* “Stage” block from provided content (harmonized) */
#content_area .luxury-fstouchless-hygiene-march-brand-wrapper .stage{max-width:var(--max);}
#content_area .luxury-fstouchless-hygiene-march-brand-wrapper .stage .stage-inner{display:grid;grid-template-columns:1.1fr .9fr;gap:16px}
@media (max-width:1000px){.stage .stage-inner{grid-template-columns:1fr}}
#content_area .luxury-fstouchless-hygiene-march-brand-wrapper .stage .stage-heading{font-size:clamp(24px,3vw,36px);margin:0}
#content_area .luxury-fstouchless-hygiene-march-brand-wrapper .stage .stage-media{border:1px solid var(--line);border-radius:14px;overflow:hidden}
#content_area .luxury-fstouchless-hygiene-march-brand-wrapper .stage .stage-media img{display:block;width:100%;height:100%;object-fit:cover}

/* “Postal/Two-column” blocks */
#content_area .luxury-fstouchless-hygiene-march-brand-wrapper .twocol{display:grid;grid-template-columns:1.1fr .9fr;gap:16px}
@media (max-width:1000px){#content_area .luxury-fstouchless-hygiene-march-brand-wrapper .twocol{grid-template-columns:1fr}}
#content_area .luxury-fstouchless-hygiene-march-brand-wrapper .twocol .img{border:1px solid var(--line);border-radius:14px;overflow:hidden}
#content_area .luxury-fstouchless-hygiene-march-brand-wrapper .twocol .img img{display:block;width:100%;height:auto}

/* “Explore” tiles */
#content_area .luxury-fstouchless-hygiene-march-brand-wrapper .tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
@media (max-width:900px){#content_area .luxury-fstouchless-hygiene-march-brand-wrapper .tiles{grid-template-columns:1fr 1fr}}
@media (max-width:560px){#content_area .luxury-fstouchless-hygiene-march-brand-wrapper .tiles{grid-template-columns:1fr}}
#content_area .luxury-fstouchless-hygiene-march-brand-wrapper .tile{display:block;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff;text-decoration:none;color:inherit}
#content_area .luxury-fstouchless-hygiene-march-brand-wrapper .tile .thumb{height:160px;border:0;border-radius:0}
#content_area .luxury-fstouchless-hygiene-march-brand-wrapper .tile .label{padding:12px;font-weight:600}

/* Show/Hide expandable copy */
#content_area .luxury-fstouchless-hygiene-march-brand-wrapper .expand-btn{display:inline-block;padding:8px 12px;border:1px solid #3b82f6;border-radius:10px;color:#3b82f6;text-decoration:none;cursor:pointer;transition:all .2s ease}
#content_area .luxury-fstouchless-hygiene-march-brand-wrapper .expand-btn:hover{background:rgba(59,130,246,.08)}
#content_area .luxury-fstouchless-hygiene-march-brand-wrapper .expandable{display:none}
#content_area .luxury-fstouchless-hygiene-march-brand-wrapper .expandable.open{display:block}

/* Utilities from provided blocks */
#content_area .luxury-fstouchless-hygiene-march-brand-wrapper .small-hd{display:block;color:var(--muted);margin:.25rem 0 .5rem}
#content_area .luxury-fstouchless-hygiene-march-brand-wrapper  .spacer-32{height:32px}
/* Category - 6539 (luxury-fstouchless-hygiene-march-brand) - (https://www.bathselect.com/The-Brand-s/6539.htm) html css updated at 02-04-2026 End here */

/* Category - 380 Top and Bottom (find-perfect-kitchen-faucet-april) - (https://www.bathselect.com/Kitchen-Faucets-s/380.htm) html inline css updated at 02-04-2026 Start here */
#content_area .find-perfect-kitchen-faucet-april .secondary-description{
	max-width:1000px;
	margin:60px auto;
	padding:0 20px;
}

#content_area .find-perfect-kitchen-faucet-april .secondary-description h2{
	font-size:28px;
	margin-bottom:15px;
	color:#0f2742;
}

#content_area .find-perfect-kitchen-faucet-april .secondary-description h3{
	font-size:20px;
	margin-top:25px;
	margin-bottom:8px;
	color:#0f2742;
}

#content_area .find-perfect-kitchen-faucet-april .secondary-description p{
	font-size:15px;
	line-height:1.8;
	color:#334155;
}   

#content_area .find-perfect-kitchen-faucet-april {
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
	line-height: 1.5;
	color: #1e293b;
	background-color: #ffffff;
}

/* ===== MAIN LANDMARK ===== */
#content_area .find-perfect-kitchen-faucet-april main {
	display: block;
}

/* ===== PREMIUM GLOBAL HERO ===== */
#content_area .find-perfect-kitchen-faucet-april .hero-main {
	position: relative;
	max-width: 1300px;
	margin: 30px auto 0;
	border-radius: 30px;
	overflow: hidden;
	box-shadow: 0 25px 60px rgba(0,0,0,0.15);
}

#content_area .find-perfect-kitchen-faucet-april .hero-image {
	width: 100%;
	height: auto;
	display: block;
	transition: transform 8s ease;
}

#content_area .find-perfect-kitchen-faucet-april .hero-main:hover .hero-image {
	transform: scale(1.05);
}

/* Cinematic overlay */
#content_area .find-perfect-kitchen-faucet-april .hero-overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(120deg,
		rgba(0,0,0,0.65) 0%,
		rgba(0,0,0,0.35) 45%,
		rgba(0,0,0,0.1) 100%);
}

/* Content */
#content_area .find-perfect-kitchen-faucet-april .hero-content {
	position: absolute;
	bottom: 60px;
	left: 60px;
	max-width: 540px;
	color: white;
	z-index: 2;
}

/* Label */
#content_area .find-perfect-kitchen-faucet-april .hero-label {
	font-size: 12px;
	letter-spacing: .18em;
	text-transform: uppercase;
	opacity: .9;
	margin-bottom: 12px;
	display: block;
}

/* Title */
#content_area .find-perfect-kitchen-faucet-april .hero-content h1 {
	font-size: 46px;
	font-weight: 700;
	line-height: 1.15;
	margin-bottom: 16px;
	text-shadow: 0 4px 12px rgba(0,0,0,0.4);
}

/* Paragraph */
#content_area .find-perfect-kitchen-faucet-april .hero-content p {
	font-size: 17px;
	line-height: 1.7;
	opacity: .92;
	margin-bottom: 22px;
}

/* CTA buttons */
#content_area .find-perfect-kitchen-faucet-april .hero-actions {
	display: flex;
	gap: 14px;
	margin-bottom: 18px;
	flex-wrap: wrap;
}

#content_area .find-perfect-kitchen-faucet-april .btn-primary {
	background: #0f4c81;
	color: white;
	padding: 13px 26px;
	border-radius: 8px;
	font-weight: 700;
	transition: .3s;
}

#content_area .find-perfect-kitchen-faucet-april .btn-primary:hover {
	background: #0a3a61;
	transform: translateY(-2px);
	box-shadow: 0 15px 30px rgba(0,0,0,.25);
}

#content_area .find-perfect-kitchen-faucet-april .btn-secondary {
	background: rgba(255,255,255,0.15);
	backdrop-filter: blur(8px);
	border: 1px solid rgba(255,255,255,0.4);
	color: white;
	padding: 13px 26px;
	border-radius: 8px;
	font-weight: 700;
	transition: .3s;
}

#content_area .find-perfect-kitchen-faucet-april .btn-secondary:hover {
	background: rgba(255,255,255,0.25);
}

/* Trust Signals */
#content_area .find-perfect-kitchen-faucet-april .hero-trust {
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
	margin: 15px 0;
}

#content_area .find-perfect-kitchen-faucet-april .hero-trust span {
	font-size: 13px;
	display: flex;
	align-items: center;
	gap: 5px;
}

#content_area .find-perfect-kitchen-faucet-april .hero-trust span::before {
	content: "-";
	color: #4ade80;
	font-weight: 700;
}

/* Feature tags */
#content_area .find-perfect-kitchen-faucet-april .hero-features {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

#content_area .find-perfect-kitchen-faucet-april .hero-features span {
	background: rgba(255,255,255,0.18);
	padding: 6px 12px;
	border-radius: 20px;
	font-size: 13px;
	backdrop-filter: blur(6px);
}

/* ===== QUICK CATEGORY LINKS ===== */
#content_area .find-perfect-kitchen-faucet-april .quick-links {
	max-width: 1100px;
	margin: 30px auto;
	padding: 0 20px;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	justify-content: center;
}

#content_area .find-perfect-kitchen-faucet-april .quick-link {
	padding: 8px 16px;
	background: #f1f5f9;
	color: #0f2742;
	border-radius: 30px;
	font-size: 14px;
	font-weight: 500;
	transition: all 0.2s ease;
	border: 1px solid #e2e8f0;
}

#content_area .find-perfect-kitchen-faucet-april .quick-link:hover {
	background: #0f4c81;
	color: white;
	border-color: #0f4c81;
	transform: translateY(-2px);
}

/* ===== INTRO SECTION ===== */
#content_area .find-perfect-kitchen-faucet-april .intro-section {
	max-width: 1000px;
	margin: 50px auto;
	padding: 0 20px;
	text-align: center;
}

#content_area .find-perfect-kitchen-faucet-april .intro-section h2 {
	font-size: 28px;
	color: #0f2742;
	margin-bottom: 15px;
	font-weight: 600;
}

#content_area .find-perfect-kitchen-faucet-april .intro-section p {
	font-size: 16px;
	line-height: 1.8;
	color: #334155;
	max-width: 800px;
	margin: 0 auto;
}

#content_area .find-perfect-kitchen-faucet-april .intro-section a {
	color: #0f4c81;
	font-weight: 600;
	border-bottom: 1px solid transparent;
	transition: border-color 0.2s;
}

#content_area .find-perfect-kitchen-faucet-april .intro-section a:hover {
	border-bottom-color: #0f4c81;
}

/* ===== AUTHORITY SECTION ===== */
#content_area .find-perfect-kitchen-faucet-april .authority-section {
	max-width: 1100px;
	margin: 50px auto;
	padding: 30px;
	border: 1px solid #e6eef7;
	border-radius: 20px;
	background: #ffffff;
	box-shadow: 0 10px 30px rgba(0,0,0,0.03);
}

#content_area .find-perfect-kitchen-faucet-april .authority-flex {
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
	align-items: flex-start;
}

#content_area .find-perfect-kitchen-faucet-april .authority-main {
	flex: 1 1 640px;
	min-width: 280px;
}

#content_area .find-perfect-kitchen-faucet-april .authority-main h2 {
	font-size: 24px;
	color: #0f2742;
	margin-bottom: 15px;
	font-weight: 700;
}

#content_area .find-perfect-kitchen-faucet-april .authority-main > p {
	font-size: 15px;
	line-height: 1.7;
	color: #334155;
	margin-bottom: 20px;
}

/* Features Grid */
#content_area .find-perfect-kitchen-faucet-april .features-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 15px;
	margin-top: 15px;
}

#content_area .find-perfect-kitchen-faucet-april .feature-card {
	padding: 18px;
	border: 1px solid #e6eef7;
	border-radius: 14px;
	background: #f7fbff;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

#content_area .find-perfect-kitchen-faucet-april .feature-card:hover {
	transform: translateY(-3px);
	box-shadow: 0 10px 20px rgba(0,76,129,0.1);
	border-color: #0f4c81;
}

#content_area .find-perfect-kitchen-faucet-april .feature-card strong {
	color: #0f2742;
	font-size: 16px;
	display: block;
	margin-bottom: 6px;
}

#content_area .find-perfect-kitchen-faucet-april .feature-card div {
	font-size: 14px;
	color: #475569;
	line-height: 1.5;
}

/* Finishes Box */
#content_area .find-perfect-kitchen-faucet-april .finishes-box {
	margin-top: 20px;
	padding: 18px;
	border: 1px dashed #cfe0f5;
	border-radius: 14px;
	background: #fbfdff;
}

#content_area .find-perfect-kitchen-faucet-april .finishes-box strong {
	font-size: 14px;
	color: #0f2742;
	letter-spacing: 0.5px;
}

#content_area .find-perfect-kitchen-faucet-april .finishes-box ul {
	margin-top: 10px;
	font-size: 14px;
	color: #334155;
	line-height: 1.8;
	padding-left: 20px;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 5px;
}

#content_area .find-perfect-kitchen-faucet-april .finishes-box ul li a {
	color: #0f4c81;
	transition: color 0.2s;
}

#content_area .find-perfect-kitchen-faucet-april .finishes-box ul li a:hover {
	color: #0a3a61;
	text-decoration: underline;
}

/* Right Spec Box */
#content_area .find-perfect-kitchen-faucet-april .spec-box {
	flex: 0 1 300px;
	border: 1px solid #e6eef7;
	border-radius: 16px;
	padding: 22px;
	background: #ffffff;
	box-shadow: 0 8px 20px rgba(0,0,0,0.02);
}

#content_area .find-perfect-kitchen-faucet-april .spec-box h3 {
	font-size: 18px;
	color: #0f2742;
	margin-bottom: 15px;
	font-weight: 700;
}

#content_area .find-perfect-kitchen-faucet-april .spec-box ul {
	font-size: 14px;
	color: #334155;
	line-height: 1.8;
	padding-left: 20px;
	margin-bottom: 20px;
}

#content_area .find-perfect-kitchen-faucet-april .spec-box li {
	margin-bottom: 8px;
}

#content_area .find-perfect-kitchen-faucet-april .spec-box .btn-primary {
	display: block;
	text-align: center;
	background: #0f4c81;
	color: white;
	padding: 12px;
	border-radius: 8px;
	font-weight: 600;
}

/* ===== FAQ SECTION ===== */
#content_area .find-perfect-kitchen-faucet-april .faq-section {
	max-width: 1100px;
	margin: 60px auto;
	padding: 30px;
	background: #ffffff;
	border: 1px solid #e6eef7;
	border-radius: 20px;
}

#content_area .find-perfect-kitchen-faucet-april .faq-header {
	text-align: center;
	margin-bottom: 30px;
}

#content_area .find-perfect-kitchen-faucet-april .faq-label {
	font-size: 12px;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: #0f4c81;
	font-weight: 600;
}

#content_area .find-perfect-kitchen-faucet-april .faq-header h2 {
	font-size: 28px;
	color: #0f2742;
	margin-top: 8px;
}

#content_area .find-perfect-kitchen-faucet-april .faq-header p {
	font-size: 15px;
	color: #334155;
	max-width: 600px;
	margin: 10px auto 0;
}

#content_area .find-perfect-kitchen-faucet-april .faq-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px;
}

#content_area .find-perfect-kitchen-faucet-april details {
	border: 1px solid #e2e8f0;
	border-radius: 12px;
	padding: 8px 16px;
	background: #f9fafc;
	transition: all 0.3s ease;
}

#content_area .find-perfect-kitchen-faucet-april details:hover {
	border-color: #0f4c81;
	background: #ffffff;
}

#content_area .find-perfect-kitchen-faucet-april details[open] {
	background: #ffffff;
	border-color: #0f4c81;
	box-shadow: 0 5px 15px rgba(15,76,129,0.1);
}

#content_area .find-perfect-kitchen-faucet-april summary {
	font-weight: 600;
	color: #0f2742;
	cursor: pointer;
	padding: 8px 0;
	list-style: none;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

#content_area .find-perfect-kitchen-faucet-april summary::-webkit-details-marker {
	display: none;
}

#content_area .find-perfect-kitchen-faucet-april summary::after {
	content: '+';
	font-size: 18px;
	color: #0f4c81;
	font-weight: 600;
}

#content_area .find-perfect-kitchen-faucet-april details[open] summary::after {
	content: "-;";
}

#content_area .find-perfect-kitchen-faucet-april details p {
	padding: 8px 0 12px;
	font-size: 14px;
	color: #334155;
	border-top: 1px solid #e2e8f0;
	margin-top: 8px;
}

#content_area .find-perfect-kitchen-faucet-april .buying-guide-link {
	margin-top: 30px;
	text-align: center;
}

#content_area .find-perfect-kitchen-faucet-april .buying-guide-link a {
	display: inline-block;
	padding: 10px 20px;
	background: transparent;
	border: 1px solid #0f4c81;
	color: #0f4c81;
	border-radius: 30px;
	font-weight: 600;
	transition: all 0.2s;
}

#content_area .find-perfect-kitchen-faucet-april .buying-guide-link a:hover {
	background: #0f4c81;
	color: white;
}

/* ===== FALLBACK IMAGE STYLING ===== */
#content_area .find-perfect-kitchen-faucet-april .fallback-image {
	opacity: 0.8;
	padding: 30px;
	background: #f1f5f9;
	border-radius: 12px;
}

/* ===== RESPONSIVE DESIGN ===== */
@media (max-width: 768px) {
	#content_area .find-perfect-kitchen-faucet-april .hero-content {
		left: 25px;
		right: 25px;
		bottom: 35px;
	}

	#content_area .find-perfect-kitchen-faucet-april .hero-content h1 {
		font-size: 32px;
	}

	#content_area .find-perfect-kitchen-faucet-april .hero-content p {
		font-size: 15px;
	}

	#content_area .find-perfect-kitchen-faucet-april .hero-actions {
		flex-direction: column;
		gap: 10px;
	}

	#content_area .find-perfect-kitchen-faucet-april .btn-primary, .btn-secondary {
		text-align: center;
	}

	#content_area .find-perfect-kitchen-faucet-april .features-grid {
		grid-template-columns: 1fr;
	}

	#content_area .find-perfect-kitchen-faucet-april .finishes-box ul {
		grid-template-columns: 1fr;
	}

	#content_area .find-perfect-kitchen-faucet-april .authority-flex {
		flex-direction: column;
	}

	#content_area .find-perfect-kitchen-faucet-april .spec-box {
		flex: 1 1 auto;
		width: 100%;
	}

	#content_area .find-perfect-kitchen-faucet-april .quick-links {
		gap: 8px;
	}
	
	#content_area .find-perfect-kitchen-faucet-april .quick-link {
		padding: 6px 12px;
		font-size: 13px;
	}

	#content_area .find-perfect-kitchen-faucet-april .faq-grid {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 480px) {
	#content_area .find-perfect-kitchen-faucet-april .hero-content h1 {
		font-size: 26px;
	}

	#content_area .find-perfect-kitchen-faucet-april .intro-section h2 {
		font-size: 24px;
	}

	#content_area .find-perfect-kitchen-faucet-april .authority-section {
		padding: 20px;
	}
}
#content_area .buying-guide-section-wrapper .buying-guide-section {
  max-width: 1100px;
  margin: 60px auto;
  padding: 40px;
  background: linear-gradient(145deg,#ffffff 0%,#f9fcff 100%);
  border-radius: 24px;
  box-shadow: 0 15px 35px rgba(0,0,0,0.03);
}
#content_area .buying-guide-section-wrapper .buying-guide-header {
  text-align: center;
  margin-bottom: 40px;
}
#content_area .buying-guide-section-wrapper .buying-guide-pill {
  font-size: 12px;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #0f4c81;
  font-weight: 600;
  background: #e6f0fa;
  padding: 4px 12px;
  border-radius: 30px;
  display: inline-block;
  margin-bottom: 12px;
}
#content_area .buying-guide-section-wrapper .buying-guide-title {
  font-size: 32px;
  color: #0f2742;
  margin-bottom: 12px;
  font-weight: 700;
}
#content_area .buying-guide-section-wrapper .buying-guide-desc {
  font-size: 16px;
  color: #334155;
  max-width: 700px;
  margin: 0 auto;
  line-height: 1.7;
}
#content_area .buying-guide-section-wrapper .buying-guide-grid {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 25px;
  margin-top: 30px;
}
#content_area .buying-guide-section-wrapper .guide-card {
  background: #ffffff;
  border-radius: 20px;
  padding: 25px;
  border: 1px solid #e6eef7;
  box-shadow: 0 5px 15px rgba(0,0,0,0.02);
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}
#content_area .buying-guide-section-wrapper .guide-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 15px 30px rgba(15,76,129,0.1);
  border-color: #0f4c81;
}
#content_area .buying-guide-section-wrapper .guide-card h3 {
  font-size: 20px;
  color: #0f2742;
  margin-bottom: 10px;
  font-weight: 700;
}
#content_area .buying-guide-section-wrapper .guide-card p {
	font-size: 14px !important;
	color: #334155 !important;
	line-height: 1.7 !important;
}
#content_area .buying-guide-section-wrapper .guide-highlight {
	color: #0f4c81 !important;
	font-weight: 600;
	font-size: 14px !important;
	line-height: 1.7 !important;
}
#content_area .buying-guide-section-wrapper .guide-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 10px;
}
#content_area .buying-guide-section-wrapper .guide-tag {
  background: #f1f5f9;
  padding: 4px 10px;
  border-radius: 20px;
  font-size: 12px;
  color: #0f2742;
}
#content_area .buying-guide-section-wrapper .guide-note {
  font-size: 13px;
  color: #475569;
  margin-top: 12px;
}
@media (max-width: 992px) {
  #content_area .buying-guide-section-wrapper .buying-guide-grid {
    grid-template-columns: repeat(2,1fr);
  }
}
@media (max-width: 600px) {
  #content_area .buying-guide-section-wrapper .buying-guide-grid {
    grid-template-columns: 1fr;
  }
  #content_area .buying-guide-section-wrapper .buying-guide-section {
    padding: 25px;
  }
  #content_area .buying-guide-section-wrapper .buying-guide-title {
    font-size: 24px;
  }
}
/* Category - 380 Top and Bottom (find-perfect-kitchen-faucet-april) - (https://www.bathselect.com/Kitchen-Faucets-s/380.htm) html inline css updated at 02-04-2026 End here */

/* Category - 76 (Return Policy Hassle-Free Returns & Exchanges) - (https://www.bathselect.com/Our-Return-Policy-s/76.htm) html inline css updated at 04-04-2026 Start here */
/* ===== GENERAL ===== */
/*#content_area .policy-snapshot-returns-rma-processing-wrappper p,
#content_area .policy-snapshot-returns-rma-processing-wrappper li {
    margin: 0 0 10px 0;
    font-family: Arial, Helvetica, sans-serif;
}*/
#content_area .policy-snapshot-returns-rma-processing-wrappper p,
#content_area .policy-snapshot-returns-rma-processing-wrappper li {
    margin: 0 0 0 0;
    font-family: Arial, Helvetica, sans-serif;
}
#content_area .policy-snapshot-returns-rma-processing-wrappper a {
    color: #2563eb;
    text-decoration: none;
}
#content_area .policy-snapshot-returns-rma-processing-wrappper a:hover {
    text-decoration: underline;
}
#content_area .policy-snapshot-returns-rma-processing-wrappper h2,
#content_area .policy-snapshot-returns-rma-processing-wrappper h3,
#content_area .policy-snapshot-returns-rma-processing-wrappper h4 {
    margin: 0 0 10px 0;
}
#content_area .policy-snapshot-returns-rma-processing-wrappper strong {
    font-weight: 600;
}

/* ===== WRAPPERS & CONTAINERS ===== */
/*#content_area .policy-snapshot-returns-rma-processing-wrappper .bs-wrapper,
#content_area .policy-snapshot-returns-rma-processing-wrappper .return-policy-wrapper,
#content_area .policy-snapshot-returns-rma-processing-wrappper .custom-new-design-wrapper,
#content_area .policy-snapshot-returns-rma-processing-wrappper .container {
    max-width: 1350px;
    margin: 0 auto;
    padding: 18px 14px;
    border-radius: 12px;
    background: #ffffff;
}*/
#content_area .policy-snapshot-returns-rma-processing-wrappper .bs-wrapper,
#content_area .policy-snapshot-returns-rma-processing-wrappper .return-policy-wrapper,
#content_area .policy-snapshot-returns-rma-processing-wrappper .custom-new-design-wrapper,
#content_area .policy-snapshot-returns-rma-processing-wrappper .container {
    max-width: 1350px;
    margin: 0 auto;
    padding: 18px 0;
    border-radius: 12px;
    background: #ffffff;
}
#content_area .policy-snapshot-returns-rma-processing-wrappper .return-policy-wrapper {
    color: #1f2937;
    line-height: 1.65;
}
#content_area .policy-snapshot-returns-rma-processing-wrappper .return-policy-wrapper .icon-box {
	width: 52px;
	height: 52px;
	border-radius: 12px;
	background: #ffffff;
	border: 1px solid #e5e7eb;
	display: flex;
	align-items: center;
	justify-content: center;
}
/*#content_area .policy-snapshot-returns-rma-processing-wrappper .custom-new-design-wrapper {
    max-width: 1200px;
    margin: 20px auto;
    padding: 0 14px;
}*/
#content_area .policy-snapshot-returns-rma-processing-wrappper .custom-new-design-wrapper {
    max-width: 100%;
    margin: 20px 0;
    padding: 0;
}

/* ===== FLEX LAYOUTS ===== */
#content_area .policy-snapshot-returns-rma-processing-wrappper .bs-flex,
#content_area .policy-snapshot-returns-rma-processing-wrappper .two-column,
#content_area .policy-snapshot-returns-rma-processing-wrappper .flex-wrap,
#content_area .policy-snapshot-returns-rma-processing-wrappper .hero-flex {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    /*align-items: flex-start;*/
}
#content_area .policy-snapshot-returns-rma-processing-wrappper .two-column {
    margin: 0 0 15px 0;
}

/* ===== LEFT & RIGHT COLUMNS ===== */
#content_area .policy-snapshot-returns-rma-processing-wrappper .bs-left {
    flex: 1 1 640px;
    min-width: 280px;
}
#content_area .policy-snapshot-returns-rma-processing-wrappper .bs-right {
    flex: 0 1 320px;
    min-width: 260px;
    border: 1px solid #e6eef7;
    border-radius: 12px;
    background: #f7fbff;
    padding: 12px;
}
#content_area .policy-snapshot-returns-rma-processing-wrappper .bs-left .bs-label {
	font-size: 12px;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: #2a4b73;
	font-weight: 700;
}
#content_area .policy-snapshot-returns-rma-processing-wrappper .two-column .text-column {
    flex: 1;
	min-width: 360px;
	border: 1px solid #e5e7eb;
	border-radius: 14px;
	padding: 18px;
	background: #fff;
}
#content_area .policy-snapshot-returns-rma-processing-wrappper .two-column .image-column {
    width: 360px;
    min-width: 300px;
    padding: 12px;
    border-radius: 14px;
    background: #ffffff;
    border: 1px solid #e5e7eb;
}
#content_area .policy-snapshot-returns-rma-processing-wrappper .image-column img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 12px;
}

/* ===== HERO ===== */
#content_area .policy-snapshot-returns-rma-processing-wrappper .hero {
    background: linear-gradient(90deg,#f3f8ff,#ffffff);
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    padding: 28px 22px;
    margin-bottom: 22px;
}
#content_area .policy-snapshot-returns-rma-processing-wrappper .hero-title {
    margin: 6px 0 0;
    font-size: 32px;
}
#content_area .policy-snapshot-returns-rma-processing-wrappper .hero-subtitle {
    font-size: 14px;
    letter-spacing: 1px;
    color: #2563eb;
    font-weight: 700;
    text-transform: uppercase;
}
#content_area .policy-snapshot-returns-rma-processing-wrappper .hero-desc {
    margin-top: 6px;
    color: #6b7280;
    font-size: 15px;
}

/* ===== TAGS ===== */
#content_area .policy-snapshot-returns-rma-processing-wrappper .tag-wrapper, .info-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 14px;
}
#content_area .policy-snapshot-returns-rma-processing-wrappper .tag,
#content_area .policy-snapshot-returns-rma-processing-wrappper .info-box {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    padding: 8px 12px;
    font-size: 13px;
}

/* ===== CARD STYLES ===== */
#content_area .policy-snapshot-returns-rma-processing-wrappper .card {
    background: #ffffff;
    padding: 18px;
    margin-top: 12px;
    border-radius: 12px;
    border: 0px solid #e5e7eb;
}
#content_area .policy-snapshot-returns-rma-processing-wrappper .card-top {
    margin-top: 14px;
}

/* ===== SECTIONS ===== */
#content_area .policy-snapshot-returns-rma-processing-wrappper .section {
    background: #fff;
    padding: 18px 0;
    margin-top: 16px;
}
#content_area .policy-snapshot-returns-rma-processing-wrappper .section-bordered {
    border: 1px solid #e5e7eb;
    border-radius: 10px;
	padding: 18px;
}
#content_area .policy-snapshot-returns-rma-processing-wrappper .section-light {
    background: #f8fbff;
    border: 1px solid #dbeafe;
    border-radius: 10px;
	padding: 18px;
}
#content_area .policy-snapshot-returns-rma-processing-wrappper .section-title {
    margin: 0 0 10px;
    font-size: 18px;
}
#content_area .policy-snapshot-returns-rma-processing-wrappper .section-divider {
    height: 1px;
    background: #e5e7eb;
    margin: 10px 0 14px;
}
#content_area .policy-snapshot-returns-rma-processing-wrappper .section-divider-blue {
    background: #dbeafe;
}
#content_area .policy-snapshot-returns-rma-processing-wrappper .text {
    font-size: 15px;
}

/* ===== BOXES ===== */
#content_area .policy-snapshot-returns-rma-processing-wrappper .bs-box-wrap,
#content_area .policy-snapshot-returns-rma-processing-wrappper .flex-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 10px;
}
#content_area .policy-snapshot-returns-rma-processing-wrappper .bs-box,
#content_area .policy-snapshot-returns-rma-processing-wrappper .flex-wrap .box {
    flex: 1 1 240px;
    padding: 10px;
    border: 1px solid #e6eef7;
    border-radius: 10px;
    background: #f7fbff;
}
#content_area .policy-snapshot-returns-rma-processing-wrappper .flex-wrap .box {
    min-width: 220px;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    padding: 12px;
}
#content_area .policy-snapshot-returns-rma-processing-wrappper .bs-box-title {
    font-weight: 700;
    color: #0f2742;
    font-size: 13px;
}
#content_area .policy-snapshot-returns-rma-processing-wrappper .bs-box-text {
    color: #2b3b4f;
    font-size: 13px;
    line-height: 1.45;
}

/* ===== 3 STEP ===== */
#content_area .policy-snapshot-returns-rma-processing-wrappper .bs-steps {
    margin-top: 14px;
    padding: 12px;
    border: 1px dashed #cfe0f5;
    border-radius: 10px;
    background: #fbfdff;
}
#content_area .policy-snapshot-returns-rma-processing-wrappper .bs-steps-title {
    font-weight: 800;
    color: #0f2742;
    font-size: 13px;
    margin-bottom: 6px;
}
#content_area .policy-snapshot-returns-rma-processing-wrappper .bs-steps ol {
    margin: 0;
    padding-left: 18px;
    color: #2b3b4f;
    font-size: 13px;
    line-height: 1.6;
}

/* ===== RIGHT SIDE TEXT ===== */
#content_area .policy-snapshot-returns-rma-processing-wrappper .bs-right-title {
    font-size: 12px;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #2a4b73;
    font-weight: 800;
}
#content_area .policy-snapshot-returns-rma-processing-wrappper .bs-right-text {
    margin-top: 10px;
    color: #0f2742;
    font-weight: 800;
    font-size: 14px;
    line-height: 1.35;
}
#content_area .policy-snapshot-returns-rma-processing-wrappper .bs-right ul {
    margin: 10px 0 0 0;
    padding-left: 18px;
    color: #2b3b4f;
    font-size: 13px;
    line-height: 1.6;
}

/* ===== CALL-OUTS ===== */
#content_area .policy-snapshot-returns-rma-processing-wrappper .callout {
    margin-top: 14px;
    padding: 14px;
    border-radius: 10px;
    border: 1px solid;
}
#content_area .policy-snapshot-returns-rma-processing-wrappper .callout-orange { background: #fff7ed; border-color: #fed7aa; color: #7c2d12; }
#content_area .policy-snapshot-returns-rma-processing-wrappper .callout-blue { background: #eef2ff; border-color: #c7d2fe; color: #312e81; }
#content_area .policy-snapshot-returns-rma-processing-wrappper .callout-yellow { background: #fefce8; border-color: #fde68a; color: #713f12; }
#content_area .policy-snapshot-returns-rma-processing-wrappper .callout-gray { background: #f8fafc; border-color: #e5e7eb; color: #374151; font-size: 13px; line-height: 22px; }

/* ===== TIP / INFO BOXES ===== */
#content_area .policy-snapshot-returns-rma-processing-wrappper .info-box,
#content_area .policy-snapshot-returns-rma-processing-wrappper .tip-box,
#content_area .policy-snapshot-returns-rma-processing-wrappper .clarity-box,
#content_area .policy-snapshot-returns-rma-processing-wrappper .inspection-box {
    background: #f8fafc;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    padding: 12px;
    font-size: 14px;
    margin-bottom: 12px;
    color: #374151;
}
#content_area .policy-snapshot-returns-rma-processing-wrappper .inspection-box p { color: #374151; }
#content_area .policy-snapshot-returns-rma-processing-wrappper .partial-refund { font-size: 14px; color: #6b7280; }

/* ===== BUTTON ===== */
#content_area .policy-snapshot-returns-rma-processing-wrappper .bs-btn {
    display: inline-block;
    padding: 10px 12px;
    border-radius: 10px;
    background: #0f4c81;
    color: #ffffff;
    text-decoration: none;
    font-weight: 800;
    font-size: 13px;
}

/* ===== BACK TO TOP ===== */
#content_area .policy-snapshot-returns-rma-processing-wrappper .back-top {
    text-align: right;
    font-size: 13px;
    margin-top: 10px;
}

/* ===== HELPFUL LINKS ===== */
#content_area .policy-snapshot-returns-rma-processing-wrappper .helpful-links {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}
#content_area .policy-snapshot-returns-rma-processing-wrappper .helpful-links a {
    padding: 9px 10px;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    background: #fff;
    color: #111827;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 768px) {
    #content_area .policy-snapshot-returns-rma-processing-wrappper .bs-flex,
	#content_area .policy-snapshot-returns-rma-processing-wrappper .two-column {
        flex-direction: column;
    }
    #content_area .policy-snapshot-returns-rma-processing-wrappper .two-column .image-column {
        width: 100%;
        min-width: auto;
    }
    #content_area .policy-snapshot-returns-rma-processing-wrappper .bs-right {
        width: 100%;
    }
    #content_area .policy-snapshot-returns-rma-processing-wrappper .bs-box {
        flex: 1 1 100%;
    }
    #content_area .policy-snapshot-returns-rma-processing-wrappper .hero-title {
        font-size: 24px;
    }
}
/* Bottom style */
#content_area .bottom-policy-snapshot-returns-rma-processing-wrappper .card {
	background: #ffffff;
	padding: 18px;
	margin-top: 12px;
	border-radius: 12px;
	border: 1px solid #e5e7eb;
}
#content_area .bottom-policy-snapshot-returns-rma-processing-wrappper .card-tip {
	background: #f8fafc;
	border: 1px solid #e5e7eb;
	border-radius: 12px;
	padding: 12px;
	font-size: 14px;
	margin-bottom: 12px;
}
#content_area .bottom-policy-snapshot-returns-rma-processing-wrappper .card-note {
	background: #f9fafb;
	border: 1px solid #e5e7eb;
	border-radius: 12px;
	padding: 12px;
	font-size: 13px;
	color: #374151;
	margin-top: 12px;
}
#content_area .bottom-policy-snapshot-returns-rma-processing-wrappper .card-small {
	font-size: 14px;
	color: #6b7280;
}
#content_area .bottom-policy-snapshot-returns-rma-processing-wrappper .text-right {
	text-align: right;
	margin-top: 10px;
	font-size: 13px;
}
#content_area .bottom-policy-snapshot-returns-rma-processing-wrappper .two-column {
	display: flex;
	gap: 14px;
	flex-wrap: wrap;
	align-items: stretch;
}
#content_area .bottom-policy-snapshot-returns-rma-processing-wrappper .two-column .text, .two-column .image {
	background: #ffffff;
	border: 1px solid #e5e7eb;
	border-radius: 14px;
	padding: 18px;
	flex: 1;
	min-width: 360px;
}
#content_area .bottom-policy-snapshot-returns-rma-processing-wrappper .two-column .image {
	padding: 12px;
	min-width: 300px;
}
#content_area .bottom-policy-snapshot-returns-rma-processing-wrappper .two-column img {
	width: 100%;
	height: auto;
	display: block;
	border-radius: 12px;
}
#content_area .bottom-policy-snapshot-returns-rma-processing-wrappper .flex-wrap-cards {
	display: flex;
	gap: 12px;
	flex-wrap: wrap;
}
#content_area .bottom-policy-snapshot-returns-rma-processing-wrappper .flex-wrap-cards .card-half {
	flex: 1;
	min-width: 220px;
	background: #fff;
	border: 1px solid #e5e7eb;
	border-radius: 12px;
	padding: 12px;
}
#content_area .bottom-policy-snapshot-returns-rma-processing-wrappper .flex-wrap-links {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
}
#content_area .bottom-policy-snapshot-returns-rma-processing-wrappper .flex-wrap-links a {
	display: inline-block;
	padding: 9px 10px;
	border-radius: 10px;
	border: 1px solid #e5e7eb;
	background: #fff;
	color: #111827;
	text-decoration: none;
}
@media (max-width: 768px) {
	#content_area .bottom-policy-snapshot-returns-rma-processing-wrappper .two-column {
		flex-direction: column;
	}
	#content_area .bottom-policy-snapshot-returns-rma-processing-wrappper .two-column .text,
	#content_area .bottom-policy-snapshot-returns-rma-processing-wrappper .two-column .image {
		min-width: 100%;
	}
	#content_area .bottom-policy-snapshot-returns-rma-processing-wrappper .flex-wrap-cards {
		flex-direction: column;
	}
	#content_area .bottom-policy-snapshot-returns-rma-processing-wrappper .flex-wrap-cards .card-half {
		min-width: 100%;
	}
}
/* Category - 76 (Return Policy Hassle-Free Returns & Exchanges) - (https://www.bathselect.com/Our-Return-Policy-s/76.htm) html inline css updated at 04-04-2026 End here */

/* Category - 4399 (wall-mount-automatic-touchless-soap-dispenser) - (https://www.bathselect.com/Rose-Gold-Sink-Faucets-s/4399.htm) html css updated at 04-04-2026 Start here */
#content_area .wall-mount-automatic-touchless-soap-dispenser-wrppaer .fc-tags {
    max-width: 1350px;
    margin: 0 auto;
    padding: 20px 10px 10px;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 16px 18px;
    box-sizing: border-box;
}
#content_area .wall-mount-automatic-touchless-soap-dispenser-wrppaer .fc-tags li {
    margin: 0;
    padding: 0;
}
#content_area .wall-mount-automatic-touchless-soap-dispenser-wrppaer .fc-tags li a {
    display: inline-block;
    padding: 10px 22px;
    font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 500;
    color: #2c2c2c;
    text-decoration: none;
    background: #e6e8eb;
    border: 1px solid #d3d6db;
    border-radius: 50px;
    white-space: nowrap;
    transition: all 0.25s ease-in-out;
}
#content_area .wall-mount-automatic-touchless-soap-dispenser-wrppaer .fc-tags li a:hover {
    background: #d9dde2;
    border-color: #c9ced6;
    color: #1a1a1a;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    transform: translateY(-1px);
}
#content_area .wall-mount-automatic-touchless-soap-dispenser-wrppaer .fc-tags li a:focus,
#content_area .wall-mount-automatic-touchless-soap-dispenser-wrppaer .fc-tags li a:active {
    background: #d2d7de;
    border-color: #bcc3cc;
    color: #111;
    outline: none;
}
@media (max-width: 992px) {
    #content_area .wall-mount-automatic-touchless-soap-dispenser-wrppaer .fc-tags {
        gap: 14px;
    }
    #content_area .wall-mount-automatic-touchless-soap-dispenser-wrppaer .fc-tags li a {
        font-size: 15px;
        padding: 9px 18px;
    }
}
/* Mobile – Single column centered pills */
@media (max-width: 576px) {
    #content_area .wall-mount-automatic-touchless-soap-dispenser-wrppaer .fc-tags {
        flex-direction: column;
        align-items: center;
        gap: 12px;
        padding: 15px 10px;
    }
    #content_area .wall-mount-automatic-touchless-soap-dispenser-wrppaer .fc-tags li a {
        width: auto;
        min-width: 260px;
        text-align: center;
        font-size: 15px;
        padding: 10px 18px;
    }
}
/* Category - 4399 (wall-mount-automatic-touchless-soap-dispenser) - (https://www.bathselect.com/Rose-Gold-Sink-Faucets-s/4399.htm) html css updated at 04-04-2026 End here */

/* Category - 1601 (tf-manual-soap-dispenser) - (https://www.bathselect.com/Touchless-Motion-Sensor-Faucets-Manual-Soap-Dispensers-s/1601.htm) html css updated at 04-04-2026 Start here */
/* ===== WRAPPER ===== */
#content_area .tf-manual-soap-dispenser-wrapper .bs-authority-wrapper {
  max-width: 1100px;
  margin: 0 auto;
  padding: 18px 14px;
  border: 1px solid #e6eef7;
  border-radius: 12px;
  background: #ffffff;
  font-family: Arial, sans-serif;
}

/* ===== FLEX LAYOUT ===== */
#content_area .tf-manual-soap-dispenser-wrapper .bs-authority-wrapper .bs-flex {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  align-items: flex-start;
}

/* ===== LEFT COLUMN ===== */
#content_area .tf-manual-soap-dispenser-wrapper .bs-authority-wrapper .bs-left {
  flex: 1 1 660px;
  min-width: 280px;
}

/* ===== RIGHT COLUMN ===== */
#content_area .tf-manual-soap-dispenser-wrapper .bs-authority-wrapper .bs-right {
  flex: 0 1 320px;
  min-width: 260px;
  border: 1px solid #e6eef7;
  border-radius: 12px;
  background: #ffffff;
  padding: 12px;
}

/* ===== LABEL ===== */
#content_area .tf-manual-soap-dispenser-wrapper .bs-authority-wrapper .bs-label {
  font-size: 12px;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #2a4b73;
  font-weight: 900;
}

/* ===== HEADINGS ===== */
#content_area .tf-manual-soap-dispenser-wrapper .bs-authority-wrapper .bs-heading {
  margin: 8px 0;
  font-size: 22px;
  line-height: 1.25;
  color: #0f2742;
}

/* ===== TEXT ===== */
#content_area .tf-manual-soap-dispenser-wrapper .bs-authority-wrapper .bs-text {
  margin: 0 0 12px 0;
  font-size: 14px;
  line-height: 1.55;
  color: #2b3b4f;
}

/* ===== FEATURE BOXES ===== */
#content_area .tf-manual-soap-dispenser-wrapper .bs-authority-wrapper .bs-box-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 10px;
}

#content_area .tf-manual-soap-dispenser-wrapper .bs-authority-wrapper .bs-box {
  flex: 1 1 240px;
  padding: 10px;
  border: 1px solid #e6eef7;
  border-radius: 10px;
  background: #f7fbff;
}

#content_area .tf-manual-soap-dispenser-wrapper .bs-authority-wrapper .bs-box-title {
  font-weight: 900;
  color: #0f2742;
  font-size: 13px;
}

#content_area .tf-manual-soap-dispenser-wrapper .bs-authority-wrapper .bs-box-text {
  color: #2b3b4f;
  font-size: 13px;
  line-height: 1.45;
}

/* ===== PAIRING LOGIC ===== */
#content_area .tf-manual-soap-dispenser-wrapper .bs-authority-wrapper .bs-pairing {
  margin-top: 14px;
  padding: 12px;
  border: 1px dashed #cfe0f5;
  border-radius: 12px;
  background: #fbfdff;
}

#content_area .tf-manual-soap-dispenser-wrapper .bs-authority-wrapper .bs-pairing-title {
  font-weight: 900;
  color: #0f2742;
  font-size: 13px;
  margin-bottom: 6px;
}

#content_area .tf-manual-soap-dispenser-wrapper .bs-authority-wrapper .bs-pairing ul {
  margin: 0;
  padding-left: 18px;
  color: #2b3b4f;
  font-size: 13px;
  line-height: 1.7;
}

/* ===== BUTTONS ===== */
#content_area .tf-manual-soap-dispenser-wrapper .bs-authority-wrapper .bs-btn-group {
  margin-top: 14px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

#content_area .tf-manual-soap-dispenser-wrapper .bs-authority-wrapper .bs-btn-primary {
  display: inline-block;
  padding: 10px 12px;
  border-radius: 10px;
  background: #0f4c81;
  color: #ffffff;
  text-decoration: none;
  font-weight: 900;
  font-size: 13px;
}

#content_area .tf-manual-soap-dispenser-wrapper .bs-authority-wrapper .bs-btn-secondary {
  display: inline-block;
  padding: 10px 12px;
  border-radius: 10px;
  background: #f1f6fd;
  color: #0f4c81;
  text-decoration: none;
  font-weight: 900;
  font-size: 13px;
  border: 1px solid #d7e6f7;
}

/* ===== RIGHT SIDE ===== */
#content_area .tf-manual-soap-dispenser-wrapper .bs-authority-wrapper .bs-right-title {
  font-size: 12px;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #2a4b73;
  font-weight: 900;
}

#content_area .tf-manual-soap-dispenser-wrapper .bs-authority-wrapper .bs-right-text {
  margin-top: 10px;
  color: #0f2742;
  font-weight: 900;
  font-size: 14px;
  line-height: 1.35;
}

#content_area .tf-manual-soap-dispenser-wrapper .bs-authority-wrapper .bs-right ul {
  margin: 10px 0 0 0;
  padding-left: 18px;
  color: #2b3b4f;
  font-size: 13px;
  line-height: 1.6;
}

/* ===== CTA BUTTON RIGHT ===== */
#content_area .tf-manual-soap-dispenser-wrapper .bs-authority-wrapper .bs-btn-full {
  display: block;
  text-align: center;
  padding: 11px 12px;
  border-radius: 10px;
  background: #0f4c81;
  color: #ffffff;
  text-decoration: none;
  font-weight: 900;
  font-size: 13px;
  margin-top: 12px;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 768px) {
  #content_area .tf-manual-soap-dispenser-wrapper .bs-authority-wrapper .bs-flex {
    flex-direction: column;
  }
  #content_area .tf-manual-soap-dispenser-wrapper .bs-authority-wrapper .bs-right {
    width: 100%;
  }
  #content_area .tf-manual-soap-dispenser-wrapper .bs-authority-wrapper .bs-box {
    flex: 1 1 100%;
  }
}
/* Category - 1601 (tf-manual-soap-dispenser) - (https://www.bathselect.com/Touchless-Motion-Sensor-Faucets-Manual-Soap-Dispensers-s/1601.htm) html css updated at 04-04-2026 End here */

/* Category - 1643 (tech-april-wrapper) - (https://www.bathselect.com/Touchless-Motion-automatic-electronic-Sensor-Faucets-s/1643.htm) html css updated at 04-04-2026 Start here */
/* ===== WRAPPER ===== */
#content_area .tech-april-wrapper .tech-wrapper {
  max-width: 1350px;
  margin: 40px auto;
  padding: 30px;
  background: #ffffff;
  box-shadow: 0 15px 30px rgba(0,0,0,0.03);
}

/* ===== FLEX ===== */
#content_area .tech-april-wrapper .tech-wrapper .tech-flex {
  display: flex;
  flex-wrap: wrap;
  gap: 25px;
  align-items: flex-start;
}

/* ===== LEFT ===== */
#content_area .tech-april-wrapper .tech-wrapper .tech-left {
  flex: 1 1 660px;
  min-width: 280px;
}

/* ===== LABEL ===== */
#content_area .tech-april-wrapper .tech-wrapper .tech-label {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 10px;
}
#content_area .tech-april-wrapper .tech-wrapper .tech-label-bar {
  background: #0f4c81;
  width: 4px;
  height: 20px;
  border-radius: 2px;
}

#content_area .tech-april-wrapper .tech-wrapper .tech-label-text {
  font-size: 12px;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #2a4b73;
  font-weight: 700;
}

/* ===== TITLE ===== */
#content_area .tech-april-wrapper .tech-wrapper .tech-title {
  margin: 0 0 12px 0;
  font-size: 28px;
  line-height: 1.3;
  color: #0f2742;
  font-weight: 700;
}

/* ===== TEXT ===== */
#content_area .tech-april-wrapper .tech-wrapper .tech-text {
  margin: 0 0 20px 0;
  font-size: 15px;
  line-height: 1.7;
  color: #334155;
}

#content_area .tech-april-wrapper .tech-wrapper .tech-text strong {
  color: #0f4c81;
}

/* ===== GRID FEATURES ===== */
#content_area .tech-april-wrapper .tech-wrapper .tech-grid {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  gap: 12px;
  margin-top: 15px;
}

#content_area .tech-april-wrapper .tech-wrapper .tech-card {
  padding: 15px;
  border: 1px solid #e6eef7;
  border-radius: 16px;
  background: #f7fbff;
  transition: all 0.3s;
}

#content_area .tech-april-wrapper .tech-wrapper .tech-card:hover {
  border-color: #0f4c81;
  box-shadow: 0 10px 20px rgba(15,76,129,0.1);
}

#content_area .tech-april-wrapper .tech-wrapper .tech-icon {
  font-size: 24px;
  margin-bottom: 8px;
}

#content_area .tech-april-wrapper .tech-wrapper .tech-card-title {
  font-weight: 700;
  color: #0f2742;
  font-size: 14px;
  margin-bottom: 4px;
}

#content_area .tech-april-wrapper .tech-wrapper .tech-card-text {
  color: #4b5563;
  font-size: 13px;
  line-height: 1.5;
}

/* ===== APPLICATION BOX ===== */
#content_area .tech-april-wrapper .tech-wrapper .tech-app {
  margin-top: 20px;
  padding: 18px;
  border: 1px dashed #cfe0f5;
  border-radius: 16px;
  background: #fbfdff;
}

#content_area .tech-april-wrapper .tech-wrapper .tech-app-title {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 10px;
  font-weight: 700;
  color: #0f2742;
  font-size: 14px;
}

#content_area .tech-april-wrapper .tech-wrapper .tech-app ul {
  margin: 0;
  padding-left: 20px;
  color: #334155;
  font-size: 14px;
  line-height: 1.8;
  display: grid;
  grid-template-columns: repeat(2,1fr);
}

/* ===== BUTTONS ===== */
#content_area .tech-april-wrapper .tech-wrapper .tech-btns {
  margin-top: 20px;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

#content_area .tech-april-wrapper .tech-wrapper .tech-btn {
  display: inline-block;
  padding: 12px 18px;
  border-radius: 12px;
  text-decoration: none;
  font-weight: 600;
  font-size: 14px;
  transition: 0.3s;
}

#content_area .tech-april-wrapper .tech-wrapper .tech-btn-primary {
  background: #0f4c81;
  color: #fff;
}

#content_area .tech-april-wrapper .tech-wrapper .tech-btn-primary:hover {
  background: #0a3a61;
}

#content_area .tech-april-wrapper .tech-wrapper .tech-btn-secondary {
  background: #f1f6fd;
  color: #0f4c81;
  border: 1px solid #d7e6f7;
}

#content_area .tech-april-wrapper .tech-wrapper .tech-btn-secondary:hover {
  background: #e5effa;
}

/* ===== RIGHT SIDE ===== */
#content_area .tech-april-wrapper .tech-wrapper .tech-right {
  flex: 0 1 320px;
  min-width: 260px;
  border: 1px solid #e6eef7;
  border-radius: 20px;
  background: #fff;
  padding: 20px;
  box-shadow: 0 10px 20px rgba(0,0,0,0.02);
}

/* HEADER */
#content_area .tech-april-wrapper .tech-wrapper .tech-right-header {
  background: #0f4c81;
  color: #fff;
  padding: 12px 15px;
  border-radius: 12px;
  margin-bottom: 15px;
}

#content_area .tech-april-wrapper .tech-wrapper .tech-right-header small {
  font-size: 12px;
  letter-spacing: .08em;
  text-transform: uppercase;
  opacity: .9;
}

#content_area .tech-april-wrapper .tech-wrapper .tech-right-header h4 {
  font-size: 16px;
  font-weight: 700;
  margin-top: 4px;
  color: #fff;
}

/* SENSOR BLOCKS */
#content_area .tech-april-wrapper .tech-wrapper .tech-highlight {
  margin-bottom: 15px;
  padding: 12px;
  background: #f0f7ff;
  border-radius: 12px;
  border-left: 4px solid #D4AF37;
}

#content_area .tech-april-wrapper .tech-wrapper .tech-highlight .num {
  background: #D4AF37;
  width: 24px;
  height: 24px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
}

#content_area .tech-april-wrapper .tech-wrapper .tech-normal {
  margin-bottom: 20px;
  padding: 12px;
  background: #f8fafc;
  border-radius: 12px;
}

/* ADVANTAGES */
#content_area .tech-april-wrapper .tech-wrapper .tech-adv {
  margin-top: 15px;
  padding: 15px;
  background: #f8fafc;
  border-radius: 12px;
}

#content_area .tech-april-wrapper .tech-wrapper .tech-adv-title {
  font-weight: 700;
  color: #0f2742;
  margin-bottom: 8px;
}

#content_area .tech-april-wrapper .tech-wrapper .tech-adv ul {
  margin: 0;
  padding-left: 18px;
  font-size: 13px;
  color: #334155;
}

/* ===== RESPONSIVE ===== */
@media (max-width:768px) {
  #content_area .tech-april-wrapper .tech-wrapper .tech-grid {
    grid-template-columns: 1fr;
  }
  #content_area .tech-april-wrapper .tech-wrapper .tech-app ul {
    grid-template-columns: 1fr;
  }
}
#content_area .tof-sensor-showcase-wrapper .tof-sensor-showcase {
  max-width:1350px;
  margin:40px auto;
  padding:40px;
  position:relative;
  overflow:hidden;
}

/* Background */
#content_area .tof-sensor-showcase-wrapper .tof-sensor-showcase .tof-bg {
  position:absolute;
  top:-20%;
  right:-10%;
  width:400px;
  height:400px;
  background:radial-gradient(circle, rgba(212,175,55,0.05) 0%, transparent 70%);
  border-radius:50%;
  pointer-events:none;
}

/* Header */
#content_area .tof-sensor-showcase-wrapper .tof-sensor-showcase .tof-header {
  text-align:center;
  margin-bottom:35px;
}
#content_area .tof-sensor-showcase-wrapper .tof-sensor-showcase .tof-icon {
  display:flex;
  justify-content:center;
  margin-bottom:15px;
}
#content_area .tof-sensor-showcase-wrapper .tof-sensor-showcase .tof-header h3 {
  font-size:32px;
  font-weight:700;
  color:#0b1a2f;
  margin-bottom:8px;
}
#content_area .tof-sensor-showcase-wrapper .tof-sensor-showcase .tof-header p {
  font-size:16px;
  color:#4a5a6e;
  max-width:500px;
  margin:0 auto;
}

/* Main Card */
#content_area .tof-sensor-showcase-wrapper .tof-sensor-showcase .tof-main-card {
  background:#f0f7ff;
  border-left:6px solid #D4AF37;
  border-radius:24px;
  padding:28px 32px;
  margin-bottom:40px;
  box-shadow:0 10px 25px rgba(0,0,0,0.03);
}
#content_area .tof-sensor-showcase-wrapper .tof-sensor-showcase .tof-main-card p {
  font-size:16px;
  line-height:1.8;
  color:#1e2a3a;
}
#content_area .tof-sensor-showcase-wrapper .tof-sensor-showcase .tof-main-card a {
  color:#D4AF37;
  font-weight:600;
  text-decoration:none;
  border-bottom:2px solid rgba(212,175,55,0.2);
  transition:all 0.3s;
}
#content_area .tof-sensor-showcase-wrapper .tof-sensor-showcase .tof-main-card a:hover {
  border-bottom-color:#D4AF37;
}

/* Comparison */
#content_area .tof-sensor-showcase-wrapper .tof-sensor-showcase .tof-comparison {
  margin-bottom:40px;
}
#content_area .tof-sensor-showcase-wrapper .tof-sensor-showcase .tof-comparison-header {
  text-align:center;
  margin-bottom:25px;
}
#content_area .tof-sensor-showcase-wrapper .tof-sensor-showcase .tof-badge {
  display:inline-block;
  background:rgba(212,175,55,0.1);
  color:#D4AF37;
  font-size:13px;
  font-weight:600;
  padding:6px 16px;
  border-radius:30px;
  border:1px solid rgba(212,175,55,0.2);
  margin-bottom:12px;
}
#content_area .tof-sensor-showcase-wrapper .tof-sensor-showcase .tof-comparison h4 {
  font-size:24px;
  color:#0b1a2f;
  font-weight: 600;
}

#content_area .tof-sensor-showcase-wrapper .tof-sensor-showcase .tof-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:25px;
}

/* Cards */
#content_area .tof-sensor-showcase-wrapper .tof-sensor-showcase .tof-card {
  background:#fff;
  border-radius:28px;
  padding:30px 25px;
  transition:all 0.3s;
  box-shadow:0 10px 25px rgba(0,0,0,0.03);
  position: relative;
}
#content_area .tof-sensor-showcase-wrapper .tof-sensor-showcase .tof-card:hover {
  transform:translateY(-5px);
}

/* ToF */
#content_area .tof-sensor-showcase-wrapper .tof-sensor-showcase .tof-card.gold {
  border:2px solid #D4AF37;
}
#content_area .tof-sensor-showcase-wrapper .tof-sensor-showcase .tof-card.gold:hover {
  box-shadow:0 20px 35px rgba(212,175,55,0.15);
}
#content_area .tof-sensor-showcase-wrapper .tof-sensor-showcase .tof-card.gold .advanced-txt {
	position: absolute;
	top: 15px;
	right: -10px;
	background: #D4AF37;
	color: #0b1a2f;
	font-size: 12px !important;
	font-weight: 700;
	padding: 5px 20px;
	transform: rotate(2deg);
	box-shadow: 0 3px 10px rgba(212,175,55,0.3);
}
#content_area .tof-sensor-showcase-wrapper .tof-sensor-showcase .tof-card .tof-card-gold-icon {
	display: flex;
	justify-content: center;
	margin-bottom: 20px;
}
#content_area .tof-sensor-showcase-wrapper .tof-sensor-showcase .tof-card.gold h5 {
	font-size: 20px;
	font-weight: 700;
	color: #0b1a2f;
	text-align: center;
	margin-bottom: 15px;
}
#content_area .tof-sensor-showcase-wrapper .tof-sensor-showcase .tof-card p {
	font-size: 14px !important;
	line-height: 1.7 !important;
	color: #4a5a6e !important;
	margin-bottom: 20px !important;
	text-align: center !important;
}
#content_area .tof-sensor-showcase-wrapper .tof-sensor-showcase .tof-tag {
  position:absolute;
  top:15px;
  right:-10px;
  background:#D4AF37;
  padding:5px 20px;
  font-size:12px;
  font-weight:700;
}

/* IR */
#content_area .tof-sensor-showcase-wrapper .tof-sensor-showcase .tof-card.gray {
  border:1px solid #d1d5db;
  opacity:0.9;
}
#content_area .tof-sensor-showcase-wrapper .tof-sensor-showcase .tof-card.gray:hover {
  box-shadow:0 20px 35px rgba(0,0,0,0.1);
}
#content_area .tof-sensor-showcase-wrapper .tof-sensor-showcase .tof-card.gray h5 {
	font-size: 20px;
	font-weight: 700;
	color: #4b5563;
	text-align: center;
	margin-bottom: 15px;
}

/* List */
#content_area .tof-sensor-showcase-wrapper .tof-sensor-showcase .tof-list {
  list-style:none;
  padding:0;
  font-size: 14px;
  color: #0b1a2f;
}
#content_area .tof-sensor-showcase-wrapper .tof-sensor-showcase .tof-list li {
  padding:8px 0;
  border-bottom:1px solid #edf2f7;
}
#content_area .tof-sensor-showcase-wrapper .tof-sensor-showcase .tof-card.gray .tof-list li {
	font-size: 14px;
	color: #6b7280;
	padding: 8px 0;
	border-bottom: 1px solid #edf2f7;
}
/* Benefits */
#content_area .tof-sensor-showcase-wrapper .tof-sensor-showcase .tof-benefits {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:15px;
  background:linear-gradient(135deg, #0b1a2f, #1a2a40);
  border-radius:20px;
  padding:20px;
  margin-bottom:30px;
}
#content_area .tof-sensor-showcase-wrapper .tof-sensor-showcase .tof-benefit {
  display:flex;
  justify-content:center;
  align-items:center;
  gap:10px;
  color:#fff;
  padding:10px;
  background:rgba(255,255,255,0.05);
  border-radius:12px;
}
#content_area .tof-sensor-showcase-wrapper .tof-sensor-showcase .tof-benefit span {
	color: #D4AF37;
	font-size: 18px;
	font-weight: bold;
}

/* Specs */
#content_area .tof-sensor-showcase-wrapper .tof-sensor-showcase .tof-specs {
  background:#f8fafc;
  border:1px dashed #D4AF37;
  border-radius:20px;
  padding:20px 25px;
}
#content_area .tof-sensor-showcase-wrapper .tof-sensor-showcase .tof-specs .tof-specs-hd {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 15px;
}

#content_area .tof-sensor-showcase-wrapper .tof-sensor-showcase .tof-specs p {
  border-left:3px solid #D4AF37;
  padding-left:15px;
  margin-bottom:8px;
}

/* Responsive */
@media (max-width:900px) {
  #content_area .tof-sensor-showcase-wrapper .tof-sensor-showcase .tof-grid {
    grid-template-columns:1fr;
  }
  #content_area .tof-sensor-showcase-wrapper .tof-sensor-showcase .tof-benefits {
    grid-template-columns:1fr 1fr;
  }
} 
/* Category - 1643 (tech-april-wrapper) - (https://www.bathselect.com/Touchless-Motion-automatic-electronic-Sensor-Faucets-s/1643.htm) html css updated at 04-04-2026 End here */

/* Article 83 - our-main-customer-service-numbers-article (https://www.bathselect.com/article-a/83.htm) Start Here */
#content_area .our-main-customer-service-numbers-article .contact-container {
    max-width: 1350px;
    margin: 0 auto;
}
#content_area .our-main-customer-service-numbers-article .contact-hero {
    text-align: center;
}
#content_area .our-main-customer-service-numbers-article .contact-hero h1 {
    font-size: 42px;
    margin-top: 20px;
    color: #1e2e3e;
}
#content_area .our-main-customer-service-numbers-article .contact-hero p {
    font-size: 16px;
    color: #5a6a78;
    line-height: 1.7;
}
#content_area .our-main-customer-service-numbers-article .contact-divider {
    display: block;
    margin: 10px auto;
    max-width: 100%;
}
#content_area .our-main-customer-service-numbers-article .contact-small-img {
    width: 40px;
    margin-bottom: 10px;
}
#content_area .our-main-customer-service-numbers-article .contact-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 30px;
}
#content_area .our-main-customer-service-numbers-article .contact-card {
    background: #ffffff;
    border-radius: 8px;
}
#content_area .our-main-customer-service-numbers-article .contact-card h2 {
    font-size: 20px;
    margin-bottom: 15px;
    color: #1e2e3e;
}
#content_area .our-main-customer-service-numbers-article .contact-card h3 {
    margin-top: 15px;
    color: #1b6ec2;
}
#content_area .our-main-customer-service-numbers-article .contact-card p {
    font-size: 15px;
    line-height: 1.7;
    margin-bottom: 10px;
    color: #4a5865;
}
#content_area .our-main-customer-service-numbers-article .contact-card a {
    color: #1b6ec2;
    text-decoration: none;
}
#content_area .our-main-customer-service-numbers-article .contact-card a:hover {
    text-decoration: underline;
}
/* Article 83 - our-main-customer-service-numbers-article (https://www.bathselect.com/article-a/83.htm) End Here */

/* Category - 46 Top and Bottom (Motion-Automatic-Electronic-Sensor-Touchless-Bath-Faucets) - (https://www.bathselect.com/Motion-Automatic-Electronic-Sensor-Touchless-Bath-Faucets-s/46.htm) html css updated at 08-04-2026 Start here */
/*Top Category Content*/
#content_area .motion-sensor-touchless-faucets-best-options-wraper .motion-wrapper {
  max-width: 1350px;
  margin: 0 auto;
  padding: 18px 14px;
  border-radius: 12px;
  background: #fff;
}
#content_area .motion-sensor-touchless-faucets-best-options-wraper .motion-flex {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  align-items: flex-start;
}
/* ===== LEFT / RIGHT ===== */
#content_area .motion-sensor-touchless-faucets-best-options-wraper .motion-left {
  flex: 1 1 660px;
  min-width: 280px;
}
#content_area .motion-sensor-touchless-faucets-best-options-wraper .motion-right {
  flex: 0 1 320px;
  min-width: 260px;
  border: 1px solid #e6eef7;
  border-radius: 12px;
  background: #fff;
  padding: 12px;
}
/* ===== TEXT ===== */
#content_area .motion-sensor-touchless-faucets-best-options-wraper .label {
  font-size: 12px;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #2a4b73;
  font-weight: 800;
}
#content_area .motion-sensor-touchless-faucets-best-options-wraper .heading {
  margin: 8px 0;
  font-size: 22px;
  line-height: 1.25;
  color: #0f2742;
}
#content_area .motion-sensor-touchless-faucets-best-options-wraper .desc {
  font-size: 14px;
  line-height: 1.55;
  color: #2b3b4f;
}
/* ===== LINKS ===== */
#content_area .motion-sensor-touchless-faucets-best-options-wraper .jump-links a {
  margin-right: 10px;
  color: #0f4c81;
  font-weight: 800;
  text-decoration: none;
  font-size: 13px;
}
/* ===== BOXES ===== */
#content_area .motion-sensor-touchless-faucets-best-options-wraper .box-section {
  margin-top: 14px;
  padding: 12px;
  border-radius: 12px;
}
#content_area .motion-sensor-touchless-faucets-best-options-wraper .spec-box {
  border: 1px solid #e6eef7;
  background: #f7fbff;
}
#content_area .motion-sensor-touchless-faucets-best-options-wraper .best-fit {
  border: 1px dashed #cfe0f5;
  background: #fbfdff;
}
#content_area .motion-sensor-touchless-faucets-best-options-wraper .box-title {
  font-weight: 900;
  color: #0f2742;
  font-size: 13px;
  margin-bottom: 8px;
}
/* ===== CARDS ===== */
#content_area .motion-sensor-touchless-faucets-best-options-wraper .card-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
#content_area .motion-sensor-touchless-faucets-best-options-wraper .card {
  flex: 1 1 240px;
  background: #fff;
  border: 1px solid #e6eef7;
  border-radius: 10px;
  padding: 10px;
}
#content_area .motion-sensor-touchless-faucets-best-options-wraper .card h4 {
  font-family: Verdana,sans-serif !important;
  font-size: 13px !important;
  font-weight: 800;
  color: #0f2742;
  margin:0 0 5px 0;
  letter-spacing: normal;
}
#content_area .motion-sensor-touchless-faucets-best-options-wraper .card p {
  font-size: 13px !important;
  color: #2b3b4f !important;
  line-height: 20px !important;
  font-family: Verdana,sans-serif !important;
  letter-spacing: normal !important;
}
/* ===== RIGHT PANEL ===== */
#content_area .motion-sensor-touchless-faucets-best-options-wraper .motion-right ul {
  margin-top: 10px;
  padding-left: 18px;
  font-size: 13px;
  line-height: 1.6;
}
#content_area .motion-sensor-touchless-faucets-best-options-wraper .motion-right .btn {
  display: inline-block;
  margin-top: 12px;
  padding: 10px 12px;
  border-radius: 10px;
  background: #0f4c81;
  color: #fff;
  text-decoration: none;
  font-weight: 900;
  font-size: 13px;
}
/* ===== IMAGE GRID ===== */
#content_area .motion-sensor-touchless-faucets-best-options-wraper .bs-shop-faucets-inner {
  display: flex;
  flex-wrap: wrap;
}
#content_area .motion-sensor-touchless-faucets-best-options-wraper .box {
  width: 20%;
  padding: 6px;
}
#content_area .motion-sensor-touchless-faucets-best-options-wraper .image-detail img {
  width: 100%;
  height: auto;
  border-radius: 6px;
}
/* ===== TABLES ===== */
#content_area .motion-sensor-touchless-faucets-best-options-wraper .table-wrap {
  overflow-x: auto;
  margin-top: 22px;
}
#content_area .motion-sensor-touchless-faucets-best-options-wraper .table-title {
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 800;
  color: #2a4b73;
  margin-bottom: 8px;
}
#content_area .motion-sensor-touchless-faucets-best-options-wraper table {
  width: 100%;
  border-collapse: collapse;
  background: #fff;
  border: 1px solid #d9e7f5;
}
#content_area .motion-sensor-touchless-faucets-best-options-wraper th,
#content_area .motion-sensor-touchless-faucets-best-options-wraper td {
  padding: 12px 14px;
  font-size: 14px;
  color: #2b3b4f;
  border-bottom: 1px solid #e6eef7;
  border-right: 1px solid #d9e7f5;
}
#content_area .motion-sensor-touchless-faucets-best-options-wraper th {
  background: #f4f9ff;
  color: #0f2742;
  text-align: left;
}
#content_area .motion-sensor-touchless-faucets-best-options-wraper .table-wrap .table-bottom-notes {
	margin-top:10px;
	font-size:13px;
	color:#6b7c8f;
}
/* ===== HEADER SECTION ===== */
#content_area .motion-sensor-touchless-faucets-best-options-wraper .bs-category-hd-section {
  text-align: center;
  margin-bottom: 20px;
}
#content_area .motion-sensor-touchless-faucets-best-options-wraper .bs-category-main-hd {
  font-size: 26px;
  color: #0f2742;
}
/* ===== RESPONSIVE ===== */
@media (max-width: 992px) {
  #content_area .motion-sensor-touchless-faucets-best-options-wraper .box {
    width: 33.33%;
  }
}
@media (max-width: 768px) {
  #content_area .motion-sensor-touchless-faucets-best-options-wraper .motion-flex {
    flex-direction: column;
  }
  #content_area .motion-sensor-touchless-faucets-best-options-wraper .box {
    width: 50%;
  }
}

@media (max-width: 480px) {
  #content_area .motion-sensor-touchless-faucets-best-options-wraper .box {
    width: 100%;
  }
}
/*Bottom Category Content*/
#content_area .motion-sensor-touchless-faucets-best-options-wraper .aec-1350-wrapper {
  max-width: 1350px;
  margin: 0 auto;
  padding: 0 10px;
}
#content_area .motion-sensor-touchless-faucets-best-options-wraper .fc-tags-wrap {
  text-align: center;
  margin-top: 18px;
}
#content_area .motion-sensor-touchless-faucets-best-options-wraper .fc-tags-wrap .fc-tags {
  list-style: none;
  margin: 0;
  padding: 0;
  display: inline-flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: center;
}
#content_area .motion-sensor-touchless-faucets-best-options-wraper .fc-tags-wrap .fc-tags li {
  all: unset;
}
#content_area .motion-sensor-touchless-faucets-best-options-wraper .fc-tags-wrap .fc-tags li a {
  all: unset;
  display: inline-block;
  padding: 10px 18px;
  font-size: 13px;
  font-weight: 500;
  color: #2a3f55;
  background: #eef2f6;
  border: 1px solid #d5dde6;
  border-radius: 999px; /* ✅ PERFECT PILL */
  cursor: pointer;
  transition: all 0.2s ease;
  white-space: nowrap;
}
#content_area .motion-sensor-touchless-faucets-best-options-wraper .fc-tags-wrap .fc-tags li a:hover {
  background: #0f2742;
  color: #ffffff;
  border-color: #0f2742;
}
#content_area .motion-sensor-touchless-faucets-best-options-wraper .failure-chart-outer .failure-chart {
  margin-top: 26px;
}
#content_area .motion-sensor-touchless-faucets-best-options-wraper .failure-chart-outer .failure-title {
  font-size: 12px;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #2a4b73;
  font-weight: 800;
  margin-bottom: 10px;
}
#content_area .motion-sensor-touchless-faucets-best-options-wraper .failure-chart-outer .failure-box {
  background: #f7fbff;
  border: 1px solid #d9e7f5;
  border-radius: 12px;
  padding: 16px;
}
#content_area .motion-sensor-touchless-faucets-best-options-wraper .failure-chart-outer .failure-item {
  margin-bottom: 10px;
}
#content_area .motion-sensor-touchless-faucets-best-options-wraper .failure-chart-outer .failure-item:last-child {
  margin-bottom: 0;
}
#content_area .motion-sensor-touchless-faucets-best-options-wraper .failure-chart-outer .failure-label {
  font-size: 13px;
  color: #0f2742;
  font-weight: 800;
  margin-bottom: 4px;
}
#content_area .motion-sensor-touchless-faucets-best-options-wraper .failure-chart-outer .failure-bar-bg {
  width: 100%;
  background: #e6eef7;
  border-radius: 6px;
}
#content_area .motion-sensor-touchless-faucets-best-options-wraper .failure-chart-outer .failure-bar {
  height: 10px;
  border-radius: 6px;
}
#content_area .motion-sensor-touchless-faucets-best-options-wraper .failure-chart-outer .bar-28 {
  width: 28%;
  background: #0f4c81;
}
#content_area .motion-sensor-touchless-faucets-best-options-wraper .failure-chart-outer .bar-22 {
  width: 22%;
  background: #2a6fb0;
}
#content_area .motion-sensor-touchless-faucets-best-options-wraper .failure-chart-outer .bar-18 {
  width: 18%;
  background: #5a8fcf;
}
@media (max-width: 480px) {
  #content_area .motion-sensor-touchless-faucets-best-options-wraper .failure-chart-outer .failure-label {
    font-size: 12px;
  }
}
#content_area .motion-sensor-touchless-faucets-best-options-wraper .methodology-box-outer .methodology-box {
    margin-top: 26px;
    padding: 16px;
    border: 1px solid #d9e7f5;
    border-radius: 12px;
    background-color: #ffffff;
}
#content_area .motion-sensor-touchless-faucets-best-options-wraper .methodology-box-outer .methodology-box .methodology-title {
    font-size: 12px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #2a4b73;
    font-weight: 900;
    margin-bottom: 8px;
}
#content_area .motion-sensor-touchless-faucets-best-options-wraper .methodology-box-outer .methodology-box .methodology-text {
    font-size: 14px;
    color: #2b3b4f;
    line-height: 1.6;
}
#content_area .motion-sensor-touchless-faucets-best-options-wraper .methodology-box-outer .methodology-box .scope-title {
    margin-top: 10px;
    font-size: 13px;
    color: #0f2742;
    font-weight: 700;
}
#content_area .motion-sensor-touchless-faucets-best-options-wraper .methodology-box-outer .methodology-box .scope-list {
    margin-top: 6px;
    padding-left: 18px;
    color: #2b3b4f;
    font-size: 13px;
    line-height: 1.6;
}
@media (max-width: 768px) {
    #content_area .motion-sensor-touchless-faucets-best-options-wraper .methodology-box-outer .methodology-box {
        padding: 14px;
    }
    #content_area .motion-sensor-touchless-faucets-best-options-wraper .methodology-box-outer .methodology-box .methodology-title {
        font-size: 11px;
    }
    #content_area .motion-sensor-touchless-faucets-best-options-wraper .methodology-box-outer .methodology-box .methodology-text {
        font-size: 13px;
    }
    #content_area .motion-sensor-touchless-faucets-best-options-wraper .methodology-box-outer .methodology-box .scope-title {
        font-size: 12px;
    }
    #content_area .motion-sensor-touchless-faucets-best-options-wraper .methodology-box-outer .methodology-box .scope-list {
        font-size: 12px;
    }
}
@media (max-width: 480px) {
    #content_area .motion-sensor-touchless-faucets-best-options-wraper .methodology-box-outer .methodology-box {
        padding: 12px;
        margin-top: 20px;
    }
    #content_area .motion-sensor-touchless-faucets-best-options-wraper .methodology-box-outer .methodology-box .methodology-title {
        font-size: 10px;
    }
    #content_area .motion-sensor-touchless-faucets-best-options-wraper .methodology-box-outer .methodology-box .methodology-text {
        font-size: 12px;
    }
    #content_area .motion-sensor-touchless-faucets-best-options-wraper .methodology-box-outer .methodology-box .scope-title {
        font-size: 11px;
    }
    #content_area .motion-sensor-touchless-faucets-best-options-wraper .methodology-box-outer .methodology-box .scope-list {
        font-size: 11px;
    }
}
/* Category - 46 (Motion-Automatic-Electronic-Sensor-Touchless-Bath-Faucets) - (https://www.bathselect.com/Motion-Automatic-Electronic-Sensor-Touchless-Bath-Faucets-s/46.htm) html css updated at 08-04-2026 End here */

/*Category 7442 - Read More Button at this page - Minimal Read More Variations (20 Examples) - (https://www.bathselect.com/category-s/7442.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 7442 - Read More Button at this page - Minimal Read More Variations (20 Examples) - (https://www.bathselect.com/category-s/7442.htm) Top and Bottom at 10-04-2026 End Here*/

/*Category 7443 - aec-custom-tab-april-content - (https://www.bathselect.com/category-s/7443.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 7443 - aec-custom-tab-april-content - (https://www.bathselect.com/category-s/7443.htm) at 10-04-2026 End Here*/

/*Category 7475 (https://www.bathselect.com/Template-design-for-linking-s/7475.htm) at 11-05-2026 Start Here */
#content_area .bs-prefooter-tabs-aec .bs-prefooter-content p,
#content_area .bs-prefooter-tabs-aec .bs-prefooter-content h3{
    text-align:left !important;
}
/* MAIN WRAPPER */
#content_area .bs-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 .bs-prefooter-tabs-aec .bs-prefooter-tabs-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    border-bottom:1px solid #b8d8ef;
}
#content_area .bs-prefooter-tabs-aec .bs-prefooter-tab{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:35px;
    padding:0 48px 48px 0;
    text-decoration:none;
}
#content_area .bs-prefooter-tabs-aec .bs-prefooter-tab + .bs-prefooter-tab{
    border-left:1px solid #7fb6d8;
    padding-left:48px;
}
#content_area .bs-prefooter-tabs-aec .bs-prefooter-content{
    width:100%;
}
#content_area .bs-prefooter-tabs-aec .bs-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 .bs-prefooter-tabs-aec .bs-prefooter-content p{
    margin:0 !important;
    font-size:15px !important;
    line-height:1.7 !important;
    color:#284b63 !important;
}
#content_area .bs-prefooter-tabs-aec .bs-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 .bs-prefooter-tabs-aec .bs-prefooter-tabs-grid{
        grid-template-columns:1fr;
    }
    #content_area .bs-prefooter-tabs-aec .bs-prefooter-tab{
        padding:25px 0;
    }
    #content_area .bs-prefooter-tabs-aec .bs-prefooter-tab + .bs-prefooter-tab{
        border-left:0;
        padding-left:0;
        border-top:1px solid #b8d8ef;
    }
}
/*Category 7475 (https://www.bathselect.com/Template-design-for-linking-s/7475.htm) at 11-05-2026 End Here */


/*Category 7216 (https://www.bathselect.com/BathSelect-Crystal-Royale-Collection-s/7216.htm) Start Here */
.zara-BathSelect-Crystal-Royale-Collection {
  line-height: 1.6;
  color: #1f3444;
  overflow-x: hidden;
}
.zara-BathSelect-Crystal-Royale-Collection * {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
.zara-BathSelect-Crystal-Royale-Collection a {
  color: #5a8db5;
  text-decoration: none;
}
.zara-BathSelect-Crystal-Royale-Collection a:hover {
  text-decoration: underline;
}

/* PAGE */
.zara-BathSelect-Crystal-Royale-Collection .zbcrc-page {
  max-width: 1240px;
  margin: 0 auto;
  padding: 28px 18px 64px;
}

/* HEADER */
.zara-BathSelect-Crystal-Royale-Collection .zbcrc-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 22px;
  flex-wrap: wrap;
  gap: 14px;
  /* flex-direction: row; */
}
.zara-BathSelect-Crystal-Royale-Collection .zbcrc-brand {
  display: flex;
  align-items: center;
  gap: 12px;
}
.zara-BathSelect-Crystal-Royale-Collection .zbcrc-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);
}
#content_area .zara-BathSelect-Crystal-Royale-Collection .zbcrc-brand-text {
  display: flex;
  flex-direction: column;
  gap: 2px;
  /* font-size: 10px !important; */
}
.zara-BathSelect-Crystal-Royale-Collection .zbcrc-brand-text span:first-child {
  font-weight: 700;
  letter-spacing: 1px;
  font-size: 13px;
  text-transform: uppercase;
  color: #5a8db5;
}
.zara-BathSelect-Crystal-Royale-Collection .zbcrc-brand-text span:last-child {
  font-weight: 700;
  font-size: 15px;
  color: #1f3444;
}
.zara-BathSelect-Crystal-Royale-Collection .zbcrc-header-actions {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  justify-content: flex-end;
  /* font-size: 1px; */
}
.zara-BathSelect-Crystal-Royale-Collection .zbcrc-pill-label {
  padding: 5px 13px;
  border-radius: 999px;
  border: 1px solid #c7e2f6;
  background: #ffffff;
  font-size: 11px;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #5a8db5;
  font-weight: 600;
}

/* BUTTONS */
.zara-BathSelect-Crystal-Royale-Collection .zbcrc-cta-btn-outline,
.zara-BathSelect-Crystal-Royale-Collection .zbcrc-cta-btn-primary {
  border-radius: 999px;
  padding: 9px 18px;
  font-size: 13px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: all 0.18s ease-out;
  font-weight: 600;
}
.zara-BathSelect-Crystal-Royale-Collection .zbcrc-cta-btn-outline {
  border: 1px solid #c7e2f6;
  background: #ffffff;
  color: #1f3444;
  font-size: 12px !important;
}
.zara-BathSelect-Crystal-Royale-Collection .zbcrc-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-BathSelect-Crystal-Royale-Collection .zbcrc-cta-btn-outline:hover {
  background: #f5faff;
  border-color: #7fb3dd;
  transform: translateY(-1px);
}
.zara-BathSelect-Crystal-Royale-Collection .zbcrc-cta-btn-primary:hover {
  background: linear-gradient(135deg, #d6ecfb, #b5d8ef);
  border-color: #b5d8ef;
  transform: translateY(-1px);
}

/* INTRO STRIP */
.zara-BathSelect-Crystal-Royale-Collection .zbcrc-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-BathSelect-Crystal-Royale-Collection .zbcrc-intro-left {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.zara-BathSelect-Crystal-Royale-Collection .zbcrc-intro-kicker {
  font-size: 11px;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: #5a8db5;
  font-weight: 700;
}
.zara-BathSelect-Crystal-Royale-Collection .zbcrc-intro-title {
  font-weight: 700;
  font-size: 14px;
  color: #1f3444;
}
.zara-BathSelect-Crystal-Royale-Collection .zbcrc-intro-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  font-size: 12px;
  color: #6b7280;
}
.zara-BathSelect-Crystal-Royale-Collection .zbcrc-intro-meta strong {
  color: #1f3444;
  font-weight: 700;
}
.zara-BathSelect-Crystal-Royale-Collection .zbcrc-intro-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

/* HERO */
.zara-BathSelect-Crystal-Royale-Collection .zbcrc-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-BathSelect-Crystal-Royale-Collection .zbcrc-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-BathSelect-Crystal-Royale-Collection .zbcrc-hero-content {
  position: relative;
  z-index: 2;
}
.zara-BathSelect-Crystal-Royale-Collection .zbcrc-hero-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
  flex-wrap: wrap;
}
.zara-BathSelect-Crystal-Royale-Collection .zbcrc-hero-eyebrow span {
  font-size: 11px;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: #5a8db5;
  font-weight: 700;
}
.zara-BathSelect-Crystal-Royale-Collection .zbcrc-hero-badge {
  padding: 4px 11px;
  border-radius: 999px;
  background: #ffffff;
  border: 1px solid #c7e2f6;
  color: #5a8db5;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 600;
}

/* HEADINGS */
.zara-BathSelect-Crystal-Royale-Collection .zbcrc-h1 {
  font-size: 32px;
  line-height: 1.18;
  margin-bottom: 8px;
  color: #1f3444;
}
.zara-BathSelect-Crystal-Royale-Collection .zbcrc-h2 {
  font-size: 22px;
  margin: 20px 0 12px;
  color: #1f3444;
}
.zara-BathSelect-Crystal-Royale-Collection .zbcrc-h3 {
  font-size: 18px;
  margin: 18px 0 8px;
  color: #1f3444;
}
.zara-BathSelect-Crystal-Royale-Collection .zbcrc-h4 {
  font-size: 16px;
  margin: 12px 0 6px;
  color: #1f3444;
}
.zara-BathSelect-Crystal-Royale-Collection .zbcrc-h5 {
  font-size: 14px !important;
  margin: 10px 0 4px;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #5a8db5;
  font-weight: 700;
}

.zara-BathSelect-Crystal-Royale-Collection .zbcrc-hero-subtitle {
  font-size: 15px;
  color: #4b5563;
  max-width: 620px;
  margin-bottom: 18px;
}
.zara-BathSelect-Crystal-Royale-Collection .zbcrc-hero-subtitle strong {
  color: #1f3444;
  font-weight: 700;
}
.zara-BathSelect-Crystal-Royale-Collection .zbcrc-hero-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 14px 0 18px;
}
.zara-BathSelect-Crystal-Royale-Collection .zbcrc-hero-tags span {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 2px;
  padding: 6px 14px;
  border-radius: 999px;
  border: 1px solid #c7e2f6;
  background: #ffffff;
  color: #5a8db5;
  font-weight: 600;
}
.zara-BathSelect-Crystal-Royale-Collection .zbcrc-hero-cta-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  margin-top: 10px;
}
.zara-BathSelect-Crystal-Royale-Collection .zbcrc-hero-meta {
  font-size: 12px;
  color: #6b7280;
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 10px;
}
.zara-BathSelect-Crystal-Royale-Collection .zbcrc-hero-meta strong {
  color: #1f3444;
  font-weight: 700;
}

/* HERO VISUAL */
.zara-BathSelect-Crystal-Royale-Collection .zbcrc-hero-visual {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
}
.zara-BathSelect-Crystal-Royale-Collection .zbcrc-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-BathSelect-Crystal-Royale-Collection .zbcrc-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: 2px;
  text-transform: uppercase;
  color: #5a8db5;
  margin-bottom: 10px;
  font-weight: 600;
}
.zara-BathSelect-Crystal-Royale-Collection .zbcrc-banner-title {
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 12px;
  color: #1f3444;
  line-height: 1.5;
}
.zara-BathSelect-Crystal-Royale-Collection .zbcrc-banner-chip-row {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-bottom: 14px;
}
.zara-BathSelect-Crystal-Royale-Collection .zbcrc-banner-chip {
  padding: 5px 11px;
  border-radius: 999px;
  font-size: 11px;
  background: #ffffff;
  border: 1px solid #c7e2f6;
  color: #5a8db5;
  font-weight: 600;
}
.zara-BathSelect-Crystal-Royale-Collection .zbcrc-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-BathSelect-Crystal-Royale-Collection .zbcrc-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-BathSelect-Crystal-Royale-Collection .zbcrc-banner-footnote {
  margin-top: 10px;
  font-size: 11px;
  color: #6b7280;
  max-width: 92%;
}

/* NAV */
.zara-BathSelect-Crystal-Royale-Collection .zbcrc-pill-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 28px 0 18px;
}
.zara-BathSelect-Crystal-Royale-Collection .zbcrc-pill-nav button {
  background: #ffffff;
  border-radius: 999px;
  border: 1px solid #c7e2f6;
  color: #5a8db5;
  padding: 8px 15px;
  font-size: 12px;
  cursor: pointer;
  transition: all 0.16s ease-out;
  font-weight: 600;
}
.zara-BathSelect-Crystal-Royale-Collection .zbcrc-pill-nav button.zbcrc-active {
  background: linear-gradient(135deg, #e3f2fd, #c7e2f6);
  color: #1f3444;
  border-color: #c7e2f6;
  font-weight: 700;
}
.zara-BathSelect-Crystal-Royale-Collection .zbcrc-pill-nav button:hover {
  transform: translateY(-1px);
  border-color: #7fb3dd;
  background: #f5faff;
}

/* CONTENT GRID */
.zara-BathSelect-Crystal-Royale-Collection .zbcrc-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-BathSelect-Crystal-Royale-Collection .zbcrc-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-BathSelect-Crystal-Royale-Collection .zbcrc-card + .zbcrc-card {
  margin-top: 18px;
}
.zara-BathSelect-Crystal-Royale-Collection .zbcrc-card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
}
.zara-BathSelect-Crystal-Royale-Collection .zbcrc-card-header .zbcrc-label {
  font-size: 12px;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: #5a8db5;
  font-weight: 700;
}
.zara-BathSelect-Crystal-Royale-Collection .zbcrc-card-header .zbcrc-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #7fb3dd;
  box-shadow: 0 0 8px rgba(127, 179, 221, 0.6);
}
.zara-BathSelect-Crystal-Royale-Collection .zbcrc-card p {
  color: #4b5563;
  font-size: 13px;
  margin-bottom: 8px;
}
.zara-BathSelect-Crystal-Royale-Collection .zbcrc-card p strong {
  color: #1f3444;
  font-weight: 700;
}
.zara-BathSelect-Crystal-Royale-Collection .zbcrc-card ul {
  list-style: none;
  margin-left: 0;
  margin-top: 8px;
}
.zara-BathSelect-Crystal-Royale-Collection .zbcrc-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-BathSelect-Crystal-Royale-Collection .zbcrc-card ul li:last-child {
  border-bottom: none;
}
.zara-BathSelect-Crystal-Royale-Collection .zbcrc-card ul li strong {
  color: #1f3444;
  font-weight: 700;
}
.zara-BathSelect-Crystal-Royale-Collection .zbcrc-bullet {
  width: 7px;
  height: 7px;
  border-radius: 999px;
  margin-top: 7px;
  background: #7fb3dd;
  flex-shrink: 0;
}
.zara-BathSelect-Crystal-Royale-Collection .zbcrc-pill-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 10px;
}
.zara-BathSelect-Crystal-Royale-Collection .zbcrc-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-BathSelect-Crystal-Royale-Collection .zbcrc-mini-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  margin-top: 12px;
  overflow: hidden;
  border-radius: 16px;
  border: 1px solid #e5e7eb;
}
.zara-BathSelect-Crystal-Royale-Collection .zbcrc-mini-table th,
.zara-BathSelect-Crystal-Royale-Collection .zbcrc-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-BathSelect-Crystal-Royale-Collection .zbcrc-mini-table th {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #5a8db5;
  background: #f5faff;
  font-weight: 700;
}
.zara-BathSelect-Crystal-Royale-Collection .zbcrc-mini-table tr:last-child td {
  border-bottom: none;
}

/* STACK NOTE */
.zara-BathSelect-Crystal-Royale-Collection .zbcrc-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;
}

/* CHECKLIST */
.zara-BathSelect-Crystal-Royale-Collection .zbcrc-checklist li strong {
  color: #1f3444;
  font-weight: 700;
}

/* CALLOUT */
.zara-BathSelect-Crystal-Royale-Collection .zbcrc-callout {
  border-radius: 18px;
  border: 1px solid #c7e2f6;
  background: linear-gradient(135deg, #ffffff, #e0f6ff);
  padding: 16px 16px;
  margin-top: 14px;
}
.zara-BathSelect-Crystal-Royale-Collection .zbcrc-callout .zbcrc-h4 {
  margin: 0 0 6px;
  color: #1f3444;
}
.zara-BathSelect-Crystal-Royale-Collection .zbcrc-callout p {
  font-size: 12px;
  color: #4b5563;
}
.zara-BathSelect-Crystal-Royale-Collection .zbcrc-callout-btn-wrap {
  margin-top: 10px;
}

/* DL BTN WRAP */
.zara-BathSelect-Crystal-Royale-Collection .zbcrc-dl-btn-wrap {
  margin-top: 12px;
}

/* FOOTER (kept visible � restyled to airy theme) */
.zara-BathSelect-Crystal-Royale-Collection .zbcrc-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-BathSelect-Crystal-Royale-Collection .zbcrc-footer a {
  font-size: 11px;
  color: #5a8db5;
}

/* RESPONSIVE */
@media (max-width: 960px) {
  .zara-BathSelect-Crystal-Royale-Collection .zbcrc-hero {
    grid-template-columns: minmax(0, 1fr);
  }
  .zara-BathSelect-Crystal-Royale-Collection .zbcrc-hero-visual {
    order: -1;
  }
  .zara-BathSelect-Crystal-Royale-Collection .zbcrc-content-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  .zara-BathSelect-Crystal-Royale-Collection .zbcrc-page {
    padding: 20px 16px 48px;
  }
  .zara-BathSelect-Crystal-Royale-Collection .zbcrc-intro-strip {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media (max-width: 640px) {
  .zara-BathSelect-Crystal-Royale-Collection .zbcrc-h1 {
    font-size: 26px;
  }
  .zara-BathSelect-Crystal-Royale-Collection .zbcrc-hero {
    padding: 24px 18px;
  }
  .zara-BathSelect-Crystal-Royale-Collection .zbcrc-hero-banner {
    max-width: 100%;
  }
  .zara-BathSelect-Crystal-Royale-Collection .zbcrc-card {
    padding: 18px;
  }
}
/*Category 7216 (https://www.bathselect.com/BathSelect-Crystal-Royale-Collection-s/7216.htm) End Here */
/*Category 7154 (https://www.bathselect.com/BathSelect-Nova-Pulse-Series-s/7154.htm) Start Here */
#content_area .bathselect-nova-pulse-series-wrapper {
  color: #1f3444;
  line-height: 1.6;
  overflow-x: hidden;
}
#content_area .bathselect-nova-pulse-series-wrapper a {
  color: #5a8db5;
  text-decoration: none;
}
#content_area .bathselect-nova-pulse-series-wrapper a:hover {
  text-decoration: underline;
}
/* Layout */
#content_area .bathselect-nova-pulse-series-wrapper .page {
  max-width: 1240px;
  margin: 0 auto;
  padding: 28px 18px 64px;
}
#content_area .bathselect-nova-pulse-series-wrapper .bs-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 32px;
  flex-wrap: wrap;
  gap: 14px;
}
#content_area .bathselect-nova-pulse-series-wrapper .brand {
  display: flex;
  align-items: center;
  gap: 12px;
}
#content_area .bathselect-nova-pulse-series-wrapper .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);
}
#content_area .bathselect-nova-pulse-series-wrapper .brand-text {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
#content_area .bathselect-nova-pulse-series-wrapper .brand-text span:first-child {
  font-weight: 700;
  letter-spacing: .06em;
  font-size: 13px;
  text-transform: uppercase;
  color: #5a8db5;
}
#content_area .bathselect-nova-pulse-series-wrapper .brand-text span:last-child {
  font-weight: 700;
  font-size: 15px;
  color: #1f3444;
}
#content_area .bathselect-nova-pulse-series-wrapper .header-actions {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}
#content_area .bathselect-nova-pulse-series-wrapper .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;
}
#content_area .bathselect-nova-pulse-series-wrapper .cta-btn-outline,
#content_area .bathselect-nova-pulse-series-wrapper .cta-btn-primary {
  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;
}
#content_area .bathselect-nova-pulse-series-wrapper .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);
}
#content_area .bathselect-nova-pulse-series-wrapper .cta-btn-outline:hover {
  background: #f5faff;
  border-color: #7fb3dd;
  transform: translateY(-1px);
}
#content_area .bathselect-nova-pulse-series-wrapper .cta-btn-primary:hover {
  background: linear-gradient(135deg, #d6ecfb, #b5d8ef);
  border-color: #b5d8ef;
  transform: translateY(-1px);
}
/* HERO SECTION */
#content_area .bathselect-nova-pulse-series-wrapper .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;
}
#content_area .bathselect-nova-pulse-series-wrapper .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;
}
#content_area .bathselect-nova-pulse-series-wrapper .hero-content {
  position: relative;
  z-index: 2;
}
#content_area .bathselect-nova-pulse-series-wrapper .hero-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
  flex-wrap: wrap;
}
#content_area .bathselect-nova-pulse-series-wrapper .hero-eyebrow span {
  font-size: 11px;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: #5a8db5;
  font-weight: 700;
}
#content_area .bathselect-nova-pulse-series-wrapper .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;
}
#content_area .bathselect-nova-pulse-series-wrapper h1 {
  font-size: 32px;
  line-height: 1.18;
  margin-bottom: 8px;
  color: #1f3444;
}
#content_area .bathselect-nova-pulse-series-wrapper h1 span.accent {
  color: #5a8db5;
}
#content_area .bathselect-nova-pulse-series-wrapper h2 {
  font-size: 22px;
  margin: 20px 0 12px;
  color: #1f3444;
}
#content_area .bathselect-nova-pulse-series-wrapper h3 {
  font-size: 18px;
  margin: 18px 0 8px;
  color: #1f3444;
}
#content_area .bathselect-nova-pulse-series-wrapper h4 {
  font-size: 16px;
  margin: 12px 0 6px;
  color: #1f3444;
}
#content_area .bathselect-nova-pulse-series-wrapper h5 {
  font-size: 14px !important;
  margin: 10px 0 4px;
  text-transform: uppercase;
  letter-spacing: .14em;
  color: #5a8db5;
  font-weight: 700;
}
#content_area .bathselect-nova-pulse-series-wrapper .hero-subtitle {
  font-size: 15px;
  color: #4b5563;
  max-width: 580px;
  margin-bottom: 18px;
}
#content_area .bathselect-nova-pulse-series-wrapper .hero-subtitle strong {
  color: #1f3444;
  font-weight: 700;
}
#content_area .bathselect-nova-pulse-series-wrapper .hero-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 14px 0 18px;
}
#content_area .bathselect-nova-pulse-series-wrapper .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;
}
#content_area .bathselect-nova-pulse-series-wrapper .hero-cta-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  margin-top: 10px;
}
#content_area .bathselect-nova-pulse-series-wrapper .hero-meta {
  font-size: 12px;
  color: #6b7280;
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 10px;
}
#content_area .bathselect-nova-pulse-series-wrapper .hero-meta strong {
  color: #1f3444;
  font-weight: 700;
}
/* HERO VISUAL BANNER */
#content_area .bathselect-nova-pulse-series-wrapper .hero-visual {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
}
#content_area .bathselect-nova-pulse-series-wrapper .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;
}
#content_area .bathselect-nova-pulse-series-wrapper .hero-banner > *:not(.banner-faucet-ghost) {
  position: relative;
  z-index: 1;
}
#content_area .bathselect-nova-pulse-series-wrapper .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;
}
#content_area .bathselect-nova-pulse-series-wrapper .banner-title {
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 12px;
  color: #1f3444;
  line-height: 1.5;
}
#content_area .bathselect-nova-pulse-series-wrapper .banner-chip-row {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-bottom: 14px;
}
#content_area .bathselect-nova-pulse-series-wrapper .banner-chip {
  padding: 5px 11px;
  border-radius: 999px;
  font-size: 11px;
  background: #ffffff;
  border: 1px solid #c7e2f6;
  color: #5a8db5;
  font-weight: 600;
}
#content_area .bathselect-nova-pulse-series-wrapper .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;
}
#content_area .bathselect-nova-pulse-series-wrapper .banner-spec-pill span.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;
}
#content_area .bathselect-nova-pulse-series-wrapper .banner-faucet-ghost {
  position: absolute;
  right: -36px;
  top: 32px;
  width: 180px;
  height: 180px;
  border-radius: 999px;
  border: 1px solid #c7e2f6;
  background: radial-gradient(circle at 30% 10%, #ffffff, #e3f2fd 65%, #c7e2f6);
  opacity: 0.5;
  box-shadow: 0 0 40px rgba(127, 179, 221, 0.25);
  filter: drop-shadow(0 16px 30px rgba(15, 23, 42, 0.12));
  z-index: 0;
  pointer-events: none;
}
#content_area .bathselect-nova-pulse-series-wrapper .banner-faucet-ghost::after {
  content: "";
  position: absolute;
  inset: 24px;
  border-radius: 60% 40% 55% 45%;
  border: 1px solid rgba(127, 179, 221, 0.55);
  border-top-color: transparent;
  border-left-color: transparent;
  transform: rotate(-22deg);
  opacity: 0.9;
}
#content_area .bathselect-nova-pulse-series-wrapper .banner-footnote {
  margin-top: 10px;
  font-size: 11px;
  color: #6b7280;
  max-width: 80%;
}
/* PILL NAV SECTION */
#content_area .bathselect-nova-pulse-series-wrapper .pill-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 28px 0 18px;
}
#content_area .bathselect-nova-pulse-series-wrapper .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;
}
#content_area .bathselect-nova-pulse-series-wrapper .pill-nav button.active {
  background: linear-gradient(135deg, #e3f2fd, #c7e2f6);
  color: #1f3444;
  border-color: #c7e2f6;
  font-weight: 700;
}
#content_area .bathselect-nova-pulse-series-wrapper .pill-nav button:hover {
  transform: translateY(-1px);
  border-color: #7fb3dd;
  background: #f5faff;
}
/* CONTENT GRID */
#content_area .bathselect-nova-pulse-series-wrapper .content-grid {
  display: grid;
  grid-template-columns: minmax(0, 2.2fr) minmax(0, 1.4fr);
  gap: 24px;
  margin-top: 12px;
  align-items: start;
}
#content_area .bathselect-nova-pulse-series-wrapper .card {
  background: #ffffff;
  border-radius: 24px;
  border: 1px solid #dde3ec;
  padding: 22px 22px;
  box-shadow: 0 12px 30px rgba(15, 23, 42, 0.05);
}
#content_area .bathselect-nova-pulse-series-wrapper .card + .card {
  margin-top: 18px;
}
#content_area .bathselect-nova-pulse-series-wrapper .card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
}
#content_area .bathselect-nova-pulse-series-wrapper .card-header span.label {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .18em;
  color: #5a8db5;
  font-weight: 700;
}
#content_area .bathselect-nova-pulse-series-wrapper .card-header span.dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #7fb3dd;
  box-shadow: 0 0 8px rgba(127, 179, 221, 0.6);
}
#content_area .bathselect-nova-pulse-series-wrapper .card p {
  color: #4b5563;
  font-size: 13px;
  margin-bottom: 8px;
}
#content_area .bathselect-nova-pulse-series-wrapper .card p strong {
  color: #1f3444;
  font-weight: 700;
}
#content_area .bathselect-nova-pulse-series-wrapper .card ul {
  list-style: none;
  margin-left: 0;
  margin-top: 8px;
}
#content_area .bathselect-nova-pulse-series-wrapper .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;
}
#content_area .bathselect-nova-pulse-series-wrapper .card ul li:last-child {
  border-bottom: none;
}
#content_area .bathselect-nova-pulse-series-wrapper .card ul li strong {
  color: #1f3444;
  font-weight: 700;
}
#content_area .bathselect-nova-pulse-series-wrapper .bullet {
  width: 7px;
  height: 7px;
  border-radius: 999px;
  margin-top: 7px;
  background: #7fb3dd;
  flex-shrink: 0;
}
#content_area .bathselect-nova-pulse-series-wrapper .pill-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 10px;
}
#content_area .bathselect-nova-pulse-series-wrapper .pill-list span {
  font-size: 11px;
  padding: 5px 11px;
  border-radius: 999px;
  background: #f5faff;
  border: 1px solid #c7e2f6;
  color: #5a8db5;
  font-weight: 600;
}
/* SPEC TOOLKIT BANNER */
#content_area .bathselect-nova-pulse-series-wrapper .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;
}
#content_area .bathselect-nova-pulse-series-wrapper .spec-banner h3 {
  margin: 0 0 4px;
  color: #1f3444;
}
#content_area .bathselect-nova-pulse-series-wrapper .spec-banner p {
  font-size: 13px;
  color: #6b7280;
}
#content_area .bathselect-nova-pulse-series-wrapper .spec-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  font-size: 11px;
}
#content_area .bathselect-nova-pulse-series-wrapper .spec-badges span {
  padding: 5px 11px;
  border-radius: 999px;
  background: #ffffff;
  border: 1px solid #c7e2f6;
  color: #5a8db5;
  font-weight: 600;
}
@media (max-width: 960px) {
  #content_area .bathselect-nova-pulse-series-wrapper .hero {
	grid-template-columns: minmax(0, 1fr);
  }
  #content_area .bathselect-nova-pulse-series-wrapper .hero-visual {
	order: -1;
  }
  #content_area .bathselect-nova-pulse-series-wrapper .content-grid {
	grid-template-columns: minmax(0, 1fr);
  }
  #content_area .bathselect-nova-pulse-series-wrapper .page {
	padding: 20px 16px 48px;
  }
}
@media (max-width: 640px) {
  #content_area .bathselect-nova-pulse-series-wrapper h1 {
	font-size: 26px;
  }
  #content_area .bathselect-nova-pulse-series-wrapper .hero {
	padding: 24px 18px;
  }
  #content_area .bathselect-nova-pulse-series-wrapper .hero-banner {
	max-width: 100%;
  }
}
/*Category 7154 (https://www.bathselect.com/BathSelect-Nova-Pulse-Series-s/7154.htm) End Here */

/*Category 7155 (https://www.bathselect.com/Contempory-Unique-Architectural-Faucets-s/7155.htm) Start Here */
.zara-Fontana-Contempory-Unique-Architectural-Faucets {
  line-height: 1.6;
  color: #1f3444;
  overflow-x: hidden;
}
.zara-Fontana-Contempory-Unique-Architectural-Faucets * {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
.zara-Fontana-Contempory-Unique-Architectural-Faucets a {
  color: #5a8db5;
  text-decoration: none;
}
.zara-Fontana-Contempory-Unique-Architectural-Faucets a:hover {
  text-decoration: underline;
}
/* PAGE */
.zara-Fontana-Contempory-Unique-Architectural-Faucets .zfcuaf-page {
  max-width: 1240px;
  margin: 0 auto;
  padding: 28px 18px 64px;
}
/* HEADER */
.zara-Fontana-Contempory-Unique-Architectural-Faucets .zfcuaf-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 32px;
  flex-wrap: wrap;
  gap: 14px;
}
.zara-Fontana-Contempory-Unique-Architectural-Faucets .zfcuaf-brand {
  display: flex;
  align-items: center;
  gap: 12px;
}
.zara-Fontana-Contempory-Unique-Architectural-Faucets .zfcuaf-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-Contempory-Unique-Architectural-Faucets .zfcuaf-brand-text {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.zara-Fontana-Contempory-Unique-Architectural-Faucets .zfcuaf-brand-text span:first-child {
  font-weight: 700;
  letter-spacing: 1px;
  font-size: 13px;
  text-transform: uppercase;
  color: #5a8db5;
}
.zara-Fontana-Contempory-Unique-Architectural-Faucets .zfcuaf-brand-text span:last-child {
  font-weight: 700;
  font-size: 15px;
  color: #1f3444;
}
.zara-Fontana-Contempory-Unique-Architectural-Faucets .zfcuaf-header-actions {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}
.zara-Fontana-Contempory-Unique-Architectural-Faucets .zfcuaf-pill-label {
  padding: 5px 13px;
  border-radius: 999px;
  border: 1px solid #c7e2f6;
  background: #ffffff;
  font-size: 11px;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #5a8db5;
  font-weight: 600;
}
/* BUTTONS */
.zara-Fontana-Contempory-Unique-Architectural-Faucets .zfcuaf-cta-btn-outline,
.zara-Fontana-Contempory-Unique-Architectural-Faucets .zfcuaf-cta-btn-primary {
  border-radius: 999px;
  padding: 9px 18px;
  font-size: 13px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: all 0.18s ease-out;
  font-weight: 600;
}
.zara-Fontana-Contempory-Unique-Architectural-Faucets .zfcuaf-cta-btn-outline {
  border: 1px solid #c7e2f6;
  background: #ffffff;
  color: #1f3444;
}
.zara-Fontana-Contempory-Unique-Architectural-Faucets .zfcuaf-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-Contempory-Unique-Architectural-Faucets .zfcuaf-cta-btn-outline:hover {
  background: #f5faff;
  border-color: #7fb3dd;
  transform: translateY(-1px);
}
.zara-Fontana-Contempory-Unique-Architectural-Faucets .zfcuaf-cta-btn-primary:hover {
  background: linear-gradient(135deg, #d6ecfb, #b5d8ef);
  border-color: #b5d8ef;
  transform: translateY(-1px);
}
/* HERO */
.zara-Fontana-Contempory-Unique-Architectural-Faucets .zfcuaf-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-Contempory-Unique-Architectural-Faucets .zfcuaf-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-Contempory-Unique-Architectural-Faucets .zfcuaf-hero-content {
  position: relative;
  z-index: 2;
}
.zara-Fontana-Contempory-Unique-Architectural-Faucets .zfcuaf-hero-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
  flex-wrap: wrap;
}
.zara-Fontana-Contempory-Unique-Architectural-Faucets .zfcuaf-hero-eyebrow span {
  font-size: 11px;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: #5a8db5;
  font-weight: 700;
}
.zara-Fontana-Contempory-Unique-Architectural-Faucets .zfcuaf-hero-badge {
  padding: 4px 11px;
  border-radius: 999px;
  background: #ffffff;
  border: 1px solid #c7e2f6;
  color: #5a8db5;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 600;
}
/* HEADINGS */
.zara-Fontana-Contempory-Unique-Architectural-Faucets .zfcuaf-h1 {
  font-size: 32px;
  line-height: 1.18;
  margin-bottom: 8px;
  color: #1f3444;
}
.zara-Fontana-Contempory-Unique-Architectural-Faucets .zfcuaf-h1-accent {
  color: #5a8db5;
}
.zara-Fontana-Contempory-Unique-Architectural-Faucets .zfcuaf-h2 {
  font-size: 22px;
  margin: 20px 0 12px;
  color: #1f3444;
}
.zara-Fontana-Contempory-Unique-Architectural-Faucets .zfcuaf-h3 {
  font-size: 18px;
  margin: 18px 0 8px;
  color: #1f3444;
}
.zara-Fontana-Contempory-Unique-Architectural-Faucets .zfcuaf-h4 {
  font-size: 16px;
  margin: 12px 0 6px;
  color: #1f3444;
}
.zara-Fontana-Contempory-Unique-Architectural-Faucets .zfcuaf-h5 {
  font-size: 14px !important;
  margin: 10px 0 4px;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #5a8db5;
  font-weight: 700;
}
.zara-Fontana-Contempory-Unique-Architectural-Faucets .zfcuaf-hero-subtitle {
  font-size: 15px;
  color: #4b5563;
  max-width: 580px;
  margin-bottom: 18px;
}
.zara-Fontana-Contempory-Unique-Architectural-Faucets .zfcuaf-hero-subtitle strong {
  color: #1f3444;
  font-weight: 700;
}
.zara-Fontana-Contempory-Unique-Architectural-Faucets .zfcuaf-hero-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 14px 0 18px;
}
.zara-Fontana-Contempory-Unique-Architectural-Faucets .zfcuaf-hero-tags span {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 2px;
  padding: 6px 14px;
  border-radius: 999px;
  border: 1px solid #c7e2f6;
  background: #ffffff;
  color: #5a8db5;
  font-weight: 600;
}
.zara-Fontana-Contempory-Unique-Architectural-Faucets .zfcuaf-hero-cta-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  margin-top: 10px;
}
.zara-Fontana-Contempory-Unique-Architectural-Faucets .zfcuaf-hero-meta {
  font-size: 12px;
  color: #6b7280;
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 10px;
}
.zara-Fontana-Contempory-Unique-Architectural-Faucets .zfcuaf-hero-meta strong {
  color: #1f3444;
  font-weight: 700;
}
/* HERO VISUAL */
.zara-Fontana-Contempory-Unique-Architectural-Faucets .zfcuaf-hero-visual {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
}
.zara-Fontana-Contempory-Unique-Architectural-Faucets .zfcuaf-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;
}
/* Lift all hero-banner direct children above the ghost orb */
.zara-Fontana-Contempory-Unique-Architectural-Faucets .zfcuaf-hero-banner > *:not(.zfcuaf-banner-faucet-ghost) {
  position: relative;
  z-index: 1;
}
.zara-Fontana-Contempory-Unique-Architectural-Faucets .zfcuaf-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: 2px;
  text-transform: uppercase;
  color: #5a8db5;
  margin-bottom: 10px;
  font-weight: 600;
}
.zara-Fontana-Contempory-Unique-Architectural-Faucets .zfcuaf-banner-title {
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 12px;
  color: #1f3444;
  line-height: 1.5;
}
.zara-Fontana-Contempory-Unique-Architectural-Faucets .zfcuaf-banner-chip-row {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-bottom: 14px;
}
.zara-Fontana-Contempory-Unique-Architectural-Faucets .zfcuaf-banner-chip {
  padding: 5px 11px;
  border-radius: 999px;
  font-size: 11px;
  background: #ffffff;
  border: 1px solid #c7e2f6;
  color: #5a8db5;
  font-weight: 600;
}
.zara-Fontana-Contempory-Unique-Architectural-Faucets .zfcuaf-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-Contempory-Unique-Architectural-Faucets .zfcuaf-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;
}
/* Decorative ghost orb � sits behind text, semi-transparent, non-interactive */
.zara-Fontana-Contempory-Unique-Architectural-Faucets .zfcuaf-banner-faucet-ghost {
  position: absolute;
  right: -36px;
  top: 32px;
  width: 180px;
  height: 180px;
  border-radius: 999px;
  border: 1px solid #c7e2f6;
  background: radial-gradient(circle at 20% 20%, #ffffff, #e3f2fd 70%, #c7e2f6);
  opacity: 0.5;
  box-shadow: 0 0 40px rgba(127, 179, 221, 0.25);
  filter: drop-shadow(0 16px 30px rgba(15, 23, 42, 0.12));
  transform: rotate(-14deg);
  z-index: 0;
  pointer-events: none;
}
.zara-Fontana-Contempory-Unique-Architectural-Faucets .zfcuaf-banner-faucet-ghost::after {
  content: "";
  position: absolute;
  inset: 24px;
  border-radius: 65% 35% 50% 50%;
  border: 1px solid rgba(127, 179, 221, 0.55);
  border-top-color: transparent;
  border-left-color: transparent;
  opacity: 0.9;
}
.zara-Fontana-Contempory-Unique-Architectural-Faucets .zfcuaf-banner-footnote {
  margin-top: 10px;
  font-size: 11px;
  color: #6b7280;
  max-width: 80%;
}
/* NAV */
.zara-Fontana-Contempory-Unique-Architectural-Faucets .zfcuaf-pill-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 28px 0 18px;
}
.zara-Fontana-Contempory-Unique-Architectural-Faucets .zfcuaf-pill-nav button {
  background: #ffffff;
  border-radius: 999px;
  border: 1px solid #c7e2f6;
  color: #5a8db5;
  padding: 8px 15px;
  font-size: 12px;
  cursor: pointer;
  transition: all 0.16s ease-out;
  font-weight: 600;
}
.zara-Fontana-Contempory-Unique-Architectural-Faucets .zfcuaf-pill-nav button.zfcuaf-active {
  background: linear-gradient(135deg, #e3f2fd, #c7e2f6);
  color: #1f3444;
  border-color: #c7e2f6;
  font-weight: 700;
}
.zara-Fontana-Contempory-Unique-Architectural-Faucets .zfcuaf-pill-nav button:hover {
  transform: translateY(-1px);
  border-color: #7fb3dd;
  background: #f5faff;
}
/* CONTENT GRID */
.zara-Fontana-Contempory-Unique-Architectural-Faucets .zfcuaf-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-Contempory-Unique-Architectural-Faucets .zfcuaf-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-Contempory-Unique-Architectural-Faucets .zfcuaf-card + .zfcuaf-card {
  margin-top: 18px;
}
.zara-Fontana-Contempory-Unique-Architectural-Faucets .zfcuaf-card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
}
.zara-Fontana-Contempory-Unique-Architectural-Faucets .zfcuaf-label {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 3px;
  color: #5a8db5;
  font-weight: 700;
}
.zara-Fontana-Contempory-Unique-Architectural-Faucets .zfcuaf-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #7fb3dd;
  box-shadow: 0 0 8px rgba(127, 179, 221, 0.6);
}
.zara-Fontana-Contempory-Unique-Architectural-Faucets .zfcuaf-card p {
  color: #4b5563;
  font-size: 13px;
  margin-bottom: 8px;
}
.zara-Fontana-Contempory-Unique-Architectural-Faucets .zfcuaf-card p strong {
  color: #1f3444;
  font-weight: 700;
}
.zara-Fontana-Contempory-Unique-Architectural-Faucets .zfcuaf-card ul {
  list-style: none;
  margin-left: 0;
  margin-top: 8px;
}
.zara-Fontana-Contempory-Unique-Architectural-Faucets .zfcuaf-card ul li {
  font-size: 14px;
  color: #4b5563;
  padding: 8px 0;
  border-bottom: 1px solid #e5e7eb;
  display: flex;
  gap: 10px;
  align-items: flex-start;
  line-height: 1.55;
}
.zara-Fontana-Contempory-Unique-Architectural-Faucets .zfcuaf-card ul li:last-child {
  border-bottom: none;
}
.zara-Fontana-Contempory-Unique-Architectural-Faucets .zfcuaf-card ul li strong {
  color: #1f3444;
  font-weight: 700;
}
.zara-Fontana-Contempory-Unique-Architectural-Faucets .zfcuaf-bullet {
  width: 7px;
  height: 7px;
  border-radius: 999px;
  margin-top: 7px;
  background: #7fb3dd;
  flex-shrink: 0;
}
.zara-Fontana-Contempory-Unique-Architectural-Faucets .zfcuaf-pill-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 10px;
}
.zara-Fontana-Contempory-Unique-Architectural-Faucets .zfcuaf-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-Contempory-Unique-Architectural-Faucets .zfcuaf-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-Contempory-Unique-Architectural-Faucets .zfcuaf-spec-banner .zfcuaf-h3 {
  margin: 0 0 4px;
  color: #1f3444;
}
.zara-Fontana-Contempory-Unique-Architectural-Faucets .zfcuaf-spec-banner p {
  font-size: 13px;
  color: #6b7280;
}
.zara-Fontana-Contempory-Unique-Architectural-Faucets .zfcuaf-spec-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.zara-Fontana-Contempory-Unique-Architectural-Faucets .zfcuaf-spec-badges span {
  font-size: 11px;
  padding: 5px 11px;
  border-radius: 999px;
  background: #ffffff;
  border: 1px solid #c7e2f6;
  color: #5a8db5;
  font-weight: 600;
}
.zara-Fontana-Contempory-Unique-Architectural-Faucets .zfcuaf-spec-banner-btn-wrap {
  margin-top: 10px;
}

/* RESPONSIVE */
@media (max-width: 960px) {
  .zara-Fontana-Contempory-Unique-Architectural-Faucets .zfcuaf-hero {
    grid-template-columns: minmax(0, 1fr);
  }
  .zara-Fontana-Contempory-Unique-Architectural-Faucets .zfcuaf-hero-visual {
    order: -1;
  }
  .zara-Fontana-Contempory-Unique-Architectural-Faucets .zfcuaf-content-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  .zara-Fontana-Contempory-Unique-Architectural-Faucets .zfcuaf-page {
    padding: 20px 16px 48px;
  }
}
@media (max-width: 640px) {
  .zara-Fontana-Contempory-Unique-Architectural-Faucets .zfcuaf-h1 {
    font-size: 26px;
  }
  .zara-Fontana-Contempory-Unique-Architectural-Faucets .zfcuaf-hero {
    padding: 24px 18px;
  }
  .zara-Fontana-Contempory-Unique-Architectural-Faucets .zfcuaf-hero-banner {
    max-width: 100%;
  }
  .zara-Fontana-Contempory-Unique-Architectural-Faucets .zfcuaf-card {
    padding: 18px;
  }
}
/*Category 7155 (https://www.bathselect.com/Contempory-Unique-Architectural-Faucets-s/7155.htm) End Here */
/*Category 7156 (https://www.bathselect.com/BathSelect-Crystal-Pillar-Collection-s/7156.htm) Start Here */
.zara-BathSelect-Crystal-Pillar-Collection {
  line-height: 1.6;
  color: #1f3444;
  overflow-x: hidden;
}
.zara-BathSelect-Crystal-Pillar-Collection * {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
.zara-BathSelect-Crystal-Pillar-Collection a {
  color: #5a8db5;
  text-decoration: none;
}
.zara-BathSelect-Crystal-Pillar-Collection a:hover {
  text-decoration: underline;
}

/* PAGE */
.zara-BathSelect-Crystal-Pillar-Collection .zbcpc-page {
  max-width: 1240px;
  margin: 0 auto;
  padding: 28px 18px 64px;
}

/* HEADER */
.zara-BathSelect-Crystal-Pillar-Collection .zbcpc-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 32px;
  flex-wrap: wrap;
  gap: 14px;
}
.zara-BathSelect-Crystal-Pillar-Collection .zbcpc-brand {
  display: flex;
  align-items: center;
  gap: 12px;
}
.zara-BathSelect-Crystal-Pillar-Collection .zbcpc-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-BathSelect-Crystal-Pillar-Collection .zbcpc-brand-text {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.zara-BathSelect-Crystal-Pillar-Collection .zbcpc-brand-text span:first-child {
  font-weight: 700;
  letter-spacing: 1px;
  font-size: 13px;
  text-transform: uppercase;
  color: #5a8db5;
}
.zara-BathSelect-Crystal-Pillar-Collection .zbcpc-brand-text span:last-child {
  font-weight: 700;
  font-size: 15px;
  color: #1f3444;
}
.zara-BathSelect-Crystal-Pillar-Collection .zbcpc-header-actions {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}
.zara-BathSelect-Crystal-Pillar-Collection .zbcpc-pill-label {
  padding: 5px 13px;
  border-radius: 999px;
  border: 1px solid #c7e2f6;
  background: #ffffff;
  font-size: 11px;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #5a8db5;
  font-weight: 600;
}

/* BUTTONS */
.zara-BathSelect-Crystal-Pillar-Collection .zbcpc-cta-btn-outline,
.zara-BathSelect-Crystal-Pillar-Collection .zbcpc-cta-btn-primary {
  border-radius: 999px;
  padding: 9px 18px;
  font-size: 13px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: all 0.18s ease-out;
  font-weight: 600;
}
.zara-BathSelect-Crystal-Pillar-Collection .zbcpc-cta-btn-outline {
  border: 1px solid #c7e2f6;
  background: #ffffff;
  color: #1f3444;
}
.zara-BathSelect-Crystal-Pillar-Collection .zbcpc-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-BathSelect-Crystal-Pillar-Collection .zbcpc-cta-btn-outline:hover {
  background: #f5faff;
  border-color: #7fb3dd;
  transform: translateY(-1px);
}
.zara-BathSelect-Crystal-Pillar-Collection .zbcpc-cta-btn-primary:hover {
  background: linear-gradient(135deg, #d6ecfb, #b5d8ef);
  border-color: #b5d8ef;
  transform: translateY(-1px);
}

/* HERO */
.zara-BathSelect-Crystal-Pillar-Collection .zbcpc-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-BathSelect-Crystal-Pillar-Collection .zbcpc-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-BathSelect-Crystal-Pillar-Collection .zbcpc-hero-content {
  position: relative;
  z-index: 2;
}
.zara-BathSelect-Crystal-Pillar-Collection .zbcpc-hero-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
  flex-wrap: wrap;
}
.zara-BathSelect-Crystal-Pillar-Collection .zbcpc-hero-eyebrow span {
  font-size: 11px;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: #5a8db5;
  font-weight: 700;
}
.zara-BathSelect-Crystal-Pillar-Collection .zbcpc-hero-badge {
  padding: 4px 11px;
  border-radius: 999px;
  background: #ffffff;
  border: 1px solid #c7e2f6;
  color: #5a8db5;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 600;
}

/* HEADINGS */
.zara-BathSelect-Crystal-Pillar-Collection .zbcpc-h1 {
  font-size: 32px;
  line-height: 1.18;
  margin-bottom: 8px;
  color: #1f3444;
}
.zara-BathSelect-Crystal-Pillar-Collection .zbcpc-h1-accent {
  color: #5a8db5;
}
.zara-BathSelect-Crystal-Pillar-Collection .zbcpc-h2 {
  font-size: 22px;
  margin: 20px 0 12px;
  color: #1f3444;
}
.zara-BathSelect-Crystal-Pillar-Collection .zbcpc-h3 {
  font-size: 18px;
  margin: 18px 0 8px;
  color: #1f3444;
}
.zara-BathSelect-Crystal-Pillar-Collection .zbcpc-h4 {
  font-size: 16px;
  margin: 12px 0 6px;
  color: #1f3444;
}
.zara-BathSelect-Crystal-Pillar-Collection .zbcpc-h5 {
  font-size: 14px !important;
  margin: 10px 0 4px;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #5a8db5;
  font-weight: 700;
}

.zara-BathSelect-Crystal-Pillar-Collection .zbcpc-hero-subtitle {
  font-size: 15px;
  color: #4b5563;
  max-width: 580px;
  margin-bottom: 18px;
}
.zara-BathSelect-Crystal-Pillar-Collection .zbcpc-hero-subtitle strong {
  color: #1f3444;
  font-weight: 700;
}
.zara-BathSelect-Crystal-Pillar-Collection .zbcpc-hero-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 14px 0 18px;
}
.zara-BathSelect-Crystal-Pillar-Collection .zbcpc-hero-tags span {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 2px;
  padding: 6px 14px;
  border-radius: 999px;
  border: 1px solid #c7e2f6;
  background: #ffffff;
  color: #5a8db5;
  font-weight: 600;
}
.zara-BathSelect-Crystal-Pillar-Collection .zbcpc-hero-cta-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  margin-top: 10px;
}
.zara-BathSelect-Crystal-Pillar-Collection .zbcpc-hero-meta {
  font-size: 12px;
  color: #6b7280;
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 10px;
}
.zara-BathSelect-Crystal-Pillar-Collection .zbcpc-hero-meta strong {
  color: #1f3444;
  font-weight: 700;
}

/* HERO VISUAL */
.zara-BathSelect-Crystal-Pillar-Collection .zbcpc-hero-visual {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
}
.zara-BathSelect-Crystal-Pillar-Collection .zbcpc-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;
}
/* Lift all hero-banner direct children above the ghost pillar */
.zara-BathSelect-Crystal-Pillar-Collection .zbcpc-hero-banner > *:not(.zbcpc-banner-faucet-ghost) {
  position: relative;
  z-index: 1;
}
.zara-BathSelect-Crystal-Pillar-Collection .zbcpc-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: 2px;
  text-transform: uppercase;
  color: #5a8db5;
  margin-bottom: 10px;
  font-weight: 600;
}
.zara-BathSelect-Crystal-Pillar-Collection .zbcpc-banner-title {
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 12px;
  color: #1f3444;
  line-height: 1.5;
}
.zara-BathSelect-Crystal-Pillar-Collection .zbcpc-banner-chip-row {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-bottom: 14px;
}
.zara-BathSelect-Crystal-Pillar-Collection .zbcpc-banner-chip {
  padding: 5px 11px;
  border-radius: 999px;
  font-size: 11px;
  background: #ffffff;
  border: 1px solid #c7e2f6;
  color: #5a8db5;
  font-weight: 600;
}
.zara-BathSelect-Crystal-Pillar-Collection .zbcpc-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-BathSelect-Crystal-Pillar-Collection .zbcpc-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;
}

/* CRYSTAL PILLAR GHOST � tall faceted pillar silhouette, sits behind text, semi-transparent, non-interactive */
.zara-BathSelect-Crystal-Pillar-Collection .zbcpc-banner-faucet-ghost {
  position: absolute;
  right: -26px;
  top: 10px;
  width: 140px;
  height: 220px;
  border-radius: 22px;
  border: 1px solid #c7e2f6;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.85), rgba(199, 226, 246, 0.45)),
    linear-gradient(180deg, #ffffff, #e3f2fd);
  box-shadow:
    0 0 32px rgba(127, 179, 221, 0.30),
    0 16px 30px rgba(15, 23, 42, 0.12);
  transform: skewX(-10deg);
  overflow: hidden;
  opacity: 0.5;
  z-index: 0;
  pointer-events: none;
}
.zara-BathSelect-Crystal-Pillar-Collection .zbcpc-banner-faucet-ghost::before {
  content: "";
  position: absolute;
  left: 8px;
  top: 0;
  bottom: 0;
  width: 2px;
  background: linear-gradient(180deg, rgba(127, 179, 221, 0.7), transparent);
  opacity: 0.9;
}
.zara-BathSelect-Crystal-Pillar-Collection .zbcpc-banner-faucet-ghost::after {
  content: "";
  position: absolute;
  right: 12px;
  top: 0;
  bottom: 0;
  width: 3px;
  background: linear-gradient(180deg, rgba(90, 141, 181, 0.7), transparent);
  opacity: 0.8;
}

.zara-BathSelect-Crystal-Pillar-Collection .zbcpc-banner-footnote {
  margin-top: 10px;
  font-size: 11px;
  color: #6b7280;
  max-width: 80%;
}

/* NAV */
.zara-BathSelect-Crystal-Pillar-Collection .zbcpc-pill-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 28px 0 18px;
}
.zara-BathSelect-Crystal-Pillar-Collection .zbcpc-pill-nav button {
  background: #ffffff;
  border-radius: 999px;
  border: 1px solid #c7e2f6;
  color: #5a8db5;
  padding: 8px 15px;
  font-size: 12px;
  cursor: pointer;
  transition: all 0.16s ease-out;
  font-weight: 600;
}
.zara-BathSelect-Crystal-Pillar-Collection .zbcpc-pill-nav button.zbcpc-active {
  background: linear-gradient(135deg, #e3f2fd, #c7e2f6);
  color: #1f3444;
  border-color: #c7e2f6;
  font-weight: 700;
}
.zara-BathSelect-Crystal-Pillar-Collection .zbcpc-pill-nav button:hover {
  transform: translateY(-1px);
  border-color: #7fb3dd;
  background: #f5faff;
}

/* CONTENT GRID */
.zara-BathSelect-Crystal-Pillar-Collection .zbcpc-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-BathSelect-Crystal-Pillar-Collection .zbcpc-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-BathSelect-Crystal-Pillar-Collection .zbcpc-card + .zbcpc-card {
  margin-top: 18px;
}
.zara-BathSelect-Crystal-Pillar-Collection .zbcpc-card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
}
.zara-BathSelect-Crystal-Pillar-Collection .zbcpc-label {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 3px;
  color: #5a8db5;
  font-weight: 700;
}
.zara-BathSelect-Crystal-Pillar-Collection .zbcpc-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #7fb3dd;
  box-shadow: 0 0 8px rgba(127, 179, 221, 0.6);
}
.zara-BathSelect-Crystal-Pillar-Collection .zbcpc-card p {
  color: #4b5563;
  font-size: 13px;
  margin-bottom: 8px;
}
.zara-BathSelect-Crystal-Pillar-Collection .zbcpc-card p strong {
  color: #1f3444;
  font-weight: 700;
}
.zara-BathSelect-Crystal-Pillar-Collection .zbcpc-card ul {
  list-style: none;
  margin-left: 0;
  margin-top: 8px;
}
.zara-BathSelect-Crystal-Pillar-Collection .zbcpc-card ul li {
  font-size: 14px;
  color: #4b5563;
  padding: 8px 0;
  border-bottom: 1px solid #e5e7eb;
  display: flex;
  gap: 10px;
  align-items: flex-start;
  line-height: 1.55;
}
.zara-BathSelect-Crystal-Pillar-Collection .zbcpc-card ul li:last-child {
  border-bottom: none;
}
.zara-BathSelect-Crystal-Pillar-Collection .zbcpc-card ul li strong {
  color: #1f3444;
  font-weight: 700;
}
.zara-BathSelect-Crystal-Pillar-Collection .zbcpc-bullet {
  width: 7px;
  height: 7px;
  border-radius: 999px;
  margin-top: 7px;
  background: #7fb3dd;
  flex-shrink: 0;
}
.zara-BathSelect-Crystal-Pillar-Collection .zbcpc-pill-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 10px;
}
.zara-BathSelect-Crystal-Pillar-Collection .zbcpc-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-BathSelect-Crystal-Pillar-Collection .zbcpc-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-BathSelect-Crystal-Pillar-Collection .zbcpc-spec-banner .zbcpc-h3 {
  margin: 0 0 4px;
  color: #1f3444;
}
.zara-BathSelect-Crystal-Pillar-Collection .zbcpc-spec-banner p {
  font-size: 13px;
  color: #6b7280;
}
.zara-BathSelect-Crystal-Pillar-Collection .zbcpc-spec-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.zara-BathSelect-Crystal-Pillar-Collection .zbcpc-spec-badges span {
  font-size: 11px;
  padding: 5px 11px;
  border-radius: 999px;
  background: #ffffff;
  border: 1px solid #c7e2f6;
  color: #5a8db5;
  font-weight: 600;
}
.zara-BathSelect-Crystal-Pillar-Collection .zbcpc-spec-banner-btn-wrap {
  margin-top: 10px;
}



/* RESPONSIVE */
@media (max-width: 960px) {
  .zara-BathSelect-Crystal-Pillar-Collection .zbcpc-hero {
    grid-template-columns: minmax(0, 1fr);
  }
  .zara-BathSelect-Crystal-Pillar-Collection .zbcpc-hero-visual {
    order: -1;
  }
  .zara-BathSelect-Crystal-Pillar-Collection .zbcpc-content-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  .zara-BathSelect-Crystal-Pillar-Collection .zbcpc-page {
    padding: 20px 16px 48px;
  }
}
@media (max-width: 640px) {
  .zara-BathSelect-Crystal-Pillar-Collection .zbcpc-h1 {
    font-size: 26px;
  }
  .zara-BathSelect-Crystal-Pillar-Collection .zbcpc-hero {
    padding: 24px 18px;
  }
  .zara-BathSelect-Crystal-Pillar-Collection .zbcpc-hero-banner {
    max-width: 100%;
  }
  .zara-BathSelect-Crystal-Pillar-Collection .zbcpc-card {
    padding: 18px;
  }
}
/*Category 7156 (https://www.bathselect.com/BathSelect-Crystal-Pillar-Collection-s/7156.htm) End Here */
/*Category 7157 (https://www.bathselect.com/BathSelect-Stria-Arc-Collection-s/7157.htm) Start Here */
.zara-BathSelect-Stria-Arc-Collection {
  line-height: 1.6;
  color: #1f3444;
  overflow-x: hidden;
}
.zara-BathSelect-Stria-Arc-Collection * {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
.zara-BathSelect-Stria-Arc-Collection a {
  color: #5a8db5;
  text-decoration: none;
}
.zara-BathSelect-Stria-Arc-Collection a:hover {
  text-decoration: underline;
}

/* PAGE */
.zara-BathSelect-Stria-Arc-Collection .zbsac-page {
  max-width: 1240px;
  margin: 0 auto;
  padding: 28px 18px 64px;
}

/* HEADER */
.zara-BathSelect-Stria-Arc-Collection .zbsac-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 32px;
  flex-wrap: wrap;
  gap: 14px;
}
.zara-BathSelect-Stria-Arc-Collection .zbsac-brand {
  display: flex;
  align-items: center;
  gap: 12px;
}
.zara-BathSelect-Stria-Arc-Collection .zbsac-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-BathSelect-Stria-Arc-Collection .zbsac-brand-text {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.zara-BathSelect-Stria-Arc-Collection .zbsac-brand-text span:first-child {
  font-weight: 700;
  letter-spacing: 1px;
  font-size: 13px;
  text-transform: uppercase;
  color: #5a8db5;
}
.zara-BathSelect-Stria-Arc-Collection .zbsac-brand-text span:last-child {
  font-weight: 700;
  font-size: 15px;
  color: #1f3444;
}
.zara-BathSelect-Stria-Arc-Collection .zbsac-header-actions {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.zara-BathSelect-Stria-Arc-Collection .zbsac-pill-label {
  padding: 5px 13px;
  border-radius: 999px;
  border: 1px solid #c7e2f6;
  background: #ffffff;
  font-size: 11px;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #5a8db5;
  font-weight: 600;
}

/* BUTTONS */
.zara-BathSelect-Stria-Arc-Collection .zbsac-cta-btn-outline,
.zara-BathSelect-Stria-Arc-Collection .zbsac-cta-btn-primary {
  border-radius: 999px;
  padding: 9px 18px;
  font-size: 13px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: all 0.18s ease-out;
  font-weight: 600;
}
.zara-BathSelect-Stria-Arc-Collection .zbsac-cta-btn-outline {
  border: 1px solid #c7e2f6;
  background: #ffffff;
  color: #1f3444;
}
.zara-BathSelect-Stria-Arc-Collection .zbsac-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-BathSelect-Stria-Arc-Collection .zbsac-cta-btn-outline:hover {
  background: #f5faff;
  border-color: #7fb3dd;
  transform: translateY(-1px);
}
.zara-BathSelect-Stria-Arc-Collection .zbsac-cta-btn-primary:hover {
  background: linear-gradient(135deg, #d6ecfb, #b5d8ef);
  border-color: #b5d8ef;
  transform: translateY(-1px);
}

/* HERO */
.zara-BathSelect-Stria-Arc-Collection .zbsac-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-BathSelect-Stria-Arc-Collection .zbsac-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-BathSelect-Stria-Arc-Collection .zbsac-hero-content {
  position: relative;
  z-index: 2;
}
.zara-BathSelect-Stria-Arc-Collection .zbsac-hero-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
  flex-wrap: wrap;
}
.zara-BathSelect-Stria-Arc-Collection .zbsac-hero-eyebrow span {
  font-size: 11px;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: #5a8db5;
  font-weight: 700;
}
.zara-BathSelect-Stria-Arc-Collection .zbsac-hero-badge {
  padding: 4px 11px;
  border-radius: 999px;
  background: #ffffff;
  border: 1px solid #c7e2f6;
  color: #5a8db5;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 600;
}

/* HEADINGS */
.zara-BathSelect-Stria-Arc-Collection .zbsac-h1 {
  font-size: 32px;
  line-height: 1.18;
  margin-bottom: 8px;
  color: #1f3444;
  letter-spacing: -0.5px;
}
.zara-BathSelect-Stria-Arc-Collection .zbsac-h2 {
  font-size: 22px;
  margin: 20px 0 12px;
  color: #1f3444;
}
.zara-BathSelect-Stria-Arc-Collection .zbsac-h3 {
  font-size: 18px;
  margin: 18px 0 8px;
  color: #1f3444;
}
.zara-BathSelect-Stria-Arc-Collection .zbsac-h4 {
  font-size: 16px;
  margin: 12px 0 6px;
  color: #1f3444;
}
.zara-BathSelect-Stria-Arc-Collection .zbsac-h5 {
  font-size: 14px !important;
  margin: 10px 0 4px;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #5a8db5;
  font-weight: 700;
}

.zara-BathSelect-Stria-Arc-Collection .zbsac-hero-subtitle {
  font-size: 15px;
  color: #4b5563;
  max-width: 580px;
  margin-bottom: 18px;
}
.zara-BathSelect-Stria-Arc-Collection .zbsac-hero-subtitle strong {
  color: #1f3444;
  font-weight: 700;
}
.zara-BathSelect-Stria-Arc-Collection .zbsac-hero-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 14px 0 18px;
}
.zara-BathSelect-Stria-Arc-Collection .zbsac-hero-tags span {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 2px;
  padding: 6px 14px;
  border-radius: 999px;
  border: 1px solid #c7e2f6;
  background: #ffffff;
  color: #5a8db5;
  font-weight: 600;
}
.zara-BathSelect-Stria-Arc-Collection .zbsac-hero-cta-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  margin-top: 10px;
}
.zara-BathSelect-Stria-Arc-Collection .zbsac-hero-meta {
  font-size: 12px;
  color: #6b7280;
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 10px;
}
.zara-BathSelect-Stria-Arc-Collection .zbsac-hero-meta strong {
  color: #1f3444;
  font-weight: 700;
}

/* HERO VISUAL */
.zara-BathSelect-Stria-Arc-Collection .zbsac-hero-visual {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
}
.zara-BathSelect-Stria-Arc-Collection .zbsac-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;
}
/* Lift all hero-banner direct children above the ghost arc */
.zara-BathSelect-Stria-Arc-Collection .zbsac-hero-banner > *:not(.zbsac-banner-faucet-ghost) {
  position: relative;
  z-index: 1;
}
.zara-BathSelect-Stria-Arc-Collection .zbsac-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: 2px;
  text-transform: uppercase;
  color: #5a8db5;
  margin-bottom: 10px;
  font-weight: 600;
}
.zara-BathSelect-Stria-Arc-Collection .zbsac-banner-title {
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 12px;
  color: #1f3444;
  line-height: 1.5;
}
.zara-BathSelect-Stria-Arc-Collection .zbsac-banner-chip-row {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-bottom: 14px;
}
.zara-BathSelect-Stria-Arc-Collection .zbsac-banner-chip {
  padding: 5px 11px;
  border-radius: 999px;
  font-size: 11px;
  background: #ffffff;
  border: 1px solid #c7e2f6;
  color: #5a8db5;
  font-weight: 600;
}
.zara-BathSelect-Stria-Arc-Collection .zbsac-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-BathSelect-Stria-Arc-Collection .zbsac-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;
}

/* STRIA ARC GHOST � linear arc silhouette, sits behind text, semi-transparent, non-interactive */
.zara-BathSelect-Stria-Arc-Collection .zbsac-banner-faucet-ghost {
  position: absolute;
  right: -30px;
  top: 24px;
  width: 200px;
  height: 200px;
  border-radius: 999px;
  border: 1px solid #c7e2f6;
  background: radial-gradient(circle at 30% 20%, #ffffff, #e3f2fd 60%, #c7e2f6);
  opacity: 0.5;
  box-shadow: 0 0 40px rgba(127, 179, 221, 0.30);
  filter: drop-shadow(0 16px 30px rgba(15, 23, 42, 0.12));
  z-index: 0;
  pointer-events: none;
}
.zara-BathSelect-Stria-Arc-Collection .zbsac-banner-faucet-ghost::before {
  content: "";
  position: absolute;
  left: 30px;
  top: 30px;
  right: 30px;
  bottom: 30px;
  border-radius: 999px;
  border: 1px solid rgba(127, 179, 221, 0.55);
  border-top-color: transparent;
  border-right-color: transparent;
  transform: rotate(-30deg);
  opacity: 0.9;
}
.zara-BathSelect-Stria-Arc-Collection .zbsac-banner-faucet-ghost::after {
  content: "";
  position: absolute;
  left: 50px;
  top: 50px;
  right: 50px;
  bottom: 50px;
  border-radius: 999px;
  border: 1px solid rgba(127, 179, 221, 0.40);
  border-top-color: transparent;
  border-left-color: transparent;
  transform: rotate(30deg);
  opacity: 0.8;
}

.zara-BathSelect-Stria-Arc-Collection .zbsac-banner-footnote {
  margin-top: 10px;
  font-size: 11px;
  color: #6b7280;
  max-width: 80%;
}

/* NAV */
.zara-BathSelect-Stria-Arc-Collection .zbsac-pill-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 28px 0 18px;
}
.zara-BathSelect-Stria-Arc-Collection .zbsac-pill-nav button {
  background: #ffffff;
  border-radius: 999px;
  border: 1px solid #c7e2f6;
  color: #5a8db5;
  padding: 8px 15px;
  font-size: 12px;
  cursor: pointer;
  transition: all 0.16s ease-out;
  font-weight: 600;
}
.zara-BathSelect-Stria-Arc-Collection .zbsac-pill-nav button.zbsac-active {
  background: linear-gradient(135deg, #e3f2fd, #c7e2f6);
  color: #1f3444;
  border-color: #c7e2f6;
  font-weight: 700;
}
.zara-BathSelect-Stria-Arc-Collection .zbsac-pill-nav button:hover {
  transform: translateY(-1px);
  border-color: #7fb3dd;
  background: #f5faff;
}

/* CONTENT GRID */
.zara-BathSelect-Stria-Arc-Collection .zbsac-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-BathSelect-Stria-Arc-Collection .zbsac-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-BathSelect-Stria-Arc-Collection .zbsac-card + .zbsac-card {
  margin-top: 18px;
}
.zara-BathSelect-Stria-Arc-Collection .zbsac-card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
}
.zara-BathSelect-Stria-Arc-Collection .zbsac-label {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 3px;
  color: #5a8db5;
  font-weight: 700;
}
.zara-BathSelect-Stria-Arc-Collection .zbsac-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #7fb3dd;
  box-shadow: 0 0 8px rgba(127, 179, 221, 0.6);
}
.zara-BathSelect-Stria-Arc-Collection .zbsac-card p {
  color: #4b5563;
  font-size: 13px;
  margin-bottom: 8px;
}
.zara-BathSelect-Stria-Arc-Collection .zbsac-card p strong {
  color: #1f3444;
  font-weight: 700;
}
.zara-BathSelect-Stria-Arc-Collection .zbsac-card ul {
  list-style: none;
  margin-left: 0;
  margin-top: 8px;
}
.zara-BathSelect-Stria-Arc-Collection .zbsac-card ul li {
  font-size: 14px;
  color: #4b5563;
  padding: 8px 0;
  border-bottom: 1px solid #e5e7eb;
  display: flex;
  gap: 10px;
  align-items: flex-start;
  line-height: 1.55;
}
.zara-BathSelect-Stria-Arc-Collection .zbsac-card ul li:last-child {
  border-bottom: none;
}
.zara-BathSelect-Stria-Arc-Collection .zbsac-card ul li strong {
  color: #1f3444;
  font-weight: 700;
}
.zara-BathSelect-Stria-Arc-Collection .zbsac-bullet {
  width: 7px;
  height: 7px;
  border-radius: 999px;
  margin-top: 7px;
  background: #7fb3dd;
  flex-shrink: 0;
}
.zara-BathSelect-Stria-Arc-Collection .zbsac-pill-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 10px;
}
.zara-BathSelect-Stria-Arc-Collection .zbsac-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-BathSelect-Stria-Arc-Collection .zbsac-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-BathSelect-Stria-Arc-Collection .zbsac-spec-banner .zbsac-h3 {
  margin: 0 0 4px;
  color: #1f3444;
}
.zara-BathSelect-Stria-Arc-Collection .zbsac-spec-banner p {
  font-size: 13px;
  color: #6b7280;
}
.zara-BathSelect-Stria-Arc-Collection .zbsac-spec-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.zara-BathSelect-Stria-Arc-Collection .zbsac-spec-badges span {
  font-size: 11px;
  padding: 5px 11px;
  border-radius: 999px;
  background: #ffffff;
  border: 1px solid #c7e2f6;
  color: #5a8db5;
  font-weight: 600;
}
.zara-BathSelect-Stria-Arc-Collection .zbsac-spec-banner-btn-wrap {
  margin-top: 10px;
}

/* RESPONSIVE */
@media (max-width: 960px) {
  .zara-BathSelect-Stria-Arc-Collection .zbsac-hero {
    grid-template-columns: minmax(0, 1fr);
  }
  .zara-BathSelect-Stria-Arc-Collection .zbsac-hero-visual {
    order: -1;
  }
  .zara-BathSelect-Stria-Arc-Collection .zbsac-content-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  .zara-BathSelect-Stria-Arc-Collection .zbsac-page {
    padding: 20px 16px 48px;
  }
}
@media (max-width: 640px) {
  .zara-BathSelect-Stria-Arc-Collection .zbsac-h1 {
    font-size: 26px;
  }
  .zara-BathSelect-Stria-Arc-Collection .zbsac-hero {
    padding: 24px 18px;
  }
  .zara-BathSelect-Stria-Arc-Collection .zbsac-hero-banner {
    max-width: 100%;
  }
  .zara-BathSelect-Stria-Arc-Collection .zbsac-card {
    padding: 18px;
  }
}
/*Category 7157 (https://www.bathselect.com/BathSelect-Stria-Arc-Collection-s/7157.htm) End Here */

/*Category 7158 (https://www.bathselect.com/BathSelect-Crown-Atelier-Collection-s/7158.htm) Start Here */
.zara-BathSelect-Crown-Atelier-Collection {
  line-height: 1.6;
  color: #1f3444;
  overflow-x: hidden;
}
.zara-BathSelect-Crown-Atelier-Collection * {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
.zara-BathSelect-Crown-Atelier-Collection a {
  color: #5a8db5;
  text-decoration: none;
}
.zara-BathSelect-Crown-Atelier-Collection a:hover {
  text-decoration: underline;
}

/* PAGE */
.zara-BathSelect-Crown-Atelier-Collection .zbcac-page {
  max-width: 1240px;
  margin: 0 auto;
  padding: 28px 18px 64px;
}

/* HEADER */
.zara-BathSelect-Crown-Atelier-Collection .zbcac-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 32px;
  flex-wrap: wrap;
  gap: 14px;
}
.zara-BathSelect-Crown-Atelier-Collection .zbcac-brand {
  display: flex;
  align-items: center;
  gap: 12px;
}
.zara-BathSelect-Crown-Atelier-Collection .zbcac-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-BathSelect-Crown-Atelier-Collection .zbcac-brand-text {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.zara-BathSelect-Crown-Atelier-Collection .zbcac-brand-text span:first-child {
  font-weight: 700;
  letter-spacing: 1px;
  font-size: 13px;
  text-transform: uppercase;
  color: #5a8db5;
}
.zara-BathSelect-Crown-Atelier-Collection .zbcac-brand-text span:last-child {
  font-weight: 700;
  font-size: 15px;
  color: #1f3444;
}
.zara-BathSelect-Crown-Atelier-Collection .zbcac-header-actions {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}
.zara-BathSelect-Crown-Atelier-Collection .zbcac-pill-label {
  padding: 5px 13px;
  border-radius: 999px;
  border: 1px solid #c7e2f6;
  background: #ffffff;
  font-size: 11px;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #5a8db5;
  font-weight: 600;
}

/* BUTTONS */
.zara-BathSelect-Crown-Atelier-Collection .zbcac-cta-btn-outline,
.zara-BathSelect-Crown-Atelier-Collection .zbcac-cta-btn-primary {
  border-radius: 999px;
  padding: 9px 18px;
  font-size: 13px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: all 0.18s ease-out;
  font-weight: 600;
}
.zara-BathSelect-Crown-Atelier-Collection .zbcac-cta-btn-outline {
  border: 1px solid #c7e2f6;
  background: #ffffff;
  color: #1f3444;
}
.zara-BathSelect-Crown-Atelier-Collection .zbcac-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-BathSelect-Crown-Atelier-Collection .zbcac-cta-btn-outline:hover {
  background: #f5faff;
  border-color: #7fb3dd;
  transform: translateY(-1px);
}
.zara-BathSelect-Crown-Atelier-Collection .zbcac-cta-btn-primary:hover {
  background: linear-gradient(135deg, #d6ecfb, #b5d8ef);
  border-color: #b5d8ef;
  transform: translateY(-1px);
}

/* HERO */
.zara-BathSelect-Crown-Atelier-Collection .zbcac-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-BathSelect-Crown-Atelier-Collection .zbcac-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-BathSelect-Crown-Atelier-Collection .zbcac-hero-content {
  position: relative;
  z-index: 2;
}
.zara-BathSelect-Crown-Atelier-Collection .zbcac-hero-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
  flex-wrap: wrap;
}
.zara-BathSelect-Crown-Atelier-Collection .zbcac-hero-eyebrow span {
  font-size: 11px;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: #5a8db5;
  font-weight: 700;
}
.zara-BathSelect-Crown-Atelier-Collection .zbcac-hero-badge {
  padding: 4px 11px;
  border-radius: 999px;
  background: #ffffff;
  border: 1px solid #c7e2f6;
  color: #5a8db5;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 600;
}

/* HEADINGS */
.zara-BathSelect-Crown-Atelier-Collection .zbcac-h1 {
  font-size: 32px;
  line-height: 1.18;
  margin-bottom: 8px;
  color: #1f3444;
}
.zara-BathSelect-Crown-Atelier-Collection .zbcac-h2 {
  font-size: 22px;
  margin: 20px 0 12px;
  color: #1f3444;
}
.zara-BathSelect-Crown-Atelier-Collection .zbcac-h3 {
  font-size: 18px;
  margin: 18px 0 8px;
  color: #1f3444;
}
.zara-BathSelect-Crown-Atelier-Collection .zbcac-h4 {
  font-size: 16px;
  margin: 12px 0 6px;
  color: #1f3444;
}
.zara-BathSelect-Crown-Atelier-Collection .zbcac-h5 {
  font-size: 14px !important;
  margin: 10px 0 4px;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #5a8db5;
  font-weight: 700;
}
.zara-BathSelect-Crown-Atelier-Collection .zbcac-hero-subtitle {
  font-size: 15px;
  color: #4b5563;
  max-width: 580px;
  margin-bottom: 18px;
}
.zara-BathSelect-Crown-Atelier-Collection .zbcac-hero-subtitle strong {
  color: #1f3444;
  font-weight: 700;
}
.zara-BathSelect-Crown-Atelier-Collection .zbcac-hero-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 14px 0 18px;
}
.zara-BathSelect-Crown-Atelier-Collection .zbcac-hero-tags span {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 2px;
  padding: 6px 14px;
  border-radius: 999px;
  border: 1px solid #c7e2f6;
  background: #ffffff;
  color: #5a8db5;
  font-weight: 600;
}
.zara-BathSelect-Crown-Atelier-Collection .zbcac-hero-cta-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  margin-top: 10px;
}
.zara-BathSelect-Crown-Atelier-Collection .zbcac-hero-meta {
  font-size: 12px;
  color: #6b7280;
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 10px;
}
.zara-BathSelect-Crown-Atelier-Collection .zbcac-hero-meta strong {
  color: #1f3444;
  font-weight: 700;
}

/* HERO VISUAL */
.zara-BathSelect-Crown-Atelier-Collection .zbcac-hero-visual {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
}
.zara-BathSelect-Crown-Atelier-Collection .zbcac-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;
}
/* Lift all hero-banner direct children above the ghost crown */
.zara-BathSelect-Crown-Atelier-Collection .zbcac-hero-banner > *:not(.zbcac-banner-faucet-ghost) {
  position: relative;
  z-index: 1;
}
.zara-BathSelect-Crown-Atelier-Collection .zbcac-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: 2px;
  text-transform: uppercase;
  color: #5a8db5;
  margin-bottom: 10px;
  font-weight: 600;
}
.zara-BathSelect-Crown-Atelier-Collection .zbcac-banner-title {
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 12px;
  color: #1f3444;
  line-height: 1.5;
}
.zara-BathSelect-Crown-Atelier-Collection .zbcac-banner-chip-row {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-bottom: 14px;
}
.zara-BathSelect-Crown-Atelier-Collection .zbcac-banner-chip {
  padding: 5px 11px;
  border-radius: 999px;
  font-size: 11px;
  background: #ffffff;
  border: 1px solid #c7e2f6;
  color: #5a8db5;
  font-weight: 600;
}
.zara-BathSelect-Crown-Atelier-Collection .zbcac-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-BathSelect-Crown-Atelier-Collection .zbcac-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;
}

/* CROWN ATELIER GHOST � dome/crown silhouette, sits behind text, semi-transparent, non-interactive */
.zara-BathSelect-Crown-Atelier-Collection .zbcac-banner-faucet-ghost {
  position: absolute;
  right: -34px;
  top: 22px;
  width: 180px;
  height: 180px;
  border-radius: 60% 60% 40% 40%;
  border: 1px solid #c7e2f6;
  background:
    radial-gradient(circle at 25% 0%, #ffffff, transparent 55%),
    linear-gradient(160deg, #e3f2fd, #c7e2f6);
  box-shadow:
    0 0 32px rgba(127, 179, 221, 0.30),
    0 16px 30px rgba(15, 23, 42, 0.12);
  transform: rotate(-10deg);
  overflow: hidden;
  opacity: 0.5;
  z-index: 0;
  pointer-events: none;
}
.zara-BathSelect-Crown-Atelier-Collection .zbcac-banner-faucet-ghost::before {
  content: "";
  position: absolute;
  inset: 22px;
  border-radius: 50% 50% 30% 30%;
  border: 1px solid rgba(127, 179, 221, 0.55);
  border-bottom-color: transparent;
  opacity: 0.9;
}
.zara-BathSelect-Crown-Atelier-Collection .zbcac-banner-faucet-ghost::after {
  content: "";
  position: absolute;
  top: 8px;
  left: 26px;
  right: 26px;
  height: 12px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.9), rgba(127, 179, 221, 0.6));
  opacity: 0.9;
}

.zara-BathSelect-Crown-Atelier-Collection .zbcac-banner-footnote {
  margin-top: 10px;
  font-size: 11px;
  color: #6b7280;
  max-width: 80%;
}

/* NAV */
.zara-BathSelect-Crown-Atelier-Collection .zbcac-pill-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 28px 0 18px;
}
.zara-BathSelect-Crown-Atelier-Collection .zbcac-pill-nav button {
  background: #ffffff;
  border-radius: 999px;
  border: 1px solid #c7e2f6;
  color: #5a8db5;
  padding: 8px 15px;
  font-size: 12px;
  cursor: pointer;
  transition: all 0.16s ease-out;
  font-weight: 600;
}
.zara-BathSelect-Crown-Atelier-Collection .zbcac-pill-nav button.zbcac-active {
  background: linear-gradient(135deg, #e3f2fd, #c7e2f6);
  color: #1f3444;
  border-color: #c7e2f6;
  font-weight: 700;
}
.zara-BathSelect-Crown-Atelier-Collection .zbcac-pill-nav button:hover {
  transform: translateY(-1px);
  border-color: #7fb3dd;
  background: #f5faff;
}

/* CONTENT GRID */
.zara-BathSelect-Crown-Atelier-Collection .zbcac-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-BathSelect-Crown-Atelier-Collection .zbcac-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-BathSelect-Crown-Atelier-Collection .zbcac-card + .zbcac-card {
  margin-top: 18px;
}
.zara-BathSelect-Crown-Atelier-Collection .zbcac-card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
}
.zara-BathSelect-Crown-Atelier-Collection .zbcac-label {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 3px;
  color: #5a8db5;
  font-weight: 700;
}
.zara-BathSelect-Crown-Atelier-Collection .zbcac-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #7fb3dd;
  box-shadow: 0 0 8px rgba(127, 179, 221, 0.6);
}
.zara-BathSelect-Crown-Atelier-Collection .zbcac-card p {
  color: #4b5563;
  font-size: 13px;
  margin-bottom: 8px;
}
.zara-BathSelect-Crown-Atelier-Collection .zbcac-card p strong {
  color: #1f3444;
  font-weight: 700;
}
.zara-BathSelect-Crown-Atelier-Collection .zbcac-card ul {
  list-style: none;
  margin-left: 0;
  margin-top: 8px;
}
.zara-BathSelect-Crown-Atelier-Collection .zbcac-card ul li {
  font-size: 14px;
  color: #4b5563;
  padding: 8px 0;
  border-bottom: 1px solid #e5e7eb;
  display: flex;
  gap: 10px;
  align-items: flex-start;
  line-height: 1.55;
}
.zara-BathSelect-Crown-Atelier-Collection .zbcac-card ul li:last-child {
  border-bottom: none;
}
.zara-BathSelect-Crown-Atelier-Collection .zbcac-card ul li strong {
  color: #1f3444;
  font-weight: 700;
}
.zara-BathSelect-Crown-Atelier-Collection .zbcac-bullet {
  width: 7px;
  height: 7px;
  border-radius: 999px;
  margin-top: 7px;
  background: #7fb3dd;
  flex-shrink: 0;
}
.zara-BathSelect-Crown-Atelier-Collection .zbcac-pill-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 10px;
}
.zara-BathSelect-Crown-Atelier-Collection .zbcac-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-BathSelect-Crown-Atelier-Collection .zbcac-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-BathSelect-Crown-Atelier-Collection .zbcac-spec-banner .zbcac-h3 {
  margin: 0 0 4px;
  color: #1f3444;
}
.zara-BathSelect-Crown-Atelier-Collection .zbcac-spec-banner p {
  font-size: 13px;
  color: #6b7280;
}
.zara-BathSelect-Crown-Atelier-Collection .zbcac-spec-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.zara-BathSelect-Crown-Atelier-Collection .zbcac-spec-badges span {
  font-size: 11px;
  padding: 5px 11px;
  border-radius: 999px;
  background: #ffffff;
  border: 1px solid #c7e2f6;
  color: #5a8db5;
  font-weight: 600;
}
.zara-BathSelect-Crown-Atelier-Collection .zbcac-spec-banner-btn-wrap {
  margin-top: 10px;
}

/* RESPONSIVE */
@media (max-width: 960px) {
  .zara-BathSelect-Crown-Atelier-Collection .zbcac-hero {
    grid-template-columns: minmax(0, 1fr);
  }
  .zara-BathSelect-Crown-Atelier-Collection .zbcac-hero-visual {
    order: -1;
  }
  .zara-BathSelect-Crown-Atelier-Collection .zbcac-content-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  .zara-BathSelect-Crown-Atelier-Collection .zbcac-page {
    padding: 20px 16px 48px;
  }
}
@media (max-width: 640px) {
  .zara-BathSelect-Crown-Atelier-Collection .zbcac-h1 {
    font-size: 26px;
  }
  .zara-BathSelect-Crown-Atelier-Collection .zbcac-hero {
    padding: 24px 18px;
  }
  .zara-BathSelect-Crown-Atelier-Collection .zbcac-hero-banner {
    max-width: 100%;
  }
  .zara-BathSelect-Crown-Atelier-Collection .zbcac-card {
    padding: 18px;
  }
}
/*Category 7158 (https://www.bathselect.com/BathSelect-Crown-Atelier-Collection-s/7158.htm) End Here */
/*Category 7161 (https://www.bathselect.com/BathSelect-Arbor-Column-Collection-s/7161.htm) Start Here */
.zara-BathSelect-Arbor-Column-Collection {
  line-height: 1.6;
  color: #1f3444;
  overflow-x: hidden;
}
.zara-BathSelect-Arbor-Column-Collection * {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
.zara-BathSelect-Arbor-Column-Collection a {
  color: #5a8db5;
  text-decoration: none;
}
.zara-BathSelect-Arbor-Column-Collection a:hover {
  text-decoration: underline;
}

/* PAGE */
.zara-BathSelect-Arbor-Column-Collection .zbacc-page {
  max-width: 1240px;
  margin: 0 auto;
  padding: 28px 18px 64px;
}

/* HEADER */
.zara-BathSelect-Arbor-Column-Collection .zbacc-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 32px;
  flex-wrap: wrap;
  gap: 14px;
}
.zara-BathSelect-Arbor-Column-Collection .zbacc-brand {
  display: flex;
  align-items: center;
  gap: 12px;
}
.zara-BathSelect-Arbor-Column-Collection .zbacc-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-BathSelect-Arbor-Column-Collection .zbacc-brand-text {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.zara-BathSelect-Arbor-Column-Collection .zbacc-brand-text span:first-child {
  font-weight: 700;
  letter-spacing: 1px;
  font-size: 13px;
  text-transform: uppercase;
  color: #5a8db5;
}
.zara-BathSelect-Arbor-Column-Collection .zbacc-brand-text span:last-child {
  font-weight: 700;
  font-size: 15px;
  color: #1f3444;
}
.zara-BathSelect-Arbor-Column-Collection .zbacc-header-actions {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}
.zara-BathSelect-Arbor-Column-Collection .zbacc-pill-label {
  padding: 5px 13px;
  border-radius: 999px;
  border: 1px solid #c7e2f6;
  background: #ffffff;
  font-size: 11px;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #5a8db5;
  font-weight: 600;
}

/* BUTTONS */
.zara-BathSelect-Arbor-Column-Collection .zbacc-cta-btn-outline,
.zara-BathSelect-Arbor-Column-Collection .zbacc-cta-btn-primary {
  border-radius: 999px;
  padding: 9px 18px;
  font-size: 13px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: all 0.18s ease-out;
  font-weight: 600;
}
.zara-BathSelect-Arbor-Column-Collection .zbacc-cta-btn-outline {
  border: 1px solid #c7e2f6;
  background: #ffffff;
  color: #1f3444;
}
.zara-BathSelect-Arbor-Column-Collection .zbacc-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-BathSelect-Arbor-Column-Collection .zbacc-cta-btn-outline:hover {
  background: #f5faff;
  border-color: #7fb3dd;
  transform: translateY(-1px);
}
.zara-BathSelect-Arbor-Column-Collection .zbacc-cta-btn-primary:hover {
  background: linear-gradient(135deg, #d6ecfb, #b5d8ef);
  border-color: #b5d8ef;
  transform: translateY(-1px);
}

/* HERO */
.zara-BathSelect-Arbor-Column-Collection .zbacc-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-BathSelect-Arbor-Column-Collection .zbacc-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-BathSelect-Arbor-Column-Collection .zbacc-hero-content {
  position: relative;
  z-index: 2;
}
.zara-BathSelect-Arbor-Column-Collection .zbacc-hero-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
  flex-wrap: wrap;
}
.zara-BathSelect-Arbor-Column-Collection .zbacc-hero-eyebrow span {
  font-size: 11px;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: #5a8db5;
  font-weight: 700;
}
.zara-BathSelect-Arbor-Column-Collection .zbacc-hero-badge {
  padding: 4px 11px;
  border-radius: 999px;
  background: #ffffff;
  border: 1px solid #c7e2f6;
  color: #5a8db5;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 600;
}

/* HEADINGS */
.zara-BathSelect-Arbor-Column-Collection .zbacc-h1 {
  font-size: 32px;
  line-height: 1.18;
  margin-bottom: 8px;
  color: #1f3444;
}
.zara-BathSelect-Arbor-Column-Collection .zbacc-h2 {
  font-size: 22px;
  margin: 20px 0 12px;
  color: #1f3444;
}
.zara-BathSelect-Arbor-Column-Collection .zbacc-h3 {
  font-size: 18px;
  margin: 18px 0 8px;
  color: #1f3444;
}
.zara-BathSelect-Arbor-Column-Collection .zbacc-h4 {
  font-size: 16px;
  margin: 12px 0 6px;
  color: #1f3444;
}
.zara-BathSelect-Arbor-Column-Collection .zbacc-h5 {
  font-size: 14px !IMPORTANT;
  margin: 10px 0 4px;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #5a8db5;
  font-weight: 700;
}
.zara-BathSelect-Arbor-Column-Collection .zbacc-hero-subtitle {
  font-size: 15px;
  color: #4b5563;
  max-width: 580px;
  margin-bottom: 18px;
}
.zara-BathSelect-Arbor-Column-Collection .zbacc-hero-subtitle strong {
  color: #1f3444;
  font-weight: 700;
}
.zara-BathSelect-Arbor-Column-Collection .zbacc-hero-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 14px 0 18px;
}
.zara-BathSelect-Arbor-Column-Collection .zbacc-hero-tags span {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 2px;
  padding: 6px 14px;
  border-radius: 999px;
  border: 1px solid #c7e2f6;
  background: #ffffff;
  color: #5a8db5;
  font-weight: 600;
}
.zara-BathSelect-Arbor-Column-Collection .zbacc-hero-cta-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  margin-top: 10px;
}
.zara-BathSelect-Arbor-Column-Collection .zbacc-hero-meta {
  font-size: 12px;
  color: #6b7280;
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 10px;
}
.zara-BathSelect-Arbor-Column-Collection .zbacc-hero-meta strong {
  color: #1f3444;
  font-weight: 700;
}

/* HERO VISUAL */
.zara-BathSelect-Arbor-Column-Collection .zbacc-hero-visual {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
}
.zara-BathSelect-Arbor-Column-Collection .zbacc-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;
}
/* Lift all hero-banner direct children above the ghost arbor column */
.zara-BathSelect-Arbor-Column-Collection .zbacc-hero-banner > *:not(.zbacc-banner-faucet-ghost) {
  position: relative;
  z-index: 1;
}
.zara-BathSelect-Arbor-Column-Collection .zbacc-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: 2px;
  text-transform: uppercase;
  color: #5a8db5;
  margin-bottom: 10px;
  font-weight: 600;
}
.zara-BathSelect-Arbor-Column-Collection .zbacc-banner-title {
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 12px;
  color: #1f3444;
  line-height: 1.5;
}
.zara-BathSelect-Arbor-Column-Collection .zbacc-banner-chip-row {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-bottom: 14px;
}
.zara-BathSelect-Arbor-Column-Collection .zbacc-banner-chip {
  padding: 5px 11px;
  border-radius: 999px;
  font-size: 11px;
  background: #ffffff;
  border: 1px solid #c7e2f6;
  color: #5a8db5;
  font-weight: 600;
}
.zara-BathSelect-Arbor-Column-Collection .zbacc-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-BathSelect-Arbor-Column-Collection .zbacc-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;
}

/* ARBOR COLUMN GHOST � tall slim capsule with branching ring (trunk silhouette), sits behind text, semi-transparent, non-interactive */
.zara-BathSelect-Arbor-Column-Collection .zbacc-banner-faucet-ghost {
  position: absolute;
  right: -26px;
  top: 18px;
  width: 136px;
  height: 210px;
  border-radius: 999px;
  border: 1px solid #c7e2f6;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.85), rgba(199, 226, 246, 0.45)),
    linear-gradient(180deg, #ffffff, #e3f2fd);
  box-shadow:
    0 0 32px rgba(127, 179, 221, 0.30),
    0 16px 30px rgba(15, 23, 42, 0.12);
  transform: skewX(-3deg);
  overflow: hidden;
  opacity: 0.5;
  z-index: 0;
  pointer-events: none;
}
.zara-BathSelect-Arbor-Column-Collection .zbacc-banner-faucet-ghost::before {
  content: "";
  position: absolute;
  left: -14px;
  right: -14px;
  top: 82px;
  height: 20px;
  border-radius: 999px;
  border: 2px solid rgba(127, 179, 221, 0.7);
  border-left-color: transparent;
  border-right-color: transparent;
  box-shadow: 0 0 14px rgba(127, 179, 221, 0.45);
  opacity: 0.9;
}
.zara-BathSelect-Arbor-Column-Collection .zbacc-banner-faucet-ghost::after {
  content: "";
  position: absolute;
  left: 12px;
  top: 0;
  bottom: 0;
  width: 3px;
  background: linear-gradient(180deg, rgba(127, 179, 221, 0.85), transparent);
  opacity: 0.9;
}

.zara-BathSelect-Arbor-Column-Collection .zbacc-banner-footnote {
  margin-top: 10px;
  font-size: 11px;
  color: #6b7280;
  max-width: 80%;
}

/* NAV */
.zara-BathSelect-Arbor-Column-Collection .zbacc-pill-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 28px 0 18px;
}
.zara-BathSelect-Arbor-Column-Collection .zbacc-pill-nav button {
  background: #ffffff;
  border-radius: 999px;
  border: 1px solid #c7e2f6;
  color: #5a8db5;
  padding: 8px 15px;
  font-size: 12px;
  cursor: pointer;
  transition: all 0.16s ease-out;
  font-weight: 600;
}
.zara-BathSelect-Arbor-Column-Collection .zbacc-pill-nav button.zbacc-active {
  background: linear-gradient(135deg, #e3f2fd, #c7e2f6);
  color: #1f3444;
  border-color: #c7e2f6;
  font-weight: 700;
}
.zara-BathSelect-Arbor-Column-Collection .zbacc-pill-nav button:hover {
  transform: translateY(-1px);
  border-color: #7fb3dd;
  background: #f5faff;
}

/* CONTENT GRID */
.zara-BathSelect-Arbor-Column-Collection .zbacc-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-BathSelect-Arbor-Column-Collection .zbacc-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-BathSelect-Arbor-Column-Collection .zbacc-card + .zbacc-card {
  margin-top: 18px;
}
.zara-BathSelect-Arbor-Column-Collection .zbacc-card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
}
.zara-BathSelect-Arbor-Column-Collection .zbacc-label {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 3px;
  color: #5a8db5;
  font-weight: 700;
}
.zara-BathSelect-Arbor-Column-Collection .zbacc-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #7fb3dd;
  box-shadow: 0 0 8px rgba(127, 179, 221, 0.6);
}
.zara-BathSelect-Arbor-Column-Collection .zbacc-card p {
  color: #4b5563;
  font-size: 13px;
  margin-bottom: 8px;
}
.zara-BathSelect-Arbor-Column-Collection .zbacc-card p strong {
  color: #1f3444;
  font-weight: 700;
}
.zara-BathSelect-Arbor-Column-Collection .zbacc-card ul {
  list-style: none;
  margin-left: 0;
  margin-top: 8px;
}
.zara-BathSelect-Arbor-Column-Collection .zbacc-card ul li {
  font-size: 14px;
  color: #4b5563;
  padding: 8px 0;
  border-bottom: 1px solid #e5e7eb;
  display: flex;
  gap: 10px;
  align-items: flex-start;
  line-height: 1.55;
}
.zara-BathSelect-Arbor-Column-Collection .zbacc-card ul li:last-child {
  border-bottom: none;
}
.zara-BathSelect-Arbor-Column-Collection .zbacc-card ul li strong {
  color: #1f3444;
  font-weight: 700;
}
.zara-BathSelect-Arbor-Column-Collection .zbacc-bullet {
  width: 7px;
  height: 7px;
  border-radius: 999px;
  margin-top: 7px;
  background: #7fb3dd;
  flex-shrink: 0;
}
.zara-BathSelect-Arbor-Column-Collection .zbacc-pill-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 10px;
}
.zara-BathSelect-Arbor-Column-Collection .zbacc-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-BathSelect-Arbor-Column-Collection .zbacc-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-BathSelect-Arbor-Column-Collection .zbacc-spec-banner .zbacc-h3 {
  margin: 0 0 4px;
  color: #1f3444;
}
.zara-BathSelect-Arbor-Column-Collection .zbacc-spec-banner p {
  font-size: 13px;
  color: #6b7280;
}
.zara-BathSelect-Arbor-Column-Collection .zbacc-spec-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.zara-BathSelect-Arbor-Column-Collection .zbacc-spec-badges span {
  font-size: 11px;
  padding: 5px 11px;
  border-radius: 999px;
  background: #ffffff;
  border: 1px solid #c7e2f6;
  color: #5a8db5;
  font-weight: 600;
}
.zara-BathSelect-Arbor-Column-Collection .zbacc-spec-banner-btn-wrap {
  margin-top: 10px;
}

/* RESPONSIVE */
@media (max-width: 960px) {
  .zara-BathSelect-Arbor-Column-Collection .zbacc-hero {
    grid-template-columns: minmax(0, 1fr);
  }
  .zara-BathSelect-Arbor-Column-Collection .zbacc-hero-visual {
    order: -1;
  }
  .zara-BathSelect-Arbor-Column-Collection .zbacc-content-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  .zara-BathSelect-Arbor-Column-Collection .zbacc-page {
    padding: 20px 16px 48px;
  }
}
@media (max-width: 640px) {
  .zara-BathSelect-Arbor-Column-Collection .zbacc-h1 {
    font-size: 26px;
  }
  .zara-BathSelect-Arbor-Column-Collection .zbacc-hero {
    padding: 24px 18px;
  }
  .zara-BathSelect-Arbor-Column-Collection .zbacc-hero-banner {
    max-width: 100%;
  }
  .zara-BathSelect-Arbor-Column-Collection .zbacc-card {
    padding: 18px;
  }
}
/*Category 7161 (https://www.bathselect.com/BathSelect-Arbor-Column-Collection-s/7161.htm) End Here */

/*Category 7483 - Template-shop-by-type-wrapper Shower-grid - (https://www.bathselect.com/category-s/7483.htm) at 11-05-2026 Start Here*/
#content_area .template-shop-by-type-wrapper {
	width: 100vw;
	margin-left: calc(-50vw + 50%);
}
#content_area .template-shop-by-type-wrapper .shower-grid {
    display:grid;
    grid-template-columns:2fr 1fr 1fr;
    grid-template-rows:200px 200px;
    gap:12px;
    margin:auto;
}
/*#content_area .template-shop-by-type-wrapper .shower-grid {
    display:grid;
    grid-template-columns:2fr 1fr 1fr;
    grid-template-rows:200px 200px;
    gap:12px;
    max-width:1700px;
    margin:auto;
}*/
@media (max-width: 640px) {
	#content_area .template-shop-by-type-wrapper .shower-grid {
		grid-template-columns: 1fr;
	}
}
#content_area .template-shop-by-type-wrapper .shower-grid .card{
    position:relative;
    overflow:hidden;
    border-radius:0;
    text-decoration:none;
    color:#fff;
    transition:.4s ease;
}
#content_area .template-shop-by-type-wrapper .shower-grid .card:hover{
    transform:translateY(-5px);
    box-shadow:0 20px 40px rgba(0,0,0,.15);
}
#content_area .template-shop-by-type-wrapper .shower-grid .card img {
	object-fit: cover;
	object-position: center;
	width: 100%;
	height: 100%;
}
#content_area .template-shop-by-type-wrapper .shower-grid .large-card{
    grid-row:span 2;
}
@media (max-width: 640px) {
	#content_area .template-shop-by-type-wrapper .shower-grid .large-card {
		grid-row: span 1;
	}
}
#content_area .template-shop-by-type-wrapper .shower-grid .overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(
        to top,
        rgba(0,0,0,.55),
        rgba(0,0,0,.05)
    );
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    padding:20px;
}
#content_area .template-shop-by-type-wrapper .shower-grid .overlay h2 {
	text-align: left !important;
	margin: 0 0 10px 0 !important;
	font-size: 25px !important;
	line-height: normal !important;
	color: #fff !important;
	font-weight: 500 !important;
}
#content_area .template-shop-by-type-wrapper .shower-grid .overlay p {
	text-align: left !important;
	margin: 0 !important;
	font-size: 16px !important;
	line-height: normal !important;
	color: #fff !important;
	font-weight: 400 !important;
	font-style: italic;
}
#content_area .template-shop-by-type-wrapper .shower-grid .overlay h3 {
	text-align: left !important;
	margin: 0 !important;
	font-size: 16px !important;
	line-height: normal !important;
	color: #fff !important;
	font-weight: 400 !important;
}
/*Category 7483 - Template-shop-by-type-wrapper Shower-grid - (https://www.bathselect.com/category-s/7483.htm) at 11-05-2026 End Here*/

/*Category 7360 - Infrastructure-Lifecycle-Durability-for-Commercial-Faucets - (https://www.bathselect.com/Infrastructure-Lifecycle-Durability-for-Commercial-Faucets-s/7360.htm) at 16-05-2026 Start Here*/
#content_area .article-shell-may-wrapper {
      font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
      background: #ffffff;
      color: #111827;
      line-height: 1.7;
      font-size: 16px;
    }
    #content_area .article-shell-may-wrapper a {
      color: #0369a1;
      font-weight: 700;
      text-decoration-thickness: 2px;
      text-underline-offset: 3px;
    }
    #content_area .article-shell-may-wrapper a:hover { color: #075985; }
    #content_area .article-shell-may-wrapper .page {
      max-width: 1180px;
      margin: 0 auto;
      padding: 32px 20px 72px;
    }
    #content_area .article-shell-may-wrapper .article-shell {
      background: #ffffff;
      border: 1px solid #d8ecf8;
      border-radius: 32px;
      box-shadow: 0 18px 45px rgba(15, 23, 42, 0.08);
      overflow: hidden;
    }
    #content_area .article-shell-may-wrapper .article-shell .hero {
      padding: 48px 40px 38px;
      background: linear-gradient(135deg, #ffffff 0%, #eef8ff 60%, #dff4ff 100%);
      border-bottom: 1px solid #d8ecf8;
    }
    #content_area .article-shell-may-wrapper .article-shell .content { padding: 40px; }
    #content_area .article-shell-may-wrapper .article-shell .eyebrow {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      border: 1px solid #d8ecf8;
      background: #eaf7ff;
      color: #075985;
      border-radius: 999px;
      padding: 8px 14px;
      font-size: 13px;
      font-weight: 800;
      letter-spacing: 0.04em;
      text-transform: uppercase;
      margin-bottom: 18px;
    }
    #content_area .article-shell-may-wrapper .article-shell h1,
	#content_area .article-shell-may-wrapper .article-shell h2,
	#content_area .article-shell-may-wrapper .article-shell h3,
	#content_area .article-shell-may-wrapper .article-shell h4 {
      color: #000000;
      line-height: 1.18;
      letter-spacing: -0.02em;
    }
    #content_area .article-shell-may-wrapper .article-shell h1 {
      font-size: clamp(34px, 5vw, 58px);
      font-weight: 850;
      max-width: 980px;
      margin-bottom: 18px;
    }
    #content_area .article-shell-may-wrapper .article-shell h2 {
      font-size: clamp(26px, 3vw, 36px);
      font-weight: 800;
      margin: 54px 0 18px;
      padding-left: 16px;
      border-left: 6px solid #0ea5e9;
    }
    #content_area .article-shell-may-wrapper .article-shell h3 { font-size: 22px; font-weight: 780; margin-bottom: 12px; }
    #content_area .article-shell-may-wrapper .article-shell h4 { font-size: 18px; font-weight: 760; margin-bottom: 10px; }
    #content_area .article-shell-may-wrapper .article-shell p { color: #4b5563; margin-bottom: 18px; }
    #content_area .article-shell-may-wrapper .article-shell strong { color: #111827; }
    #content_area .article-shell-may-wrapper .article-shell .lead {
      font-size: 20px;
      color: #1f2937;
      max-width: 940px;
      margin-bottom: 26px;
    }
    #content_area .article-shell-may-wrapper .article-shell .badges {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      margin: 22px 0 0;
    }
    #content_area .article-shell-may-wrapper .article-shell .badge {
      background: #ffffff;
      color: #0f172a;
      border: 1px solid #d8ecf8;
      border-radius: 999px;
      padding: 8px 14px;
      font-size: 13px;
      font-weight: 750;
      box-shadow: 0 8px 24px rgba(14, 165, 233, 0.08);
    }
    #content_area .article-shell-may-wrapper .article-shell .button-row {
      display: flex;
      flex-wrap: wrap;
      gap: 12px;
      margin-top: 22px;
    }
    #content_area .article-shell-may-wrapper .article-shell .btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border-radius: 999px;
      padding: 12px 18px;
      text-decoration: none;
      border: 1px solid #8bd8fb;
      background: #e0f2fe;
      color: #082f49;
      font-weight: 800;
      min-height: 44px;
    }
    #content_area .article-shell-may-wrapper .article-shell .btn.primary {
      background: #0ea5e9;
      border-color: #0284c7;
      color: #ffffff;
    }
    #content_area .article-shell-may-wrapper .article-shell .hero-grid,
    #content_area .article-shell-may-wrapper .article-shell .grid-2 {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 22px;
    }
    #content_area .article-shell-may-wrapper .article-shell .grid-3,
    #content_area .article-shell-may-wrapper .article-shell .image-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 18px;
    }
    #content_area .article-shell-may-wrapper .article-shell .image-grid {
      margin: 28px 0;
    }
    #content_area .article-shell-may-wrapper .article-shell .image-frame {
      background: #ffffff;
      border: 1px solid #d8ecf8;
      border-radius: 24px;
      padding: 10px;
      box-shadow: 0 14px 34px rgba(15, 23, 42, 0.07);
      margin: 0;
    }
    #content_area .article-shell-may-wrapper .article-shell .image-frame img {
      width: 100%;
      aspect-ratio: 4 / 3;
      height: auto;
      object-fit: cover;
      border-radius: 18px;
      background: linear-gradient(135deg, #eaf7ff, #ffffff);
      display: block;
    }
    #content_area .article-shell-may-wrapper .article-shell .image-frame figcaption {
      padding: 10px 4px 2px;
      color: #4b5563;
      font-size: 13px;
      line-height: 1.5;
    }
    #content_area .article-shell-may-wrapper .article-shell .hero-card,
    #content_area .article-shell-may-wrapper .article-shell .card,
    #content_area .article-shell-may-wrapper .article-shell .source-panel,
    #content_area .article-shell-may-wrapper .article-shell .spec-box,
    #content_area .article-shell-may-wrapper .article-shell .callout {
      background: #f8fbff;
      border: 1px solid #d8ecf8;
      border-radius: 24px;
      padding: 26px;
    }
    #content_area .article-shell-may-wrapper .article-shell .hero-card { background: rgba(255,255,255,0.88); }
    #content_area .article-shell-may-wrapper .article-shell .metric {
      display: grid;
      gap: 6px;
      padding: 18px;
      background: #ffffff;
      border: 1px solid #d8ecf8;
      border-radius: 18px;
    }
    #content_area .article-shell-may-wrapper .article-shell .metric span {
      color: #075985;
      font-weight: 850;
      font-size: 24px;
    }
    #content_area .article-shell-may-wrapper .article-shell .metric small { color: #4b5563; font-weight: 600; }
    #content_area .article-shell-may-wrapper .article-shell .table-wrap {
      overflow-x: auto;
      margin: 24px 0;
      border: 1px solid #d8ecf8;
      border-radius: 20px;
    }
    #content_area .article-shell-may-wrapper .article-shell table { width: 100%; border-collapse: collapse; background: #ffffff; }
    #content_area .article-shell-may-wrapper .article-shell th,
	#content_area .article-shell-may-wrapper .article-shell td { padding: 16px; border-bottom: 1px solid #d8ecf8; text-align: left; vertical-align: top; }
    #content_area .article-shell-may-wrapper .article-shell th { background: #eef7ff; color: #000000; font-size: 13px; text-transform: uppercase; letter-spacing: 0.04em; }
    #content_area .article-shell-may-wrapper .article-shell tr:last-child td { border-bottom: 0; }
    #content_area .article-shell-may-wrapper .article-shell ul { padding-left: 22px; color: #4b5563; }
    #content_area .article-shell-may-wrapper .article-shell ul li { margin-bottom: 10px; }
    #content_area .article-shell-may-wrapper .article-shell .source-panel {
      background: linear-gradient(135deg, #f8fbff, #eaf7ff);
      margin: 32px 0;
    }
    #content_area .article-shell-may-wrapper .article-shell .link-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
      gap: 12px;
      margin-top: 16px;
    }
    #content_area .article-shell-may-wrapper .article-shell .link-card {
      display: block;
      background: #ffffff;
      border: 1px solid #d8ecf8;
      border-radius: 18px;
      padding: 16px;
      text-decoration: none;
      color: #075985;
      min-height: 86px;
    }
    #content_area .article-shell-may-wrapper .article-shell .callout {
      background: #f0f9ff;
      border-color: #bae6fd;
      border-left: 7px solid #0ea5e9;
      margin: 28px 0;
    }
    #content_area .article-shell-may-wrapper .article-shell .product-grid .card { background: #ffffff; }
    #content_area .article-shell-may-wrapper .article-shell .footer-div {
      margin-top: 52px;
      padding-top: 24px;
      border-top: 1px solid #d8ecf8;
      color: #4b5563;
      font-size: 14px;
    }
    @media (max-width: 900px) {
      #content_area .article-shell-may-wrapper .article-shell .content,
	  #content_area .article-shell-may-wrapper .article-shell .hero { padding-left: 22px; padding-right: 22px; }
      #content_area .article-shell-may-wrapper .article-shell .hero-grid,
	  #content_area .article-shell-may-wrapper .article-shell .grid-2,
	  #content_area .article-shell-may-wrapper .article-shell .grid-3,
	  #content_area .article-shell-may-wrapper .article-shell .image-grid { grid-template-columns: 1fr; }
      #content_area .article-shell-may-wrapper .article-shell .page { padding: 16px 12px 44px; }
    }
/*Category 7360 - Infrastructure-Lifecycle-Durability-for-Commercial-Faucets - (https://www.bathselect.com/Infrastructure-Lifecycle-Durability-for-Commercial-Faucets-s/7360.htm) at 16-05-2026 Start Here*/


/* Product Page used for add coupon code at product page with popup for review coupon code for make a copy at https://www.bathselect.com/BathSelect-Rio-High-Glass-Door-Walk-in-Tub-Set-p/bst10005.htm 01-06-2026 Start here */
#product_description #discountCheckBtn {
	background:#1f9bd7;
	color:#fff;
	border:0;
	padding:14px 28px;
	font-weight:bold;
	letter-spacing:1px;
	cursor:pointer;
	margin-top:15px;
	margin-bottom: 30px;
}
#product_description #discountPopup {
	display:none;
	position:fixed;
	z-index:99999;
	left:0; top:0;
	width:100%; height:100%;
	background:rgba(0,0,0,.55);
}
#product_description #discountPopup .discountPopupInner {
	background:#fff;
	max-width:420px;
	margin:12% auto;
	padding:30px;
	text-align:center;
	border-radius:8px;
	font-family:Arial, sans-serif;
}
#product_description #discountPopup .discountPopupInner .discountPopupInnerDiv {
	font-size:26px;
	font-weight:bold;
	border:2px dashed #1f9bd7;
	padding:12px;
	margin:18px 0;
}
#product_description #discountPopup .discountPopupInner button {
	background:#333;
	color:#fff;
	border:0;
	padding:10px 22px;
	cursor:pointer;
}
/* Product Page used for add coupon code at product page with popup for review coupon code for make a copy at https://www.bathselect.com/BathSelect-Rio-High-Glass-Door-Walk-in-Tub-Set-p/bst10005.htm 01-06-2026 Start here */

/*Category 7507 - Design Template 1: Light Blue Resort Editorial - (https://www.bathselect.com/category-s/7507.htm) at 01-06-2026 Start Here*/
#content_area .light-blue-resort-editorial-wrapper {
    max-width:1600px;
    margin:0 auto;
    background:#f3faff;
    font-family:Arial,Helvetica,sans-serif;
    border-radius:34px;
    overflow:hidden;
    box-shadow:0 34px 90px rgba(35,90,130,.14);
}
#content_area .light-blue-resort-editorial-wrapper .template-grid {
    display:grid;
    grid-template-columns:44% 56%;
    min-height:850px;
}
#content_area .light-blue-resort-editorial-wrapper .template-grid .left-panel{
    background:linear-gradient(145deg,#ffffff 0%,#edf8ff 100%);
    padding:58px;
    box-sizing:border-box;
    position:relative;
    overflow:hidden;
}
#content_area .light-blue-resort-editorial-wrapper .template-grid .circle-top{
    position:absolute;
    top:-120px;
    right:-120px;
    width:340px;
    height:340px;
    border-radius:50%;
    background:#d8efff;
}
#content_area .light-blue-resort-editorial-wrapper .template-grid .circle-bottom{
    position:absolute;
    bottom:-140px;
    left:-120px;
    width:380px;
    height:380px;
    border-radius:50%;
    background:#eaf7ff;
}
#content_area .light-blue-resort-editorial-wrapper .template-grid .left-content{
    position:relative;
    z-index:2;
}
#content_area .light-blue-resort-editorial-wrapper .template-grid .logo{
    width:180px;
    height:auto;
    margin-bottom:58px;
}
#content_area .light-blue-resort-editorial-wrapper .template-grid .section-label{
    color:#4b9ed8;
    font-size:12px;
    font-weight:800;
    letter-spacing:6px;
    text-transform:uppercase;
}
#content_area .light-blue-resort-editorial-wrapper .template-grid .main-heading{
    margin:42px 0 0;
    color:#18364a;
    font-family:Georgia,'Times New Roman',serif;
    font-size:70px;
    font-weight:400;
    line-height:1.02;
}
#content_area .light-blue-resort-editorial-wrapper .template-grid .description{
    margin:34px 0 0;
    color:#5d7586;
    font-size:18px;
    line-height:1.95;
}
#content_area .light-blue-resort-editorial-wrapper .template-grid .social-icons{
    margin-top:34px;
    display:flex;
    gap:10px;
}
#content_area .light-blue-resort-editorial-wrapper .template-grid .social-icon{
    width:36px;
    height:36px;
    border-radius:50%;
    border:1px solid #bfe3fb;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#4b9ed8;
    text-decoration:none;
    font-weight:bold;
    background:#fff;
}
#content_area .light-blue-resort-editorial-wrapper .template-grid .right-panel{
    background:#e8f6ff;
    padding:54px;
    box-sizing:border-box;
    position:relative;
    overflow:hidden;
}
#content_area .light-blue-resort-editorial-wrapper .template-grid .hero-image-wrapper{
    position:absolute;
    top:54px;
    right:54px;
    left:54px;
    height:52%;
    border-radius:32px;
    overflow:hidden;
    box-shadow:0 28px 80px rgba(35,90,130,.18);
}
#content_area .light-blue-resort-editorial-wrapper .template-grid .hero-image{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}
#content_area .light-blue-resort-editorial-wrapper .template-grid .category-card{
    position:absolute;
    left:64px;
    right:64px;
    bottom:62px;
    background:#fff;
    border:1px solid #cfeeff;
    border-radius:28px;
    padding:30px;
    box-sizing:border-box;
    box-shadow:0 28px 70px rgba(35,90,130,.12);
}
#content_area .light-blue-resort-editorial-wrapper .template-grid .category-label{
    color:#4b9ed8;
    font-size:11px;
    font-weight:800;
    letter-spacing:4px;
    text-transform:uppercase;
    margin-bottom:16px;
}
#content_area .light-blue-resort-editorial-wrapper .template-grid .category-links{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
}
#content_area .light-blue-resort-editorial-wrapper .template-grid .category-link{
    padding:6px 13px;
    background:#f5fbff;
    border:1px solid #cfeeff;
    border-radius:6px;
    color:#347fb4;
    font-size:12px;
    font-weight:700;
    text-decoration:none;
}
/* =========================
   RESPONSIVE STYLES
========================= */
/* Large Tablet */
@media (max-width:1200px){
    #content_area .light-blue-resort-editorial-wrapper .template-grid .left-panel,
    #content_area .light-blue-resort-editorial-wrapper .template-grid .right-panel{
        padding:40px;
    }
    #content_area .light-blue-resort-editorial-wrapper .template-grid .main-heading{
        font-size:56px;
    }
    #content_area .light-blue-resort-editorial-wrapper .template-grid .description{
        font-size:16px;
        line-height:1.8;
    }
    #content_area .light-blue-resort-editorial-wrapper .template-grid .category-card{
        left:40px;
        right:40px;
        bottom:40px;
    }
}
/* Tablet */
@media (max-width:992px){
    #content_area .light-blue-resort-editorial-wrapper .template-grid {
        grid-template-columns:1fr;
        min-height:auto;
    }
	#content_area .light-blue-resort-editorial-wrapper .template-grid .left-panel{
        padding:50px 40px;
    }
    #content_area .light-blue-resort-editorial-wrapper .template-grid .right-panel{
        padding:40px;
        min-height:850px;
    }
    #content_area .light-blue-resort-editorial-wrapper .template-grid .hero-image-wrapper{
        position:relative;
        top:auto;
        left:auto;
        right:auto;
        height:450px;
        margin-bottom:30px;
    }
    #content_area .light-blue-resort-editorial-wrapper .template-grid .category-card{
        position:relative;
        left:auto;
        right:auto;
        bottom:auto;
        margin-top:20px;
    }
    #content_area .light-blue-resort-editorial-wrapper .template-grid .main-heading{
        font-size:52px;
    }
}
/* Mobile */
@media (max-width:768px){
    #content_area .light-blue-resort-editorial-wrapper {
        border-radius:20px;
    }
    #content_area .light-blue-resort-editorial-wrapper .template-grid .left-panel,
    #content_area .light-blue-resort-editorial-wrapper .template-grid .right-panel{
        padding:30px;
    }
    #content_area .light-blue-resort-editorial-wrapper .template-grid .logo{
        width:140px;
        margin-bottom:35px;
    }
    #content_area .light-blue-resort-editorial-wrapper .template-grid .section-label{
        font-size:11px;
        letter-spacing:4px;
    }
    #content_area .light-blue-resort-editorial-wrapper .template-grid .main-heading{
        font-size:42px;
        line-height:1.1;
    }
    #content_area .light-blue-resort-editorial-wrapper .template-grid .description{
        font-size:15px;
        line-height:1.7;
    }
    #content_area .light-blue-resort-editorial-wrapper .template-grid .hero-image-wrapper{
        height:350px;
        border-radius:20px;
    }
    #content_area .light-blue-resort-editorial-wrapper .template-grid .category-card{
        padding:20px;
        border-radius:20px;
    }
    #content_area .light-blue-resort-editorial-wrapper .template-grid .category-links{
        gap:6px;
    }
    #content_area .light-blue-resort-editorial-wrapper .template-grid .category-link{
        font-size:11px;
        padding:6px 10px;
    }
    #content_area .light-blue-resort-editorial-wrapper .template-grid .circle-top{
        width:220px;
        height:220px;
        top:-90px;
        right:-90px;
    }
    #content_area .light-blue-resort-editorial-wrapper .template-grid .circle-bottom{
        width:240px;
        height:240px;
        bottom:-100px;
        left:-100px;
    }
}
/* Small Mobile */
@media (max-width:576px){
    #content_area .light-blue-resort-editorial-wrapper .template-grid .left-panel,
    #content_area .light-blue-resort-editorial-wrapper .template-grid .right-panel{
        padding:20px;
    }
    #content_area .light-blue-resort-editorial-wrapper .template-grid .main-heading{
        font-size:34px;
    }
    #content_area .light-blue-resort-editorial-wrapper .template-grid .description{
        font-size:14px;
    }
    #content_area .light-blue-resort-editorial-wrapper .template-grid .social-icons{
        flex-wrap:wrap;
    }
    #content_area .light-blue-resort-editorial-wrapper .template-grid .social-icon{
        width:34px;
        height:34px;
    }
    #content_area .light-blue-resort-editorial-wrapper .template-grid .hero-image-wrapper{
        height:280px;
    }
    #content_area .light-blue-resort-editorial-wrapper .template-grid .category-card{
        padding:16px;
    }
    #content_area .light-blue-resort-editorial-wrapper .template-grid .category-label{
        font-size:10px;
        letter-spacing:3px;
    }
    #content_area .light-blue-resort-editorial-wrapper .template-grid .category-link{
        width:100%;
        text-align:center;
        box-sizing:border-box;
    }
}
/*Category 7507 - Design Template 1: Light Blue Resort Editorial - (https://www.bathselect.com/category-s/7507.htm) at 01-06-2026 End Here*/

/*Category 7506 - Design Template 1: Light Blue Resort Editorial V1 - (https://www.bathselect.com/category-s/7506.htm) at 01-06-2026 Start Here*/
#content_area .LightBlueResortEditorialV1-wrapper {
    max-width:1600px;
    margin:0 auto;
    background:#eef4f7;
    font-family:Arial,Helvetica,sans-serif;
    border-radius:32px;
    overflow:hidden;
    box-shadow:0 32px 90px rgba(35,60,70,.16);
}
#content_area .LightBlueResortEditorialV1-wrapper .LightBlueResortEditorialV1-grid{
    display:grid;
    grid-template-columns:40% 60%;
    min-height:820px;
}
#content_area .LightBlueResortEditorialV1-wrapper .LightBlueResortEditorialV1-left-panel{
    position:relative;
    background:#ffffff;
    padding:58px 54px;
    box-sizing:border-box;
    overflow:hidden;
}
#content_area .LightBlueResortEditorialV1-wrapper .LightBlueResortEditorialV1-circle-top{
    position:absolute;
    top:-120px;
    left:-120px;
    width:340px;
    height:340px;
    border-radius:50%;
    background:#dbeaf0;
}
#content_area .LightBlueResortEditorialV1-wrapper .LightBlueResortEditorialV1-circle-bottom{
    position:absolute;
    bottom:-160px;
    right:-150px;
    width:420px;
    height:420px;
    border-radius:50%;
    background:#f4eadf;
}
#content_area .LightBlueResortEditorialV1-wrapper .LightBlueResortEditorialV1-left-content{
    position:relative;
    z-index:2;
    height:100%;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
}
#content_area .LightBlueResortEditorialV1-wrapper .LightBlueResortEditorialV1-logo{
    width:170px;
    height:auto;
    margin-bottom:42px;
}
#content_area .LightBlueResortEditorialV1-wrapper .LightBlueResortEditorialV1-label{
    color:#6f8c99;
    font-size:12px;
    font-weight:800;
    letter-spacing:6px;
    text-transform:uppercase;
}
#content_area .LightBlueResortEditorialV1-wrapper .LightBlueResortEditorialV1-heading{
    margin:70px 0 0;
    color:#24343b;
    font-family:Georgia,'Times New Roman',serif;
    font-size:68px;
    font-weight:400;
    line-height:1.02;
    letter-spacing:-1px;
	text-align: left !important;
}
#content_area .LightBlueResortEditorialV1-wrapper .LightBlueResortEditorialV1-divider{
    width:88px;
    height:1px;
    background:#8da8b4;
    margin:34px 0 30px;
}
#content_area .LightBlueResortEditorialV1-wrapper .LightBlueResortEditorialV1-description{
    margin:0;
    color:#60727a;
    font-size:18px;
    line-height:1.95;
}
#content_area .LightBlueResortEditorialV1-wrapper .LightBlueResortEditorialV1-faucet-box{
    background:#f7fbfd;
    border:1px solid #d6e7ee;
    border-radius:22px;
    padding:22px;
    box-sizing:border-box;
    margin-top:38px;
}
#content_area .LightBlueResortEditorialV1-wrapper .LightBlueResortEditorialV1-faucet-label{
    color:#6f8c99;
    font-size:11px;
    font-weight:800;
    letter-spacing:4px;
    text-transform:uppercase;
    margin-bottom:15px;
}
#content_area .LightBlueResortEditorialV1-wrapper .LightBlueResortEditorialV1-link-group{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
}
#content_area .LightBlueResortEditorialV1-wrapper .LightBlueResortEditorialV1-link{
    padding:6px 13px;
    background:#fff;
    border:1px solid #d6e7ee;
    border-radius:6px;
    color:#557985;
    font-size:12px;
    font-weight:700;
    text-decoration:none;
}
#content_area .LightBlueResortEditorialV1-wrapper .LightBlueResortEditorialV1-right-panel{
    position:relative;
    background:#dfe9ee;
    padding:46px;
    box-sizing:border-box;
    overflow:hidden;
}
#content_area .LightBlueResortEditorialV1-wrapper .LightBlueResortEditorialV1-frame{
    position:absolute;
    top:46px;
    left:46px;
    right:46px;
    bottom:46px;
    border:1px solid rgba(85,121,133,.28);
    border-radius:28px;
    pointer-events:none;
    z-index:4;
}
#content_area .LightBlueResortEditorialV1-wrapper .LightBlueResortEditorialV1-image-wrap{
    position:absolute;
    top:86px;
    left:82px;
    right:86px;
    height:54%;
    border-radius:30px;
    overflow:hidden;
    box-shadow:0 28px 80px rgba(35,60,70,.20);
}
#content_area .LightBlueResortEditorialV1-wrapper .LightBlueResortEditorialV1-image{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}
#content_area .LightBlueResortEditorialV1-wrapper .LightBlueResortEditorialV1-info-card{
    position:absolute;
    left:78px;
    bottom:118px;
    width:440px;
    background:#ffffff;
    border:1px solid #d6e7ee;
    border-radius:26px;
    padding:34px 36px;
    box-sizing:border-box;
    box-shadow:0 28px 70px rgba(35,60,70,.16);
    z-index:5;
}
#content_area .LightBlueResortEditorialV1-wrapper .LightBlueResortEditorialV1-card-label{
    color:#8da8b4;
    font-size:11px;
    font-weight:800;
    letter-spacing:4px;
    text-transform:uppercase;
}
#content_area .LightBlueResortEditorialV1-wrapper .LightBlueResortEditorialV1-card-heading{
    margin-top:14px;
    color:#24343b;
    font-family:Georgia,'Times New Roman',serif;
    font-size:42px;
    font-weight:400;
    line-height:1.08;
}
#content_area .LightBlueResortEditorialV1-wrapper .LightBlueResortEditorialV1-social{
    margin-top:24px;
    display:flex;
    gap:10px;
}
#content_area .LightBlueResortEditorialV1-wrapper .LightBlueResortEditorialV1-social-link{
    width:36px;
    height:36px;
    border-radius:50%;
    border:1px solid #d6e7ee;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#557985;
    text-decoration:none;
    font-weight:bold;
}


/* ======================================
   LightBlueResortEditorialV1 Responsive
====================================== */
/* Large Tablet */
@media (max-width:1200px){
    #content_area .LightBlueResortEditorialV1-wrapper .LightBlueResortEditorialV1-left-panel{
        padding:45px 40px;
    }
    #content_area .LightBlueResortEditorialV1-wrapper .LightBlueResortEditorialV1-right-panel{
        padding:40px;
    }
    #content_area .LightBlueResortEditorialV1-wrapper .LightBlueResortEditorialV1-heading{
        font-size:56px;
    }
    #content_area .LightBlueResortEditorialV1-wrapper .LightBlueResortEditorialV1-info-card{
        width:380px;
        left:50px;
    }
    #content_area .LightBlueResortEditorialV1-wrapper .LightBlueResortEditorialV1-card-heading{
        font-size:36px;
    }
    #content_area .LightBlueResortEditorialV1-wrapper .LightBlueResortEditorialV1-image-wrap{
        left:60px;
        right:60px;
    }
}


/* Tablet */
@media (max-width:992px){
	#content_area .LightBlueResortEditorialV1-wrapper .LightBlueResortEditorialV1-grid{
        grid-template-columns:1fr;
        min-height:auto;
    }
    #content_area .LightBlueResortEditorialV1-wrapper .LightBlueResortEditorialV1-left-content{
        display:block;
        height:auto;
    }
    #content_area .LightBlueResortEditorialV1-wrapper .LightBlueResortEditorialV1-right-panel{
        min-height:900px;
    }
    #content_area .LightBlueResortEditorialV1-wrapper .LightBlueResortEditorialV1-frame{
        top:40px;
        left:40px;
        right:40px;
        bottom:40px;
    }
    #content_area .LightBlueResortEditorialV1-wrapper .LightBlueResortEditorialV1-image-wrap{
        top:80px;
        left:60px;
        right:60px;
        height:420px;
    }
    #content_area .LightBlueResortEditorialV1-wrapper .LightBlueResortEditorialV1-info-card{
        width:auto;
        left:60px;
        right:60px;
        bottom:80px;
    }
    #content_area .LightBlueResortEditorialV1-wrapper .LightBlueResortEditorialV1-heading{
        font-size:52px;
    }
}

/* Mobile */
@media (max-width:768px){
    #content_area .LightBlueResortEditorialV1-wrapper {
        border-radius:22px;
    }
    #content_area .LightBlueResortEditorialV1-wrapper .LightBlueResortEditorialV1-left-panel,
    #content_area .LightBlueResortEditorialV1-wrapper .LightBlueResortEditorialV1-right-panel{
        padding:30px;
    }
    #content_area .LightBlueResortEditorialV1-wrapper .LightBlueResortEditorialV1-logo{
        width:140px;
        margin-bottom:30px;
    }
    #content_area .LightBlueResortEditorialV1-wrapper .LightBlueResortEditorialV1-label{
        font-size:11px;
        letter-spacing:4px;
    }
    #content_area .LightBlueResortEditorialV1-wrapper .LightBlueResortEditorialV1-heading{
        margin-top:40px;
        font-size:42px;
        line-height:1.08;
    }
    #content_area .LightBlueResortEditorialV1-wrapper .LightBlueResortEditorialV1-description{
        font-size:15px;
        line-height:1.75;
    }
    #content_area .LightBlueResortEditorialV1-wrapper .LightBlueResortEditorialV1-faucet-box{
        margin-top:30px;
        padding:18px;
    }
    #content_area .LightBlueResortEditorialV1-wrapper .LightBlueResortEditorialV1-link{
        font-size:11px;
        padding:6px 10px;
    }
    #content_area .LightBlueResortEditorialV1-wrapper .LightBlueResortEditorialV1-right-panel{
        min-height:760px;
    }
    #content_area .LightBlueResortEditorialV1-wrapper .LightBlueResortEditorialV1-frame{
        top:25px;
        left:25px;
        right:25px;
        bottom:25px;
        border-radius:20px;
    }
    #content_area .LightBlueResortEditorialV1-wrapper .LightBlueResortEditorialV1-image-wrap{
        top:50px;
        left:35px;
        right:35px;
        height:320px;
        border-radius:22px;
    }
    #content_area .LightBlueResortEditorialV1-wrapper .LightBlueResortEditorialV1-info-card{
        left:35px;
        right:35px;
        bottom:50px;
        padding:24px;
        border-radius:20px;
    }
    #content_area .LightBlueResortEditorialV1-wrapper .LightBlueResortEditorialV1-card-heading{
        font-size:30px;
    }
    #content_area .LightBlueResortEditorialV1-wrapper .LightBlueResortEditorialV1-circle-top{
        width:220px;
        height:220px;
        top:-90px;
        left:-90px;
    }
    #content_area .LightBlueResortEditorialV1-wrapper .LightBlueResortEditorialV1-circle-bottom{
        width:260px;
        height:260px;
        right:-100px;
        bottom:-100px;
    }
}

/* Small Mobile */
@media (max-width:576px){
    #content_area .LightBlueResortEditorialV1-wrapper .LightBlueResortEditorialV1-left-panel,
    #content_area .LightBlueResortEditorialV1-wrapper .LightBlueResortEditorialV1-right-panel{
        padding:20px;
    }
    #content_area .LightBlueResortEditorialV1-wrapper .LightBlueResortEditorialV1-heading{
        font-size:34px;
        letter-spacing:0;
    }
    #content_area .LightBlueResortEditorialV1-wrapper .LightBlueResortEditorialV1-description{
        font-size:14px;
    }
    #content_area .LightBlueResortEditorialV1-wrapper .LightBlueResortEditorialV1-link-group{
        gap:6px;
    }
    #content_area .LightBlueResortEditorialV1-wrapper .LightBlueResortEditorialV1-link{
        width:100%;
        text-align:center;
        box-sizing:border-box;
    }
    #content_area .LightBlueResortEditorialV1-wrapper .LightBlueResortEditorialV1-right-panel{
        min-height:680px;
    }
    #content_area .LightBlueResortEditorialV1-wrapper .LightBlueResortEditorialV1-frame{
        display:none;
    }
    #content_area .LightBlueResortEditorialV1-wrapper .LightBlueResortEditorialV1-image-wrap{
        position:relative;
        top:auto;
        left:auto;
        right:auto;
        height:260px;
        margin-bottom:20px;
    }
    #content_area .LightBlueResortEditorialV1-wrapper .LightBlueResortEditorialV1-info-card{
        position:relative;
        left:auto;
        right:auto;
        bottom:auto;
        width:100%;
        padding:20px;
    }
    #content_area .LightBlueResortEditorialV1-wrapper .LightBlueResortEditorialV1-card-heading{
        font-size:24px;
    }
    #content_area .LightBlueResortEditorialV1-wrapper .LightBlueResortEditorialV1-social{
        flex-wrap:wrap;
    }
    #content_area .LightBlueResortEditorialV1-wrapper .LightBlueResortEditorialV1-social-link{
        width:34px;
        height:34px;
    }
}
/*Category 7506 - Design Template 1: Light Blue Resort Editorial V1 - (https://www.bathselect.com/category-s/7506.htm) at 01-06-2026 End Here*/

/*Category 7505 - Design Template Light Blue Resort Editorial V2 - (https://www.bathselect.com/category-s/7505.htm) at 01-06-2026 Start Here*/
#content_area .LightBlueResortEditorialV2-wrapper {
    max-width:1600px;
    margin:0 auto;
    background:#f8f3ea;
    font-family:Arial,Helvetica,sans-serif;
    border-radius:34px;
    overflow:hidden;
    box-shadow:0 34px 90px rgba(70,48,25,.18);
}
#content_area .LightBlueResortEditorialV2-wrapper .LightBlueResortEditorialV2-grid{
    display:grid;
    grid-template-columns:55% 45%;
    min-height:820px;
}
#content_area .LightBlueResortEditorialV2-wrapper .LightBlueResortEditorialV2-left {
	position: relative;
	background: linear-gradient(180deg, #f0f9ff, #e6f7ff, #f5fbff);
	padding: 52px;
	box-sizing: border-box;
	overflow: hidden;
}
#content_area .LightBlueResortEditorialV2-wrapper .LightBlueResortEditorialV2-frame {
	position: absolute;
	left: 52px;
	top: 52px;
	right: 52px;
	bottom: 52px;
	border: 1px solid #347fb4;
	border-radius: 30px;
	z-index: 3;
	pointer-events: none;
}
#content_area .LightBlueResortEditorialV2-wrapper .LightBlueResortEditorialV2-image-wrap{
    position:absolute;
    left:92px;
    top:96px;
    width:70%;
    height:62%;
    border-radius:34px;
    overflow:hidden;
    box-shadow:0 30px 80px rgba(70,48,25,.22);
}
#content_area .LightBlueResortEditorialV2-wrapper .LightBlueResortEditorialV2-image{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}
#content_area .LightBlueResortEditorialV2-wrapper .LightBlueResortEditorialV2-card{
    position:absolute;
    right:64px;
    bottom:76px;
    background:#fff;
    border-radius:26px;
    padding:30px 34px;
    width:430px;
    box-sizing:border-box;
    box-shadow:0 26px 70px rgba(70,48,25,.16);
    z-index:4;
}
#content_area .LightBlueResortEditorialV2-wrapper .LightBlueResortEditorialV2-logo{
    width:160px;
    height:auto;
    margin-bottom:24px;
}
#content_area .LightBlueResortEditorialV2-wrapper .LightBlueResortEditorialV2-card-label{
    color:#347fb4;
    font-size:11px;
    font-weight:800;
    letter-spacing:4px;
    text-transform:uppercase;
}
#content_area .LightBlueResortEditorialV2-wrapper .LightBlueResortEditorialV2-card-title{
    margin-top:12px;
    color:#2d2925;
    font-family:Georgia,'Times New Roman',serif;
    font-size:40px;
    font-weight:400;
    line-height:1.08;
}
#content_area .LightBlueResortEditorialV2-wrapper .LightBlueResortEditorialV2-right{
    background:#fff;
    padding:70px 58px;
    box-sizing:border-box;
    display:flex;
    align-items:center;
}
#content_area .LightBlueResortEditorialV2-wrapper .LightBlueResortEditorialV2-content{
    width:100%;
}
#content_area .LightBlueResortEditorialV2-wrapper .LightBlueResortEditorialV2-label{
    color:#347fb4;
    font-size:12px;
    font-weight:800;
    letter-spacing:6px;
    text-transform:uppercase;
}
#content_area .LightBlueResortEditorialV2-wrapper .LightBlueResortEditorialV2-heading{
    margin:34px 0 0;
    color:#2d2925;
    font-family:Georgia,'Times New Roman',serif;
    font-size:64px;
    font-weight:400;
    line-height:1.03;
	text-align: left !important;
}
#content_area .LightBlueResortEditorialV2-wrapper .LightBlueResortEditorialV2-description{
    margin:30px 0 0;
    color:#625b54;
    font-size:18px;
    line-height:1.9;
}
#content_area .LightBlueResortEditorialV2-wrapper .LightBlueResortEditorialV2-social{
    margin-top:32px;
    display:flex;
    gap:10px;
}
#content_area .LightBlueResortEditorialV2-wrapper .LightBlueResortEditorialV2-social-link{
    width:36px;
    height:36px;
    border-radius:50%;
    border:1px solid #347fb4;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#347fb4;
    text-decoration:none;
    font-weight:bold;
}
#content_area .LightBlueResortEditorialV2-wrapper .LightBlueResortEditorialV2-collections {
	margin-top: 30px;
	background: #dff3ff;
	border: 1px solid #bfe3fb;
	border-radius: 22px;
	padding: 22px;
}
#content_area .LightBlueResortEditorialV2-wrapper .LightBlueResortEditorialV2-collections-label{
    color:#347fb4;
    font-size:11px;
    font-weight:800;
    letter-spacing:4px;
    text-transform:uppercase;
    margin-bottom:14px;
}
#content_area .LightBlueResortEditorialV2-wrapper .LightBlueResortEditorialV2-links{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
}
#content_area .LightBlueResortEditorialV2-wrapper .LightBlueResortEditorialV2-link {
	padding: 6px 13px;
	background: #f5fbff;
	border: 1px solid #cfeeff;
	border-radius: 6px;
	color: #347fb4;
	font-size: 12px;
	font-weight: 700;
	text-decoration: none;
}
@media (max-width:1200px){
    #content_area .LightBlueResortEditorialV2-wrapper .LightBlueResortEditorialV2-heading{
        font-size:56px;
    }
    #content_area .LightBlueResortEditorialV2-wrapper .LightBlueResortEditorialV2-card{
        width:380px;
    }
}
@media (max-width:992px){
    #content_area .LightBlueResortEditorialV2-wrapper .LightBlueResortEditorialV2-grid{
        grid-template-columns:1fr;
        min-height:auto;
    }
    #content_area .LightBlueResortEditorialV2-wrapper .LightBlueResortEditorialV2-right{
        padding:50px 40px;
    }
    #content_area .LightBlueResortEditorialV2-wrapper .LightBlueResortEditorialV2-left{
        min-height:850px;
    }
    #content_area .LightBlueResortEditorialV2-wrapper .LightBlueResortEditorialV2-image-wrap{
        left:60px;
        right:60px;
        width:auto;
        height:420px;
    }
    #content_area .LightBlueResortEditorialV2-wrapper .LightBlueResortEditorialV2-card{
        left:60px;
        right:60px;
        width:auto;
    }
    #content_area .LightBlueResortEditorialV2-wrapper .LightBlueResortEditorialV2-heading{
        font-size:52px;
    }
}
@media (max-width:768px){
    .LightBlueResortEditorialV2-wrapper{
        border-radius:22px;
    }
    #content_area .LightBlueResortEditorialV2-wrapper .LightBlueResortEditorialV2-left,
    #content_area .LightBlueResortEditorialV2-wrapper .LightBlueResortEditorialV2-right{
        padding:30px;
    }
    #content_area .LightBlueResortEditorialV2-wrapper .LightBlueResortEditorialV2-frame{
        left:25px;
        top:25px;
        right:25px;
        bottom:25px;
    }
    #content_area .LightBlueResortEditorialV2-wrapper .LightBlueResortEditorialV2-image-wrap{
        left:35px;
        right:35px;
        top:50px;
        height:320px;
    }
    #content_area .LightBlueResortEditorialV2-wrapper .LightBlueResortEditorialV2-card{
        left:35px;
        right:35px;
        bottom:40px;
        padding:24px;
    }
    #content_area .LightBlueResortEditorialV2-wrapper .LightBlueResortEditorialV2-heading{
        font-size:42px;
    }
    #content_area .LightBlueResortEditorialV2-wrapper .LightBlueResortEditorialV2-card-title{
        font-size:30px;
    }
    #content_area .LightBlueResortEditorialV2-wrapper .LightBlueResortEditorialV2-description{
        font-size:15px;
    }
}
@media (max-width:576px){
    #content_area .LightBlueResortEditorialV2-wrapper .LightBlueResortEditorialV2-left,
    #content_area .LightBlueResortEditorialV2-wrapper .LightBlueResortEditorialV2-right{
        padding:20px;
    }
    #content_area .LightBlueResortEditorialV2-wrapper .LightBlueResortEditorialV2-frame{
        display:none;
    }
    #content_area .LightBlueResortEditorialV2-wrapper .LightBlueResortEditorialV2-left{
        min-height:auto;
    }
    #content_area .LightBlueResortEditorialV2-wrapper .LightBlueResortEditorialV2-image-wrap{
        position:relative;
        left:auto;
        right:auto;
        top:auto;
        width:100%;
        height:260px;
        margin-bottom:20px;
    }
    #content_area .LightBlueResortEditorialV2-wrapper .LightBlueResortEditorialV2-card{
        position:relative;
        left:auto;
        right:auto;
        bottom:auto;
        width:100%;
        margin-top:20px;
    }
    #content_area .LightBlueResortEditorialV2-wrapper .LightBlueResortEditorialV2-heading{
        font-size:34px;
    }
    #content_area .LightBlueResortEditorialV2-wrapper .LightBlueResortEditorialV2-card-title{
        font-size:24px;
    }
    #content_area .LightBlueResortEditorialV2-wrapper .LightBlueResortEditorialV2-link{
        width:100%;
        text-align:center;
        box-sizing:border-box;
    }
    #content_area .LightBlueResortEditorialV2-wrapper .LightBlueResortEditorialV2-social{
        flex-wrap:wrap;
    }
}
/*Category 7505 - Design Template Light Blue Resort Editorial V2 - (https://www.bathselect.com/category-s/7505.htm) at 01-06-2026 End Here*/

/*Category 7504 - Design Template Light Blue Resort Editorial V3 - (https://www.bathselect.com/category-s/7504.htm) at 02-06-2026 Start Here*/
#content_area .HospitalityShowersDesignV3-wrapper {
    max-width:1600px;
    margin:0 auto;
    background:#202a33;
    font-family:Arial,Helvetica,sans-serif;
    border-radius:34px;
    overflow:hidden;
    box-shadow:0 36px 95px rgba(20,30,40,.25);
}
#content_area .HospitalityShowersDesignV3-wrapper .HospitalityShowersDesignV3-main{
    position:relative;
    min-height:860px;
    padding:58px;
    box-sizing:border-box;
    background:linear-gradient(
        135deg,
        #ffffff 0%,
        #ffffff 48%,
        #edf3f6 48%,
        #edf3f6 100%
    );
}
#content_area .HospitalityShowersDesignV3-wrapper .HospitalityShowersDesignV3-frame{
    position:absolute;
    top:42px;
    left:42px;
    right:42px;
    bottom:42px;
    border:1px solid rgba(210,230,238,.35);
    border-radius:28px;
    pointer-events:none;
}
#content_area .HospitalityShowersDesignV3-wrapper .HospitalityShowersDesignV3-grid{
    display:grid;
    grid-template-columns:44% 56%;
    gap:48px;
    position:relative;
    z-index:2;
    min-height:744px;
}
#content_area .HospitalityShowersDesignV3-wrapper .HospitalityShowersDesignV3-left{
    display:flex;
    align-items:center;
    color:#fff;
}
#content_area .HospitalityShowersDesignV3-wrapper .HospitalityShowersDesignV3-logo{
    width:170px;
    height:auto;
    background:#fff;
    border-radius:14px;
    padding:12px 18px;
    margin-bottom:54px;
}
#content_area .HospitalityShowersDesignV3-wrapper .HospitalityShowersDesignV3-label{
    color:#b9d2dc;
    font-size:12px;
    font-weight:800;
    letter-spacing:6px;
    text-transform:uppercase;
}
#content_area .HospitalityShowersDesignV3-wrapper .HospitalityShowersDesignV3-heading{
    margin:34px 0 0;
    color:#fff;
    font-family:Georgia,'Times New Roman',serif;
    font-size:70px;
    font-weight:400;
    line-height:1.02;
	text-align: left !important;
}
#content_area .HospitalityShowersDesignV3-wrapper .HospitalityShowersDesignV3-description{
    margin:34px 0 0;
    color:#d8e6eb;
    font-size:18px;
    line-height:1.95;
    max-width:620px;
}
#content_area .HospitalityShowersDesignV3-wrapper .HospitalityShowersDesignV3-social{
    margin-top:34px;
    display:flex;
    gap:10px;
}
#content_area .HospitalityShowersDesignV3-wrapper .HospitalityShowersDesignV3-social-link{
    width:36px;
    height:36px;
    border-radius:50%;
    border:1px solid #347fb4;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#347fb4;
    text-decoration:none;
    font-weight:bold;
}
#content_area .HospitalityShowersDesignV3-wrapper .HospitalityShowersDesignV3-right{
    position:relative;
}
#content_area .HospitalityShowersDesignV3-wrapper .HospitalityShowersDesignV3-image-wrap{
    position:absolute;
    top:20px;
    right:20px;
    width:82%;
    height:56%;
    border-radius:34px;
    overflow:hidden;
    box-shadow:0 28px 80px rgba(20,30,40,.22);
}
#content_area .HospitalityShowersDesignV3-wrapper .HospitalityShowersDesignV3-image{
    width:100%;
    height:100%;
    object-fit:cover;
	object-position: top;
    display:block;
}
#content_area .HospitalityShowersDesignV3-wrapper .HospitalityShowersDesignV3-card{
    position:absolute;
    left:0;
    bottom:0;
    width:88%;
    background:#fff;
    border-radius:28px;
    padding:34px 36px;
    box-sizing:border-box;
    box-shadow:0 28px 80px rgba(20,30,40,.18);
}
#content_area .HospitalityShowersDesignV3-wrapper .HospitalityShowersDesignV3-card-label{
    color:#5f7d8a;
    font-size:11px;
    font-weight:800;
    letter-spacing:4px;
    text-transform:uppercase;
    margin-bottom:16px;
}
#content_area .HospitalityShowersDesignV3-wrapper .HospitalityShowersDesignV3-links{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
}
#content_area .HospitalityShowersDesignV3-wrapper .HospitalityShowersDesignV3-link{
    padding:6px 13px;
    background:#f4f8fa;
    border:1px solid #d6e7ee;
    border-radius:6px;
    color:#557985;
    font-size:12px;
    font-weight:700;
    text-decoration:none;
}
@media (max-width:1200px){
    #content_area .HospitalityShowersDesignV3-wrapper .HospitalityShowersDesignV3-heading{
        font-size:58px;
    }
    #content_area .HospitalityShowersDesignV3-wrapper .HospitalityShowersDesignV3-card{
        width:95%;
    }
}

@media (max-width:992px){
    #content_area .HospitalityShowersDesignV3-wrapper .HospitalityShowersDesignV3-grid{
        grid-template-columns:1fr;
        min-height:auto;
    }
    #content_area .HospitalityShowersDesignV3-wrapper .HospitalityShowersDesignV3-main{
        padding:40px;
    }
    #content_area .HospitalityShowersDesignV3-wrapper .HospitalityShowersDesignV3-left{
        padding-bottom:40px;
    }
    #content_area .HospitalityShowersDesignV3-wrapper .HospitalityShowersDesignV3-right{
        min-height:850px;
    }
    #content_area .HospitalityShowersDesignV3-wrapper .HospitalityShowersDesignV3-image-wrap{
        top:0;
        left:40px;
        right:40px;
        width:auto;
        height:420px;
    }
    #content_area .HospitalityShowersDesignV3-wrapper .HospitalityShowersDesignV3-card{
        left:40px;
        right:40px;
        width:auto;
        bottom:40px;
    }
	#content_area .HospitalityShowersDesignV3-wrapper .HospitalityShowersDesignV3-heading{
        font-size:52px;
    }
}
@media (max-width:768px){
    #content_area .HospitalityShowersDesignV3-wrapper {
        border-radius:22px;
    }
    #content_area .HospitalityShowersDesignV3-wrapper .HospitalityShowersDesignV3-main{
        padding:30px;
    }
    #content_area .HospitalityShowersDesignV3-wrapper .HospitalityShowersDesignV3-frame{
        top:25px;
        left:25px;
        right:25px;
        bottom:25px;
    }
    #content_area .HospitalityShowersDesignV3-wrapper .HospitalityShowersDesignV3-logo{
        width:140px;
        margin-bottom:35px;
    }
    #content_area .HospitalityShowersDesignV3-wrapper .HospitalityShowersDesignV3-heading{
        font-size:42px;
        line-height:1.08;
    }
    #content_area .HospitalityShowersDesignV3-wrapper .HospitalityShowersDesignV3-description{
        font-size:15px;
        line-height:1.75;
    }
    #content_area .HospitalityShowersDesignV3-wrapper .HospitalityShowersDesignV3-image-wrap{
        left:30px;
        right:30px;
        height:320px;
        border-radius:24px;
    }
    #content_area .HospitalityShowersDesignV3-wrapper .HospitalityShowersDesignV3-card{
        left:30px;
        right:30px;
        padding:24px;
    }
}
@media (max-width:576px){
    #content_area .HospitalityShowersDesignV3-wrapper .HospitalityShowersDesignV3-main{
        padding:20px;
    }
    #content_area .HospitalityShowersDesignV3-wrapper .HospitalityShowersDesignV3-frame{
        display:none;
    }
    #content_area .HospitalityShowersDesignV3-wrapper .HospitalityShowersDesignV3-right{
        min-height:auto;
    }
    #content_area .HospitalityShowersDesignV3-wrapper .HospitalityShowersDesignV3-image-wrap{
        position:relative;
        left:auto;
        right:auto;
        top:auto;
        width:100%;
        height:260px;
        margin-bottom:20px;
    }
    #content_area .HospitalityShowersDesignV3-wrapper .HospitalityShowersDesignV3-card{
        position:relative;
        left:auto;
        right:auto;
        bottom:auto;
        width:100%;
        padding:20px;
    }
    #content_area .HospitalityShowersDesignV3-wrapper .HospitalityShowersDesignV3-heading{
        font-size:34px;
    }
    #content_area .HospitalityShowersDesignV3-wrapper .HospitalityShowersDesignV3-description{
        font-size:14px;
    }
    #content_area .HospitalityShowersDesignV3-wrapper .HospitalityShowersDesignV3-link{
        width:100%;
        text-align:center;
        box-sizing:border-box;
    }
    #content_area .HospitalityShowersDesignV3-wrapper .HospitalityShowersDesignV3-social{
        flex-wrap:wrap;
    }
}
/*Category 7504 - Design Template Light Blue Resort Editorial V3 - (https://www.bathselect.com/category-s/7504.htm) at 02-06-2026 End Here*/

/*Category 7503 - Design Template Hospitality Design 9 Bathtubs V1 - (https://www.bathselect.com/category-s/7503.htm) at 02-06-2026 Start Here*/
#content_area .hospitality-design-9-bathtubs-v1-wrapper {
    max-width:1600px;
    margin:0 auto;
    background:#eaf7ff;
    font-family:Arial,Helvetica,sans-serif;
    border-radius:34px;
    overflow:hidden;
    box-shadow:0 34px 95px rgba(35,90,130,.14);
}
#content_area .hospitality-design-9-bathtubs-v1-wrapper .hospitality-design-9-bathtubs-v1-grid{
    display:grid;
    grid-template-columns:36% 64%;
    min-height:860px;
}
#content_area .hospitality-design-9-bathtubs-v1-wrapper .hospitality-design-9-bathtubs-v1-left-panel{
    background: linear-gradient(135deg,#ffffff 0%,#eef9ff 48%,#dff3ff 100%);
    color:#ffffff;
    padding:64px 58px;
    box-sizing:border-box;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
	box-shadow: 0 20px 60px rgba(35,90,130,.08);
	border: 1px solid #bfe3fb;
}
#content_area .hospitality-design-9-bathtubs-v1-wrapper .hospitality-design-9-bathtubs-v1-logo{
    width:175px;
    height:auto;
    background:#ffffff;
    border-radius:16px;
    padding:13px 18px;
    margin-bottom:58px;
}
#content_area .hospitality-design-9-bathtubs-v1-wrapper .hospitality-design-9-bathtubs-v1-brand-text{
    color:#347fb4;
    font-size:12px;
    font-weight:800;
    letter-spacing:6px;
    text-transform:uppercase;
}
#content_area .hospitality-design-9-bathtubs-v1-wrapper .hospitality-design-9-bathtubs-v1-heading{
    margin:34px 0 0;
    color:#18364a;
    font-family:Georgia,'Times New Roman',serif;
    font-size:68px !important;
    font-weight:700;
    line-height:1.07;
    letter-spacing:-1.5px;
    text-shadow:0 4px 16px rgba(0,0,0,.42);
}
#content_area .hospitality-design-9-bathtubs-v1-wrapper .hospitality-design-9-bathtubs-v1-heading span{
    color:#fff;
}
#content_area .hospitality-design-9-bathtubs-v1-wrapper .hospitality-design-9-bathtubs-v1-line{
    width:92px;
    height:3px;
    background:#7dc8f5;
    margin:34px 0;
    border-radius:30px;
}
#content_area .hospitality-design-9-bathtubs-v1-wrapper .hospitality-design-9-bathtubs-v1-paragraph{
    margin:0;
    color:#d8edf7;
    font-size:18px;
    line-height:1.92;
}
#content_area .hospitality-design-9-bathtubs-v1-wrapper .hospitality-design-9-bathtubs-v1-social{
    display:flex;
    gap:10px;
    margin-bottom:24px;
}
#content_area .hospitality-design-9-bathtubs-v1-wrapper .hospitality-design-9-bathtubs-v1-social a {
	width: 36px;
	height: 36px;
	border-radius: 50%;
	border: 1px solid #347fb4;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #347fb4;
	text-decoration: none;
	font-weight: bold;
}
#content_area .hospitality-design-9-bathtubs-v1-wrapper .hospitality-design-9-bathtubs-v1-right{
    background:#f7fcff;
    padding:48px;
    box-sizing:border-box;
    position:relative;
    overflow:hidden;
}
#content_area .hospitality-design-9-bathtubs-v1-wrapper .hospitality-design-9-bathtubs-v1-content-grid{
    display:grid;
    grid-template-columns:1.15fr .85fr;
    gap:26px;
    height:100%;
}
#content_area .hospitality-design-9-bathtubs-v1-wrapper .hospitality-design-9-bathtubs-v1-image-box{
    position:relative;
    border-radius:32px;
    overflow:hidden;
    box-shadow:0 30px 90px rgba(35,90,130,.18);
    background:#ffffff;
}
#content_area .hospitality-design-9-bathtubs-v1-wrapper .hospitality-design-9-bathtubs-v1-image-box img{
    width:100%;
    height:auto;
    display:block;
    margin-top:18px;
}
#content_area .hospitality-design-9-bathtubs-v1-wrapper .hospitality-design-9-bathtubs-v1-image-box img:first-child{
    margin-top:0;
}
#content_area .hospitality-design-9-bathtubs-v1-wrapper .hospitality-design-9-bathtubs-v1-badge{
    position:absolute;
    left:28px;
    bottom:28px;
    background:rgba(255,255,255,.94);
    border:1px solid #cfeeff;
    border-radius:18px;
    padding:18px 22px;
    box-shadow:0 14px 38px rgba(24,54,74,.16);
}
#content_area .hospitality-design-9-bathtubs-v1-wrapper .hospitality-design-9-bathtubs-v1-badge-small{
    color:#4b9ed8;
    font-size:11px;
    font-weight:800;
    letter-spacing:4px;
    text-transform:uppercase;
}
#content_area .hospitality-design-9-bathtubs-v1-wrapper .hospitality-design-9-bathtubs-v1-badge-title{
    margin-top:8px;
    color:#18364a;
    font-family:Georgia,'Times New Roman',serif;
    font-size:30px;
    line-height:1.15;
}
#content_area .hospitality-design-9-bathtubs-v1-wrapper .hospitality-design-9-bathtubs-v1-card{
    background:#ffffff;
    border:1px solid #cfeeff;
    border-radius:26px;
    padding:26px;
    box-shadow:0 20px 60px rgba(35,90,130,.08);
}
#content_area .hospitality-design-9-bathtubs-v1-wrapper .hospitality-design-9-bathtubs-v1-card-title{
    color:#4b9ed8;
    font-size:11px;
    font-weight:800;
    letter-spacing:4px;
    text-transform:uppercase;
    margin-bottom:14px;
}
#content_area .hospitality-design-9-bathtubs-v1-wrapper .hospitality-design-9-bathtubs-v1-links{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
}
#content_area .hospitality-design-9-bathtubs-v1-wrapper .hospitality-design-9-bathtubs-v1-links a{
    padding:6px 13px;
    background:#f5fbff;
    border:1px solid #cfeeff;
    border-radius:6px;
    color:#347fb4;
    font-size:12px;
    font-weight:700;
    text-decoration:none;
}
#content_area .hospitality-design-9-bathtubs-v1-wrapper .hospitality-design-9-bathtubs-v1-info{
    background:#dff3ff;
    border:1px solid #bfe3fb;
    border-radius:26px;
    padding:28px;
    box-shadow:0 20px 60px rgba(35,90,130,.08);
}
#content_area .hospitality-design-9-bathtubs-v1-wrapper .hospitality-design-9-bathtubs-v1-info-title{
    color:#347fb4;
    font-size:11px;
    font-weight:800;
    letter-spacing:4px;
    text-transform:uppercase;
}
#content_area .hospitality-design-9-bathtubs-v1-wrapper .hospitality-design-9-bathtubs-v1-info-heading{
    margin-top:12px;
    color:#18364a;
    font-family:Georgia,'Times New Roman',serif;
    font-size:36px;
    line-height:1.08;
}
#content_area .hospitality-design-9-bathtubs-v1-wrapper .hospitality-design-9-bathtubs-v1-info-text{
    margin:16px 0 0;
    color:#557985;
    font-size:15px;
    line-height:1.75;
}
@media(max-width:1024px){
    #content_area .hospitality-design-9-bathtubs-v1-wrapper .hospitality-design-9-bathtubs-v1-grid{
        grid-template-columns:1fr;
    }
    #content_area .hospitality-design-9-bathtubs-v1-wrapper .hospitality-design-9-bathtubs-v1-content-grid{
        grid-template-columns:1fr;
    }
    #content_area .hospitality-design-9-bathtubs-v1-wrapper .hospitality-design-9-bathtubs-v1-left-panel{
        padding:40px 30px;
    }
    #content_area .hospitality-design-9-bathtubs-v1-wrapper .hospitality-design-9-bathtubs-v1-right{
        padding:30px;
    }
    #content_area .hospitality-design-9-bathtubs-v1-wrapper .hospitality-design-9-bathtubs-v1-heading{
        font-size:48px;
    }
}
@media(max-width:767px){
    #content_area .hospitality-design-9-bathtubs-v1-wrapper .hospitality-design-9-bathtubs-v1-heading{
        font-size:34px;
        line-height:1.2;
    }
    #content_area .hospitality-design-9-bathtubs-v1-wrapper .hospitality-design-9-bathtubs-v1-right{
        padding:20px;
    }
    #content_area .hospitality-design-9-bathtubs-v1-wrapper .hospitality-design-9-bathtubs-v1-card{
        padding:20px;
    }
    #content_area .hospitality-design-9-bathtubs-v1-wrapper .hospitality-design-9-bathtubs-v1-badge{
        left:15px;
        right:15px;
        bottom:15px;
    }
}
/*Category 7503 - Design Template Hospitality Design 9 Bathtubs V1 - (https://www.bathselect.com/category-s/7503.htm) at 02-06-2026 End Here*/

/*Category 7502 - Design Template  - (https://www.bathselect.com/category-s/7502.htm) at 02-06-2026 Start Here*/
#content_area .light-blue-resort-editorial-v2-wrapper {
	max-width:1600px;
	margin:0 auto;
	background:#f6fcff;
	font-family:Arial,Helvetica,sans-serif;
	border-radius:34px;
	overflow:hidden;
	box-shadow:0 34px 95px rgba(40,95,135,.13);
}
#content_area .light-blue-resort-editorial-v2-wrapper .light-blue-resort-editorial-v2-inner{
	position:relative;
	min-height:860px;
	padding:58px;
	box-sizing:border-box;
	background:linear-gradient(135deg,#ffffff 0%,#eef9ff 48%,#dff3ff 100%);
}
#content_area .light-blue-resort-editorial-v2-wrapper .light-blue-resort-editorial-v2-border-overlay{
	position:absolute;
	top:38px;
	left:38px;
	right:38px;
	bottom:38px;
	border:1px solid #cbeeff;
	border-radius:30px;
	pointer-events:none;
}
#content_area .light-blue-resort-editorial-v2-wrapper .light-blue-resort-editorial-v2-logo{
	position:absolute;
	top:70px;
	left:72px;
	background:#fff;
	border:1px solid #d3efff;
	border-radius:18px;
	padding:14px 20px;
	box-shadow:0 18px 44px rgba(40,95,135,.10);
	z-index:4;
}
#content_area .light-blue-resort-editorial-v2-wrapper .light-blue-resort-editorial-v2-grid{
	display:grid;
	grid-template-columns:52% 48%;
	gap:42px;
	position:relative;
	z-index:2;
	min-height:744px;
}
#content_area .light-blue-resort-editorial-v2-wrapper .light-blue-resort-editorial-v2-left{
	position:relative;
	display:flex;
	align-items:flex-end;
}
#content_area .light-blue-resort-editorial-v2-wrapper .light-blue-resort-editorial-v2-main-image-wrap{
	position:absolute;
	top:88px;
	left:44px;
	width:82%;
	height:58%;
	border-radius:36px;
	overflow:hidden;
	box-shadow:0 34px 90px rgba(40,95,135,.18);
}
#content_area .light-blue-resort-editorial-v2-wrapper .light-blue-resort-editorial-v2-card-dark{
	background:#fff;
	color:#fff;
	border-radius:30px;
	padding:34px 38px;
	width:520px;
	box-sizing:border-box;
	box-shadow:0 28px 80px rgba(24,54,74,.22);
	margin:0 0 34px 0;
}
#content_area .light-blue-resort-editorial-v2-wrapper .light-blue-resort-editorial-v2-card-label{
	color:#aee2ff;
	font-size:11px;
	font-weight:800;
	letter-spacing:4px;
	text-transform:uppercase;
}
#content_area .light-blue-resort-editorial-v2-wrapper .light-blue-resort-editorial-v2-card-title{
	margin-top: 14px;
	font-family: Georgia,'Times New Roman',serif;
	font-size: 42px;
	font-weight: 400;
	line-height: 1.08;
	color: #18364a;
}
#content_area .light-blue-resort-editorial-v2-wrapper .light-blue-resort-editorial-v2-right{
	display:flex;
	align-items:center;
}
#content_area .light-blue-resort-editorial-v2-wrapper .light-blue-resort-editorial-v2-kicker{
	color:#4b9ed8;
	font-size:12px;
	font-weight:800;
	letter-spacing:6px;
	text-transform:uppercase;
}
#content_area .light-blue-resort-editorial-v2-wrapper .light-blue-resort-editorial-v2-title{
	margin:34px 0 0;
	color:#18364a;
	font-family:Georgia,'Times New Roman',serif;
	font-size:68px;
	font-weight:400;
	line-height:1.02;
	text-align: left !important;
}
#content_area .light-blue-resort-editorial-v2-wrapper .light-blue-resort-editorial-v2-text{
	margin:32px 0 0;
	color:#5d7586;
	font-size:18px;
	line-height:1.92;
}
#content_area .light-blue-resort-editorial-v2-wrapper .light-blue-resort-editorial-v2-social{
	margin-top:30px;
	display:flex;
	gap:10px;
}
#content_area .light-blue-resort-editorial-v2-wrapper .light-blue-resort-editorial-v2-social-btn{
	width:36px;
	height:36px;
	border-radius:50%;
	border:1px solid #bfe3fb;
	display:flex;
	align-items:center;
	justify-content:center;
	color:#4b9ed8;
	text-decoration:none;
	font-weight:bold;
	background:#fff;
}
#content_area .light-blue-resort-editorial-v2-wrapper .light-blue-resort-editorial-v2-bim-box{
	margin-top:30px;
	background:#fff;
	border:1px solid #cfeeff;
	border-radius:24px;
	padding:24px;
	box-shadow:0 22px 60px rgba(40,95,135,.08);
}
#content_area .light-blue-resort-editorial-v2-wrapper .light-blue-resort-editorial-v2-bim-title{
	color:#4b9ed8;
	font-size:11px;
	font-weight:800;
	letter-spacing:4px;
	text-transform:uppercase;
	margin-bottom:15px;
}
#content_area .light-blue-resort-editorial-v2-wrapper .light-blue-resort-editorial-v2-chips{
	display:flex;
	flex-wrap:wrap;
	gap:8px;
}
#content_area .light-blue-resort-editorial-v2-wrapper .light-blue-resort-editorial-v2-chip{
	padding:6px 13px;
	background:#f5fbff;
	border:1px solid #cfeeff;
	border-radius:6px;
	color:#347fb4;
	font-size:12px;
	font-weight:700;
	text-decoration:none;
}
@media (max-width: 1024px){
	#content_area .light-blue-resort-editorial-v2-wrapper .light-blue-resort-editorial-v2-inner{
		padding:28px;
		min-height:auto;
	}
	#content_area .light-blue-resort-editorial-v2-wrapper .light-blue-resort-editorial-v2-grid{
		grid-template-columns:1fr;
		gap:28px;
		min-height:auto;
	}
	#content_area .light-blue-resort-editorial-v2-wrapper .light-blue-resort-editorial-v2-title{
		font-size:44px;
	}
	#content_area .light-blue-resort-editorial-v2-wrapper .light-blue-resort-editorial-v2-card-dark{
		width:100%;
	}
	#content_area .light-blue-resort-editorial-v2-wrapper .light-blue-resort-editorial-v2-logo{
		position:relative;
		top:auto;
		left:auto;
		margin-bottom:20px;
	}
}
/*Category 7502 - Design Template  - (https://www.bathselect.com/category-s/7502.htm) at 02-06-2026 End Here*/

/*Category 7501 - Design Template  - (https://www.bathselect.com/category-s/7501.htm) at 02-06-2026 Start Here*/
#content_area .light-blue-resort-editorial-v7-wrapper {
	max-width:1600px;
	margin:0 auto;
	background:#f3faff;
	font-family:Arial,Helvetica,sans-serif;
	border-radius:34px;
	overflow:hidden;
	box-shadow:0 34px 90px rgba(35,90,130,.14);
}
#content_area .light-blue-resort-editorial-v7-wrapper .light-blue-resort-editorial-v7-grid{
	display:grid;
	grid-template-columns:44% 56%;
	min-height:850px;
}
#content_area .light-blue-resort-editorial-v7-wrapper .light-blue-resort-editorial-v7-left{
	background:linear-gradient(145deg,#ffffff 0%,#edf8ff 100%);
	padding:58px;
	box-sizing:border-box;
	position:relative;
	overflow:hidden;
}
#content_area .light-blue-resort-editorial-v7-wrapper .light-blue-resort-editorial-v7-right{
	background:#e8f6ff;
	padding:54px;
	box-sizing:border-box;
	position:relative;
	overflow:hidden;
}
#content_area .light-blue-resort-editorial-v7-wrapper .light-blue-resort-editorial-v7-circle-top{
	position:absolute;
	top:-120px;
	right:-120px;
	width:340px;
	height:340px;
	border-radius:50%;
	background:#d8efff;
}
#content_area .light-blue-resort-editorial-v7-wrapper .light-blue-resort-editorial-v7-circle-bottom{
	position:absolute;
	bottom:-140px;
	left:-120px;
	width:380px;
	height:380px;
	border-radius:50%;
	background:#eaf7ff;
}
#content_area .light-blue-resort-editorial-v7-wrapper .light-blue-resort-editorial-v7-content{
	position:relative;
	z-index:2;
}
#content_area .light-blue-resort-editorial-v7-wrapper .light-blue-resort-editorial-v7-logo{
	width:180px;
	height:auto;
	margin-bottom:58px;
}
#content_area .light-blue-resort-editorial-v7-wrapper .light-blue-resort-editorial-v7-kicker{
	color:#4b9ed8;
	font-size:12px;
	font-weight:800;
	letter-spacing:6px;
	text-transform:uppercase;
}
#content_area .light-blue-resort-editorial-v7-wrapper .light-blue-resort-editorial-v7-title{
	margin:42px 0 0;
	color:#18364a;
	font-family:Georgia,'Times New Roman',serif;
	font-size:70px;
	font-weight:400;
	line-height:1.02;
}
#content_area .light-blue-resort-editorial-v7-wrapper .light-blue-resort-editorial-v7-text{
	margin:34px 0 0;
	color:#5d7586;
	font-size:18px;
	line-height:1.95;
}
#content_area .light-blue-resort-editorial-v7-wrapper .light-blue-resort-editorial-v7-social{
	margin-top:34px;
	display:flex;
	gap:10px;
}
#content_area .light-blue-resort-editorial-v7-wrapper .light-blue-resort-editorial-v7-social-btn{
	width:36px;
	height:36px;
	border-radius:50%;
	border:1px solid #bfe3fb;
	display:flex;
	align-items:center;
	justify-content:center;
	color:#4b9ed8;
	text-decoration:none;
	font-weight:bold;
	background:#fff;
}
#content_area .light-blue-resort-editorial-v7-wrapper .light-blue-resort-editorial-v7-image-wrap{
	position:absolute;
	top:54px;
	right:54px;
	left:54px;
	height:52%;
	border-radius:32px;
	overflow:hidden;
	box-shadow:0 28px 80px rgba(35,90,130,.18);
}
#content_area .light-blue-resort-editorial-v7-wrapper .light-blue-resort-editorial-v7-card{
	position:absolute;
	left:64px;
	right:64px;
	bottom:62px;
	background:#fff;
	border:1px solid #cfeeff;
	border-radius:28px;
	padding:30px;
	box-sizing:border-box;
	box-shadow:0 28px 70px rgba(35,90,130,.12);
}
#content_area .light-blue-resort-editorial-v7-wrapper .light-blue-resort-editorial-v7-card-title{
	color:#4b9ed8;
	font-size:11px;
	font-weight:800;
	letter-spacing:4px;
	text-transform:uppercase;
	margin-bottom:16px;
}
#content_area .light-blue-resort-editorial-v7-wrapper .light-blue-resort-editorial-v7-chips{
	display:flex;
	flex-wrap:wrap;
	gap:8px;
}
#content_area .light-blue-resort-editorial-v7-wrapper .light-blue-resort-editorial-v7-chip{
	padding:6px 13px;
	background:#f5fbff;
	border:1px solid #cfeeff;
	border-radius:6px;
	color:#347fb4;
	font-size:12px;
	font-weight:700;
	text-decoration:none;
}
@media (max-width: 1024px){
	#content_area .light-blue-resort-editorial-v7-wrapper .light-blue-resort-editorial-v7-grid{
		grid-template-columns:1fr;
		min-height:auto;
	}
	#content_area .light-blue-resort-editorial-v7-wrapper .light-blue-resort-editorial-v7-left,
	#content_area .light-blue-resort-editorial-v7-wrapper .light-blue-resort-editorial-v7-right{
		padding:28px;
	}
	#content_area .light-blue-resort-editorial-v7-wrapper .light-blue-resort-editorial-v7-title{
		font-size:44px;
	}
	#content_area .light-blue-resort-editorial-v7-wrapper .light-blue-resort-editorial-v7-image-wrap{
		position:relative;
		top:auto;
		left:auto;
		right:auto;
		height:320px;
		margin-bottom:24px;
	}
	#content_area .light-blue-resort-editorial-v7-wrapper .light-blue-resort-editorial-v7-card{
		position:relative;
		left:auto;
		right:auto;
		bottom:auto;
		margin-top:24px;
	}
}
/*Category 7501 - Design Template  - (https://www.bathselect.com/category-s/7501.htm) at 02-06-2026 End Here*/

/*Category 7500 - Design Template  - (https://www.bathselect.com/category-s/7500.htm) at 02-06-2026 Start Here*/
#content_area .light-blue-resort-editorial-v6-wrapper {
	max-width:1600px;
	margin:0 auto;
	background:#202a33;
	font-family:Arial,Helvetica,sans-serif;
	border-radius:34px;
	overflow:hidden;
	box-shadow:0 36px 95px rgba(20,30,40,.25);
}
#content_area .light-blue-resort-editorial-v6-wrapper .light-blue-resort-editorial-v6-inner{
	position:relative;
	min-height:860px;
	padding:58px;
	box-sizing:border-box;
	background:linear-gradient( 135deg, #ffffff 0%, #ffffff 48%, #edf3f6 48%, #edf3f6 100% );
}
#content_area .light-blue-resort-editorial-v6-wrapper .light-blue-resort-editorial-v6-border{
	position:absolute;
	top:42px;
	left:42px;
	right:42px;
	bottom:42px;
	border:1px solid rgba(210,230,238,.35);
	border-radius:28px;
	pointer-events:none;
}
#content_area .light-blue-resort-editorial-v6-wrapper .light-blue-resort-editorial-v6-grid{
	display:grid;
	grid-template-columns:44% 56%;
	gap:48px;
	position:relative;
	z-index:2;
	min-height:744px;
}
#content_area .light-blue-resort-editorial-v6-wrapper .light-blue-resort-editorial-v6-left{
	display:flex;
	align-items:center;
	color:#fff;
}
#content_area .light-blue-resort-editorial-v6-wrapper .light-blue-resort-editorial-v6-logo{
	width:170px;
	height:auto;
	background:#fff;
	border-radius:14px;
	padding:12px 18px;
	margin-bottom:54px;
}
#content_area .light-blue-resort-editorial-v6-wrapper .light-blue-resort-editorial-v6-kicker{
	color:#b9d2dc;
	font-size:12px;
	font-weight:800;
	letter-spacing:6px;
	text-transform:uppercase;
}
#content_area .light-blue-resort-editorial-v6-wrapper .light-blue-resort-editorial-v6-title{
	margin:34px 0 0;
	color:#fff;
	font-family:Georgia,'Times New Roman',serif;
	font-size:70px;
	font-weight:400;
	line-height:1.02;
	text-align: left !important;
}
#content_area .light-blue-resort-editorial-v6-wrapper .light-blue-resort-editorial-v6-text{
	margin:34px 0 0;
	color:#d8e6eb;
	font-size:18px;
	line-height:1.95;
	max-width:620px;
}
#content_area .light-blue-resort-editorial-v6-wrapper .light-blue-resort-editorial-v6-social{
	margin-top:34px;
	display:flex;
	gap:10px;
}
#content_area .light-blue-resort-editorial-v6-wrapper .light-blue-resort-editorial-v6-social-btn{
	width:36px;
	height:36px;
	border-radius:50%;
	border:1px solid #347fb4;
	display:flex;
	align-items:center;
	justify-content:center;
	color:#347fb4;
	text-decoration:none;
	font-weight:bold;
}
#content_area .light-blue-resort-editorial-v6-wrapper .light-blue-resort-editorial-v6-right{
	position:relative;
}
#content_area .light-blue-resort-editorial-v6-wrapper .light-blue-resort-editorial-v6-image-wrap{
	position:absolute;
	top:20px;
	right:20px;
	width:82%;
	height:56%;
	border-radius:34px;
	overflow:hidden;
	box-shadow:0 28px 80px rgba(20,30,40,.22);
}
#content_area .light-blue-resort-editorial-v6-wrapper .light-blue-resort-editorial-v6-card{
	position:absolute;
	left:0;
	bottom:0;
	width:88%;
	background:#fff;
	border-radius:28px;
	padding:34px 36px;
	box-sizing:border-box;
	box-shadow:0 28px 80px rgba(20,30,40,.18);
}
#content_area .light-blue-resort-editorial-v6-wrapper .light-blue-resort-editorial-v6-card-title{
	color:#5f7d8a;
	font-size:11px;
	font-weight:800;
	letter-spacing:4px;
	text-transform:uppercase;
	margin-bottom:16px;
}
#content_area .light-blue-resort-editorial-v6-wrapper .light-blue-resort-editorial-v6-chips{
	display:flex;
	flex-wrap:wrap;
	gap:8px;
}
#content_area .light-blue-resort-editorial-v6-wrapper .light-blue-resort-editorial-v6-chip{
	padding:6px 13px;
	background:#f4f8fa;
	border:1px solid #d6e7ee;
	border-radius:6px;
	color:#557985;
	font-size:12px;
	font-weight:700;
	text-decoration:none;
}
@media (max-width: 1024px){
	#content_area .light-blue-resort-editorial-v6-wrapper .light-blue-resort-editorial-v6-inner{
		padding:28px;
		min-height:auto;
	}
	#content_area .light-blue-resort-editorial-v6-wrapper .light-blue-resort-editorial-v6-grid{
		grid-template-columns:1fr;
		gap:28px;
		min-height:auto;
	}
	#content_area .light-blue-resort-editorial-v6-wrapper .light-blue-resort-editorial-v6-title{
		font-size:44px;
	}
	#content_area .light-blue-resort-editorial-v6-wrapper .light-blue-resort-editorial-v6-image-wrap{
		position:relative;
		top:auto;
		right:auto;
		width:100%;
		height:320px;
		margin-bottom:20px;
	}
	#content_area .light-blue-resort-editorial-v6-wrapper .light-blue-resort-editorial-v6-card{
		position:relative;
		width:100%;
		left:auto;
		bottom:auto;
		margin-top:20px;
	}
}
/*Category 7500 - Design Template  - (https://www.bathselect.com/category-s/7500.htm) at 02-06-2026 End Here*/

/*Category 7499 - Design Template  - (https://www.bathselect.com/category-s/7499.htm) at 02-06-2026 Start Here*/
#content_area .light-blue-resort-editorial-v5-wrapper {
	max-width:1600px;
	margin:0 auto;
	background:#f8f3ea;
	font-family:Arial,Helvetica,sans-serif;
	border-radius:34px;
	overflow:hidden;
	box-shadow:0 34px 90px rgba(70,48,25,.18);
}
#content_area .light-blue-resort-editorial-v5-wrapper .light-blue-resort-editorial-v5-grid{
	display:grid;
	grid-template-columns:55% 45%;
	min-height:820px;
}
#content_area .light-blue-resort-editorial-v5-wrapper .light-blue-resort-editorial-v5-left{
	position:relative;
	background:linear-gradient(180deg, #f0f9ff, #e6f7ff, #f5fbff);
	padding:52px;
	box-sizing:border-box;
	overflow:hidden;
}
#content_area .light-blue-resort-editorial-v5-wrapper .light-blue-resort-editorial-v5-border{
	position:absolute;
	left:52px;
	top:52px;
	right:52px;
	bottom:52px;
	border:1px solid #347fb4;
	border-radius:30px;
	z-index:3;
	pointer-events:none;
}
#content_area .light-blue-resort-editorial-v5-wrapper .light-blue-resort-editorial-v5-image-wrap{
	position:absolute;
	left:92px;
	top:96px;
	width:70%;
	height:62%;
	border-radius:34px;
	overflow:hidden;
	box-shadow:0 30px 80px rgba(70,48,25,.22);
}
#content_area .light-blue-resort-editorial-v5-wrapper .light-blue-resort-editorial-v5-card{
	position:absolute;
	right:64px;
	bottom:76px;
	background:#fff;
	border-radius:26px;
	padding:30px 34px;
	width:430px;
	box-sizing:border-box;
	box-shadow:0 26px 70px rgba(70,48,25,.16);
	z-index:4;
}
#content_area .light-blue-resort-editorial-v5-wrapper .light-blue-resort-editorial-v5-logo{
	width:160px;
	height:auto;
	margin-bottom:24px;
}
#content_area .light-blue-resort-editorial-v5-wrapper .light-blue-resort-editorial-v5-kicker{
	color:#347fb4;
	font-size:11px;
	font-weight:800;
	letter-spacing:4px;
	text-transform:uppercase;
}
#content_area .light-blue-resort-editorial-v5-wrapper .light-blue-resort-editorial-v5-card-title{
	margin-top:12px;
	color:#2d2925;
	font-family:Georgia,'Times New Roman',serif;
	font-size:40px;
	font-weight:400;
	line-height:1.08;
}
#content_area .light-blue-resort-editorial-v5-wrapper .light-blue-resort-editorial-v5-right{
	background:#fff;
	padding:70px 58px;
	box-sizing:border-box;
	display:flex;
	align-items:center;
}
#content_area .light-blue-resort-editorial-v5-wrapper .light-blue-resort-editorial-v5-right-kicker{
	color:#347fb4;
	font-size:12px;
	font-weight:800;
	letter-spacing:6px;
	text-transform:uppercase;
}
#content_area .light-blue-resort-editorial-v5-wrapper .light-blue-resort-editorial-v5-title{
	margin:34px 0 0;
	color:#2d2925;
	font-family:Georgia,'Times New Roman',serif;
	font-size:64px;
	font-weight:400;
	line-height:1.03;
	text-align: left !important;
}
#content_area .light-blue-resort-editorial-v5-wrapper .light-blue-resort-editorial-v5-text{
	margin:30px 0 0;
	color:#625b54;
	font-size:18px;
	line-height:1.9;
}
#content_area .light-blue-resort-editorial-v5-wrapper .light-blue-resort-editorial-v5-social{
	margin-top:32px;
	display:flex;
	gap:10px;
}
#content_area .light-blue-resort-editorial-v5-wrapper .light-blue-resort-editorial-v5-social-btn{
	width:36px;
	height:36px;
	border-radius:50%;
	border:1px solid #347fb4;
	display:flex;
	align-items:center;
	justify-content:center;
	color:#347fb4;
	text-decoration:none;
	font-weight:bold;
}
#content_area .light-blue-resort-editorial-v5-wrapper .light-blue-resort-editorial-v5-sensor-box{
	margin-top:30px;
	background: #dff3ff;
	border: 1px solid #bfe3fb;
	border-radius:22px;
	padding:22px;
}
#content_area .light-blue-resort-editorial-v5-wrapper .light-blue-resort-editorial-v5-sensor-title{
	color:#347fb4;
	font-size:11px;
	font-weight:800;
	letter-spacing:4px;
	text-transform:uppercase;
	margin-bottom:14px;
}
#content_area .light-blue-resort-editorial-v5-wrapper .light-blue-resort-editorial-v5-chips{
	display:flex;
	flex-wrap:wrap;
	gap:8px;
}
#content_area .light-blue-resort-editorial-v5-wrapper .light-blue-resort-editorial-v5-chip{
	padding: 6px 13px;
	background: #f5fbff;
	border: 1px solid #cfeeff;
	border-radius: 6px;
	color: #347fb4;
	font-size: 12px;
	font-weight: 700;
	text-decoration: none;
}
@media (max-width: 1024px){
	#content_area .light-blue-resort-editorial-v5-wrapper .light-blue-resort-editorial-v5-grid{
		grid-template-columns:1fr;
		min-height:auto;
	}
	#content_area .light-blue-resort-editorial-v5-wrapper .light-blue-resort-editorial-v5-left,
	#content_area .light-blue-resort-editorial-v5-wrapper .light-blue-resort-editorial-v5-right{
		padding:28px;
	}
	#content_area .light-blue-resort-editorial-v5-wrapper .light-blue-resort-editorial-v5-image-wrap{
		position:relative;
		left:auto;
		top:auto;
		width:100%;
		height:320px;
		margin-bottom:20px;
	}
	#content_area .light-blue-resort-editorial-v5-wrapper .light-blue-resort-editorial-v5-card{
		position:relative;
		right:auto;
		bottom:auto;
		width:100%;
		margin-top:20px;
	}
	#content_area .light-blue-resort-editorial-v5-wrapper .light-blue-resort-editorial-v5-title{
		font-size:42px;
	}
}
/*Category 7499 - Design Template  - (https://www.bathselect.com/category-s/7499.htm) at 02-06-2026 End Here*/

/*Category 7497 - Design Template  - (https://www.bathselect.com/category-s/7497.htm) at 02-06-2026 Start Here*/
#content_area .light-blue-resort-editorial-v4-wrapper {
    max-width:1600px;
    margin:0 auto;
    background:#eef4f7;
    font-family:Arial,Helvetica,sans-serif;
    border-radius:32px;
    overflow:hidden;
    box-shadow:0 32px 90px rgba(35,60,70,.16);
}
#content_area .light-blue-resort-editorial-v4-wrapper .light-blue-resort-editorial-v4-grid{
    display:grid;
    grid-template-columns:40% 60%;
    min-height:820px;
}
#content_area .light-blue-resort-editorial-v4-wrapper .light-blue-resort-editorial-v4-left-panel{
    position:relative;
    background:#ffffff;
    padding:58px 54px;
    box-sizing:border-box;
    overflow:hidden;
}
#content_area .light-blue-resort-editorial-v4-wrapper .light-blue-resort-editorial-v4-circle-top{
    position:absolute;
    top:-120px;
    left:-120px;
    width:340px;
    height:340px;
    border-radius:50%;
    background:#dbeaf0;
}
#content_area .light-blue-resort-editorial-v4-wrapper .light-blue-resort-editorial-v4-circle-bottom{
    position:absolute;
    bottom:-160px;
    right:-150px;
    width:420px;
    height:420px;
    border-radius:50%;
    background:#f4eadf;
}
#content_area .light-blue-resort-editorial-v4-wrapper .light-blue-resort-editorial-v4-content{
    position:relative;
    z-index:2;
    height:100%;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
}
#content_area .light-blue-resort-editorial-v4-wrapper .light-blue-resort-editorial-v4-eyebrow{
    color:#6f8c99;
    font-size:12px;
    font-weight:800;
    letter-spacing:6px;
    text-transform:uppercase;
}
#content_area .light-blue-resort-editorial-v4-wrapper .light-blue-resort-editorial-v4-heading{
    margin:90px 0 0;
    color:#24343b;
    font-family:Georgia,'Times New Roman',serif;
    font-size:68px;
    font-weight:400;
    line-height:1.02;
    letter-spacing:-1px;
}
#content_area .light-blue-resort-editorial-v4-wrapper .light-blue-resort-editorial-v4-divider{
    width:88px;
    height:1px;
    background:#8da8b4;
    margin:34px 0 30px;
}
#content_area .light-blue-resort-editorial-v4-wrapper .light-blue-resort-editorial-v4-description{
    margin:0;
    color:#60727a;
    font-size:18px;
    line-height:1.95;
}
#content_area .light-blue-resort-editorial-v4-wrapper .light-blue-resort-editorial-v4-resources{
    background:#f7fbfd;
    border:1px solid #d6e7ee;
    border-radius:22px;
    padding:22px;
    box-sizing:border-box;
    margin-top:38px;
}
#content_area .light-blue-resort-editorial-v4-wrapper .light-blue-resort-editorial-v4-resources-title{
    color:#6f8c99;
    font-size:11px;
    font-weight:800;
    letter-spacing:4px;
    text-transform:uppercase;
    margin-bottom:15px;
}
#content_area .light-blue-resort-editorial-v4-wrapper .light-blue-resort-editorial-v4-links{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
}
#content_area .light-blue-resort-editorial-v4-wrapper .light-blue-resort-editorial-v4-link{
    padding:6px 13px;
    background:#ffffff;
    border:1px solid #d6e7ee;
    border-radius:6px;
    color:#557985;
    font-size:12px;
    font-weight:700;
    text-decoration:none;
    transition:.25s ease;
}
#content_area .light-blue-resort-editorial-v4-wrapper .light-blue-resort-editorial-v4-link:hover{
    background:#eef6f9;
}
#content_area .light-blue-resort-editorial-v4-wrapper .light-blue-resort-editorial-v4-right-panel{
    position:relative;
    background:#dfe9ee;
    padding:46px;
    box-sizing:border-box;
    overflow:hidden;
}
#content_area .light-blue-resort-editorial-v4-wrapper .light-blue-resort-editorial-v4-frame{
    position:absolute;
    top:46px;
    left:46px;
    right:46px;
    bottom:46px;
    border:1px solid rgba(85,121,133,.28);
    border-radius:28px;
    pointer-events:none;
    z-index:4;
}
#content_area .light-blue-resort-editorial-v4-wrapper .light-blue-resort-editorial-v4-image-wrap{
    position:absolute;
    top:86px;
    left:82px;
    right:86px;
    height:54%;
    border-radius:30px;
    overflow:hidden;
    box-shadow:0 28px 80px rgba(35,60,70,.20);
}
#content_area .light-blue-resort-editorial-v4-wrapper .light-blue-resort-editorial-v4-image{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}
#content_area .light-blue-resort-editorial-v4-wrapper .light-blue-resort-editorial-v4-title-card{
    position:absolute;
    left:78px;
    bottom:118px;
    width:440px;
    background:#ffffff;
    border:1px solid #d6e7ee;
    border-radius:26px;
    padding:34px 36px;
    box-sizing:border-box;
    box-shadow:0 28px 70px rgba(35,60,70,.16);
    z-index:5;
}
#content_area .light-blue-resort-editorial-v4-wrapper .light-blue-resort-editorial-v4-card-label{
    color:#8da8b4;
    font-size:11px;
    font-weight:800;
    letter-spacing:4px;
    text-transform:uppercase;
}
#content_area .light-blue-resort-editorial-v4-wrapper .light-blue-resort-editorial-v4-card-heading{
    margin-top:14px;
    color:#24343b;
    font-family:Georgia,'Times New Roman',serif;
    font-size:42px;
    font-weight:400;
    line-height:1.08;
}
#content_area .light-blue-resort-editorial-v4-wrapper .light-blue-resort-editorial-v4-card-text{
    margin:18px 0 0;
    color:#60727a;
    font-size:15px;
    line-height:1.75;
}
#content_area .light-blue-resort-editorial-v4-wrapper .light-blue-resort-editorial-v4-detail-card{
    position:absolute;
    right:78px;
    bottom:86px;
    width:280px;
    background:#dff3ff;
    border-radius:24px;
    padding:28px;
    box-sizing:border-box;
    box-shadow:0 28px 70px rgba(35,60,70,.26);
    z-index:6;
	border: 1px solid #bfe3fb;
}
#content_area .light-blue-resort-editorial-v4-wrapper .light-blue-resort-editorial-v4-detail-label{
    color:#347fb4;
    font-size:11px;
    font-weight:800;
    letter-spacing:4px;
    text-transform:uppercase;
}
#content_area .light-blue-resort-editorial-v4-wrapper .light-blue-resort-editorial-v4-detail-heading{
    margin-top:14px;
    color:#222;
    font-family:Georgia,'Times New Roman',serif;
    font-size:34px;
    font-weight:400;
    line-height:1.08;
}
#content_area .light-blue-resort-editorial-v4-wrapper .light-blue-resort-editorial-v4-stats{
    margin-top:22px;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
}
#content_area .light-blue-resort-editorial-v4-wrapper .light-blue-resort-editorial-v4-stat{
    background:#fff;
    border:1px solid rgba(207,226,233,.20);
    border-radius:12px;
    padding:12px;
    text-align:center;
}
#content_area .light-blue-resort-editorial-v4-wrapper .light-blue-resort-editorial-v4-stat-title{
    color:#347fb4;
    font-size:11px;
    font-weight:800;
    letter-spacing:2px;
    text-transform:uppercase;
}
#content_area .light-blue-resort-editorial-v4-wrapper .light-blue-resort-editorial-v4-stat-value{
    margin-top:6px;
    color:#222;
    font-size:13px;
}
@media (max-width:1200px){
    #content_area .light-blue-resort-editorial-v4-wrapper .light-blue-resort-editorial-v4-heading{
        font-size:54px;
    }
    #content_area .light-blue-resort-editorial-v4-wrapper .light-blue-resort-editorial-v4-title-card{
        width:360px;
    }
    #content_area .light-blue-resort-editorial-v4-wrapper .light-blue-resort-editorial-v4-card-heading{
        font-size:34px;
    }
}
@media (max-width:991px){
    #content_area .light-blue-resort-editorial-v4-wrapper .light-blue-resort-editorial-v4-grid{
        grid-template-columns:1fr;
    }
    #content_area .light-blue-resort-editorial-v4-wrapper .light-blue-resort-editorial-v4-right-panel{
        min-height:900px;
    }
    #content_area .light-blue-resort-editorial-v4-wrapper .light-blue-resort-editorial-v4-heading{
        font-size:52px;
    }
}
@media (max-width:767px){
    #content_area .light-blue-resort-editorial-v4-wrapper .light-blue-resort-editorial-v4-left-panel{
        padding:35px 25px;
    }
    #content_area .light-blue-resort-editorial-v4-wrapper .light-blue-resort-editorial-v4-right-panel{
        padding:20px;
        min-height:auto;
    }
    #content_area .light-blue-resort-editorial-v4-wrapper .light-blue-resort-editorial-v4-heading{
        margin-top:40px;
        font-size:42px;
    }
    #content_area .light-blue-resort-editorial-v4-wrapper .light-blue-resort-editorial-v4-description{
        font-size:16px;
    }
    #content_area .light-blue-resort-editorial-v4-wrapper .light-blue-resort-editorial-v4-frame{
        display:none;
    }
    #content_area .light-blue-resort-editorial-v4-wrapper .light-blue-resort-editorial-v4-image-wrap,
    #content_area .light-blue-resort-editorial-v4-wrapper .light-blue-resort-editorial-v4-title-card,
    #content_area .light-blue-resort-editorial-v4-wrapper .light-blue-resort-editorial-v4-detail-card{
        position:relative;
        left:auto;
        right:auto;
        top:auto;
        bottom:auto;
        width:100%;
        margin-bottom:20px;
    }
    #content_area .light-blue-resort-editorial-v4-wrapper .light-blue-resort-editorial-v4-image-wrap{
        height:320px;
    }
    #content_area .light-blue-resort-editorial-v4-wrapper .light-blue-resort-editorial-v4-card-heading{
        font-size:30px;
    }
    #content_area .light-blue-resort-editorial-v4-wrapper .light-blue-resort-editorial-v4-detail-heading{
        font-size:28px;
    }
}
/*Category 7497 - Design Template  - (https://www.bathselect.com/category-s/7497.htm) at 02-06-2026 End Here*/

/*Category 7496 - Design Template  - (https://www.bathselect.com/category-s/7496.htm) at 02-06-2026 Start Here*/
/* Light Blue Resort Editorial v3 */
#content_area .light-blue-resort-editorial-v3-wrapper{
    max-width:1600px;
    margin:0 auto;
    background:#ece7df;
    font-family:Arial,Helvetica,sans-serif;
    border-radius:30px;
    overflow:hidden;
    box-shadow:0 30px 90px rgba(50,35,20,.16);
}

/* Light Blue Resort Editorial v2 */
#content_area .light-blue-resort-editorial-v3-grid{
    display:grid;
    grid-template-columns:55% 45%;
    min-height:840px;
}

/* Light Blue Resort Editorial v2 */
#content_area .light-blue-resort-editorial-v3-left-panel{
    position:relative;
    padding:60px 70px;
    background: linear-gradient(135deg,#ffffff 0%,#eef9ff 48%,#dff3ff 100%);
    box-sizing:border-box;
    overflow:hidden;
}

/* Light Blue Resort Editorial v2 */
#content_area .light-blue-resort-editorial-v3-grid-bg{
    position:absolute;
    inset:0;
    background-image:
        linear-gradient(rgba(120,95,60,.05) 1px, transparent 1px),
        linear-gradient(90deg, rgba(120,95,60,.05) 1px, transparent 1px);
    background-size:42px 42px;
}

/* Light Blue Resort Editorial v2 */
#content_area .light-blue-resort-editorial-v3-brand{
    position:relative;
    z-index:2;
}

/* Light Blue Resort Editorial v2 */
#content_area .light-blue-resort-editorial-v3-brand-text{
    color:#347fb4;
    font-size:12px;
    font-weight:800;
    letter-spacing:6px;
    text-transform:uppercase;
}

/* Light Blue Resort Editorial v2 */
#content_area .light-blue-resort-editorial-v3-sup{
    font-size:55%;
    vertical-align:.15em;
}

/* Light Blue Resort Editorial v2 */
#content_area .light-blue-resort-editorial-v3-heading-wrap{
    position:relative;
    z-index:2;
    margin-top:90px;
    max-width:760px;
}

/* Light Blue Resort Editorial v2 */
#content_area .light-blue-resort-editorial-v3-year{
    color:#347fb4;
    font-family:Georgia,'Times New Roman',serif;
    font-size:120px;
    line-height:.8;
}

/* Light Blue Resort Editorial v2 */
#content_area .light-blue-resort-editorial-v3-heading{
    margin:-20px 0 0;
    color:#23201d;
    font-family:Georgia,'Times New Roman',serif;
    font-size:70px;
    font-weight:400;
    line-height:1.02;
    letter-spacing:-1px;
}

/* Light Blue Resort Editorial v2 */
#content_area .light-blue-resort-editorial-v3-divider-row{
    display:flex;
    align-items:center;
    gap:18px;
    margin:34px 0 30px;
}

/* Light Blue Resort Editorial v2 */
#content_area .light-blue-resort-editorial-v3-divider{
    width:90px;
    height:1px;
    background:#347fb4;
}

/* Light Blue Resort Editorial v2 */
#content_area .light-blue-resort-editorial-v3-divider-text{
    color:#347fb4;
    font-size:12px;
    font-weight:800;
    letter-spacing:5px;
    text-transform:uppercase;
}

/* Light Blue Resort Editorial v2 */
#content_area .light-blue-resort-editorial-v3-description{
    margin:0;
    color:#5d5b57;
    font-size:18px;
    line-height:2;
    max-width:720px;
}

/* Light Blue Resort Editorial v2 */
#content_area .light-blue-resort-editorial-v3-resource-board{
    position:relative;
    z-index:2;
    margin-top:48px;
    background:#ffffff;
    border:1px solid rgba(155,122,74,.18);
    border-radius:22px;
    padding:24px 24px 18px;
    max-width:760px;
    box-shadow:0 18px 50px rgba(70,50,30,.08);
}

/* Light Blue Resort Editorial v2 */
#content_area .light-blue-resort-editorial-v3-resource-title{
    color:#347fb4;
    font-size:11px;
    font-weight:800;
    letter-spacing:4px;
    text-transform:uppercase;
    margin-bottom:16px;
}

/* Light Blue Resort Editorial v2 */
#content_area .light-blue-resort-editorial-v3-links{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
}

/* Light Blue Resort Editorial v2 */
#content_area .light-blue-resort-editorial-v3-link{
    padding: 6px 14px;
	background: #f5fbff;
	border: 1px solid #cfeeff;
	border-radius: 6px;
	color: #347fb4;
	font-size: 12px;
	font-weight: 700;
	text-decoration: none;
	transition: .25s ease;
}

#content_area .light-blue-resort-editorial-v3-link:hover{
    background:#d7efff;
}

/* Light Blue Resort Editorial v2 */
#content_area .light-blue-resort-editorial-v3-right-panel{
    position:relative;
    background: #d7efff;
    overflow:hidden;
}

/* Light Blue Resort Editorial v2 */
#content_area .light-blue-resort-editorial-v3-main-image-wrap{
    position:absolute;
    top:70px;
    left:0;
    width:88%;
    overflow:hidden;
    border-radius:0 26px 26px 0;
    box-shadow:0 30px 70px rgba(40,30,15,.20);
}

/* Light Blue Resort Editorial v2 */
#content_area .light-blue-resort-editorial-v3-main-image{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

/* Light Blue Resort Editorial v2 */
#content_area .light-blue-resort-editorial-v3-logo-card{
    position:absolute;
    right:48px;
    top:60px;
    width:220px;
    background:#ffffff;
    border-radius:20px;
    padding:18px;
    box-shadow:0 20px 60px rgba(40,30,15,.14);
}

/* Light Blue Resort Editorial v2 */
#content_area .light-blue-resort-editorial-v3-logo{
    width:100%;
    height:auto;
    display:block;
}

/* Light Blue Resort Editorial v2 */
#content_area .light-blue-resort-editorial-v3-info-card {
	position: absolute;
	right: 42px;
	bottom: 70px;
	width: 420px;
	background: #347fb4;
	border-radius: 26px;
	padding: 34px;
	box-sizing: border-box;
	box-shadow: 0 20px 60px rgba(35,90,130,.08);
}

/* Light Blue Resort Editorial v2 */
#content_area .light-blue-resort-editorial-v3-info-label{
    color:#fff;
    font-size:11px;
    font-weight:800;
    letter-spacing:4px;
    text-transform:uppercase;
}

/* Light Blue Resort Editorial v2 */
#content_area .light-blue-resort-editorial-v3-info-heading{
    margin-top:12px;
    color:#ffffff;
    font-family:Georgia,'Times New Roman',serif;
    font-size:42px;
    font-weight:400;
    line-height:1.08;
}

/* Light Blue Resort Editorial v2 */
#content_area .light-blue-resort-editorial-v3-info-text{
    margin-top:22px;
    color:#d6d1c9;
    font-size:15px;
    line-height:1.8;
}

/* Light Blue Resort Editorial v2 */
#content_area .light-blue-resort-editorial-v3-social{
    margin-top:24px;
    display:flex;
    gap:10px;
}

/* Light Blue Resort Editorial v2 */
#content_area .light-blue-resort-editorial-v3-social-link{
    width:36px;
    height:36px;
    border-radius:50%;
    border:1px solid #fff;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    text-decoration:none;
    font-weight:bold;
}

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

    #content_area .light-blue-resort-editorial-v3-year{
        font-size:90px;
    }

    #content_area .light-blue-resort-editorial-v3-heading{
        font-size:58px;
    }

    #content_area .light-blue-resort-editorial-v3-info-card{
        width:360px;
    }
}

@media (max-width:991px){

    #content_area .light-blue-resort-editorial-v3-grid{
        grid-template-columns:1fr;
    }

    #content_area .light-blue-resort-editorial-v3-right-panel{
        min-height:900px;
    }

    #content_area .light-blue-resort-editorial-v3-left-panel{
        padding:50px 40px;
    }
}

@media (max-width:767px){

    #content_area .light-blue-resort-editorial-v3-left-panel{
        padding:30px 24px;
    }

    #content_area .light-blue-resort-editorial-v3-heading-wrap{
        margin-top:50px;
    }

    #content_area .light-blue-resort-editorial-v3-year{
        font-size:64px;
    }

    #content_area .light-blue-resort-editorial-v3-heading{
        font-size:42px;
    }

    #content_area .light-blue-resort-editorial-v3-description{
        font-size:16px;
        line-height:1.8;
    }

    #content_area .light-blue-resort-editorial-v3-main-image-wrap,
    #content_area .light-blue-resort-editorial-v3-logo-card,
    #content_area .light-blue-resort-editorial-v3-info-card{
        position:relative;
        top:auto;
        left:auto;
        right:auto;
        bottom:auto;
        width:100%;
        margin:20px;
        max-width:calc(100% - 40px);
    }

    #content_area .light-blue-resort-editorial-v3-main-image-wrap{
        height:320px;
    }

    #content_area .light-blue-resort-editorial-v3-right-panel{
        padding-bottom:20px;
        min-height:auto;
    }

    #content_area .light-blue-resort-editorial-v3-info-heading{
        font-size:30px;
    }
}
/*Category 7496 - Design Template  - (https://www.bathselect.com/category-s/7496.htm) at 02-06-2026 Start Here*/

/*Category 7496 - Design Template  - (https://www.bathselect.com/category-s/7494.htm) at 02-06-2026 Start Here*/
#content_area .bim-revit-architectural-specification-wrapper .hospitality-resource-hub {
  font-family: Georgia, 'Times New Roman', serif;
  background: linear-gradient(135deg, #eef7fb 0%, #ffffff 48%, #f7f1e8 100%);
  padding: 70px 24px;
  color: #24313a;
}
#content_area .bim-revit-architectural-specification-wrapper .hrh-wrap {
  max-width: 1180px;
  margin: 0 auto;
}
#content_area .bim-revit-architectural-specification-wrapper .hrh-hero {
  display: grid;
  grid-template-columns: 1.1fr .9fr;
  gap: 44px;
  align-items: center;
  margin-bottom: 48px;
}
#content_area .bim-revit-architectural-specification-wrapper .hrh-kicker {
  text-transform: uppercase;
  letter-spacing: .14em;
  font-size: 13px;
  color: #7c8b91;
  margin-bottom: 14px;
}
#content_area .bim-revit-architectural-specification-wrapper .hrh-title {
  font-size: clamp(38px, 5vw, 64px);
  line-height: 1.02;
  margin: 0 0 18px;
  color: #1c2a31;
  font-weight: 500;
}
#content_area .bim-revit-architectural-specification-wrapper .hrh-intro {
  font-family: Arial, sans-serif;
  font-size: 17px;
  line-height: 1.75;
  color: #60717a;
  max-width: 720px;
}
#content_area .bim-revit-architectural-specification-wrapper .hrh-panel {
  background: rgba(255,255,255,.78);
  border: 1px solid rgba(140,165,178,.28);
  border-radius: 28px;
  padding: 32px;
  box-shadow: 0 24px 60px rgba(38,62,72,.10);
}
#content_area .bim-revit-architectural-specification-wrapper .hrh-panel h3 {
  margin: 0 0 14px;
  font-size: 26px;
  font-weight: 500;
}
#content_area .bim-revit-architectural-specification-wrapper .hrh-panel p {
  font-family: Arial, sans-serif;
  color: #6c7a80;
  line-height: 1.7;
  margin-bottom: 22px;
}
#content_area .bim-revit-architectural-specification-wrapper .hrh-btn {
  display: inline-block;
  font-family: Arial, sans-serif;
  text-decoration: none;
  background: linear-gradient(180deg, #dff2ff, #b5e3ff);
  color: #0c0f13;
  padding: 13px 22px;
  border-radius: 999px;
  font-size: 14px;
  letter-spacing: .02em;
}
#content_area .bim-revit-architectural-specification-wrapper .hrh-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
  margin-top: 36px;
}
#content_area .bim-revit-architectural-specification-wrapper .hrh-card {
  background: #fff;
  border: 1px solid rgba(80,110,125,.16);
  border-radius: 24px;
  padding: 28px;
  min-height: 260px;
  box-shadow: 0 14px 36px rgba(36,49,58,.07);
}
#content_area .bim-revit-architectural-specification-wrapper .hrh-tag {
  display: inline-block;
  font-family: Arial, sans-serif;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .12em;
  color: #8a7560;
  margin-bottom: 14px;
}
#content_area .bim-revit-architectural-specification-wrapper .hrh-card h3 {
  font-size: 25px;
  line-height: 1.18;
  margin: 0 0 14px;
  color: #24313a;
  font-weight: 500;
}
#content_area .bim-revit-architectural-specification-wrapper .hrh-card p {
  font-family: Arial, sans-serif;
  color: #65777f;
  line-height: 1.65;
  font-size: 15px;
  margin-bottom: 20px;
}
#content_area .bim-revit-architectural-specification-wrapper .hrh-card a {
  font-family: Arial, sans-serif;
  color: #1f3c4a;
  text-decoration: none;
  font-weight: 700;
  font-size: 14px;
}
#content_area .bim-revit-architectural-specification-wrapper .hrh-feature {
  margin-top: 52px;
  background: linear-gradient(180deg, #f0f9ff, #e6f7ff, #f5fbff);
  color: #fff;
  border-radius: 32px;
  padding: 44px;
  display: grid;
  grid-template-columns: .8fr 1.2fr;
  gap: 34px;
  align-items: center;
  box-shadow: 0 14px 36px rgba(36,49,58,.07);
}
#content_area .bim-revit-architectural-specification-wrapper .hrh-feature h2 {
  margin: 0;
  font-size: clamp(30px, 4vw, 46px);
  font-weight: 500;
  line-height: 1.1;
}
#content_area .bim-revit-architectural-specification-wrapper .hrh-feature ul {
  margin: 0;
  padding-left: 20px;
  font-family: Arial, sans-serif;
  line-height: 1.9;
  color: #222;
}
@media (max-width: 900px) {
  #content_area .bim-revit-architectural-specification-wrapper .hrh-hero,
  #content_area .bim-revit-architectural-specification-wrapper .hrh-feature {
	grid-template-columns: 1fr;
  }
  #content_area .bim-revit-architectural-specification-wrapper .hrh-grid {
	grid-template-columns: 1fr;
  }
}
/*Category 7496 - Design Template  - (https://www.bathselect.com/category-s/7494.htm) at 02-06-2026 End Here*/

/*Category 7495 - zee-hospitality-suites-quiet-luxury-june-wrapper - (https://www.bathselect.com/category-s/7495.htm) at 02-06-2026 Start Here*/
#content_area .zee-hospitality-suites-quiet-luxury-june-wrapper {
    max-width:1600px;
    margin:0 auto;
    background:linear-gradient(135deg,#ffffff 0%,#eef9ff 48%,#dff3ff 100%);
    font-family:Arial,Helvetica,sans-serif;
    border-radius:30px;
    overflow:hidden;
    box-shadow:0 32px 90px rgba(55,38,20,.18);
}
#content_area .zee-hospitality-suites-quiet-luxury-june-wrapper .zee-hospitality-suites-quiet-luxury-june-container{
    position:relative;
    min-height:820px;
    background:transparent;
    overflow:hidden;
}
#content_area .zee-hospitality-suites-quiet-luxury-june-wrapper .zee-hospitality-suites-quiet-luxury-june-bg-title{
    position:absolute;
    left:48px;
    top:32px;
    color:rgba(118,86,55,.08);
    font-family:Georgia,'Times New Roman',serif;
    font-size:150px;
    line-height:.9;
    font-weight:400;
    letter-spacing:-5px;
}
#content_area .zee-hospitality-suites-quiet-luxury-june-wrapper .zee-hospitality-suites-quiet-luxury-june-topbar{
    position:relative;
    z-index:3;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:42px 58px 0 58px;
    box-sizing:border-box;
}
#content_area .zee-hospitality-suites-quiet-luxury-june-wrapper .zee-hospitality-suites-quiet-luxury-june-brand{
    color:#0c0f13;
    font-size:12px;
    font-weight:800;
    letter-spacing:6px;
    text-transform:uppercase;
}
#content_area .zee-hospitality-suites-quiet-luxury-june-wrapper .zee-hospitality-suites-quiet-luxury-june-brand sup{
    font-size:55%;
    vertical-align:0.15em;
}
#content_area .zee-hospitality-suites-quiet-luxury-june-wrapper .zee-hospitality-suites-quiet-luxury-june-socials{
    display:flex;
    gap:12px;
    align-items:center;
}
#content_area .zee-hospitality-suites-quiet-luxury-june-wrapper .zee-hospitality-suites-quiet-luxury-june-social{
    width:38px;
    height:38px;
    background:#fff;
    border:1px solid #0c0f13;
    border-radius:50%;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    color:#0c0f13;
    text-decoration:none;
    font-weight:bold;
}
#content_area .zee-hospitality-suites-quiet-luxury-june-wrapper .zee-hospitality-suites-quiet-luxury-june-facebook{
    font-size:20px;
}
#content_area .zee-hospitality-suites-quiet-luxury-june-wrapper .zee-hospitality-suites-quiet-luxury-june-twitter{
    font-size:15px;
}
#content_area .zee-hospitality-suites-quiet-luxury-june-wrapper .zee-hospitality-suites-quiet-luxury-june-pinterest{
    font-size:18px;
}
#content_area .zee-hospitality-suites-quiet-luxury-june-wrapper .zee-hospitality-suites-quiet-luxury-june-grid{
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:48% 52%;
    min-height:720px;
    padding:52px 58px 58px 58px;
    box-sizing:border-box;
    gap:34px;
}
#content_area .zee-hospitality-suites-quiet-luxury-june-wrapper .zee-hospitality-suites-quiet-luxury-june-left{
    display:flex;
    align-items:center;
}
#content_area .zee-hospitality-suites-quiet-luxury-june-wrapper .zee-hospitality-suites-quiet-luxury-june-content{
    max-width:640px;
    background:rgba(255,255,255,.74);
    border:1px solid rgba(122,89,55,.22);
    border-radius:28px;
    padding:56px 54px 46px 54px;
    box-sizing:border-box;
    box-shadow:0 24px 70px rgba(80,55,28,.12);
}
#content_area .zee-hospitality-suites-quiet-luxury-june-wrapper .zee-hospitality-suites-quiet-luxury-june-label{
    color:#0c0f13;
    font-size:12px;
    font-weight:800;
    letter-spacing:6px;
    text-transform:uppercase;
    margin-bottom:24px;
}
#content_area .zee-hospitality-suites-quiet-luxury-june-wrapper .zee-hospitality-suites-quiet-luxury-june-title{
    margin:0;
    color:#2b2a28;
    font-family:Georgia,'Times New Roman',serif;
    font-size:64px;
    font-weight:400;
    line-height:1.02;
    letter-spacing:-1px;
}
#content_area .zee-hospitality-suites-quiet-luxury-june-wrapper .zee-hospitality-suites-quiet-luxury-june-divider-row{
    display:flex;
    gap:18px;
    align-items:center;
    margin:34px 0 30px;
}
#content_area .zee-hospitality-suites-quiet-luxury-june-wrapper .zee-hospitality-suites-quiet-luxury-june-divider{
    width:78px;
    height:1px;
    background:#0c0f13;
}
#content_area .zee-hospitality-suites-quiet-luxury-june-wrapper .zee-hospitality-suites-quiet-luxury-june-divider-text{
    color:#0c0f13;
    font-size:12px;
    font-weight:800;
    letter-spacing:5px;
    text-transform:uppercase;
}
#content_area .zee-hospitality-suites-quiet-luxury-june-wrapper .zee-hospitality-suites-quiet-luxury-june-description{
    margin:0;
    color:#5e5b56;
    font-size:18px;
    line-height:1.92;
}
#content_area .zee-hospitality-suites-quiet-luxury-june-wrapper .zee-hospitality-suites-quiet-luxury-june-description sup{
    font-size:55%;
    vertical-align:0.15em;
}
#content_area .zee-hospitality-suites-quiet-luxury-june-wrapper .zee-hospitality-suites-quiet-luxury-june-links{
    margin-top:30px;
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    align-items:center;
}
#content_area .zee-hospitality-suites-quiet-luxury-june-wrapper .zee-hospitality-suites-quiet-luxury-june-link{
    padding:6px 13px;
    background:#fff;
    border:1px solid rgba(122,89,55,.28);
    border-radius:6px;
    color:#0c0f13;
    font-size:12px;
    font-weight:700;
    text-decoration:none;
}
#content_area .zee-hospitality-suites-quiet-luxury-june-wrapper .zee-hospitality-suites-quiet-luxury-june-right{
    position:relative;
    min-height:680px;
}
#content_area .zee-hospitality-suites-quiet-luxury-june-wrapper .zee-hospitality-suites-quiet-luxury-june-white-panel{
    position:absolute;
    top:28px;
    right:0;
    width:86%;
    height:88%;
    background:#ffffff;
    border-radius:36px;
    box-shadow:0 30px 80px rgba(80,55,28,.16);
}
#content_area .zee-hospitality-suites-quiet-luxury-june-wrapper .zee-hospitality-suites-quiet-luxury-june-image-box{
    position:absolute;
    top:0;
    right:42px;
    width:78%;
    height:74%;
    border-radius:36px;
    overflow:hidden;
    box-shadow:0 24px 70px rgba(80,55,28,.20);
}
#content_area .zee-hospitality-suites-quiet-luxury-june-wrapper .zee-hospitality-suites-quiet-luxury-june-image{
    /*width:797px;*/
}
#content_area .zee-hospitality-suites-quiet-luxury-june-wrapper .zee-hospitality-suites-quiet-luxury-june-image{
    width:100%;
    height:auto;
    display:block;
}
#content_area .zee-hospitality-suites-quiet-luxury-june-wrapper .zee-hospitality-suites-quiet-luxury-june-spec-box{
    position:absolute;
    left:20px;
    bottom:54px;
    width:430px;
    background:#2b2a28;
    border-radius:24px;
    padding:30px 34px;
    box-sizing:border-box;
    box-shadow:0 24px 70px rgba(35,25,15,.28);
}
#content_area .zee-hospitality-suites-quiet-luxury-june-wrapper .zee-hospitality-suites-quiet-luxury-june-spec-label{
    color:#fff;
    font-size:12px;
    font-weight:800;
    letter-spacing:5px;
    text-transform:uppercase;
    margin-bottom:12px;
}
#content_area .zee-hospitality-suites-quiet-luxury-june-wrapper .zee-hospitality-suites-quiet-luxury-june-spec-title{
    color:#fff;
    font-family:Georgia,'Times New Roman',serif;
    font-size:36px;
    font-weight:400;
    line-height:1.12;
}
#content_area .zee-hospitality-suites-quiet-luxury-june-wrapper .zee-hospitality-suites-quiet-luxury-june-stats{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:10px;
    margin-top:22px;
}
#content_area .zee-hospitality-suites-quiet-luxury-june-wrapper .zee-hospitality-suites-quiet-luxury-june-stat{
    background:rgba(255,255,255,.08);
    border:1px solid rgba(215,176,116,.22);
    border-radius:12px;
    padding:12px 10px;
    text-align:center;
}
#content_area .zee-hospitality-suites-quiet-luxury-june-wrapper .zee-hospitality-suites-quiet-luxury-june-stat-heading{
    color:#fff;
    font-size:11px;
    font-weight:800;
    letter-spacing:2px;
    text-transform:uppercase;
}
#content_area .zee-hospitality-suites-quiet-luxury-june-wrapper .zee-hospitality-suites-quiet-luxury-june-stat-text{
    margin-top:6px;
    color:#fff;
    font-size:13px;
}
@media (max-width:1200px){
    #content_area .zee-hospitality-suites-quiet-luxury-june-wrapper .zee-hospitality-suites-quiet-luxury-june-title{
        font-size:52px;
    }
    #content_area .zee-hospitality-suites-quiet-luxury-june-wrapper .zee-hospitality-suites-quiet-luxury-june-bg-title{
        font-size:110px;
    }
    #content_area .zee-hospitality-suites-quiet-luxury-june-wrapper .zee-hospitality-suites-quiet-luxury-june-spec-box{
        width:360px;
    }
}
@media (max-width:991px){
    #content_area .zee-hospitality-suites-quiet-luxury-june-wrapper .zee-hospitality-suites-quiet-luxury-june-grid{
        grid-template-columns:1fr;
        gap:40px;
    }
    #content_area .zee-hospitality-suites-quiet-luxury-june-wrapper .zee-hospitality-suites-quiet-luxury-june-left{
        order:2;
    }
    #content_area .zee-hospitality-suites-quiet-luxury-june-wrapper .zee-hospitality-suites-quiet-luxury-june-right{
        order:1;
        min-height:auto;
    }
    #content_area .zee-hospitality-suites-quiet-luxury-june-wrapper .zee-hospitality-suites-quiet-luxury-june-content{
        max-width:100%;
    }
    #content_area .zee-hospitality-suites-quiet-luxury-june-wrapper .zee-hospitality-suites-quiet-luxury-june-white-panel{
        position:relative;
        width:100%;
        height:500px;
        top:auto;
        right:auto;
    }
    #content_area .zee-hospitality-suites-quiet-luxury-june-wrapper .zee-hospitality-suites-quiet-luxury-june-image-box{
        position:absolute;
        top:20px;
        right:20px;
        left:20px;
        width:auto;
        height:420px;
    }
    #content_area .zee-hospitality-suites-quiet-luxury-june-wrapper .zee-hospitality-suites-quiet-luxury-june-spec-box{
        position:relative;
        left:auto;
        bottom:auto;
        width:100%;
        margin-top:30px;
    }
    #content_area .zee-hospitality-suites-quiet-luxury-june-wrapper .zee-hospitality-suites-quiet-luxury-june-bg-title{
        font-size:90px;
    }
}
@media (max-width:767px){
    #content_area .zee-hospitality-suites-quiet-luxury-june-wrapper .zee-hospitality-suites-quiet-luxury-june-topbar{
        padding:25px;
        flex-direction:column;
        gap:20px;
        align-items:flex-start;
    }
    #content_area .zee-hospitality-suites-quiet-luxury-june-wrapper .zee-hospitality-suites-quiet-luxury-june-grid{
        padding:20px;
    }
    #content_area .zee-hospitality-suites-quiet-luxury-june-wrapper .zee-hospitality-suites-quiet-luxury-june-content{
        padding:35px 25px;
    }
    #content_area .zee-hospitality-suites-quiet-luxury-june-wrapper .zee-hospitality-suites-quiet-luxury-june-title{
        font-size:40px;
        line-height:1.1;
    }
    #content_area .zee-hospitality-suites-quiet-luxury-june-wrapper .zee-hospitality-suites-quiet-luxury-june-description{
        font-size:16px;
        line-height:1.8;
    }
    #content_area .zee-hospitality-suites-quiet-luxury-june-wrapper .zee-hospitality-suites-quiet-luxury-june-bg-title{
        font-size:60px;
        left:20px;
        top:20px;
    }
    #content_area .zee-hospitality-suites-quiet-luxury-june-wrapper .zee-hospitality-suites-quiet-luxury-june-image-box{
        height:320px;
    }
    #content_area .zee-hospitality-suites-quiet-luxury-june-wrapper .zee-hospitality-suites-quiet-luxury-june-white-panel{
        height:380px;
    }

    .zee-hospitality-suites-quiet-luxury-june-spec-title{
        font-size:28px;
    }
    #content_area .zee-hospitality-suites-quiet-luxury-june-wrapper .zee-hospitality-suites-quiet-luxury-june-stats{
        grid-template-columns:1fr;
    }
    #content_area .zee-hospitality-suites-quiet-luxury-june-wrapper .zee-hospitality-suites-quiet-luxury-june-links{
        gap:10px;
    }
    #content_area .zee-hospitality-suites-quiet-luxury-june-wrapper .zee-hospitality-suites-quiet-luxury-june-link{
        width:100%;
        text-align:center;
        box-sizing:border-box;
    }
}
@media (max-width:480px){
    #content_area .zee-hospitality-suites-quiet-luxury-june-wrapper {
        border-radius:18px;
    }
    #content_area .zee-hospitality-suites-quiet-luxury-june-wrapper .zee-hospitality-suites-quiet-luxury-june-title{
        font-size:32px;
    }
    #content_area .zee-hospitality-suites-quiet-luxury-june-wrapper .zee-hospitality-suites-quiet-luxury-june-bg-title{
        font-size:44px;
    }
    #content_area .zee-hospitality-suites-quiet-luxury-june-wrapper .zee-hospitality-suites-quiet-luxury-june-brand{
        letter-spacing:3px;
        font-size:11px;
    }
    #content_area .zee-hospitality-suites-quiet-luxury-june-wrapper .zee-hospitality-suites-quiet-luxury-june-image-box{
        height:260px;
    }
    #content_area .zee-hospitality-suites-quiet-luxury-june-wrapper .zee-hospitality-suites-quiet-luxury-june-white-panel{
        height:310px;
    }
    #content_area .zee-hospitality-suites-quiet-luxury-june-wrapper .zee-hospitality-suites-quiet-luxury-june-spec-box{
        padding:22px;
    }
    #content_area .zee-hospitality-suites-quiet-luxury-june-wrapper .zee-hospitality-suites-quiet-luxury-june-spec-title{
        font-size:24px;
    }
}
/*Category 7495 - zee-hospitality-suites-quiet-luxury-june-wrapper - (https://www.bathselect.com/category-s/7495.htm) at 02-06-2026 End Here*/

/*Category 7509 - zee-hospitality-suites-quiet-luxury-june-wrapper - (https://www.bathselect.com/category-s/7509.htm) at 02-06-2026 Start Here*/
#content_area .global-luxury-hotel-groupsbs-fixtures-june-wrapper .bs-page-wrap {font-family:Arial,Helvetica,sans-serif;background:#f4fbff;padding:38px 18px;color:#263642}
  #content_area .global-luxury-hotel-groupsbs-fixtures-june-wrapper .bs-page-wrap .bs-page{max-width:1220px;margin:0 auto 55px;border-radius:28px;overflow:hidden;background:#fff;box-shadow:0 18px 45px rgba(20,90,130,.14);border:1px solid #dceff8}
  #content_area .global-luxury-hotel-groupsbs-fixtures-june-wrapper .bs-page-wrap .bs-hero{padding:42px 34px;text-align:center;color:#fff}
  #content_area .global-luxury-hotel-groupsbs-fixtures-june-wrapper .bs-page-wrap .bs-hero h2{font-size:32px;margin:0 0 14px;line-height:1.2}
  #content_area .global-luxury-hotel-groupsbs-fixtures-june-wrapper .bs-page-wrap .bs-hero p {
	font-size: 16px !important;
	line-height: 1.75 !important;
	max-width: 980px;
	margin: 0 auto !important;
	color: #fff !important;
  }
  #content_area .global-luxury-hotel-groupsbs-fixtures-june-wrapper .bs-page-wrap .bs-table-scroll{overflow-x:auto}
  #content_area .global-luxury-hotel-groupsbs-fixtures-june-wrapper .bs-page-wrap .bs-table{width:100%;border-collapse:collapse;min-width:980px}
  #content_area .global-luxury-hotel-groupsbs-fixtures-june-wrapper .bs-page-wrap .bs-table th{background:#f1f9fd;color:#17465f;text-align:left;padding:15px;font-size:13px;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid #d6eaf3}
  #content_area .global-luxury-hotel-groupsbs-fixtures-june-wrapper .bs-page-wrap .bs-table td{padding:16px;border-bottom:1px solid #edf4f8;vertical-align:top;font-size:15px;line-height:1.55}
  #content_area .global-luxury-hotel-groupsbs-fixtures-june-wrapper .bs-page-wrap .bs-table tr:hover{background:#f8fcff}
  #content_area .global-luxury-hotel-groupsbs-fixtures-june-wrapper .bs-page-wrap .bs-table a{color:#0878b8;font-weight:700;text-decoration:none}
  #content_area .global-luxury-hotel-groupsbs-fixtures-june-wrapper .bs-page-wrap .bs-brand{font-weight:700;color:#102f42}
  #content_area .global-luxury-hotel-groupsbs-fixtures-june-wrapper .bs-page-wrap .bs-badge{display:inline-block;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:700;background:#e7f6fc;color:#126b93;white-space:nowrap}
  #content_area .global-luxury-hotel-groupsbs-fixtures-june-wrapper .bs-page-wrap .bs-links{padding:26px 28px;background:#f7fcff}
  #content_area .global-luxury-hotel-groupsbs-fixtures-june-wrapper .bs-page-wrap .bs-links h3{margin:0 0 16px;color:#12384d;font-size:22px}
  #content_area .global-luxury-hotel-groupsbs-fixtures-june-wrapper .bs-page-wrap .bs-link-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
  #content_area .global-luxury-hotel-groupsbs-fixtures-june-wrapper .bs-page-wrap .bs-link-card{display:block;background:#fff;border:1px solid #d9edf8;border-radius:18px;padding:18px;text-decoration:none;color:#334;box-shadow:0 8px 22px rgba(20,90,130,.08)}
  #content_area .global-luxury-hotel-groupsbs-fixtures-june-wrapper .bs-page-wrap .bs-link-card strong{display:block;color:#0878b8;margin-bottom:8px;font-size:15px}
  #content_area .global-luxury-hotel-groupsbs-fixtures-june-wrapper .bs-page-wrap .bs-link-card span{font-size:14px;line-height:1.45}
  #content_area .global-luxury-hotel-groupsbs-fixtures-june-wrapper .bs-page-wrap .bs-page:nth-child(1) .bs-hero{background:linear-gradient(135deg,#0c5c89,#2ba9db)}
  #content_area .global-luxury-hotel-groupsbs-fixtures-june-wrapper .bs-page-wrap .bs-page:nth-child(2) .bs-hero{background:linear-gradient(135deg,#184e77,#76c7e8)}
  #content_area .global-luxury-hotel-groupsbs-fixtures-june-wrapper .bs-page-wrap .bs-page:nth-child(3) .bs-hero{background:linear-gradient(135deg,#184e77,#76c7e8)}
  #content_area .global-luxury-hotel-groupsbs-fixtures-june-wrapper .bs-page-wrap .bs-page:nth-child(4) .bs-hero{background:linear-gradient(135deg,#13293d,#8ecae6)}
  #content_area .global-luxury-hotel-groupsbs-fixtures-june-wrapper .bs-page-wrap .bs-page:nth-child(5) .bs-hero{background:linear-gradient(135deg,#1d3557,#457b9d)}

  #content_area .global-luxury-hotel-groupsbs-fixtures-june-wrapper .bs-page-wrap .bs-page:nth-child(6) .bs-hero{background:linear-gradient(135deg,#2d3142,#4f5d75)}
  #content_area .global-luxury-hotel-groupsbs-fixtures-june-wrapper .bs-page-wrap .bs-page:nth-child(7) .bs-hero{background:linear-gradient(135deg,#006d77,#83c5be)}
  #content_area .global-luxury-hotel-groupsbs-fixtures-june-wrapper .bs-page-wrap .bs-page:nth-child(8) .bs-hero{background:linear-gradient(135deg,#184e77,#76c7e8)}
  #content_area .global-luxury-hotel-groupsbs-fixtures-june-wrapper .bs-page-wrap .bs-page:nth-child(9) .bs-hero{background:linear-gradient(135deg,#264653,#2a9d8f)}
  #content_area .global-luxury-hotel-groupsbs-fixtures-june-wrapper .bs-page-wrap .bs-page:nth-child(10) .bs-hero{background:linear-gradient(135deg,#3a506b,#5bc0be)}
@media(max-width:900px){
	#content_area .global-luxury-hotel-groupsbs-fixtures-june-wrapper .bs-page-wrap .bs-link-grid{grid-template-columns:1fr}
	#content_area .global-luxury-hotel-groupsbs-fixtures-june-wrapper .bs-page-wrap .bs-hero h2{font-size:26px}
}
#content_area .zee-hospitality-suites-quiet-luxury-june-gallery {
    max-width:1400px;
    margin:60px auto;
    padding:0 20px;
}
#content_area .zee-hospitality-suites-quiet-luxury-june-gallery .zee-hospitality-suites-quiet-luxury-june-gallery-grid{
    display:grid;
    grid-template-columns:2fr 1fr 1fr;
    grid-template-rows:320px 320px;
    gap:20px;
}
#content_area .zee-hospitality-suites-quiet-luxury-june-gallery .zee-hospitality-suites-quiet-luxury-june-gallery-item{
    position:relative;
    overflow:hidden;
    border-radius:24px;
    background:#f5f5f5;
    box-shadow:0 15px 40px rgba(0,0,0,.12);
}
#content_area .zee-hospitality-suites-quiet-luxury-june-gallery .zee-hospitality-suites-quiet-luxury-june-gallery-item img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    transition:transform .8s ease;
}
#content_area .zee-hospitality-suites-quiet-luxury-june-gallery .zee-hospitality-suites-quiet-luxury-june-gallery-item:hover img{
    transform:scale(1.08);
}
#content_area .zee-hospitality-suites-quiet-luxury-june-gallery .zee-hospitality-suites-quiet-luxury-june-gallery-item:after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(
        to top,
        rgba(0,0,0,.35),
        rgba(0,0,0,0)
    );
    pointer-events:none;
}
#content_area .zee-hospitality-suites-quiet-luxury-june-gallery .zee-hospitality-suites-quiet-luxury-june-gallery-item-large{
    grid-row:span 2;
}
@media(max-width:991px){
    #content_area .zee-hospitality-suites-quiet-luxury-june-gallery .zee-hospitality-suites-quiet-luxury-june-gallery-grid{
        grid-template-columns:1fr 1fr;
        grid-template-rows:280px 280px 280px;
    }
	#content_area .zee-hospitality-suites-quiet-luxury-june-gallery .zee-hospitality-suites-quiet-luxury-june-gallery-item-large{
        grid-column:span 2;
        grid-row:span 1;
    }
}
@media(max-width:767px){
    #content_area .zee-hospitality-suites-quiet-luxury-june-gallery .zee-hospitality-suites-quiet-luxury-june-gallery-grid{
        grid-template-columns:1fr;
        grid-template-rows:auto;
    }
    #content_area .zee-hospitality-suites-quiet-luxury-june-gallery .zee-hospitality-suites-quiet-luxury-june-gallery-item,
    #content_area .zee-hospitality-suites-quiet-luxury-june-gallery .zee-hospitality-suites-quiet-luxury-june-gallery-item-large{
        grid-column:auto;
        grid-row:auto;
        height:260px;
    }
}
/*Category 7509 - zee-hospitality-suites-quiet-luxury-june-wrapper - (https://www.bathselect.com/category-s/7509.htm) at 02-06-2026 End Here*/

/*Category 7402 - unl-fontana-product-showcase-wrapper - (https://www.bathselect.com/Mid-Florida-Event-Center-s/7402.htm) at 02-06-2026 Start Here*/
#content_area .unl-fontana-product-showcase-wrapper .unl-fontana-wrap,
#content_area .unl-fontana-product-showcase-wrapper .unl-fontana-wrap * {
box-sizing: border-box;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-fontana-wrap {
width: 100%;
padding: 28px 12px;
background: linear-gradient(180deg, #eef7ff 0%, #f8fcff 48%, #e3f1ff 100%);
color: #123;
font-family: Arial, Helvetica, sans-serif;
line-height: 1.7;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-fontana-page {
max-width: 1360px;
margin: 0 auto;
overflow: hidden;
background: #ffffff;
border: 1px solid #dcecff;
border-radius: 28px;
box-shadow: 0 28px 80px rgba(18, 58, 99, 0.13);
}
#content_area .unl-fontana-product-showcase-wrapper .unl-fontana-wrap img {
max-width: 100%;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-fontana-wrap a {
color: inherit;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-fontana-wrap h1,
#content_area .unl-fontana-product-showcase-wrapper .unl-fontana-wrap h2,
#content_area .unl-fontana-product-showcase-wrapper .unl-fontana-wrap h3,
#content_area .unl-fontana-product-showcase-wrapper .unl-fontana-wrap p {
margin-top: 0;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-fontana-wrap h1 {
margin-bottom: 18px;
color: #ffffff;
font-size: clamp(36px, 5.2vw, 66px);
line-height: 1.02;
letter-spacing: -1.8px;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-fontana-wrap h2 {
margin-bottom: 14px;
color: #0e2d4d;
font-size: clamp(27px, 3.6vw, 44px);
line-height: 1.12;
letter-spacing: -0.8px;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-fontana-wrap h3 {
margin-bottom: 10px;
color: #0e2d4d;
font-size: 21px;
line-height: 1.25;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-fontana-wrap p {
color: #355b7a;
font-size: 16px;
line-height: 1.75;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-kicker-light {
display: inline-flex;
align-items: center;
justify-content: center;
width: fit-content;
margin-bottom: 18px;
padding: 9px 15px;
border-radius: 999px;
background: #2b4f73;
border: 1px solid rgba(255, 255, 255, 0.16);
color: #ffffff !important;
opacity: 1;
font-size: 12px;
font-weight: 900;
letter-spacing: 0.12em;
line-height: 1;
text-transform: uppercase;
white-space: nowrap;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-btn-row {
display: flex;
flex-wrap: wrap;
gap: 12px;
align-items: center;
margin-top: 24px;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-btn {
display: inline-flex;
min-height: 44px;
align-items: center;
justify-content: center;
padding: 11px 18px;
border-radius: 999px;
font-size: 14px;
font-weight: 800;
line-height: 1;
text-decoration: none;
transition: transform 0.2s ease, background 0.2s ease, border-color 0.2s ease;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-btn:hover {
transform: translateY(-1px);
text-decoration: none;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-btn-primary {
background: #0c5ea8;
color: #ffffff;
box-shadow: 0 12px 28px rgba(12, 94, 168, 0.25);
}
#content_area .unl-fontana-product-showcase-wrapper .unl-btn-primary:hover {
background: #084a84;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-btn-white {
background: #ffffff;
color: #0c5ea8;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-btn-white:hover {
background: #eef7ff;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-btn-outline {
border: 1px solid #b8d6f1;
background: #ffffff;
color: #0c5ea8;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-btn-outline:hover {
border-color: #0c5ea8;
background: #eef7ff;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-hero-editorial {
display: grid;
grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
min-height: 720px;
background: #0e2d4d;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-hero-visual {
position: relative;
min-height: 720px;
overflow: hidden;
background: #0e2d4d;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-hero-visual::after {
content: "";
position: absolute;
inset: 0;
background:
  linear-gradient(90deg, rgba(14, 45, 77, 0.88), rgba(14, 45, 77, 0.18) 48%, rgba(14, 45, 77, 0.72)),
  radial-gradient(circle at 40% 20%, rgba(123, 199, 255, 0.24), transparent 34%);
pointer-events: none;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-hero-visual img {
width: 100%;
height: 100%;
min-height: 720px;
object-fit: cover;
display: block;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-hero-label-card {
position: absolute;
left: 28px;
right: 28px;
bottom: 28px;
z-index: 2;
display: grid;
grid-template-columns: 1fr auto;
gap: 18px;
align-items: center;
padding: 18px;
border: 1px solid rgba(255, 255, 255, 0.24);
border-radius: 22px;
background: rgba(255, 255, 255, 0.12);
backdrop-filter: blur(10px);
}
#content_area .unl-fontana-product-showcase-wrapper .unl-hero-label-card strong {
display: block;
color: #ffffff;
font-size: 18px;
line-height: 1.25;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-hero-label-card span {
display: block;
color: #dbeeff;
font-size: 13px;
line-height: 1.45;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-hero-badge {
display: inline-flex;
min-width: 94px;
align-items: center;
justify-content: center;
padding: 10px 13px;
border-radius: 999px;
background: #ffffff;
color: #0c5ea8;
font-size: 12px;
font-weight: 900;
line-height: 1;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-hero-copy-panel {
position: relative;
display: flex;
min-height: 720px;
flex-direction: column;
justify-content: center;
padding: 58px 48px;
overflow: hidden;
background:
  radial-gradient(circle at top right, rgba(123, 199, 255, 0.18), transparent 38%),
  linear-gradient(135deg, #0e2d4d 0%, #123e68 52%, #0c5ea8 100%);
}
#content_area .unl-fontana-product-showcase-wrapper .unl-hero-copy-panel::before {
content: "";
position: absolute;
top: 34px;
right: 34px;
width: 180px;
height: 180px;
border: 1px solid rgba(255, 255, 255, 0.12);
border-radius: 999px;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-hero-copy-panel::after {
content: "";
position: absolute;
right: -140px;
bottom: -180px;
width: 410px;
height: 410px;
border-radius: 999px;
background: rgba(255, 255, 255, 0.07);
}
#content_area .unl-fontana-product-showcase-wrapper .unl-hero-copy-inner {
position: relative;
z-index: 1;
max-width: 720px;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-hero-lead {
margin-bottom: 16px;
color: #e8f5ff;
font-size: 19px;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-hero-sublead {
margin-bottom: 0;
color: #dbeeff;
font-size: 16px;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-hero-micro-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 12px;
margin-top: 32px;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-hero-micro {
padding: 14px;
border: 1px solid rgba(255, 255, 255, 0.18);
border-radius: 16px;
background: rgba(255, 255, 255, 0.1);
}
#content_area .unl-fontana-product-showcase-wrapper .unl-hero-micro span {
display: block;
margin-bottom: 4px;
color: #a9d8ff;
font-size: 11px;
font-weight: 800;
letter-spacing: 0.1em;
text-transform: uppercase;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-hero-micro strong {
color: #ffffff;
font-size: 17px;
line-height: 1.25;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-body {
padding: 0 34px 38px;
background: linear-gradient(180deg, #ffffff 0%, #f8fcff 48%, #ffffff 100%);
}
#content_area .unl-fontana-product-showcase-wrapper .unl-section {
padding-top: 56px;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-section-header {
max-width: 900px;
margin: 0 auto 28px;
text-align: center;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-section-header p {
max-width: 790px;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
color: #456985;
font-size: 17px;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-bento {
display: grid;
grid-template-columns: 1.15fr 0.85fr 0.85fr;
gap: 18px;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-bento-card {
position: relative;
overflow: hidden;
min-height: 190px;
padding: 24px;
border: 1px solid #dcecff;
border-radius: 24px;
background: #ffffff;
box-shadow: 0 16px 42px rgba(18, 58, 99, 0.07);
}
#content_area .unl-fontana-product-showcase-wrapper .unl-bento-card::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
height: 5px;
background: linear-gradient(90deg, #0c5ea8, #7bc7ff);
}
#content_area .unl-fontana-product-showcase-wrapper .unl-bento-card strong {
display: block;
margin-bottom: 8px;
color: #0c5ea8;
font-size: 13px;
font-weight: 900;
letter-spacing: 0.09em;
text-transform: uppercase;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-bento-card span {
display: block;
color: #0e2d4d;
font-size: 25px;
font-weight: 800;
line-height: 1.18;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-bento-card p {
margin-top: 12px;
margin-bottom: 0;
font-size: 15px;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-bento-large {
grid-row: span 2;
display: flex;
flex-direction: column;
justify-content: space-between;
min-height: 400px;
background:
  radial-gradient(circle at top right, rgba(12, 94, 168, 0.12), transparent 34%),
  linear-gradient(135deg, #f7fbff, #ffffff 58%, #eef7ff);
}
#content_area .unl-fontana-product-showcase-wrapper .unl-bento-large h2 {
margin-bottom: 12px;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-bento-large p:last-child {
margin-bottom: 0;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-bento-list {
display: grid;
gap: 12px;
margin-top: 22px;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-bento-list div {
padding: 14px 16px;
border: 1px solid #dcecff;
border-radius: 16px;
background: rgba(255, 255, 255, 0.82);
color: #355b7a;
font-size: 15px;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-story-shell {
display: grid;
grid-template-columns: 0.82fr 1.18fr;
gap: 24px;
align-items: start;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-story-sticky {
position: sticky;
top: 20px;
padding: 28px;
border-radius: 26px;
background: #0e2d4d;
color: #ffffff;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-story-sticky h2,
#content_area .unl-fontana-product-showcase-wrapper .unl-story-sticky p {
color: #ffffff;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-story-sticky p {
color: #dbeeff;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-story-stats {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 12px;
margin-top: 22px;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-story-stat {
padding: 14px;
border: 1px solid rgba(255, 255, 255, 0.18);
border-radius: 16px;
background: rgba(255, 255, 255, 0.1);
}
#content_area .unl-fontana-product-showcase-wrapper .unl-story-stat span {
display: block;
margin-bottom: 4px;
color: #a9d8ff;
font-size: 11px;
font-weight: 800;
letter-spacing: 0.09em;
text-transform: uppercase;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-story-stat strong {
display: block;
color: #ffffff;
font-size: 17px;
line-height: 1.24;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-timeline {
display: grid;
gap: 18px;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-timeline-card {
display: grid;
grid-template-columns: 66px 1fr;
gap: 18px;
padding: 24px;
border: 1px solid #dcecff;
border-radius: 24px;
background: #ffffff;
box-shadow: 0 14px 36px rgba(18, 58, 99, 0.06);
}
#content_area .unl-fontana-product-showcase-wrapper .unl-timeline-number {
display: inline-flex;
width: 52px;
height: 52px;
align-items: center;
justify-content: center;
border-radius: 18px;
background: #eef7ff;
color: #0c5ea8;
font-size: 17px;
font-weight: 900;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-timeline-card h3 {
color: #0c5ea8;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-timeline-card p {
margin-bottom: 0;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-mosaic {
display: grid;
grid-template-columns: 1fr 0.8fr;
gap: 18px;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-mosaic-card {
overflow: hidden;
border: 1px solid #dcecff;
border-radius: 26px;
background: #f7fbff;
box-shadow: 0 16px 42px rgba(18, 58, 99, 0.07);
}
#content_area .unl-fontana-product-showcase-wrapper .unl-mosaic-card img {
display: block;
width: auto;
height: auto;
min-height: 330px;
object-fit: contain;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-mosaic-stack {
display: grid;
gap: 18px;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-mosaic-stack .unl-mosaic-card img {
min-height: 156px;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-product-showcase {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 24px;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-product-card {
overflow: hidden;
border: 1px solid #d9e8f7;
border-radius: 28px;
background: #ffffff;
box-shadow: 0 18px 52px rgba(18, 58, 99, 0.09);
}
#content_area .unl-fontana-product-showcase-wrapper .unl-product-head {
display: grid;
grid-template-columns: 0.92fr 1.08fr;
min-height: 310px;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-product-image {
display: flex;
align-items: center;
justify-content: center;
padding: 26px;
background: linear-gradient(135deg, #f7fbff 0%, #eaf3fb 100%);
}
#content_area .unl-fontana-product-showcase-wrapper .unl-product-image img {
display: block;
width: auto;
max-height: auto;
object-fit: cover;
transition: transform 0.28s ease;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-product-card:hover .unl-product-image img {
transform: scale(1.035);
}
#content_area .unl-fontana-product-showcase-wrapper .unl-product-summary {
display: flex;
flex-direction: column;
justify-content: center;
padding: 26px;
background: #ffffff;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-product-tag {
display: inline-flex;
width: fit-content;
margin-bottom: 11px;
padding: 7px 12px;
border-radius: 999px;
background: #eef6ff;
color: #1d5f99;
font-size: 12px;
font-weight: 900;
letter-spacing: 0.04em;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-product-summary p {
margin-bottom: 0;
font-size: 15px;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-spec-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px;
padding: 0 22px 22px;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-spec-pill {
padding: 12px;
border: 1px solid #dcecff;
border-radius: 14px;
background: #fbfdff;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-spec-pill strong {
display: block;
margin-bottom: 3px;
color: #0c5ea8;
font-size: 12px;
letter-spacing: 0.08em;
text-transform: uppercase;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-spec-pill span {
color: #355b7a;
font-size: 14px;
line-height: 1.45;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-product-actions {
padding: 0 22px 24px;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-benefit-row {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 16px;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-benefit-card {
min-height: 270px;
padding: 24px;
border: 1px solid #dcecff;
border-radius: 26px;
background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
box-shadow: 0 14px 36px rgba(18, 58, 99, 0.06);
}
#content_area .unl-fontana-product-showcase-wrapper .unl-benefit-num {
display: inline-flex;
width: 42px;
height: 42px;
align-items: center;
justify-content: center;
margin-bottom: 16px;
border-radius: 15px;
background: #0c5ea8;
color: #ffffff;
font-weight: 900;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-benefit-card p {
margin-bottom: 0;
font-size: 15px;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-design-split {
display: grid;
grid-template-columns: 0.86fr 1.14fr;
gap: 26px;
align-items: center;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-design-gallery {
display: grid;
gap: 16px;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-design-gallery a {
display: block;
overflow: hidden;
border: 1px solid #dcecff;
border-radius: 24px;
background: #f7fbff;
box-shadow: 0 14px 34px rgba(18, 58, 99, 0.06);
}
#content_area .unl-fontana-product-showcase-wrapper .unl-design-gallery img {
display: block;
width: 100%;
aspect-ratio: 16 / 10;
object-fit: cover;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-design-copy {
padding: 30px;
border: 1px solid #dcecff;
border-radius: 28px;
background:
  radial-gradient(circle at top right, rgba(12, 94, 168, 0.09), transparent 34%),
  linear-gradient(135deg, #ffffff 0%, #f7fbff 100%);
box-shadow: 0 16px 42px rgba(18, 58, 99, 0.07);
}
#content_area .unl-fontana-product-showcase-wrapper .unl-design-copy p:last-child {
margin-bottom: 0;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-table-wrap {
overflow-x: auto;
border: 1px solid #dcecff;
border-radius: 24px;
background: #ffffff;
box-shadow: 0 16px 42px rgba(18, 58, 99, 0.06);
}
#content_area .unl-fontana-product-showcase-wrapper .unl-table {
width: 100%;
min-width: 900px;
border-collapse: collapse;
background: #ffffff;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-table th {
padding: 17px;
border: 1px solid #dcecff;
background: #0e2d4d;
color: #ffffff;
font-size: 14px;
line-height: 1.45;
text-align: left;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-table td {
padding: 17px;
border: 1px solid #dcecff;
color: #355b7a;
font-size: 15px;
line-height: 1.65;
vertical-align: top;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-table tr:nth-child(odd) td {
background: #fbfdff;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-table td strong {
color: #0e2d4d;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-experience-layout {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 18px;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-experience-card {
position: relative;
overflow: hidden;
padding: 26px;
border-radius: 26px;
background: #ffffff;
border: 1px solid #dcecff;
box-shadow: 0 14px 36px rgba(18, 58, 99, 0.06);
}
#content_area .unl-fontana-product-showcase-wrapper .unl-experience-card::before {
content: "";
position: absolute;
inset: auto 22px 0 22px;
height: 5px;
border-radius: 999px 999px 0 0;
background: linear-gradient(90deg, #0c5ea8, #7bc7ff);
}
#content_area .unl-fontana-product-showcase-wrapper .unl-experience-card p {
margin-bottom: 0;
font-size: 15.5px;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-experience-callout {
display: grid;
grid-template-columns: 0.86fr 1.14fr;
gap: 22px;
align-items: center;
margin-top: 20px;
padding: 28px;
border-radius: 28px;
background: #0e2d4d;
color: #ffffff;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-experience-callout h3,
#content_area .unl-fontana-product-showcase-wrapper .unl-experience-callout p {
color: #ffffff;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-experience-callout p {
margin-bottom: 0;
color: #dbeeff;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-experience-callout span {
display: block;
color: #a9d8ff;
font-size: 14px;
line-height: 1.6;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-blue-panel,
#content_area .unl-fontana-product-showcase-wrapper .unl-dark-panel {
border-radius: 28px;
padding: 30px;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-blue-panel {
border: 1px solid #dcecff;
background:
  radial-gradient(circle at top right, rgba(12, 94, 168, 0.1), transparent 34%),
  linear-gradient(180deg, #eff7ff, #f8fbff);
}
#content_area .unl-fontana-product-showcase-wrapper .unl-dark-panel {
background:
  radial-gradient(circle at top right, rgba(123, 199, 255, 0.16), transparent 34%),
  #0e2d4d;
color: #ffffff;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-dark-panel h2,
#content_area .unl-fontana-product-showcase-wrapper .unl-dark-panel p {
color: #ffffff;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-dark-panel p {
color: #dbeeff;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-mini-products {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 20px;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-mini-product-card {
display: grid;
grid-template-columns: 0.8fr 1.2fr;
overflow: hidden;
border: 1px solid #dcecff;
border-radius: 26px;
background: #ffffff;
box-shadow: 0 14px 38px rgba(18, 58, 99, 0.07);
}
#content_area .unl-fontana-product-showcase-wrapper .unl-mini-product-image {
display: flex;
align-items: center;
justify-content: center;
padding: 22px;
background: linear-gradient(135deg, #f7fbff 0%, #eaf3fb 100%);
}
#content_area .unl-fontana-product-showcase-wrapper .unl-mini-product-image img {
display: block;
width: auto;
max-height: auto;
object-fit: contain;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-mini-product-body {
padding: 24px;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-mini-product-body p {
font-size: 15px;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-faq {
display: grid;
gap: 12px;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-faq details {
overflow: hidden;
border: 1px solid #dcecff;
border-radius: 18px;
background: #ffffff;
box-shadow: 0 10px 28px rgba(18, 58, 99, 0.04);
}
#content_area .unl-fontana-product-showcase-wrapper .unl-faq summary {
cursor: pointer;
padding: 18px 20px;
color: #0e2d4d;
font-weight: 900;
line-height: 1.45;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-faq details[open] summary {
background: #eef7ff;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-faq div {
padding: 0 20px 18px;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-faq p {
margin-bottom: 0;
}
@media (max-width: 1160px) {
#content_area .unl-fontana-product-showcase-wrapper .unl-hero-editorial,
#content_area .unl-fontana-product-showcase-wrapper .unl-story-shell,
#content_area .unl-fontana-product-showcase-wrapper .unl-design-split,
#content_area .unl-fontana-product-showcase-wrapper .unl-experience-callout {
  grid-template-columns: 1fr;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-hero-visual,
#content_area .unl-fontana-product-showcase-wrapper .unl-hero-visual img,
#content_area .unl-fontana-product-showcase-wrapper .unl-hero-copy-panel {
  min-height: auto;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-hero-visual img {
  height: 520px;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-story-sticky {
  position: relative;
  top: auto;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-bento {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
#content_area .unl-fontana-product-showcase-wrapper .unl-bento-large {
  grid-column: 1 / -1;
  grid-row: auto;
  min-height: auto;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-product-head,
#content_area .unl-fontana-product-showcase-wrapper .unl-mini-product-card {
  grid-template-columns: 1fr;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-benefit-row,
#content_area .unl-fontana-product-showcase-wrapper .unl-experience-layout {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 780px) {
#content_area .unl-fontana-product-showcase-wrapper .unl-fontana-wrap {
  padding: 16px 8px;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-fontana-page {
  border-radius: 20px;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-hero-copy-panel {
  padding: 38px 22px;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-hero-visual img {
  height: 420px;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-hero-label-card,
#content_area .unl-fontana-product-showcase-wrapper .unl-hero-micro-grid,
#content_area .unl-fontana-product-showcase-wrapper .unl-bento,
#content_area .unl-fontana-product-showcase-wrapper .unl-story-stats,
#content_area .unl-fontana-product-showcase-wrapper .unl-mosaic,
#content_area .unl-fontana-product-showcase-wrapper .unl-product-showcase,
#content_area .unl-fontana-product-showcase-wrapper .unl-spec-grid,
#content_area .unl-fontana-product-showcase-wrapper .unl-benefit-row,
#content_area .unl-fontana-product-showcase-wrapper .unl-experience-layout,
#content_area .unl-fontana-product-showcase-wrapper .unl-mini-products {
  grid-template-columns: 1fr;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-body {
  padding: 0 16px 24px;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-section {
  padding-top: 42px;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-bento-card,
#content_area .unl-fontana-product-showcase-wrapper .unl-story-sticky,
#content_area .unl-fontana-product-showcase-wrapper .unl-timeline-card,
#content_area .unl-fontana-product-showcase-wrapper .unl-design-copy,
#content_area .unl-fontana-product-showcase-wrapper .unl-blue-panel,
#content_area .unl-fontana-product-showcase-wrapper .unl-dark-panel,
#content_area .unl-fontana-product-showcase-wrapper .unl-experience-callout {
  padding: 22px;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-timeline-card {
  grid-template-columns: 1fr;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-table {
  min-width: 780px;
}
}
#content_area .unl-fontana-product-showcase-wrapper .unl-product-showcase-v2,
#content_area .unl-fontana-product-showcase-wrapper .unl-product-showcase-v2 * {
box-sizing: border-box;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-product-showcase-v2 {
padding: 20px 0;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-product-grid-v2 {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 22px;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-product-card-v2 {
overflow: hidden;
border: 1px solid #cfe1f3;
border-radius: 20px;
background: #f9fbfd;
box-shadow: 0 10px 28px rgba(18, 58, 99, 0.06);
}
#content_area .unl-fontana-product-showcase-wrapper .unl-product-image-wrap-v2 {
padding: 0;
background: #dfe6ee;
border-bottom: 1px solid #d7e6f5;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-product-image-wrap-v2 img {
display: block;
width: 100%;
height: 340px; /* Bigger image */
object-fit: cover;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-product-body-v2 {
padding: 20px;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-product-tag-v2 {
display: inline-flex;
margin-bottom: 10px;
padding: 6px 10px;
border-radius: 999px;
background: #eaf3ff;
color: #0c5ea8;
font-size: 11px;
font-weight: 800;
letter-spacing: 0.04em;
text-transform: uppercase;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-product-body-v2 h3 {
margin: 0 0 10px;
color: #18324a;
font-size: 29px;
line-height: 1.18;
font-weight: 500;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-product-body-v2 p {
margin: 0 0 18px;
color: #4a6782;
font-size: 15px;
line-height: 1.75;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-product-specs-v2 {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px;
margin-bottom: 18px;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-product-spec-v2 {
min-height: 74px;
padding: 12px;
border: 1px solid #cfe1f3;
border-radius: 10px;
background: #f5f8fc;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-product-spec-v2 strong {
display: block;
margin-bottom: 6px;
color: #0c5ea8;
font-size: 10px;
font-weight: 800;
letter-spacing: 0.08em;
text-transform: uppercase;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-product-spec-v2 span {
display: block;
color: #45627c;
font-size: 13px;
line-height: 1.5;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-product-btn-v2 {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 42px;
padding: 11px 18px;
border-radius: 999px;
background: #005fb8;
color: #ffffff;
font-size: 13px;
font-weight: 700;
text-decoration: none;
transition: background 0.2s ease, transform 0.2s ease;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-product-btn-v2:hover {
background: #084a84;
transform: translateY(-1px);
}
@media (max-width: 980px) {
#content_area .unl-fontana-product-showcase-wrapper .unl-product-grid-v2 {
  grid-template-columns: 1fr;
}
}
@media (max-width: 640px) {
#content_area .unl-fontana-product-showcase-wrapper .unl-product-image-wrap-v2 img {
  height: 260px;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-product-body-v2 {
  padding: 16px;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-product-body-v2 h3 {
  font-size: 24px;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-product-specs-v2 {
  grid-template-columns: 1fr;
}
}
#content_area .unl-fontana-product-showcase-wrapper .fontana-hotel-products {
background: linear-gradient(180deg, #eef7ff 0%, #f8fbff 100%);
padding: 34px 16px;
font-family: Arial, Helvetica, sans-serif;
}
#content_area .unl-fontana-product-showcase-wrapper .fontana-hotel-products__grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 18px;
}
#content_area .unl-fontana-product-showcase-wrapper .fontana-hotel-product-card {
background: #ffffff;
border: 1px solid #d9e8f7;
border-radius: 18px;
overflow: hidden;
box-shadow: 0 16px 40px rgba(23, 50, 77, 0.08);
transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}
#content_area .unl-fontana-product-showcase-wrapper .fontana-hotel-product-card:hover {
transform: translateY(-4px);
border-color: #a9cdef;
box-shadow: 0 22px 54px rgba(23, 50, 77, 0.13);
}
#content_area .unl-fontana-product-showcase-wrapper .fontana-hotel-product-card__image {
display: block;
background: linear-gradient(135deg, #f7fbff 0%, #eaf3fb 100%);
aspect-ratio: 4 / 3;
padding: 18px;
}
#content_area .unl-fontana-product-showcase-wrapper .fontana-hotel-product-card__image img {
width: 100%;
height: 100%;
display: block;
object-fit: contain;
transition: transform 0.3s ease;
}
#content_area .unl-fontana-product-showcase-wrapper .fontana-hotel-product-card:hover .fontana-hotel-product-card__image img {
transform: scale(1.03);
}
#content_area .unl-fontana-product-showcase-wrapper .fontana-hotel-product-card__body {
padding: 18px 18px 20px;
text-align: center;
}
#content_area .unl-fontana-product-showcase-wrapper .fontana-hotel-product-card__tag {
display: inline-flex;
align-items: center;
justify-content: center;
margin-bottom: 10px;
padding: 6px 11px;
border-radius: 999px;
background: #eef6ff;
color: #1d5f99;
font-size: 12px;
font-weight: 700;
letter-spacing: 0.03em;
}
#content_area .unl-fontana-product-showcase-wrapper .fontana-hotel-product-card h3 {
margin: 0;
color: #14304a;
font-size: 18px;
line-height: 1.35;
font-weight: 700;
}
#content_area .unl-fontana-product-showcase-wrapper .fontana-hotel-product-card p {
margin: 11px 0 16px;
color: #627184;
font-size: 14px;
line-height: 1.65;
}
#content_area .unl-fontana-product-showcase-wrapper .fontana-hotel-product-card__button {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 40px;
padding: 10px 18px;
border-radius: 999px;
background: #0f5f9f;
color: #ffffff;
font-size: 13px;
font-weight: 700;
text-decoration: none;
transition: background 0.2s ease, transform 0.2s ease;
}
#content_area .unl-fontana-product-showcase-wrapper .fontana-hotel-product-card__button:hover {
background: #0a4d82;
transform: translateY(-1px);
text-decoration: none;
}
@media (max-width: 760px) {
#content_area .unl-fontana-product-showcase-wrapper .fontana-hotel-products {
  padding: 28px 12px;
}
#content_area .unl-fontana-product-showcase-wrapper .fontana-hotel-products__grid {
  grid-template-columns: 1fr;
}
#content_area .unl-fontana-product-showcase-wrapper .fontana-hotel-product-card__image {
  aspect-ratio: 16 / 11;
}
}
#content_area .unl-fontana-product-showcase-wrapper .unl-fontana-wrap {
background: linear-gradient(180deg, #eaf6ff 0%, #f8fcff 45%, #dff0ff 100%) !important;
color: #0e2d4d !important;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-fontana-page {
background: #f8fcff !important;
border-color: #bfe0ff !important;
box-shadow: 0 28px 80px rgba(12, 94, 168, 0.12) !important;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-body {
background: linear-gradient(180deg, #f8fcff 0%, #eef7ff 48%, #f8fcff 100%) !important;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-fontana-wrap h1,
#content_area .unl-fontana-product-showcase-wrapper .unl-fontana-wrap h2,
#content_area .unl-fontana-product-showcase-wrapper .unl-fontana-wrap h3 {
color: #0e2d4d !important;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-fontana-wrap p,
#content_area .unl-fontana-product-showcase-wrapper .unl-section-header p,
#content_area .unl-fontana-product-showcase-wrapper .unl-bento-card p,
#content_area .unl-fontana-product-showcase-wrapper .unl-timeline-card p,
#content_area .unl-fontana-product-showcase-wrapper .unl-benefit-card p,
#content_area .unl-fontana-product-showcase-wrapper .unl-experience-card p,
#content_area .unl-fontana-product-showcase-wrapper .unl-design-copy p,
#content_area .unl-fontana-product-showcase-wrapper .unl-blue-panel p,
#content_area .unl-fontana-product-showcase-wrapper .unl-dark-panel p,
#content_area .unl-fontana-product-showcase-wrapper .unl-experience-callout p {
color: #355b7a !important;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-kicker,
#content_area .unl-fontana-product-showcase-wrapper .unl-kicker-light,
#content_area .unl-fontana-product-showcase-wrapper .unl-kicker-dark,
#content_area .unl-fontana-product-showcase-wrapper .unl-dark-panel .unl-kicker-light,
#content_area .unl-fontana-product-showcase-wrapper .unl-dark-panel .unl-kicker-dark,
#content_area .unl-fontana-product-showcase-wrapper .unl-story-sticky .unl-kicker-light,
#content_area .unl-fontana-product-showcase-wrapper .unl-hero-copy-panel .unl-kicker-light {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: fit-content !important;
margin-bottom: 18px !important;
padding: 9px 15px !important;
border: 1px solid #0c5ea8 !important;
border-radius: 999px !important;
background: #0c5ea8 !important;
color: #ffffff !important;
opacity: 1 !important;
font-size: 12px !important;
font-weight: 900 !important;
letter-spacing: 0.12em !important;
line-height: 1 !important;
text-transform: uppercase !important;
white-space: nowrap !important;
text-shadow: none !important;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-hero-editorial {
background: linear-gradient(135deg, #eaf6ff 0%, #f8fcff 52%, #dff0ff 100%) !important;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-hero-copy-panel {
background:
  radial-gradient(circle at top right, rgba(12, 94, 168, 0.12), transparent 38%),
  linear-gradient(135deg, #f8fcff 0%, #eef7ff 48%, #dff0ff 100%) !important;
color: #0e2d4d !important;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-hero-copy-panel::before {
border-color: rgba(12, 94, 168, 0.14) !important;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-hero-copy-panel::after {
background: rgba(12, 94, 168, 0.08) !important;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-hero-lead,
#content_area .unl-fontana-product-showcase-wrapper .unl-hero-sublead {
color: #355b7a !important;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-hero-visual {
background: #dff0ff !important;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-hero-visual::after {
background:
  linear-gradient(90deg, rgba(223, 240, 255, 0.72), rgba(248, 252, 255, 0.12) 48%, rgba(223, 240, 255, 0.64)),
  radial-gradient(circle at 40% 20%, rgba(12, 94, 168, 0.18), transparent 34%) !important;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-hero-label-card {
border-color: rgba(12, 94, 168, 0.18) !important;
background: rgba(255, 255, 255, 0.86) !important;
box-shadow: 0 14px 34px rgba(12, 94, 168, 0.12) !important;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-hero-label-card strong {
color: #0e2d4d !important;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-hero-label-card span {
color: #355b7a !important;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-hero-badge {
background: #0c5ea8 !important;
color: #ffffff !important;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-hero-micro {
border-color: #bfe0ff !important;
background: rgba(255, 255, 255, 0.82) !important;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-hero-micro span {
color: #0c5ea8 !important;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-hero-micro strong {
color: #0e2d4d !important;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-bento-card,
#content_area .unl-fontana-product-showcase-wrapper .unl-timeline-card,
#content_area .unl-fontana-product-showcase-wrapper .unl-benefit-card,
#content_area .unl-fontana-product-showcase-wrapper .unl-experience-card,
#content_area .unl-fontana-product-showcase-wrapper .unl-product-card-v2,
#content_area .unl-fontana-product-showcase-wrapper .unl-product-card,
#content_area .unl-fontana-product-showcase-wrapper .fontana-hotel-product-card,
#content_area .unl-fontana-product-showcase-wrapper .unl-faq details {
background: #ffffff !important;
border-color: #bfe0ff !important;
box-shadow: 0 16px 42px rgba(12, 94, 168, 0.08) !important;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-bento-large,
#content_area .unl-fontana-product-showcase-wrapper .unl-design-copy,
#content_area .unl-fontana-product-showcase-wrapper .unl-blue-panel,
#content_area .unl-fontana-product-showcase-wrapper .unl-dark-panel,
#content_area .unl-fontana-product-showcase-wrapper .unl-story-sticky,
#content_area .unl-fontana-product-showcase-wrapper .unl-experience-callout {
border: 1px solid #bfe0ff !important;
background:
  radial-gradient(circle at top right, rgba(12, 94, 168, 0.10), transparent 34%),
  linear-gradient(135deg, #ffffff 0%, #eef7ff 54%, #dff0ff 100%) !important;
color: #0e2d4d !important;
box-shadow: 0 18px 48px rgba(12, 94, 168, 0.10) !important;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-story-sticky h2,
#content_area .unl-fontana-product-showcase-wrapper .unl-story-sticky h3,
#content_area .unl-fontana-product-showcase-wrapper .unl-story-sticky p,
#content_area .unl-fontana-product-showcase-wrapper .unl-dark-panel h2,
#content_area .unl-fontana-product-showcase-wrapper .unl-dark-panel h3,
#content_area .unl-fontana-product-showcase-wrapper .unl-dark-panel p,
#content_area .unl-fontana-product-showcase-wrapper .unl-experience-callout h3,
#content_area .unl-fontana-product-showcase-wrapper .unl-experience-callout p {
color: #0e2d4d !important;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-story-stats,
#content_area .unl-fontana-product-showcase-wrapper .unl-story-stat {
border-color: #bfe0ff !important;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-story-stat,
#content_area .unl-fontana-product-showcase-wrapper .unl-bento-list div,
#content_area .unl-fontana-product-showcase-wrapper .unl-spec-pill,
#content_area .unl-fontana-product-showcase-wrapper .unl-product-spec-v2,
#content_area .unl-fontana-product-showcase-wrapper .unl-hero-micro,
#content_area .unl-fontana-product-showcase-wrapper .unl-faq summary {
background: #f4faff !important;
border-color: #bfe0ff !important;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-story-stat span,
#content_area .unl-fontana-product-showcase-wrapper .unl-spec-pill strong,
#content_area .unl-fontana-product-showcase-wrapper .unl-product-spec-v2 strong,
#content_area .unl-fontana-product-showcase-wrapper .unl-bento-card strong,
#content_area .unl-fontana-product-showcase-wrapper .unl-timeline-card h3 {
color: #0c5ea8 !important;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-story-stat strong,
#content_area .unl-fontana-product-showcase-wrapper .unl-bento-card span,
#content_area .unl-fontana-product-showcase-wrapper .unl-spec-pill span,
#content_area .unl-fontana-product-showcase-wrapper .unl-product-spec-v2 span,
#content_area .unl-fontana-product-showcase-wrapper .unl-experience-callout span {
color: #0e2d4d !important;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-mosaic-card,
#content_area .unl-fontana-product-showcase-wrapper .unl-design-gallery a,
#content_area .unl-fontana-product-showcase-wrapper .fontana-hotel-products,
#content_area .unl-fontana-product-showcase-wrapper .fontana-hotel-product-card__image,
#content_area .unl-fontana-product-showcase-wrapper .unl-product-image-wrap-v2,
#content_area .unl-fontana-product-showcase-wrapper .unl-product-image,
#content_area .unl-fontana-product-showcase-wrapper .unl-mini-product-image {
background: linear-gradient(135deg, #f8fcff 0%, #eaf6ff 100%) !important;
border-color: #bfe0ff !important;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-product-tag,
#content_area .unl-fontana-product-showcase-wrapper .unl-product-tag-v2,
#content_area .unl-fontana-product-showcase-wrapper .fontana-hotel-product-card__tag {
background: #dff0ff !important;
color: #0c5ea8 !important;
border: 1px solid #bfe0ff !important;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-table-wrap {
border-color: #bfe0ff !important;
background: #ffffff !important;
box-shadow: 0 16px 42px rgba(12, 94, 168, 0.08) !important;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-table th {
background: linear-gradient(180deg, #dff0ff, #cfe8ff) !important;
color: #0e2d4d !important;
border-color: #bfe0ff !important;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-table td {
border-color: #bfe0ff !important;
color: #355b7a !important;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-table tr:nth-child(odd) td {
background: #f8fcff !important;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-benefit-num,
#content_area .unl-fontana-product-showcase-wrapper .unl-timeline-number {
background: #dff0ff !important;
color: #0c5ea8 !important;
border: 1px solid #bfe0ff !important;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-btn-primary,
#content_area .unl-fontana-product-showcase-wrapper .unl-product-btn-v2,
#content_area .unl-fontana-product-showcase-wrapper .fontana-hotel-product-card__button {
background: #0c5ea8 !important;
color: #ffffff !important;
box-shadow: 0 12px 28px rgba(12, 94, 168, 0.22) !important;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-btn-primary:hover,
#content_area .unl-fontana-product-showcase-wrapper .unl-product-btn-v2:hover,
#content_area .unl-fontana-product-showcase-wrapper .fontana-hotel-product-card__button:hover {
background: #084a84 !important;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-btn-white,
#content_area .unl-fontana-product-showcase-wrapper .unl-btn-outline {
border: 1px solid #bfe0ff !important;
background: #ffffff !important;
color: #0c5ea8 !important;
}
#content_area .unl-fontana-product-showcase-wrapper .unl-btn-white:hover,
#content_area .unl-fontana-product-showcase-wrapper .unl-btn-outline:hover {
background: #eaf6ff !important;
border-color: #0c5ea8 !important;
}
#content_area .unl-fontana-product-showcase-wrapper .bellaage-products-section {
background: #eef7ff;
padding: 42px 24px;
font-family: Arial, Helvetica, sans-serif;
}
#content_area .unl-fontana-product-showcase-wrapper .bellaage-products-wrap {
max-width: 1180px;
margin: 0 auto;
}
#content_area .unl-fontana-product-showcase-wrapper .bellaage-products-header {
text-align: center;
max-width: 760px;
margin: 0 auto 32px;
}
#content_area .unl-fontana-product-showcase-wrapper .bellaage-products-badge {
display: inline-block;
background: #0b66b2;
color: #fff;
font-size: 11px;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
padding: 7px 16px;
border-radius: 999px;
margin-bottom: 20px;
}
#content_area .unl-fontana-product-showcase-wrapper .bellaage-products-header h2 {
margin: 0 0 16px;
color: #8b98a3;
font-size: clamp(26px, 3vw, 38px);
font-weight: 300;
line-height: 1.35;
}
#content_area .unl-fontana-product-showcase-wrapper .bellaage-products-header p {
margin: 0 auto;
color: #4f6475;
font-size: 15px;
line-height: 1.8;
}
#content_area .unl-fontana-product-showcase-wrapper .bellaage-products-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 24px;
}
#content_area .unl-fontana-product-showcase-wrapper .bellaage-product-card {
background: #fff;
border: 1px solid #a9d6ff;
border-radius: 16px;
overflow: hidden;
box-shadow: 0 10px 26px rgba(11, 102, 178, 0.08);
}
#content_area .unl-fontana-product-showcase-wrapper .bellaage-product-image {
width: 100%;
height: clamp(420px, 42vw, 620px);
overflow: hidden;
background: #e8f2fb;
}
#content_area .unl-fontana-product-showcase-wrapper .bellaage-product-image img {
width: 100%;
height: 100%;
display: block;
object-fit: contain;
object-position: center;
}
#content_area .unl-fontana-product-showcase-wrapper .bellaage-product-content {
padding: 22px;
}
#content_area .unl-fontana-product-showcase-wrapper .bellaage-product-label {
display: inline-block;
background: #dff0ff;
color: #0b66b2;
border: 1px solid #8fcaff;
font-size: 10px;
font-weight: 800;
letter-spacing: 0.06em;
text-transform: uppercase;
padding: 6px 10px;
border-radius: 999px;
margin-bottom: 12px;
}
#content_area .unl-fontana-product-showcase-wrapper .bellaage-product-content h3 {
margin: 0 0 12px;
color: #12385c;
font-size: clamp(22px, 2vw, 30px);
line-height: 1.12;
font-weight: 500;
}
#content_area .unl-fontana-product-showcase-wrapper .bellaage-product-content p {
margin: 0 0 20px;
color: #526878;
font-size: 14px;
line-height: 1.8;
}
#content_area .unl-fontana-product-showcase-wrapper .bellaage-product-specs {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px;
margin-bottom: 20px;
}
#content_area .unl-fontana-product-showcase-wrapper .bellaage-product-spec {
border: 1px solid #8fcaff;
background: #f5fbff;
border-radius: 8px;
padding: 12px;
}
#content_area .unl-fontana-product-showcase-wrapper .bellaage-product-spec strong {
display: block;
color: #0b66b2;
font-size: 10px;
text-transform: uppercase;
letter-spacing: 0.06em;
margin-bottom: 6px;
}
#content_area .unl-fontana-product-showcase-wrapper .bellaage-product-spec span {
display: block;
color: #27465f;
font-size: 12px;
line-height: 1.5;
}
#content_area .unl-fontana-product-showcase-wrapper .bellaage-product-btn {
display: inline-flex;
align-items: center;
justify-content: center;
background: #0b66b2;
color: #fff;
text-decoration: none;
font-size: 12px;
font-weight: 700;
padding: 11px 16px;
border-radius: 999px;
}
@media (max-width: 860px) {
#content_area .unl-fontana-product-showcase-wrapper .bellaage-products-grid {
  grid-template-columns: 1fr;
}
#content_area .unl-fontana-product-showcase-wrapper .bellaage-product-image {
  height: clamp(360px, 82vw, 540px);
}
}
@media (max-width: 560px) {
#content_area .unl-fontana-product-showcase-wrapper .bellaage-products-section {
  padding: 32px 14px;
}
#content_area .unl-fontana-product-showcase-wrapper .bellaage-product-content {
  padding: 18px;
}
#content_area .unl-fontana-product-showcase-wrapper .bellaage-product-specs {
  grid-template-columns: 1fr;
}
#content_area .unl-fontana-product-showcase-wrapper .bellaage-product-image {
  height: 380px;
}
}
#content_area .unl-fontana-product-showcase-wrapper .bellaage-design-logic-section {
background: #eef7ff;
padding: 42px 24px;
font-family: Arial, Helvetica, sans-serif;
}
#content_area .unl-fontana-product-showcase-wrapper .bellaage-design-logic-wrap {
max-width: 1180px;
margin: 0 auto;
display: grid;
grid-template-columns: 1fr 1.18fr;
gap: 28px;
align-items: stretch;
}
#content_area .unl-fontana-product-showcase-wrapper .bellaage-design-logic-photos {
display: grid;
grid-template-rows: 1fr 1fr;
gap: 18px;
min-height: 640px;
}
#content_area .unl-fontana-product-showcase-wrapper .bellaage-design-logic-photo {
width: 100%;
height: 100%;
min-height: 300px;
border-radius: 18px;
overflow: hidden;
border: 1px solid #b9dcfb;
background: #dcecf8;
box-shadow: 0 10px 26px rgba(11, 102, 178, 0.08);
}
#content_area .unl-fontana-product-showcase-wrapper .bellaage-design-logic-photo img {
width: 100%;
height: 100%;
display: block;
object-fit: cover;
object-position: center;
}
#content_area .unl-fontana-product-showcase-wrapper .bellaage-design-logic-card {
min-height: 640px;
background: linear-gradient(135deg, #ffffff 0%, #eaf6ff 100%);
border: 1px solid #9ed0ff;
border-radius: 22px;
padding: 38px 42px;
text-align: center;
box-shadow: 0 12px 30px rgba(11, 102, 178, 0.08);
display: flex;
flex-direction: column;
justify-content: center;
}
#content_area .unl-fontana-product-showcase-wrapper .bellaage-design-logic-badge {
display: inline-block;
align-self: center;
background: #0b66b2;
color: #ffffff;
font-size: 11px;
font-weight: 800;
letter-spacing: 0.08em;
text-transform: uppercase;
padding: 8px 15px;
border-radius: 999px;
margin-bottom: 28px;
}
#content_area .unl-fontana-product-showcase-wrapper .bellaage-design-logic-card h2 {
margin: 0 0 24px;
color: #9aa3aa;
font-size: clamp(28px, 3vw, 42px);
font-weight: 300;
line-height: 1.35;
}
#content_area .unl-fontana-product-showcase-wrapper .bellaage-design-logic-card p {
max-width: 720px;
margin: 0 auto 18px;
color: #4c6171;
font-size: 15px;
line-height: 1.9;
}
#content_area .unl-fontana-product-showcase-wrapper .bellaage-design-logic-card p:last-child {
margin-bottom: 0;
}
@media (max-width: 900px) {
#content_area .unl-fontana-product-showcase-wrapper .bellaage-design-logic-wrap {
  grid-template-columns: 1fr;
}
#content_area .unl-fontana-product-showcase-wrapper .bellaage-design-logic-photos {
  min-height: auto;
}
#content_area .unl-fontana-product-showcase-wrapper .bellaage-design-logic-photo {
  min-height: 360px;
}
#content_area .unl-fontana-product-showcase-wrapper .bellaage-design-logic-card {
  min-height: auto;
}
}
@media (max-width: 560px) {
#content_area .unl-fontana-product-showcase-wrapper .bellaage-design-logic-section {
  padding: 32px 14px;
}
#content_area .unl-fontana-product-showcase-wrapper .bellaage-design-logic-photos {
  gap: 14px;
}
#content_area .unl-fontana-product-showcase-wrapper .bellaage-design-logic-photo {
  min-height: 300px;
  border-radius: 14px;
}
#content_area .unl-fontana-product-showcase-wrapper .bellaage-design-logic-card {
  padding: 30px 20px;
  border-radius: 18px;
}
}
#content_area .unl-fontana-product-showcase-wrapper .bellaage-product-feature-section {
background: #eef7ff;
padding: 36px 22px;
font-family: Arial, Helvetica, sans-serif;
}
#content_area .unl-fontana-product-showcase-wrapper .bellaage-product-feature-grid {
max-width: 1180px;
margin: 0 auto;
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 22px;
}
#content_area .unl-fontana-product-showcase-wrapper .bellaage-product-feature-card {
background: #ffffff;
border: 1px solid #9ed0ff;
border-radius: 14px;
overflow: hidden;
text-align: center;
box-shadow: 0 10px 24px rgba(11, 102, 178, 0.08);
}
#content_area .unl-fontana-product-showcase-wrapper .bellaage-product-feature-image {
background: #eef7ff;
padding: 18px 18px 0;
}
#content_area .unl-fontana-product-showcase-wrapper .bellaage-product-feature-image img {
width: 100%;
height: 430px;
display: block;
object-fit: contain;
object-position: center;
margin: 0 auto;
}
#content_area .unl-fontana-product-showcase-wrapper .bellaage-product-feature-content {
padding: 24px 28px 28px;
}
#content_area .unl-fontana-product-showcase-wrapper .bellaage-product-feature-label {
display: inline-block;
background: #e4f3ff;
color: #0b66b2;
border: 1px solid #8fcaff;
font-size: 10px;
font-weight: 800;
letter-spacing: 0.04em;
padding: 7px 12px;
border-radius: 999px;
margin-bottom: 14px;
}
#content_area .unl-fontana-product-showcase-wrapper .bellaage-product-feature-content h3 {
margin: 0 0 12px;
color: #14395c;
font-size: 20px;
line-height: 1.35;
font-weight: 700;
}
#content_area .unl-fontana-product-showcase-wrapper .bellaage-product-feature-content p {
max-width: 520px;
margin: 0 auto 20px;
color: #4e6272;
font-size: 14px;
line-height: 1.8;
}
#content_area .unl-fontana-product-showcase-wrapper .bellaage-product-feature-btn {
display: inline-flex;
align-items: center;
justify-content: center;
background: #0b66b2;
color: #ffffff;
text-decoration: none;
font-size: 12px;
font-weight: 800;
padding: 12px 18px;
border-radius: 999px;
}
@media (max-width: 900px) {
#content_area .unl-fontana-product-showcase-wrapper .bellaage-product-feature-grid {
  grid-template-columns: 1fr;
}
#content_area .unl-fontana-product-showcase-wrapper .bellaage-product-feature-image img {
  height: 420px;
}
}
@media (max-width: 560px) {
#content_area .unl-fontana-product-showcase-wrapper .bellaage-product-feature-section {
  padding: 28px 14px;
}
#content_area .unl-fontana-product-showcase-wrapper .bellaage-product-feature-image {
  padding: 14px 14px 0;
}
#content_area .unl-fontana-product-showcase-wrapper .bellaage-product-feature-image img {
  height: 340px;
}
#content_area .unl-fontana-product-showcase-wrapper .bellaage-product-feature-content {
  padding: 22px 18px 26px;
}
#content_area .unl-fontana-product-showcase-wrapper .bellaage-product-feature-content h3 {
  font-size: 18px;
}
}
/*Category 7402 - unl-fontana-product-showcase-wrapper - (https://www.bathselect.com/Mid-Florida-Event-Center-s/7402.htm) at 02-06-2026 End Here*/

/*Category 6225 - Bathroom-Fixtures-Warranty-BathSelect - (https://www.bathselect.com/Bathroom-Fixtures-Warranty-BathSelect-s/6225.htm) at 13-07-2026 Start Here*/
#content_area .zee-july-bsw-page-wrapper .bsw-page {
--bs-text: #5f696f;
--bs-heading: #697278;
--bs-muted: #7d868b;
--bs-light-title: #91999d;
--bs-border: #dfe5e8;
--bs-soft: #f8fafb;
--bs-soft-blue: #f4fafc;
--bs-accent: #e65a2c;
--bs-blue: #4d9aba;
--bs-deep-blue: #397e9b;
--bs-white: #ffffff;
max-width: 1180px;
margin: 0 auto;
padding: 18px 18px 55px;
color: var(--bs-text);
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
line-height: 1.65;
}
#content_area .zee-july-bsw-page-wrapper .bsw-page a {
color: var(--bs-deep-blue);
text-decoration: none;
}
#content_area .zee-july-bsw-page-wrapper .bsw-page a:hover {
color: var(--bs-accent);
}
#content_area .zee-july-bsw-page-wrapper .bsw-page h1,
#content_area .zee-july-bsw-page-wrapper .bsw-page h2,
#content_area .zee-july-bsw-page-wrapper .bsw-page h3 {
margin-top: 0;
color: var(--bs-heading);
line-height: 1.2;
}
/* HERO */
#content_area .zee-july-bsw-page-wrapper .bsw-hero {
display: grid;
grid-template-columns: minmax(0, 1.05fr) minmax(320px, .95fr);
align-items: center;
min-height: 500px;
overflow: hidden;
border: 1px solid #dce7eb;
border-radius: 18px;
background:
  radial-gradient(
	circle at 15% 20%,
	rgba(77, 154, 186, .08),
	transparent 34%
  ),
  linear-gradient(
	135deg,
	#ffffff 0%,
	#f8fcfd 55%,
	#f0f8fa 100%
  );
}
#content_area .zee-july-bsw-page-wrapper .bsw-hero-copy {
padding: clamp(32px, 5vw, 62px);
}
#content_area .zee-july-bsw-page-wrapper .bsw-eyebrow {
display: block;
margin-bottom: 15px;
color: var(--bs-blue);
font-size: 12px;
font-weight: 700;
letter-spacing: 1.8px;
text-transform: uppercase;
}
#content_area .zee-july-bsw-page-wrapper .bsw-hero h1 {
max-width: 650px;
margin-bottom: 18px;
font-size: clamp(33px, 4.4vw, 51px);
font-weight: 500;
letter-spacing: -.8px;
}
#content_area .zee-july-bsw-page-wrapper .bsw-hero-intro {
max-width: 650px;
margin: 0 0 25px;
color: var(--bs-muted);
font-size: 18px;
line-height: 1.7;
}
#content_area .zee-july-bsw-page-wrapper .bsw-hero-meta {
display: flex;
flex-wrap: wrap;
gap: 9px;
}
#content_area .zee-july-bsw-page-wrapper .bsw-hero-meta span {
display: inline-flex;
align-items: center;
min-height: 33px;
padding: 7px 12px;
border: 1px solid #dce8ec;
border-radius: 100px;
background: rgba(255, 255, 255, .88);
color: var(--bs-muted);
font-size: 12px;
font-weight: 600;
}
#content_area .zee-july-bsw-page-wrapper .bsw-hero-image {
display: flex;
align-items: center;
justify-content: center;
align-self: stretch;
min-height: 500px;
padding: 22px;
background: rgba(255, 255, 255, .6);
}
#content_area .zee-july-bsw-page-wrapper .bsw-hero-image img {
display: block;
width: 100%;
max-width: 480px;
height: 455px;
margin: 0 auto;
object-fit: contain;
}
#content_area .zee-july-bsw-page-wrapper .bsw-authority-bar {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
margin-top: 18px;
overflow: hidden;
border: 1px solid var(--bs-border);
border-radius: 12px;
background: var(--bs-white);
}
#content_area .zee-july-bsw-page-wrapper .bsw-authority-item {
min-height: 100px;
padding: 20px;
border-right: 1px solid var(--bs-border);
}
#content_area .zee-july-bsw-page-wrapper .bsw-authority-item:last-child {
border-right: 0;
}
#content_area .zee-july-bsw-page-wrapper .bsw-authority-label {
display: block;
margin-bottom: 6px;
color: var(--bs-light-title);
font-size: 11px;
font-weight: 700;
letter-spacing: 1px;
text-transform: uppercase;
}
#content_area .zee-july-bsw-page-wrapper .bsw-authority-value {
display: block;
color: var(--bs-heading);
font-size: 15px;
font-weight: 700;
line-height: 1.4;
}
#content_area .zee-july-bsw-page-wrapper .bsw-authority-note {
display: block;
margin-top: 5px;
color: var(--bs-muted);
font-size: 12px;
line-height: 1.45;
}
#content_area .zee-july-bsw-page-wrapper .bsw-notice {
margin-top: 24px;
padding: 21px 23px;
border: 1px solid #eadaca;
border-left: 4px solid var(--bs-accent);
border-radius: 11px;
background: #fffaf5;
}
#content_area .zee-july-bsw-page-wrapper .bsw-notice h2 {
margin-bottom: 8px;
font-size: 19px;
font-weight: 600;
}
#content_area .zee-july-bsw-page-wrapper .bsw-notice p {
margin: 0;
color: var(--bs-text);
font-size: 15px;
}
#content_area .zee-july-bsw-page-wrapper .bsw-overview {
margin-top: 32px;
}
#content_area .zee-july-bsw-page-wrapper .bsw-section-heading {
max-width: 820px;
margin-bottom: 20px;
}
#content_area .zee-july-bsw-page-wrapper .bsw-section-heading h2 {
margin-bottom: 10px;
font-size: clamp(25px, 3vw, 33px);
font-weight: 500;
}
#content_area .zee-july-bsw-page-wrapper .bsw-section-heading p {
margin: 0;
color: var(--bs-muted);
}
#content_area .zee-july-bsw-page-wrapper .bsw-overview-grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 14px;
}
#content_area .zee-july-bsw-page-wrapper .bsw-overview-card {
min-height: 170px;
padding: 22px 19px;
border: 1px solid var(--bs-border);
border-radius: 12px;
background: var(--bs-white);
box-shadow: 0 8px 22px rgba(45, 75, 88, .04);
}
#content_area .zee-july-bsw-page-wrapper .bsw-card-number {
display: flex;
align-items: center;
justify-content: center;
width: 34px;
height: 34px;
margin-bottom: 15px;
border-radius: 50%;
background: var(--bs-soft-blue);
color: var(--bs-blue);
font-size: 13px;
font-weight: 700;
}
#content_area .zee-july-bsw-page-wrapper .bsw-overview-card h3 {
margin-bottom: 8px;
font-size: 17px;
font-weight: 600;
}
#content_area .zee-july-bsw-page-wrapper .bsw-overview-card p {
margin: 0;
color: var(--bs-muted);
font-size: 13px;
line-height: 1.55;
}
#content_area .zee-july-bsw-page-wrapper .bsw-navigation {
margin-top: 28px;
padding: 25px;
border: 1px solid var(--bs-border);
border-radius: 14px;
background: var(--bs-soft);
}
#content_area .zee-july-bsw-page-wrapper .bsw-navigation h2 {
margin-bottom: 16px;
font-size: 19px;
font-weight: 600;
}
#content_area .zee-july-bsw-page-wrapper .bsw-navigation-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 9px 22px;
}
#content_area .zee-july-bsw-page-wrapper .bsw-navigation-grid a {
position: relative;
display: block;
padding: 6px 5px 6px 20px;
color: var(--bs-text);
font-size: 14px;
font-weight: 600;
}
#content_area .zee-july-bsw-page-wrapper .bsw-navigation-grid a:before {
content: "";
position: absolute;
top: 14px;
left: 1px;
width: 8px;
height: 1px;
background: var(--bs-blue);
}
#content_area .zee-july-bsw-page-wrapper .bsw-navigation-grid a:hover {
color: var(--bs-blue);
}
/* QUICK WARRANTY FINDER */
#content_area .zee-july-bsw-page-wrapper .bsw-warranty-finder {
margin-top: 18px;
padding: 24px;
border: 1px solid var(--bs-border);
border-radius: 14px;
background: linear-gradient(135deg, #ffffff 0%, var(--bs-soft-blue) 100%);
}
#content_area .zee-july-bsw-page-wrapper .bsw-finder-label {
display: block;
margin-bottom: 15px;
color: var(--bs-heading);
font-size: 19px;
font-weight: 600;
}
#content_area .zee-july-bsw-page-wrapper .bsw-finder-links {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 11px;
}
#content_area .zee-july-bsw-page-wrapper .bsw-finder-links a {
display: flex;
align-items: center;
justify-content: center;
min-height: 48px;
padding: 11px 14px;
border: 1px solid var(--bs-border);
border-radius: 9px;
background: #ffffff;
color: var(--bs-text);
font-size: 13px;
font-weight: 700;
text-align: center;
text-decoration: none;
transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}
#content_area .zee-july-bsw-page-wrapper .bsw-finder-links a:hover {
transform: translateY(-2px);
border-color: #bdd5df;
color: var(--bs-blue);
box-shadow: 0 7px 18px rgba(45, 75, 88, .07);
}
/* RESPONSIVE */
@media (max-width: 950px) {
#content_area .zee-july-bsw-page-wrapper .bsw-hero {
  grid-template-columns: 1fr 42%;
}
#content_area .zee-july-bsw-page-wrapper .bsw-authority-bar,
#content_area .zee-july-bsw-page-wrapper .bsw-overview-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
#content_area .zee-july-bsw-page-wrapper .bsw-authority-item:nth-child(2) {
  border-right: 0;
}
#content_area .zee-july-bsw-page-wrapper .bsw-authority-item:nth-child(-n+2) {
  border-bottom: 1px solid var(--bs-border);
}
}
@media (max-width: 720px) {
#content_area .zee-july-bsw-page-wrapper .bsw-page {
  padding-right: 11px;
  padding-left: 11px;
}
#content_area .zee-july-bsw-page-wrapper .bsw-hero {
  grid-template-columns: 1fr;
  min-height: 0;
}
#content_area .zee-july-bsw-page-wrapper .bsw-hero-copy {
  padding: 34px 23px 20px;
}
#content_area .zee-july-bsw-page-wrapper .bsw-hero-image {
  min-height: 330px;
  padding: 10px 20px 24px;
}
#content_area .zee-july-bsw-page-wrapper .bsw-hero-image img {
  height: 330px;
}
#content_area .zee-july-bsw-page-wrapper .bsw-navigation-grid,
#content_area .zee-july-bsw-page-wrapper .bsw-finder-links {
  grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 520px) {
#content_area .zee-july-bsw-page-wrapper .bsw-authority-bar,
#content_area .zee-july-bsw-page-wrapper .bsw-overview-grid,
#content_area .zee-july-bsw-page-wrapper .bsw-navigation-grid,
#content_area .zee-july-bsw-page-wrapper .bsw-finder-links {
  grid-template-columns: 1fr;
}
#content_area .zee-july-bsw-page-wrapper .bsw-authority-item {
  border-right: 0;
  border-bottom: 1px solid var(--bs-border);
}
#content_area .zee-july-bsw-page-wrapper .bsw-authority-item:last-child {
  border-bottom: 0;
}
#content_area .zee-july-bsw-page-wrapper .bsw-authority-item:nth-child(3) {
  border-bottom: 1px solid var(--bs-border);
}
}
#content_area .zee-july-bsw-contnet-section-wrapper .bsw-content-section {
margin-top: 30px;
padding: clamp(25px, 4vw, 40px);
border: 1px solid var(--bs-border);
border-radius: 16px;
background: var(--bs-white);
}
#content_area .zee-july-bsw-contnet-section-wrapper .bsw-content-section.bsw-content-section--soft {
background:
  linear-gradient(
	135deg,
	#ffffff 0%,
	var(--bs-soft-blue) 100%
  );
}
#content_area .zee-july-bsw-contnet-section-wrapper .bsw-content-section.bsw-content-heading {
max-width: 850px;
margin-bottom: 24px;
}
#content_area .zee-july-bsw-contnet-section-wrapper .bsw-content-section .bsw-content-heading h2 {
margin-bottom: 11px;
font-size: clamp(25px, 3vw, 33px);
font-weight: 500;
}
#content_area .zee-july-bsw-contnet-section-wrapper .bsw-content-section .bsw-content-heading p {
margin: 0;
color: var(--bs-muted);
font-size: 16px;
line-height: 1.65;
}
/* ELIGIBILITY */
#content_area .zee-july-bsw-contnet-section-wrapper .bsw-content-section .bsw-eligibility-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 18px;
}
#content_area .zee-july-bsw-contnet-section-wrapper .bsw-content-section .bsw-eligibility-card {
padding: 24px;
border: 1px solid var(--bs-border);
border-radius: 13px;
background: #ffffff;
}
#content_area .zee-july-bsw-contnet-section-wrapper .bsw-content-section .bsw-eligibility-card h3 {
margin-bottom: 16px;
font-size: 19px;
font-weight: 600;
}
#content_area .zee-july-bsw-contnet-section-wrapper .bsw-content-section .bsw-eligibility-card ul {
margin: 0;
padding: 0;
list-style: none;
}
#content_area .zee-july-bsw-contnet-section-wrapper .bsw-content-section .bsw-eligibility-card li {
position: relative;
margin-bottom: 11px;
padding-left: 28px;
color: var(--bs-text);
font-size: 14px;
line-height: 1.55;
}
#content_area .zee-july-bsw-contnet-section-wrapper .bsw-content-section .bsw-eligibility-card li:last-child {
margin-bottom: 0;
}
#content_area .zee-july-bsw-contnet-section-wrapper .bsw-content-section .bsw-eligibility-card--included li:before {
content: "\2713";
position: absolute;
top: 0;
left: 1px;
color: #4f8065;
font-size: 16px;
font-weight: 700;
}
#content_area .zee-july-bsw-contnet-section-wrapper .bsw-content-section .bsw-eligibility-card--excluded li:before {
content: "�";
position: absolute;
top: -1px;
left: 3px;
color: var(--bs-accent);
font-size: 19px;
font-weight: 700;
}
#content_area .zee-july-bsw-contnet-section-wrapper .bsw-content-section .bsw-inline-note {
margin-top: 20px;
padding: 18px 20px;
border-left: 4px solid var(--bs-blue);
border-radius: 8px;
background: #f5fafc;
}
#content_area .zee-july-bsw-contnet-section-wrapper .bsw-content-section .bsw-inline-note p {
margin: 0;
color: var(--bs-text);
font-size: 14px;
line-height: 1.6;
}
/* WARRANTY SUMMARY TABLE */
#content_area .zee-july-bsw-contnet-section-wrapper .bsw-content-section .bsw-table-scroll {
overflow-x: auto;
margin-top: 18px;
border: 1px solid var(--bs-border);
border-radius: 13px;
background: #ffffff;
}
#content_area .zee-july-bsw-contnet-section-wrapper .bsw-content-section .bsw-warranty-table {
width: 100%;
min-width: 850px;
border-collapse: collapse;
}
#content_area .zee-july-bsw-contnet-section-wrapper .bsw-content-section .bsw-warranty-table th,
#content_area .zee-july-bsw-contnet-section-wrapper .bsw-content-section .bsw-warranty-table td {
padding: 16px;
border-bottom: 1px solid var(--bs-border);
text-align: left;
vertical-align: top;
}
#content_area .zee-july-bsw-contnet-section-wrapper .bsw-content-section .bsw-warranty-table th {
background: #f1f7f9;
color: var(--bs-heading);
font-size: 12px;
font-weight: 700;
letter-spacing: .6px;
text-transform: uppercase;
}
#content_area .zee-july-bsw-contnet-section-wrapper .bsw-content-section .bsw-warranty-table td {
color: var(--bs-text);
font-size: 14px;
line-height: 1.55;
}
#content_area .zee-july-bsw-contnet-section-wrapper .bsw-content-section .bsw-warranty-table tr:last-child td {
border-bottom: 0;
}
#content_area .zee-july-bsw-contnet-section-wrapper .bsw-content-section .bsw-warranty-table strong {
color: var(--bs-heading);
}
#content_area .zee-july-bsw-contnet-section-wrapper .bsw-content-section .bsw-term-badge {
display: inline-block;
padding: 5px 10px;
border-radius: 100px;
background: #eaf5f8;
color: var(--bs-deep-blue);
font-size: 11px;
font-weight: 700;
letter-spacing: .4px;
white-space: nowrap;
text-transform: uppercase;
}
/* PRODUCT WARRANTY BLOCKS */
#content_area .zee-july-bsw-contnet-section-wrapper .bsw-content-section .bsw-product-warranty-list {
display: grid;
gap: 20px;
}
#content_area .zee-july-bsw-contnet-section-wrapper .bsw-content-section .bsw-product-warranty {
display: grid;
grid-template-columns: minmax(250px, .75fr) minmax(0, 1.25fr);
overflow: hidden;
border: 1px solid var(--bs-border);
border-radius: 14px;
background: #ffffff;
}
#content_area .zee-july-bsw-contnet-section-wrapper .bsw-content-section .bsw-product-warranty:nth-child(even) {
grid-template-columns: minmax(0, 1.25fr) minmax(250px, .75fr);
}
#content_area .zee-july-bsw-contnet-section-wrapper .bsw-content-section .bsw-product-warranty:nth-child(even) .bsw-product-image {
order: 2;
}
#content_area .zee-july-bsw-contnet-section-wrapper .bsw-content-section .bsw-product-warranty:nth-child(even) .bsw-product-copy {
order: 1;
}
#content_area .zee-july-bsw-contnet-section-wrapper .bsw-content-section .bsw-product-image {
display: flex;
align-items: center;
justify-content: center;
min-height: 330px;
padding: 24px;
background:
  radial-gradient(
	circle at 50% 50%,
	rgba(77,154,186,.08),
	transparent 52%
  ),
  #f8fbfc;
}
#content_area .zee-july-bsw-contnet-section-wrapper .bsw-content-section .bsw-product-image img {
display: block;
width: 100%;
max-width: 420px;
height: 285px;
margin: 0 auto;
object-fit: contain;
}
#content_area .zee-july-bsw-contnet-section-wrapper .bsw-content-section .bsw-product-copy {
padding: clamp(25px, 4vw, 38px);
}
#content_area .zee-july-bsw-contnet-section-wrapper .bsw-content-section .bsw-product-copy h3 {
margin-bottom: 9px;
font-size: 22px;
font-weight: 500;
}
#content_area .zee-july-bsw-contnet-section-wrapper .bsw-content-section .bsw-product-copy p {
margin: 0 0 14px;
color: var(--bs-text);
font-size: 15px;
line-height: 1.7;
}
#content_area .zee-july-bsw-contnet-section-wrapper .bsw-content-section .bsw-product-copy p:last-child {
margin-bottom: 0;
}
#content_area .zee-july-bsw-contnet-section-wrapper .bsw-content-section .bsw-product-term {
display: inline-block;
margin-bottom: 17px;
padding: 6px 11px;
border-radius: 100px;
background: var(--bs-soft-blue);
color: var(--bs-deep-blue);
font-size: 11px;
font-weight: 700;
letter-spacing: .6px;
text-transform: uppercase;
}
#content_area .zee-july-bsw-contnet-section-wrapper .bsw-content-section .bsw-product-points {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px;
margin-top: 18px;
}
#content_area .zee-july-bsw-contnet-section-wrapper .bsw-content-section .bsw-product-point {
padding: 12px 13px;
border: 1px solid var(--bs-border);
border-radius: 9px;
background: var(--bs-soft);
}

#content_area .zee-july-bsw-contnet-section-wrapper .bsw-content-section .bsw-product-point strong {
display: block;
margin-bottom: 3px;
color: var(--bs-light-title);
font-size: 10px;
letter-spacing: .7px;
text-transform: uppercase;
}
.bsw-product-point span {
display: block;
color: var(--bs-heading);
font-size: 13px;
font-weight: 600;
line-height: 1.45;
}
/* TEXT-ONLY WARRANTY CARDS */
#content_area .zee-july-bsw-contnet-section-wrapper .bsw-content-section .bsw-secondary-warranty-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 17px;
margin-top: 20px;
}
#content_area .zee-july-bsw-contnet-section-wrapper .bsw-content-section .bsw-secondary-warranty-card {
padding: 24px;
border: 1px solid var(--bs-border);
border-radius: 13px;
background: #ffffff;
}
#content_area .zee-july-bsw-contnet-section-wrapper .bsw-content-section .bsw-secondary-warranty-card h3 {
margin-bottom: 8px;
font-size: 19px;
font-weight: 600;
}
#content_area .zee-july-bsw-contnet-section-wrapper .bsw-content-section .bsw-secondary-warranty-card p {
margin: 0 0 13px;
color: var(--bs-text);
font-size: 14px;
line-height: 1.65;
}
#content_area .zee-july-bsw-contnet-section-wrapper .bsw-content-section .bsw-secondary-warranty-card p:last-child {
margin-bottom: 0;
}
/* RESPONSIVE */
@media (max-width: 850px) {
#content_area .zee-july-bsw-contnet-section-wrapper .bsw-content-section .bsw-product-warranty,
#content_area .zee-july-bsw-contnet-section-wrapper .bsw-content-section .bsw-product-warranty:nth-child(even) {
  grid-template-columns: 1fr;
}
#content_area .zee-july-bsw-contnet-section-wrapper .bsw-content-section .bsw-product-warranty:nth-child(even) .bsw-product-image,
#content_area .zee-july-bsw-contnet-section-wrapper .bsw-content-section .bsw-product-warranty:nth-child(even) .bsw-product-copy {
  order: initial;
}
.bsw-product-image {
  min-height: 290px;
}
.bsw-product-image img {
  height: 250px;
}
}
@media (max-width: 680px) {
#content_area .zee-july-bsw-contnet-section-wrapper .bsw-content-section .bsw-eligibility-grid,
#content_area .zee-july-bsw-contnet-section-wrapper .bsw-content-section .bsw-secondary-warranty-grid,
#content_area .zee-july-bsw-contnet-section-wrapper .bsw-content-section .bsw-product-points {
  grid-template-columns: 1fr;
}
#content_area .zee-july-bsw-contnet-section-wrapper .bsw-content-section .bsw-content-section {
  padding: 24px 18px;
}
}
#content_area .zee-july-bsw-contnet-section-wrapper .bsw-process-grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 15px;
margin-top: 22px;
counter-reset: bsw-process-step;
}
#content_area .zee-july-bsw-contnet-section-wrapper .bsw-process-step {
position: relative;
min-height: 220px;
padding: 23px 19px;
border: 1px solid var(--bs-border);
border-radius: 13px;
background: #ffffff;
counter-increment: bsw-process-step;
}
#content_area .zee-july-bsw-contnet-section-wrapper .bsw-process-step:before {
content: counter(bsw-process-step);
display: flex;
align-items: center;
justify-content: center;
width: 35px;
height: 35px;
margin-bottom: 15px;
border-radius: 50%;
background: var(--bs-blue);
color: #ffffff;
font-size: 13px;
font-weight: 700;
}
#content_area .zee-july-bsw-contnet-section-wrapper .bsw-process-step h3 {
margin-bottom: 9px;
font-size: 17px;
font-weight: 600;
}
#content_area .zee-july-bsw-contnet-section-wrapper .bsw-process-step p {
margin: 0;
color: var(--bs-muted);
font-size: 13px;
line-height: 1.58;
}
#content_area .zee-july-bsw-contnet-section-wrapper .bsw-process-warning {
margin-top: 19px;
padding: 18px 20px;
border: 1px solid #eadaca;
border-left: 4px solid var(--bs-accent);
border-radius: 9px;
background: #fffaf5;
}
#content_area .zee-july-bsw-contnet-section-wrapper .bsw-process-warning p {
margin: 0;
color: var(--bs-text);
font-size: 14px;
line-height: 1.6;
}
/* DOCUMENTATION */
#content_area .zee-july-bsw-contnet-section-wrapper .bsw-document-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 18px;
}
#content_area .zee-july-bsw-contnet-section-wrapper .bsw-document-card {
padding: 24px;
border: 1px solid var(--bs-border);
border-radius: 13px;
background: #ffffff;
}
#content_area .zee-july-bsw-contnet-section-wrapper .bsw-document-card h3 {
margin-bottom: 15px;
font-size: 19px;
font-weight: 600;
}
#content_area .zee-july-bsw-contnet-section-wrapper .bsw-document-card ul {
margin: 0;
padding: 0;
list-style: none;
}
#content_area .zee-july-bsw-contnet-section-wrapper .bsw-document-card li {
position: relative;
margin-bottom: 11px;
padding-left: 27px;
color: var(--bs-text);
font-size: 14px;
line-height: 1.55;
}
#content_area .zee-july-bsw-contnet-section-wrapper .bsw-document-card li:last-child {
margin-bottom: 0;
}
#content_area .zee-july-bsw-contnet-section-wrapper .bsw-document-card li:before {
content: "\2713";
position: absolute;
top: 0;
left: 1px;
color: #4f8065;
font-size: 15px;
font-weight: 700;
}
/* EXCLUSION GROUPS */
#content_area .zee-july-bsw-contnet-section-wrapper .bsw-exclusion-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 17px;
}
#content_area .zee-july-bsw-contnet-section-wrapper .bsw-exclusion-card {
padding: 23px;
border: 1px solid var(--bs-border);
border-radius: 13px;
background: #ffffff;
}
#content_area .zee-july-bsw-contnet-section-wrapper .bsw-exclusion-card h3 {
margin-bottom: 14px;
font-size: 18px;
font-weight: 600;
}
#content_area .zee-july-bsw-contnet-section-wrapper .bsw-exclusion-card ul {
margin: 0;
padding: 0;
list-style: none;
}
#content_area .zee-july-bsw-contnet-section-wrapper .bsw-exclusion-card li {
position: relative;
margin-bottom: 10px;
padding-left: 27px;
color: var(--bs-text);
font-size: 14px;
line-height: 1.55;
}
#content_area .zee-july-bsw-contnet-section-wrapper .bsw-exclusion-card li:last-child {
margin-bottom: 0;
}
#content_area .zee-july-bsw-contnet-section-wrapper .bsw-exclusion-card li:before {
content: "�";
position: absolute;
top: -2px;
left: 2px;
color: var(--bs-accent);
font-size: 19px;
font-weight: 700;
}
/* INSTALLATION FEATURE */
#content_area .zee-july-bsw-contnet-section-wrapper .bsw-installation-feature {
display: grid;
grid-template-columns: minmax(280px, .85fr) minmax(0, 1.15fr);
overflow: hidden;
border: 1px solid var(--bs-border);
border-radius: 14px;
background: #ffffff;
}
#content_area .zee-july-bsw-contnet-section-wrapper #content_area .zee-july-bsw-contnet-section-wrapper .bsw-installation-image {
display: flex;
align-items: center;
justify-content: center;
min-height: 390px;
padding: 25px;
background:
  radial-gradient(
	circle at 50% 50%,
	rgba(77,154,186,.08),
	transparent 55%
  ),
  #f8fbfc;
}
#content_area .zee-july-bsw-contnet-section-wrapper .bsw-installation-image img {
display: block;
width: 100%;
max-width: 430px;
height: 330px;
margin: 0 auto;
object-fit: contain;
}
#content_area .zee-july-bsw-contnet-section-wrapper .bsw-installation-copy {
padding: clamp(27px, 4vw, 42px);
}
#content_area .zee-july-bsw-contnet-section-wrapper .bsw-installation-copy h3 {
margin-bottom: 13px;
font-size: 23px;
font-weight: 500;
}
#content_area .zee-july-bsw-contnet-section-wrapper .bsw-installation-copy p {
margin: 0 0 15px;
color: var(--bs-text);
font-size: 15px;
line-height: 1.7;
}
#content_area .zee-july-bsw-contnet-section-wrapper .bsw-installation-copy p:last-child {
margin-bottom: 0;
}
#content_area .zee-july-bsw-contnet-section-wrapper .bsw-installation-list {
margin: 18px 0 0;
padding: 0;
list-style: none;
}
#content_area .zee-july-bsw-contnet-section-wrapper .bsw-installation-list li {
position: relative;
margin-bottom: 10px;
padding-left: 27px;
color: var(--bs-text);
font-size: 14px;
line-height: 1.55;
}
#content_area .zee-july-bsw-contnet-section-wrapper .bsw-installation-list li:before {
content: "\2713";
position: absolute;
left: 1px;
color: var(--bs-blue);
font-weight: 700;
}
/* COMMERCIAL PROJECT BLOCK */
#content_area .zee-july-bsw-contnet-section-wrapper .bsw-commercial-panel {
padding: clamp(26px, 4vw, 40px);
border: 1px solid #d7e6ec;
border-radius: 15px;
background:
  radial-gradient(
	circle at 90% 15%,
	rgba(77,154,186,.1),
	transparent 30%
  ),
  linear-gradient(
	135deg,
	#ffffff 0%,
	#f5fafc 100%
  );
}
#content_area .zee-july-bsw-contnet-section-wrapper .bsw-commercial-panel h3 {
margin-bottom: 13px;
font-size: 23px;
font-weight: 500;
}
#content_area .zee-july-bsw-contnet-section-wrapper .bsw-commercial-panel p {
max-width: 900px;
margin: 0 0 15px;
color: var(--bs-text);
font-size: 15px;
line-height: 1.7;
}
#content_area .zee-july-bsw-contnet-section-wrapper .bsw-commercial-panel p:last-of-type {
margin-bottom: 0;
}
#content_area .zee-july-bsw-contnet-section-wrapper .bsw-commercial-records {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 13px;
margin-top: 22px;
}
#content_area .zee-july-bsw-contnet-section-wrapper .bsw-commercial-record {
padding: 17px;
border: 1px solid var(--bs-border);
border-radius: 10px;
background: rgba(255,255,255,.86);
}
#content_area .zee-july-bsw-contnet-section-wrapper .bsw-commercial-record strong {
display: block;
margin-bottom: 5px;
color: var(--bs-heading);
font-size: 14px;
}
#content_area .zee-july-bsw-contnet-section-wrapper .bsw-commercial-record span {
display: block;
color: var(--bs-muted);
font-size: 12px;
line-height: 1.5;
}
#content_area .zee-july-bsw-contnet-section-wrapper .bsw-commercial-link {
display: inline-block;
margin-top: 22px;
padding: 11px 17px;
border: 1px solid var(--bs-blue);
border-radius: 7px;
color: var(--bs-deep-blue) !important;
font-size: 13px;
font-weight: 700;
text-decoration: none !important;
}
#content_area .zee-july-bsw-contnet-section-wrapper .bsw-commercial-link:hover {
border-color: var(--bs-accent);
color: var(--bs-accent) !important;
}
/* RESPONSIVE */
@media (max-width: 950px) {
#content_area .zee-july-bsw-contnet-section-wrapper .bsw-process-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
#content_area .zee-july-bsw-contnet-section-wrapper .bsw-commercial-records {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 820px) {
#content_area .zee-july-bsw-contnet-section-wrapper .bsw-installation-feature {
  grid-template-columns: 1fr;
}
#content_area .zee-july-bsw-contnet-section-wrapper .bsw-installation-image {
  min-height: 310px;
}
#content_area .zee-july-bsw-contnet-section-wrapper .bsw-installation-image img {
  height: 270px;
}
}
@media (max-width: 680px) {
#content_area .zee-july-bsw-contnet-section-wrapper .bsw-process-grid,
#content_area .zee-july-bsw-contnet-section-wrapper .bsw-document-grid,
#content_area .zee-july-bsw-contnet-section-wrapper .bsw-exclusion-grid,
#content_area .zee-july-bsw-contnet-section-wrapper .bsw-commercial-records {
  grid-template-columns: 1fr;
}
#content_area .zee-july-bsw-contnet-section-wrapper .bsw-process-step {
  min-height: 0;
}
}
/* FAQ */
#content_area .zee-july-bsw-faq-list-wrapper .bsw-faq-list {
display: grid;
gap: 11px;
}
#content_area .zee-july-bsw-faq-list-wrapper .bsw-faq-item {
overflow: hidden;
border: 1px solid var(--bs-border);
border-radius: 11px;
background: #ffffff;
}
#content_area .zee-july-bsw-faq-list-wrapper .bsw-faq-item summary {
position: relative;
display: block;
padding: 18px 52px 18px 19px;
color: var(--bs-heading);
font-size: 15px;
font-weight: 700;
line-height: 1.5;
cursor: pointer;
list-style: none;
}
#content_area .zee-july-bsw-faq-list-wrapper .bsw-faq-item summary::-webkit-details-marker {
display: none;
}
#content_area .zee-july-bsw-faq-list-wrapper .bsw-faq-item summary:after {
content: "+";
position: absolute;
top: 50%;
right: 19px;
transform: translateY(-50%);
color: var(--bs-blue);
font-size: 24px;
font-weight: 400;
line-height: 1;
}
#content_area .zee-july-bsw-faq-list-wrapper .bsw-faq-item[open] summary:after {
content: "\2212";
}
#content_area .zee-july-bsw-faq-list-wrapper .bsw-faq-item[open] summary {
border-bottom: 1px solid var(--bs-border);
background: #fbfdfe;
}
#content_area .zee-july-bsw-faq-list-wrapper .bsw-faq-answer {
padding: 18px 20px 20px;
}
#content_area .zee-july-bsw-faq-list-wrapper .bsw-faq-answer p {
margin: 0 0 13px;
color: var(--bs-text);
font-size: 14px;
line-height: 1.7;
}
#content_area .zee-july-bsw-faq-list-wrapper .bsw-faq-answer p:last-child {
margin-bottom: 0;
}
/* SUPPORT RESOURCES */
#content_area .zee-july-bsw-faq-list-wrapper .bsw-resource-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 16px;
}
#content_area .zee-july-bsw-faq-list-wrapper .bsw-resource-card {
position: relative;
display: flex;
flex-direction: column;
min-height: 185px;
padding: 23px;
border: 1px solid var(--bs-border);
border-radius: 13px;
background: #ffffff;
text-decoration: none !important;
transition:
  transform .2s ease,
  box-shadow .2s ease,
  border-color .2s ease;
}
#content_area .zee-july-bsw-faq-list-wrapper .bsw-resource-card:hover {
transform: translateY(-2px);
border-color: #cadce3;
box-shadow: 0 10px 26px rgba(52, 78, 88, .07);
}
#content_area .zee-july-bsw-faq-list-wrapper .bsw-resource-label {
display: block;
margin-bottom: 11px;
color: var(--bs-light-title);
font-size: 10px;
font-weight: 700;
letter-spacing: 1px;
text-transform: uppercase;
}
#content_area .zee-july-bsw-faq-list-wrapper .bsw-resource-card strong {
display: block;
margin-bottom: 9px;
color: var(--bs-heading);
font-size: 18px;
font-weight: 600;
line-height: 1.35;
}
#content_area .zee-july-bsw-faq-list-wrapper .bsw-resource-card p {
flex-grow: 1;
margin: 0 0 17px;
color: var(--bs-muted);
font-size: 13px;
line-height: 1.6;
}
#content_area .zee-july-bsw-faq-list-wrapper .bsw-resource-link {
display: block;
color: var(--bs-deep-blue);
font-size: 12px;
font-weight: 700;
}
#content_area .zee-july-bsw-faq-list-wrapper .bsw-resource-link:after {
content: " \2192";
}
/* SUPPORT AUTHORITY PANEL */
#content_area .zee-july-bsw-faq-list-wrapper .bsw-support-authority {
display: grid;
grid-template-columns: minmax(0, 1.15fr) minmax(280px, .85fr);
align-items: center;
gap: 28px;
padding: clamp(27px, 4vw, 42px);
border: 1px solid #d6e6ec;
border-radius: 15px;
background:
  radial-gradient(
	circle at 93% 18%,
	rgba(77,154,186,.12),
	transparent 30%
  ),
  linear-gradient(
	135deg,
	#ffffff 0%,
	#f3fafc 100%
  );
}
#content_area .zee-july-bsw-faq-list-wrapper .bsw-support-authority-copy h3 {
margin-bottom: 12px;
font-size: 24px;
font-weight: 500;
}
#content_area .zee-july-bsw-faq-list-wrapper .bsw-support-authority-copy p {
margin: 0 0 15px;
color: var(--bs-text);
font-size: 15px;
line-height: 1.7;
}
#content_area .zee-july-bsw-faq-list-wrapper .bsw-support-authority-copy p:last-child {
margin-bottom: 0;
}
#content_area .zee-july-bsw-faq-list-wrapper .bsw-support-authority-points {
display: grid;
gap: 10px;
}
#content_area .zee-july-bsw-faq-list-wrapper .bsw-support-authority-point {
padding: 15px 16px;
border: 1px solid var(--bs-border);
border-radius: 10px;
background: rgba(255,255,255,.88);
}
#content_area .zee-july-bsw-faq-list-wrapper .bsw-support-authority-point strong {
display: block;
margin-bottom: 4px;
color: var(--bs-heading);
font-size: 14px;
}
#content_area .zee-july-bsw-faq-list-wrapper .bsw-support-authority-point span {
display: block;
color: var(--bs-muted);
font-size: 12px;
line-height: 1.5;
}
/* CONTACT CTA */
#content_area .zee-july-bsw-faq-list-wrapper .bsw-contact-panel {
  position: relative;
  overflow: hidden;
  margin-top: 30px;
  padding: clamp(31px, 5vw, 52px);
  border-radius: 17px;
  background:
    radial-gradient(
      circle at 88% 15%,
      rgba(255,255,255,.35),
      transparent 27%
    ),
    linear-gradient(
      135deg,
      #5a8db5 0%,
      #7fb3dd 100%
    );
  text-align: center;
}
#content_area .zee-july-bsw-faq-list-wrapper .bsw-contact-panel:after {
  content: "";
  position: absolute;
  right: -80px;
  bottom: -130px;
  width: 300px;
  height: 300px;
  border: 42px solid rgba(255,255,255,.15);
  border-radius: 50%;
}
#content_area .zee-july-bsw-faq-list-wrapper .bsw-contact-content {
  position: relative;
  z-index: 2;
  max-width: 790px;
  margin: 0 auto;
}
#content_area .zee-july-bsw-faq-list-wrapper .bsw-contact-panel .bsw-eyebrow {
  margin-bottom: 12px;
  color: #e0f6ff;
}
#content_area .zee-july-bsw-faq-list-wrapper .bsw-contact-panel h2 {
  margin-bottom: 13px;
  color: #ffffff;
  font-size: clamp(27px, 3.5vw, 38px);
  font-weight: 500;
}
#content_area .zee-july-bsw-faq-list-wrapper .bsw-contact-panel p {
  margin: 0 auto 20px;
  color: rgba(255,255,255,.90);
  font-size: 15px;
  line-height: 1.7;
}
#content_area .zee-july-bsw-faq-list-wrapper .bsw-contact-buttons {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 11px;
  margin-top: 22px;
}
#content_area .zee-july-bsw-faq-list-wrapper .bsw-contact-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 165px;
  min-height: 44px;
  padding: 11px 19px;
  border: 1px solid rgba(255,255,255,.65);
  border-radius: 7px;
  color: #ffffff !important;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none !important;
}
#content_area .zee-july-bsw-faq-list-wrapper .bsw-contact-button--primary {
  border-color: #ffffff;
  background: #ffffff;
  color: #1f3444 !important;
}
#content_area .zee-july-bsw-faq-list-wrapper .bsw-contact-button:hover {
  border-color: #ffffff;
  background: rgba(255,255,255,.18);
}
#content_area .zee-july-bsw-faq-list-wrapper .bsw-contact-button--primary:hover {
  background: #e3f2fd;
  color: #1f3444 !important;
}
#content_area .zee-july-bsw-faq-list-wrapper .bsw-contact-preparation {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-top: 25px;
}
#content_area .zee-july-bsw-faq-list-wrapper .bsw-contact-preparation span {
  padding: 10px;
  border: 1px solid rgba(255,255,255,.35);
  border-radius: 8px;
  background: rgba(255,255,255,.15);
  color: #ffffff;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.45;
}
/* POLICY NOTICE */
#content_area .zee-july-bsw-faq-list-wrapper .bsw-policy-footer {
margin-top: 24px;
padding: 22px;
border: 1px solid var(--bs-border);
border-radius: 11px;
background: var(--bs-soft);
}
#content_area .zee-july-bsw-faq-list-wrapper .bsw-policy-footer h2 {
margin-bottom: 10px;
font-size: 18px;
font-weight: 600;
}
#content_area .zee-july-bsw-faq-list-wrapper .bsw-policy-footer p {
margin: 0 0 10px;
color: var(--bs-muted);
font-size: 12px;
line-height: 1.65;
}
#content_area .zee-july-bsw-faq-list-wrapper .bsw-policy-footer p:last-child {
margin-bottom: 0;
}
#content_area .zee-july-bsw-faq-list-wrapper .bsw-policy-review {
display: flex;
flex-wrap: wrap;
gap: 8px 18px;
margin-top: 14px;
padding-top: 14px;
border-top: 1px solid var(--bs-border);
}
#content_area .zee-july-bsw-faq-list-wrapper .bsw-policy-review span {
color: var(--bs-muted);
font-size: 11px;
font-weight: 600;
}
#content_area .zee-july-bsw-faq-list-wrapper .bsw-policy-review strong {
color: var(--bs-heading);
}
/* RESPONSIVE */
@media (max-width: 900px) {
#content_area .zee-july-bsw-faq-list-wrapper .bsw-resource-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
#content_area .zee-july-bsw-faq-list-wrapper .bsw-support-authority {
  grid-template-columns: 1fr;
}
#content_area .zee-july-bsw-faq-list-wrapper .bsw-contact-preparation {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 620px) {
#content_area .zee-july-bsw-faq-list-wrapper .bsw-resource-grid,
#content_area .zee-july-bsw-faq-list-wrapper .bsw-contact-preparation {
  grid-template-columns: 1fr;
}
#content_area .zee-july-bsw-faq-list-wrapper .bsw-resource-card {
  min-height: 0;
}
#content_area .zee-july-bsw-faq-list-wrapper .bsw-contact-buttons {
  flex-direction: column;
}
#content_area .zee-july-bsw-faq-list-wrapper .bsw-contact-button {
  width: 100%;
}
}
/*Category 6225 - Bathroom-Fixtures-Warranty-BathSelect - (https://www.bathselect.com/Bathroom-Fixtures-Warranty-BathSelect-s/6225.htm) at 13-07-2026 End Here*/

/*Category 7576 -  - (https://www.bathselect.com/category-s/7576.htm) it will use for category id 341 warranty information at 15-07-2026 Start Here*/
#content_area .zee-premium-hero-support-entry .bsw-warranty-page,
#content_area .zee-premium-hero-support-entry .bsw-warranty-page * {
box-sizing: border-box;
}
#content_area .zee-premium-hero-support-entry .bsw-warranty-page {
--bsw-navy: #13A5DE;
--bsw-deep-blue: #07355e;
--bsw-blue: #267fac;
--bsw-light-blue: #edf7fb;
--bsw-heading: #596268;
--bsw-text: #4f595f;
--bsw-muted: #747d82;
--bsw-border: #dfe5e8;
--bsw-white: #ffffff;
width: 100%;
margin: 0;
padding: 0;
overflow: hidden;
background: #ffffff;
color: var(--bsw-text);
font-family: Arial, Helvetica, sans-serif;
line-height: 1.55;
}
#content_area .zee-premium-hero-support-entry .bsw-warranty-page img {
display: block;
max-width: 100%;
}
#content_area .zee-premium-hero-support-entry .bsw-warranty-page a {
text-decoration: none;
}
#content_area .zee-premium-hero-support-entry .bsw-support-bar {
width: 100%;
background: #f7fafb;
border-top: 1px solid var(--bsw-border);
border-bottom: 1px solid var(--bsw-border);
}
#content_area .zee-premium-hero-support-entry .bsw-support-bar__inner {
width: calc(100% - 48px);
max-width: 1480px;
min-height: 52px;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: space-between;
gap: 24px;
}
#content_area .zee-premium-hero-support-entry .bsw-support-bar__label {
margin: 0 !important;
color: var(--bsw-muted) !important;
font-size: 13px !important;
font-weight: 600;
letter-spacing: 0.03em;
}
#content_area .zee-premium-hero-support-entry .bsw-support-bar__links {
display: flex;
align-items: center;
justify-content: flex-end;
flex-wrap: wrap;
gap: 8px 22px;
}
#content_area .zee-premium-hero-support-entry .bsw-support-bar__links a {
color: var(--bsw-heading);
font-size: 13px;
font-weight: 700;
transition: color 0.2s ease;
}
#content_area .zee-premium-hero-support-entry .bsw-support-bar__links a:hover {
color: var(--bsw-blue);
}
#content_area .zee-premium-hero-support-entry .bsw-warranty-hero {
position: relative;
width: 100%;
min-height: 690px;
background:
  radial-gradient(circle at 34% 25%, rgba(210, 237, 247, 0.54), transparent 32%),
  linear-gradient(120deg, #ffffff 0%, #f8fbfc 48%, #eaf6fa 100%);
overflow: hidden;
}
#content_area .zee-premium-hero-support-entry .bsw-warranty-hero__grid {
position: relative;
z-index: 2;
width: calc(100% - 48px);
max-width: 1480px;
min-height: 690px;
margin: 0 auto;
display: grid;
grid-template-columns: minmax(440px, 46%) minmax(520px, 54%);
align-items: stretch;
}
#content_area .zee-premium-hero-support-entry .bsw-warranty-hero__content {
position: relative;
z-index: 4;
display: flex;
align-items: center;
padding: 76px 70px 76px 12px;
}
#content_area .zee-premium-hero-support-entry .bsw-warranty-hero__content-inner {
width: 100%;
max-width: 640px;
}
#content_area .zee-premium-hero-support-entry .bsw-warranty-eyebrow {
display: inline-flex;
align-items: center;
gap: 11px;
margin: 0 0 21px;
color: var(--bsw-blue);
font-size: 13px;
font-weight: 800;
letter-spacing: 0.13em;
line-height: 1.2;
text-transform: uppercase;
}
#content_area .zee-premium-hero-support-entry .bsw-warranty-eyebrow::before {
content: "";
width: 37px;
height: 2px;
background: var(--bsw-blue);
}
#content_area .zee-premium-hero-support-entry .bsw-warranty-hero h1 {
max-width: 620px;
margin: 0 0 22px;
color: var(--bsw-heading);
font-size: clamp(42px, 4.5vw, 68px);
font-weight: 500;
letter-spacing: -0.035em;
line-height: 1.03;
}
#content_area .zee-premium-hero-support-entry .bsw-warranty-hero h1 span {
display: block;
color: var(--bsw-navy);
font-weight: 700;
}
#content_area .zee-premium-hero-support-entry .bsw-warranty-hero__intro {
max-width: 590px;
margin: 0 0 23px;
color: var(--bsw-text);
font-size: 17px;
line-height: 1.7;
}
#content_area .zee-premium-hero-support-entry .bsw-warranty-hero__commercial-note {
max-width: 590px;
margin: 0 0 31px;
padding: 16px 18px;
background: rgba(237, 247, 251, 0.86);
border: 1px solid #d2e8f1;
border-left: 4px solid var(--bsw-blue);
border-radius: 3px;
color: var(--bsw-heading);
font-size: 14px;
line-height: 1.55;
}
#content_area .zee-premium-hero-support-entry .bsw-warranty-hero__commercial-note strong {
color: var(--bsw-deep-blue);
}
#content_area .zee-premium-hero-support-entry .bsw-warranty-hero__actions {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 13px;
}
#content_area .zee-premium-hero-support-entry .bsw-warranty-button {
min-height: 49px;
padding: 14px 23px;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
border: 1px solid transparent;
border-radius: 3px;
font-size: 12px;
font-weight: 800;
letter-spacing: 0.075em;
line-height: 1.2;
text-align: center;
text-transform: uppercase;
transition:
  background 0.2s ease,
  border-color 0.2s ease,
  color 0.2s ease,
  transform 0.2s ease,
  box-shadow 0.2s ease;
}
#content_area .zee-premium-hero-support-entry .bsw-warranty-button:hover {
transform: translateY(-2px);
}
#content_area .zee-premium-hero-support-entry .bsw-warranty-button--primary {
min-width: 184px;
background: #13A5DE;
color: #ffffff;
box-shadow: 0 12px 25px rgba(7, 53, 94, 0.16);
}
#content_area .zee-premium-hero-support-entry .bsw-warranty-button--primary:hover {
background: #052e51;
color: #ffffff;
box-shadow: 0 14px 30px rgba(7, 53, 94, 0.23);
}
#content_area .zee-premium-hero-support-entry .bsw-warranty-button--secondary {
min-width: 165px;
background: rgba(255, 255, 255, 0.86);
border-color: #b9cbd4;
color: var(--bsw-navy);
}
#content_area .zee-premium-hero-support-entry .bsw-warranty-button--secondary:hover {
background: var(--bsw-light-blue);
border-color: var(--bsw-blue);
color: var(--bsw-deep-blue);
}
#content_area .zee-premium-hero-support-entry .bsw-button-arrow {
font-size: 16px;
line-height: 1;
}
#content_area .zee-premium-hero-support-entry .bsw-warranty-hero__visual {
position: relative;
min-height: 690px;
margin-right: calc((100vw - min(1480px, calc(100vw - 48px))) / -2);
overflow: hidden;
background: #dbeaf0;
}
#content_area .zee-premium-hero-support-entry .bsw-warranty-hero__visual::before {
content: "";
position: absolute;
z-index: 3;
top: -3%;
bottom: -3%;
left: -105px;
width: 210px;
background: #f8fbfc;
transform: skewX(15deg);
transform-origin: center;
}
#content_area .zee-premium-hero-support-entry .bsw-warranty-hero__visual::after {
content: "";
position: absolute;
z-index: 2;
inset: 0;
background:
  linear-gradient(90deg, rgba(9, 58, 95, 0.08), transparent 34%),
  linear-gradient(180deg, transparent 55%, rgba(3, 37, 65, 0.18));
pointer-events: none;
}
#content_area .zee-premium-hero-support-entry .bsw-warranty-hero__image {
width: 100%;
height: 100%;
min-height: 690px;
object-fit: cover;
object-position: center;
}
#content_area .zee-premium-hero-support-entry .bsw-warranty-hero__image-label {
position: absolute;
z-index: 5;
right: 34px;
bottom: 31px;
width: min(345px, calc(100% - 68px));
padding: 18px 20px;
background: #13A5DE;
backdrop-filter: blur(8px);
border: 1px solid rgba(255, 255, 255, 0.2);
color: #ffffff;
}
#content_area .zee-premium-hero-support-entry .bsw-warranty-hero__image-label strong {
display: block;
margin-bottom: 5px;
font-size: 15px;
letter-spacing: 0.01em;
}
#content_area .zee-premium-hero-support-entry .bsw-warranty-hero__image-label span {
display: block;
color: rgba(255, 255, 255, 0.82);
font-size: 12px;
line-height: 1.5;
}
#content_area .zee-premium-hero-support-entry .bsw-warranty-assurance {
position: relative;
z-index: 6;
width: calc(100% - 48px);
max-width: 1420px;
margin: -42px auto 0;
background: #ffffff;
border: 1px solid var(--bsw-border);
box-shadow: 0 16px 48px rgba(33, 66, 82, 0.11);
}
#content_area .zee-premium-hero-support-entry .bsw-warranty-assurance__grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
}
#content_area .zee-premium-hero-support-entry .bsw-assurance-item {
position: relative;
min-height: 145px;
padding: 28px 24px;
display: flex;
align-items: flex-start;
gap: 16px;
}
#content_area .zee-premium-hero-support-entry .bsw-assurance-item:not(:last-child) {
border-right: 1px solid var(--bsw-border);
}
#content_area .zee-premium-hero-support-entry .bsw-assurance-icon {
flex: 0 0 43px;
width: 43px;
height: 43px;
display: inline-flex;
align-items: center;
justify-content: center;
background: var(--bsw-light-blue);
border: 1px solid #d8eaf2;
border-radius: 50%;
color: var(--bsw-navy);
font-size: 18px;
font-weight: 800;
}
#content_area .zee-premium-hero-support-entry .bsw-assurance-copy h2 {
margin: 1px 0 7px !important;
color: var(--bsw-heading) !important;
font-size: 16px !important;
font-weight: 700 !important;
line-height: 1.25 !important;
}
#content_area .zee-premium-hero-support-entry .bsw-assurance-copy p {
margin: 0 !important;
color: var(--bsw-muted) !important;
font-size: 13px !important;
line-height: 1.5 !important;
}
#content_area .zee-premium-hero-support-entry .bsw-assurance-copy a {
color: inherit;
}
#content_area .zee-premium-hero-support-entry .bsw-warranty-quicknav {
width: calc(100% - 48px);
max-width: 1420px;
margin: 34px auto 68px;
padding: 19px 22px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 22px;
background: #f8fafb;
border: 1px solid var(--bsw-border);
}
#content_area .zee-premium-hero-support-entry .bsw-warranty-quicknav__title {
flex: 0 0 auto;
margin: 0 !important;
color: var(--bsw-heading) !important;
font-size: 13px !important;
font-weight: 800;
letter-spacing: 0.06em;
text-transform: uppercase;
}
#content_area .zee-premium-hero-support-entry .bsw-warranty-quicknav__links {
display: flex;
align-items: center;
justify-content: flex-end;
flex-wrap: wrap;
gap: 10px 12px;
}
#content_area .zee-premium-hero-support-entry .bsw-warranty-quicknav__links a {
padding: 7px 12px;
color: var(--bsw-text);
border-radius: 2px;
font-size: 13px;
font-weight: 700;
transition:
  background 0.2s ease,
  color 0.2s ease;
}
#content_area .zee-premium-hero-support-entry .bsw-warranty-quicknav__links a:hover {
background: var(--bsw-light-blue);
color: var(--bsw-navy);
}
@media (max-width: 1180px) {
#content_area .zee-premium-hero-support-entry .bsw-warranty-hero__grid {
  grid-template-columns: 52% 48%;
}
#content_area .zee-premium-hero-support-entry .bsw-warranty-hero__content {
  padding-right: 42px;
}
#content_area .zee-premium-hero-support-entry .bsw-warranty-hero__visual::before {
  left: -135px;
}
#content_area .zee-premium-hero-support-entry .bsw-warranty-assurance__grid {
  grid-template-columns: repeat(2, 1fr);
}
#content_area .zee-premium-hero-support-entry .bsw-assurance-item:nth-child(2) {
  border-right: 0;
}
#content_area .zee-premium-hero-support-entry .bsw-assurance-item:nth-child(-n + 2) {
  border-bottom: 1px solid var(--bsw-border);
}
}
@media (max-width: 900px) {
#content_area .zee-premium-hero-support-entry .bsw-support-bar__inner {
  width: calc(100% - 32px);
}
#content_area .zee-premium-hero-support-entry .bsw-support-bar__label {
  display: none;
}
#content_area .zee-premium-hero-support-entry .bsw-support-bar__links {
  width: 100%;
  justify-content: center;
}
#content_area .zee-premium-hero-support-entry .bsw-warranty-hero {
  min-height: auto;
}
#content_area .zee-premium-hero-support-entry .bsw-warranty-hero__grid {
  width: 100%;
  min-height: auto;
  display: flex;
  flex-direction: column;
}
#content_area .zee-premium-hero-support-entry .bsw-warranty-hero__content {
  order: 2;
  width: calc(100% - 40px);
  margin: 0 auto;
  padding: 52px 0 70px;
}
#content_area .zee-premium-hero-support-entry .bsw-warranty-hero__content-inner {
  max-width: 720px;
}
#content_area .zee-premium-hero-support-entry .bsw-warranty-hero__visual {
  order: 1;
  width: 100%;
  min-height: 500px;
  margin-right: 0;
}
#content_area .zee-premium-hero-support-entry .bsw-warranty-hero__image {
  min-height: 500px;
}
#content_area .zee-premium-hero-support-entry .bsw-warranty-hero__visual::before {
  display: none;
}
#content_area .zee-premium-hero-support-entry .bsw-warranty-assurance {
  width: calc(100% - 32px);
  margin-top: -28px;
}
#content_area .zee-premium-hero-support-entry .bsw-warranty-quicknav {
  width: calc(100% - 32px);
  flex-direction: column;
  align-items: flex-start;
}
#content_area .zee-premium-hero-support-entry .bsw-warranty-quicknav__links {
  justify-content: flex-start;
}
}
@media (max-width: 640px) {
#content_area .zee-premium-hero-support-entry .bsw-support-bar__inner {
  min-height: 62px;
}
#content_area .zee-premium-hero-support-entry .bsw-support-bar__links {
  gap: 5px 14px;
}
#content_area .zee-premium-hero-support-entry .bsw-support-bar__links a {
  font-size: 11px;
}
#content_area .zee-premium-hero-support-entry .bsw-warranty-hero__visual,
#content_area .zee-premium-hero-support-entry .bsw-warranty-hero__image {
  min-height: 390px;
}
#content_area .zee-premium-hero-support-entry .bsw-warranty-hero__image-label {
  right: 18px;
  bottom: 18px;
  width: calc(100% - 36px);
}
#content_area .zee-premium-hero-support-entry .bsw-warranty-hero__content {
  width: calc(100% - 34px);
  padding: 42px 0 58px;
}
#content_area .zee-premium-hero-support-entry .bsw-warranty-hero h1 {
  margin-bottom: 18px;
  font-size: 39px;
}
#content_area .zee-premium-hero-support-entry .bsw-warranty-hero__intro {
  font-size: 15px;
}
#content_area .zee-premium-hero-support-entry .bsw-warranty-hero__actions {
  align-items: stretch;
  flex-direction: column;
}
#content_area .zee-premium-hero-support-entry .bsw-warranty-button {
  width: 100%;

}
#content_area .zee-premium-hero-support-entry .bsw-warranty-assurance__grid {
  grid-template-columns: 1fr;
}
#content_area .zee-premium-hero-support-entry .bsw-assurance-item {
  min-height: auto;
  border-right: 0 !important;
  border-bottom: 1px solid var(--bsw-border);
}
#content_area .zee-premium-hero-support-entry .bsw-assurance-item:last-child {
  border-bottom: 0;
}
#content_area .zee-premium-hero-support-entry .bsw-warranty-quicknav {
  margin-bottom: 48px;
}
#content_area .zee-premium-hero-support-entry .bsw-warranty-quicknav__links {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
#content_area .zee-premium-hero-support-entry .bsw-warranty-quicknav__links a {
  background: #ffffff;
  border: 1px solid var(--bsw-border);
  text-align: center;
}
}
#content_area .zee-scoped-reset-wrapper .bsw-finder,
#content_area .zee-scoped-reset-wrapper .bsw-finder * {
box-sizing: border-box;
}
#content_area .zee-scoped-reset-wrapper .bsw-finder {
--bsw-navy: #13A5DE;
--bsw-deep-blue: #07355e;
--bsw-blue: #4d9aba;
--bsw-heading: #596268;
--bsw-text: #626d73;
--bsw-muted: #747d82;
--bsw-border: #dfe5e8;
--bsw-light-blue: #edf7fb;
--bsw-soft-blue: #f5fafc;
--bsw-white: #ffffff;
width: 100%;
margin: 0;
padding: 96px 24px;
overflow: hidden;
background:
  radial-gradient(
	circle at 90% 8%,
	rgba(203, 232, 244, 0.58),
	transparent 28%
  ),
  linear-gradient(180deg, #f8fbfc 0%, #ffffff 100%);
color: var(--bsw-text);
font-family: Arial, Helvetica, sans-serif;
line-height: 1.6;
}
#content_area .zee-scoped-reset-wrapper .bsw-finder img {
display: block;
width: 100%;
max-width: 100%;
}
#content_area .zee-scoped-reset-wrapper .bsw-finder a {
text-decoration: none;
}
#content_area .zee-scoped-reset-wrapper .bsw-finder-container {
width: 100%;
max-width: 1420px;
margin: 0 auto;
}
#content_area .zee-scoped-reset-wrapper .bsw-finder-header {
max-width: 850px;
margin: 0 auto 48px;
text-align: center;
}
#content_area .zee-scoped-reset-wrapper .bsw-small-title {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 11px;
margin: 0 0 17px;
color: var(--bsw-blue);
font-size: 12px;
font-weight: 800;
letter-spacing: 0.14em;
line-height: 1.2;
text-transform: uppercase;
}
#content_area .zee-scoped-reset-wrapper .bsw-small-title::before,
#content_area .zee-scoped-reset-wrapper .bsw-small-title::after {
content: "";
width: 31px;
height: 1px;
background: #8fc4d8;
}
#content_area .zee-scoped-reset-wrapper .bsw-finder-header h2 {
max-width: 780px;
margin: 0 auto 18px !important;
color: var(--bsw-heading) !important;
font-size: clamp(34px, 4vw, 52px) !important;
font-weight: 500 !important;
letter-spacing: -0.028em !important;
line-height: 1.08 !important;
}
#content_area .zee-scoped-reset-wrapper .bsw-finder-header p {
max-width: 760px;
margin: 0 auto;
color: var(--bsw-muted);
font-size: 16px;
line-height: 1.72;
}
#content_area .zee-scoped-reset-wrapper .bsw-finder-intro-strip {
margin: 0 0 34px;
padding: 19px 24px;
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
background: var(--bsw-white);
border: 1px solid var(--bsw-border);
box-shadow: 0 12px 35px rgba(38, 68, 82, 0.06);
}
#content_area .zee-scoped-reset-wrapper .bsw-finder-intro-item {
min-height: 58px;
padding: 4px 24px;
display: flex;
align-items: center;
gap: 14px;
}
#content_area .zee-scoped-reset-wrapper .bsw-finder-intro-item:not(:last-child) {
border-right: 1px solid var(--bsw-border);
}
#content_area .zee-scoped-reset-wrapper .bsw-finder-intro-icon {
flex: 0 0 38px;
width: 38px;
height: 38px;
display: inline-flex;
align-items: center;
justify-content: center;
background: var(--bsw-light-blue);
border: 1px solid #d7eaf2;
border-radius: 50%;
color: var(--bsw-navy);
font-size: 12px;
font-weight: 800;
}
#content_area .zee-scoped-reset-wrapper .bsw-finder-intro-copy strong {
display: block;
margin-bottom: 3px;
color: var(--bsw-heading);
font-size: 14px;
line-height: 1.3;
}
#content_area .zee-scoped-reset-wrapper .bsw-finder-intro-copy span {
display: block;
color: var(--bsw-muted);
font-size: 12px;
line-height: 1.45;
}
#content_area .zee-scoped-reset-wrapper .bsw-finder-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 22px;
}
#content_area .zee-scoped-reset-wrapper .bsw-card {
position: relative;
min-width: 0;
height: 100%;
display: flex;
flex-direction: column;
overflow: hidden;
background: var(--bsw-white);
border: 1px solid var(--bsw-border);
color: inherit;
box-shadow: 0 12px 35px rgba(38, 68, 82, 0.06);
transition:
  transform 0.28s ease,
  box-shadow 0.28s ease,
  border-color 0.28s ease;
}
#content_area .zee-scoped-reset-wrapper .bsw-card:hover {
z-index: 2;
border-color: #bcd9e5;
box-shadow: 0 22px 50px rgba(38, 68, 82, 0.13);
transform: translateY(-6px);
}
#content_area .zee-scoped-reset-wrapper .bsw-card-image-wrap {
position: relative;
height: 285px;
flex: 0 0 285px;
overflow: hidden;
background: #dceaf0;
}
#content_area .zee-scoped-reset-wrapper .bsw-card-image {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
transition: transform 0.65s ease;
}
#content_area .zee-scoped-reset-wrapper .bsw-card:hover .bsw-card-image {
transform: scale(1.045);
}
#content_area .zee-scoped-reset-wrapper .bsw-card-image-wrap::after {
content: "";
position: absolute;
inset: 0;
background:
  linear-gradient(
	180deg,
	rgba(4, 34, 58, 0) 52%,
	rgba(4, 34, 58, 0.45) 100%
  );
pointer-events: none;
}
#content_area .zee-scoped-reset-wrapper .bsw-card-number {
position: absolute;
z-index: 2;
top: 18px;
left: 18px;
width: 40px;
height: 40px;
display: inline-flex;
align-items: center;
justify-content: center;
background: rgba(255, 255, 255, 0.93);
border: 1px solid rgba(255, 255, 255, 0.75);
border-radius: 50%;
color: var(--bsw-navy);
box-shadow: 0 7px 18px rgba(7, 53, 94, 0.12);
font-size: 11px;
font-weight: 800;
}
#content_area .zee-scoped-reset-wrapper .bsw-card-category {
position: absolute;
z-index: 2;
right: 17px;
bottom: 16px;
padding: 7px 10px;
background: #13A5DE;
border: 1px solid rgba(255, 255, 255, 0.18);
color: #ffffff;
font-size: 9px;
font-weight: 800;
letter-spacing: 0.09em;
line-height: 1.2;
text-transform: uppercase;
}
#content_area .zee-scoped-reset-wrapper .bsw-card-body {
flex: 1 1 auto;
padding: 27px 26px 24px;
display: flex;
flex-direction: column;
}
#content_area .zee-scoped-reset-wrapper .bsw-card-body h3 {
margin: 0 0 11px;
color: var(--bsw-heading);
font-size: 21px !important;
font-weight: 700;
letter-spacing: -0.012em;
line-height: 1.25;
}
#content_area .zee-scoped-reset-wrapper .bsw-card-body > p {
margin: 0 0 24px !important;
color: var(--bsw-muted) !important;
font-size: 13px !important;
line-height: 1.65 !important;
}
#content_area .zee-scoped-reset-wrapper .bsw-card-footer {
width: 100%;
margin-top: auto;
padding-top: 18px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 14px;
border-top: 1px solid #e6ebee;
}
#content_area .zee-scoped-reset-wrapper .bsw-badge {
max-width: calc(100% - 75px);
padding: 7px 10px;
display: inline-flex;
align-items: center;
background: var(--bsw-light-blue);
border: 1px solid #d8eaf2;
border-radius: 2px;
color: var(--bsw-navy);
font-size: 9px;
font-weight: 800;
letter-spacing: 0.065em;
line-height: 1.3;
text-transform: uppercase;
}
#content_area .zee-scoped-reset-wrapper .bsw-arrow {
flex: 0 0 auto;
display: inline-flex;
align-items: center;
gap: 7px;
color: var(--bsw-navy);
font-size: 11px;
font-weight: 800;
letter-spacing: 0.055em;
line-height: 1.2;
text-transform: uppercase;
transition:
  color 0.2s ease,
  transform 0.2s ease;
}
#content_area .zee-scoped-reset-wrapper .bsw-card:hover .bsw-arrow {
color: var(--bsw-blue);
transform: translateX(3px);
}
#content_area .zee-scoped-reset-wrapper .bsw-support-box {
position: relative;
margin-top: 38px;
padding: 38px 40px;
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
align-items: center;
gap: 35px;
overflow: hidden;
background: radial-gradient( circle at 90% 8%, rgba(203, 232, 244, 0.58), transparent 28%      ),      linear-gradient(180deg, #f8fbfc 0%, #ffffff 100%);
border: 1px solid #ccc;
color: #ffffff;
}
#content_area .zee-scoped-reset-wrapper .bsw-support-box::before {
content: "";
position: absolute;
top: 0;
left: 40px;
width: 65px;
height: 4px;
background: #9ed8ef;
}
#content_area .zee-scoped-reset-wrapper .bsw-support-box-copy {
position: relative;
z-index: 2;
max-width: 810px;
}
#content_area .zee-scoped-reset-wrapper .bsw-support-label {
display: block;
margin: 0 0 8px;
color: #a6d9eb;
font-size: 10px;
font-weight: 800;
letter-spacing: 0.11em;
line-height: 1.2;
text-transform: uppercase;
}
#content_area .zee-scoped-reset-wrapper .bsw-support-box h3 {
margin: 0 0 9px;
color: #ffffff;
font-size: 26px !important;
font-weight: 600;
letter-spacing: -0.015em;
line-height: 1.2;
}
#content_area .zee-scoped-reset-wrapper .bsw-support-box p {
margin: 0 !important;
color: rgba(255, 255, 255, 0.8) !important;
font-size: 14px !important;
line-height: 1.65 !important;
}
#content_area .zee-scoped-reset-wrapper .bsw-support-buttons {
position: relative;
z-index: 2;
flex: 0 0 auto;
display: flex;
align-items: center;
gap: 11px;
}
#content_area .zee-scoped-reset-wrapper .bsw-btn-primary,
#content_area .zee-scoped-reset-wrapper .bsw-btn-secondary {
min-height: 48px;
padding: 13px 20px;
display: inline-flex;
align-items: center;
justify-content: center;
border: 1px solid #000;
border-radius: 3px;
font-size: 11px;
font-weight: 800;
letter-spacing: 0.07em;
line-height: 1.2;
text-align: center;
text-transform: uppercase;
transition:
  background 0.2s ease,
  border-color 0.2s ease,
  color 0.2s ease,
  transform 0.2s ease;
}
#content_area .zee-scoped-reset-wrapper .bsw-btn-primary {
background: #ffffff;
color: #000;
}
#content_area .zee-scoped-reset-wrapper .bsw-btn-primary:hover {
background: var(--bsw-light-blue);
/*border-color: var(--bsw-light-blue);*/
color: var(--bsw-deep-blue);
transform: translateY(-2px);
}
#content_area .zee-scoped-reset-wrapper .bsw-btn-secondary {
background: transparent;
color: #000;
}
#content_area .zee-scoped-reset-wrapper .bsw-btn-secondary:hover {
background: rgba(255, 255, 255, 0.1);
color: #000;
transform: translateY(-2px);
}
@media (max-width: 1120px) {
#content_area .zee-scoped-reset-wrapper .bsw-finder-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
#content_area .zee-scoped-reset-wrapper .bsw-card-image-wrap {
  height: 300px;
  flex-basis: 300px;
}
#content_area .zee-scoped-reset-wrapper .bsw-finder-intro-strip {
  grid-template-columns: 1fr;
  padding: 8px 24px;
}
#content_area .zee-scoped-reset-wrapper .bsw-finder-intro-item {
  padding: 16px 5px;
}
#content_area .zee-scoped-reset-wrapper .bsw-finder-intro-item:not(:last-child) {
  border-right: 0;
  border-bottom: 1px solid var(--bsw-border);
}
}
@media (max-width: 820px) {
#content_area .zee-scoped-reset-wrapper .bsw-finder {
  padding: 74px 20px;
}
#content_area .zee-scoped-reset-wrapper .bsw-support-box {
  grid-template-columns: 1fr;
  align-items: flex-start;
}
#content_area .zee-scoped-reset-wrapper .bsw-support-buttons {
  width: 100%;
}
}
@media (max-width: 650px) {
#content_area .zee-scoped-reset-wrapper .bsw-finder {
  padding: 58px 16px;
}
#content_area .zee-scoped-reset-wrapper .bsw-finder-header {
  margin-bottom: 36px;
}
#content_area .zee-scoped-reset-wrapper .bsw-finder-header h2 {
  font-size: 34px !important;
}
#content_area .zee-scoped-reset-wrapper .bsw-finder-header p {
  font-size: 15px !important;
}
#content_area .zee-scoped-reset-wrapper .bsw-finder-grid {
  grid-template-columns: 1fr;
  gap: 18px;
}
#content_area .zee-scoped-reset-wrapper .bsw-card-image-wrap {
  height: 330px;
  flex-basis: 330px;
}
#content_area .zee-scoped-reset-wrapper .bsw-card-body {
  padding: 25px 22px 22px;
}
#content_area .zee-scoped-reset-wrapper .bsw-support-box {
  padding: 34px 24px;
}
#content_area .zee-scoped-reset-wrapper .bsw-support-buttons {
  align-items: stretch;
  flex-direction: column;
}
#content_area .zee-scoped-reset-wrapper .bsw-btn-primary,
#content_area .zee-scoped-reset-wrapper .bsw-btn-secondary {
  width: 100%;
}
}
@media (max-width: 440px) {
#content_area .zee-scoped-reset-wrapper .bsw-card-image-wrap {
  height: 270px;
  flex-basis: 270px;
}
#content_area .zee-scoped-reset-wrapper .bsw-card-footer {
  align-items: flex-start;
  flex-direction: column;
}
#content_area .zee-scoped-reset-wrapper .bsw-badge {
  max-width: 100%;
}
}
#content_area .zee-coverage-overview-wrapper .bsw-coverage {
width: 100%;
padding: 92px 24px;
background:
  radial-gradient(
	circle at 92% 10%,
	rgba(210, 236, 246, 0.5),
	transparent 28%
  ),
  linear-gradient(180deg, #ffffff 0%, #f7fbfc 100%);
border-top: 1px solid #e4eaed;
}
#content_area .zee-coverage-overview-wrapper .bsw-coverage__inner {
width: 100%;
max-width: 1420px;
margin: 0 auto;
}
#content_area .zee-coverage-overview-wrapper .bsw-coverage__header {
max-width: 810px;
margin: 0 auto 48px;
text-align: center;
}
#content_area .zee-coverage-overview-wrapper .bsw-coverage__eyebrow {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 11px;
margin: 0 0 17px;
color: #4d9aba;
font-size: 12px;
font-weight: 800;
letter-spacing: 0.14em;
line-height: 1.2;
text-transform: uppercase;
}
#content_area .zee-coverage-overview-wrapper .bsw-coverage__eyebrow::before,
#content_area .zee-coverage-overview-wrapper .bsw-coverage__eyebrow::after {
content: "";
width: 31px;
height: 1px;
background: #8fc4d8;
}
#content_area .zee-coverage-overview-wrapper .bsw-coverage__header h2 {
margin: 0 0 17px !important;
color: #596268 !important;
font-size: clamp(32px, 4vw, 50px) !important;
font-weight: 500 !important;
letter-spacing: -0.025em !important;
line-height: 1.08 !important;
}
#content_area .zee-coverage-overview-wrapper .bsw-coverage__header p {
max-width: 740px;
margin: 0 auto;
color: #687278;
font-size: 16px;
line-height: 1.72;
}
#content_area .zee-coverage-overview-wrapper .bsw-coverage__summary-grid {
margin-bottom: 52px;
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
background: #ffffff;
border: 1px solid #dfe5e8;
box-shadow: 0 18px 52px rgba(38, 68, 82, 0.08);
}
#content_area .zee-coverage-overview-wrapper .bsw-coverage-summary {
min-height: 244px;
padding: 34px 29px;
border-right: 1px solid #dfe5e8;
}
#content_area .zee-coverage-overview-wrapper .bsw-coverage-summary:last-child {
border-right: 0;
}
#content_area .zee-coverage-overview-wrapper .bsw-coverage-summary__number {
width: 47px;
height: 47px;
margin-bottom: 22px;
display: inline-flex;
align-items: center;
justify-content: center;
background: #edf7fb;
border: 1px solid #d5e9f1;
border-radius: 50%;
color: #13A5DE;
font-size: 14px;
font-weight: 800;
}
#content_area .zee-coverage-overview-wrapper .bsw-coverage-summary h3 {
margin: 0 0 10px;
color: #596268;
font-size: 18px;
font-weight: 700;
line-height: 1.3;
}
#content_area .zee-coverage-overview-wrapper .bsw-coverage-summary p {
margin: 0;
color: #747d82;
font-size: 14px;
line-height: 1.63;
}
#content_area .zee-coverage-overview-wrapper .bsw-coverage-comparison {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
background: #ffffff;
border: 1px solid #dfe5e8;
overflow: hidden;
}
#content_area .zee-coverage-overview-wrapper .bsw-coverage-panel {
position: relative;
padding: 49px 46px;
}
#content_area .zee-coverage-overview-wrapper .bsw-coverage-panel--residential {
background:
  linear-gradient(
	135deg,
	rgba(255, 255, 255, 0.97),
	rgba(245, 250, 252, 0.96)
  ),
  url("/v/vspfiles/assets/images/Designer_shower_sets.jpg")
  center / cover no-repeat;
}
#content_area .zee-coverage-overview-wrapper .bsw-coverage-panel--commercial {
background: radial-gradient( circle at 90% 8%, rgba(203, 232, 244, 0.58), transparent 28%      ),      linear-gradient(180deg, #f8fbfc 0%, #ffffff 100%);
color: #ffffff;
}
#content_area .zee-coverage-overview-wrapper .bsw-coverage-panel__label {
display: inline-flex;
margin: 0 0 19px;
padding: 7px 11px;
background: #edf7fb;
border: 1px solid #d6e9f1;
color: #13A5DE;
font-size: 11px;
font-weight: 800;
letter-spacing: 0.09em;
line-height: 1.2;
text-transform: uppercase;
}
#content_area .zee-coverage-overview-wrapper .bsw-coverage-panel--commercial .bsw-coverage-panel__label {
background: rgba(255, 255, 255, 0.11);
border-color: rgba(255, 255, 255, 0.23);
color: #ffffff;
}
#content_area .zee-coverage-overview-wrapper .bsw-coverage-panel h3 {
margin: 0 0 14px;
color: #596268;
font-size: clamp(27px, 3vw, 38px) !important;
font-weight: 600;
letter-spacing: -0.02em;
line-height: 1.1;
}
/*#content_area .zee-coverage-overview-wrapper .bsw-coverage-panel--commercial h3 {
color: #ffffff;
}*/
#content_area .zee-coverage-overview-wrapper .bsw-coverage-panel__intro {
max-width: 560px;
margin: 0 0 27px !important;
color: #687278 !important;
font-size: 15px !important;
line-height: 1.68 !important;
}
#content_area .zee-coverage-overview-wrapper .bsw-coverage-panel--commercial .bsw-coverage-panel__intro {
color: rgba(255, 255, 255, 0.82);
}
#content_area .zee-coverage-overview-wrapper .bsw-coverage-list {
margin: 0 0 31px;
padding: 0;
list-style: none;
}
#content_area .zee-coverage-overview-wrapper .bsw-coverage-list li {
position: relative;
margin: 0 0 13px;
padding-left: 28px;
color: #7C7C7C;
font-size: 14px;
line-height: 1.55;
}
#content_area .zee-coverage-overview-wrapper .bsw-coverage-list li:last-child {
margin-bottom: 0;
}
#content_area .zee-coverage-overview-wrapper .bsw-coverage-list li::before {
content: "?";
position: absolute;
top: 0;
left: 0;
color: #4d9aba;
font-size: 15px;
font-weight: 800;
}
#content_area .zee-coverage-overview-wrapper .bsw-coverage-panel--commercial .bsw-coverage-list li {
color: #7C7C7C;
}
#content_area .zee-coverage-overview-wrapper .bsw-coverage-panel--commercial .bsw-coverage-list li::before {
color: #7C7C7C;
}
#content_area .zee-coverage-overview-wrapper .bsw-coverage-panel__note {
margin: 0 0 29px;
padding: 15px 17px;
background: rgba(237, 247, 251, 0.88);
border-left: 3px solid #4d9aba;
color: #7C7C7C;
font-size: 13px;
line-height: 1.57;
}
#content_area .zee-coverage-overview-wrapper .bsw-coverage-panel--commercial .bsw-coverage-panel__note {
background: rgba(255, 255, 255, 0.09);
border-left-color: #9ed8ef;
color: rgba(255, 255, 255, 0.87);
}
#content_area .zee-coverage-overview-wrapper .bsw-coverage-panel__action {
min-height: 47px;
padding: 13px 20px;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 9px;
background: #13A5DE;
border: 1px solid #13A5DE;
border-radius: 3px;
color: #ffffff;
font-size: 12px;
font-weight: 800;
letter-spacing: 0.07em;
line-height: 1.2;
text-transform: uppercase;
transition:
  transform 0.2s ease,
  background 0.2s ease,
  border-color 0.2s ease;
}
#content_area .zee-coverage-overview-wrapper .bsw-coverage-panel__action:hover {
background: #07355e;
border-color: #07355e;
color: #ffffff;
transform: translateY(-2px);
}
#content_area .zee-coverage-overview-wrapper .bsw-coverage-panel--commercial .bsw-coverage-panel__action {
background: #edf7fb;
border-color: #edf7fb;
color: #07355e;
}
#content_area .zee-coverage-overview-wrapper .bsw-policy-table-section {
margin-top: 52px;
}
#content_area .zee-coverage-overview-wrapper .bsw-policy-table-section__header {
margin-bottom: 25px;
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: 30px;
}
#content_area .zee-coverage-overview-wrapper .bsw-policy-table-section__header h3 {
margin: 0 0 7px;
color: #596268;
font-size: 28px !important;
font-weight: 600;
letter-spacing: -0.02em;
line-height: 1.2;
}
#content_area .zee-coverage-overview-wrapper .bsw-policy-table-section__header p {
max-width: 700px;
margin: 0 !important;
color: #747d82 !important;
font-size: 14px !important;
line-height: 1.6 !important;
}
#content_area .zee-coverage-overview-wrapper .bsw-policy-table-wrap {
overflow-x: auto;
background: #ffffff;
border: 1px solid #dfe5e8;
box-shadow: 0 13px 38px rgba(38, 68, 82, 0.06);
}
#content_area .zee-coverage-overview-wrapper .bsw-policy-table {
width: 100%;
min-width: 870px;
border-collapse: collapse;
}
#content_area .zee-coverage-overview-wrapper .bsw-policy-table th {
padding: 19px 21px;
background: #13A5DE;
border-right: 1px solid rgba(255, 255, 255, 0.15);
color: #ffffff;
font-size: 12px;
font-weight: 800;
letter-spacing: 0.065em;
line-height: 1.35;
text-align: left;
text-transform: uppercase;
}
#content_area .zee-coverage-overview-wrapper .bsw-policy-table th:last-child {
border-right: 0;
}
#content_area .zee-coverage-overview-wrapper .bsw-policy-table td {
padding: 20px 21px;
border-right: 1px solid #e5eaed;
border-bottom: 1px solid #e5eaed;
color: #626d73;
font-size: 14px;
line-height: 1.52;
vertical-align: top;
}
#content_area .zee-coverage-overview-wrapper .bsw-policy-table td:last-child {
border-right: 0;
}
#content_area .zee-coverage-overview-wrapper .bsw-policy-table tbody tr:last-child td {
border-bottom: 0;
}
#content_area .zee-coverage-overview-wrapper .bsw-policy-table tbody tr:nth-child(even) {
background: #f8fbfc;
}
#content_area .zee-coverage-overview-wrapper .bsw-policy-table td:first-child {
color: #596268;
font-weight: 700;
}
#content_area .zee-coverage-overview-wrapper .bsw-policy-status {
display: inline-flex;
align-items: center;
gap: 7px;
color: #13A5DE;
font-weight: 700;
}
#content_area .zee-coverage-overview-wrapper .bsw-policy-status::before {
content: "";
flex: 0 0 8px;
width: 8px;
height: 8px;
background: #4d9aba;
border-radius: 50%;
}
#content_area .zee-coverage-overview-wrapper .bsw-policy-status--excluded {
color: #8a6262;
}
#content_area .zee-coverage-overview-wrapper .bsw-policy-status--excluded::before {
background: #b98a8a;
}
#content_area .zee-coverage-overview-wrapper .bsw-conditions {
margin-top: 36px;
padding: 33px 35px;
display: grid;
grid-template-columns: 220px minmax(0, 1fr);
gap: 35px;
background: #f5fafc;
border: 1px solid #dce9ee;
border-left: 5px solid #4d9aba;
}
#content_area .zee-coverage-overview-wrapper .bsw-conditions__title span {
display: block;
margin-bottom: 8px;
color: #4d9aba;
font-size: 11px;
font-weight: 800;
letter-spacing: 0.1em;
text-transform: uppercase;
}
#content_area .zee-coverage-overview-wrapper .bsw-conditions__title h3 {
margin: 0;
color: #596268;
font-size: 23px !important;
font-weight: 600;
line-height: 1.2;
}
#content_area .zee-coverage-overview-wrapper .bsw-conditions__grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 14px 31px;
}
#content_area .zee-coverage-overview-wrapper .bsw-condition-item {
position: relative;
margin: 0;
padding-left: 23px;
color: #687278;
font-size: 14px;
line-height: 1.55;
}
#content_area .zee-coverage-overview-wrapper .bsw-condition-item::before {
content: "�";
position: absolute;
top: -1px;
left: 2px;
color: #4d9aba;
font-size: 20px;
line-height: 1;
}
#content_area .zee-coverage-overview-wrapper .bsw-coverage-disclaimer {
margin: 22px 0 0;
color: #7c858a;
font-size: 12px;
line-height: 1.62;
text-align: center;
}
#content_area .zee-coverage-overview-wrapper .bsw-coverage-disclaimer a {
color: #13A5DE;
font-weight: 700;
text-decoration: underline;
text-underline-offset: 3px;
}
@media (max-width: 1100px) {
#content_area .zee-coverage-overview-wrapper .bsw-coverage__summary-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
#content_area .zee-coverage-overview-wrapper .bsw-coverage-summary:nth-child(2) {
  border-right: 0;
}
#content_area .zee-coverage-overview-wrapper .bsw-coverage-summary:nth-child(-n + 2) {
  border-bottom: 1px solid #dfe5e8;
}
#content_area .zee-coverage-overview-wrapper .bsw-conditions {
  grid-template-columns: 1fr;
  gap: 24px;
}
}
@media (max-width: 820px) {
#content_area .zee-coverage-overview-wrapper .bsw-coverage {
  padding: 72px 20px;
}
#content_area .zee-coverage-overview-wrapper .bsw-coverage-comparison {
  grid-template-columns: 1fr;
}
#content_area .zee-coverage-overview-wrapper .bsw-policy-table-section__header {
  align-items: flex-start;
  flex-direction: column;
}
}
@media (max-width: 640px) {
#content_area .zee-coverage-overview-wrapper .bsw-coverage {
  padding: 58px 16px;
}
#content_area .zee-coverage-overview-wrapper .bsw-coverage__header {
  margin-bottom: 35px;
}
#content_area .zee-coverage-overview-wrapper .bsw-coverage__header h2 {
  font-size: 34px !important;
}
#content_area .zee-coverage-overview-wrapper .bsw-coverage__summary-grid {
  grid-template-columns: 1fr;
}
#content_area .zee-coverage-overview-wrapper .bsw-coverage-summary {
  min-height: auto;
  border-right: 0;
  border-bottom: 1px solid #dfe5e8;
}
#content_area .zee-coverage-overview-wrapper .bsw-coverage-summary:last-child {
  border-bottom: 0;
}
#content_area .zee-coverage-overview-wrapper .bsw-coverage-panel {
  padding: 39px 26px;
}
#content_area .zee-coverage-overview-wrapper .bsw-coverage-panel__action {
  width: 100%;
}
#content_area .zee-coverage-overview-wrapper .bsw-conditions {
  padding: 29px 24px;
}
#content_area .zee-coverage-overview-wrapper .bsw-conditions__grid {
  grid-template-columns: 1fr;
}
}
#content_area .zee-warranty-claim-process-wrapper .bsw-claim-process,
#content_area .zee-warranty-claim-process-wrapper .bsw-claim-process * {
box-sizing: border-box;
}
#content_area .zee-warranty-claim-process-wrapper .bsw-claim-process {
width: 100%;
padding: 96px 24px;
background: #ffffff;
color: #4f595f;
font-family: Arial, Helvetica, sans-serif;
overflow: hidden;
}
#content_area .zee-warranty-claim-process-wrapper .bsw-claim-process__inner {
width: 100%;
max-width: 1420px;
margin: 0 auto;
}
#content_area .zee-warranty-claim-process-wrapper .bsw-claim-process__header {
max-width: 820px;
margin: 0 auto 52px;
text-align: center;
}
#content_area .zee-warranty-claim-process-wrapper .bsw-claim-process__eyebrow {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 11px;
margin: 0 0 17px;
color: #4d9aba;
font-size: 12px;
font-weight: 800;
letter-spacing: 0.14em;
line-height: 1.2;
text-transform: uppercase;
}
#content_area .zee-warranty-claim-process-wrapper .bsw-claim-process__eyebrow::before,
#content_area .zee-warranty-claim-process-wrapper .bsw-claim-process__eyebrow::after {
content: "";
width: 31px;
height: 1px;
background: #8fc4d8;
}
#content_area .zee-warranty-claim-process-wrapper .bsw-claim-process__header h2 {
margin: 0 0 18px !important;
color: #596268 !important;
font-size: clamp(33px, 4vw, 50px) !important;
font-weight: 500 !important;
letter-spacing: -0.025em !important;
line-height: 1.08 !important;
}
#content_area .zee-warranty-claim-process-wrapper .bsw-claim-process__header p {
max-width: 755px !important;
margin: 0 auto !important;
color: #747d82 !important;
font-size: 16px !important;
line-height: 1.72 !important;
}
#content_area .zee-warranty-claim-process-wrapper .bsw-claim-feature {
margin-bottom: 56px;
display: grid;
grid-template-columns: minmax(0, 58%) minmax(350px, 42%);
min-height: 510px;
background: #f6fafc;
border: 1px solid #dfe5e8;
overflow: hidden;
}
#content_area .zee-warranty-claim-process-wrapper .bsw-claim-feature__image-wrap {
position: relative;
min-height: 510px;
overflow: hidden;
background: #dcecf2;
}
#content_area .zee-warranty-claim-process-wrapper .bsw-claim-feature__image {
width: 100%;
height: 100%;
min-height: 510px;
display: block;
object-fit: cover;
object-position: center;
transition: transform 0.7s ease;
}
#content_area .zee-warranty-claim-process-wrapper .bsw-claim-feature:hover .bsw-claim-feature__image {
transform: scale(1.025);
}
#content_area .zee-warranty-claim-process-wrapper .bsw-claim-feature__image-wrap::after {
content: "";
position: absolute;
inset: 0;
background:
  linear-gradient(
	90deg,
	rgba(7, 53, 94, 0.05),
	rgba(7, 53, 94, 0)
  ),
  linear-gradient(
	180deg,
	rgba(7, 53, 94, 0),
	rgba(7, 53, 94, 0.18)
  );
pointer-events: none;
}
#content_area .zee-warranty-claim-process-wrapper .bsw-claim-feature__caption {
position: absolute;
z-index: 2;
left: 30px;
bottom: 28px;
max-width: 390px;
padding: 17px 19px;
background: rgba(7, 53, 94, 0.9);
border: 1px solid rgba(255, 255, 255, 0.17);
color: #ffffff;
}
#content_area .zee-warranty-claim-process-wrapper .bsw-claim-feature__caption strong {
display: block;
margin-bottom: 5px;
font-size: 15px;
line-height: 1.35;
}
#content_area .zee-warranty-claim-process-wrapper .bsw-claim-feature__caption span {
display: block;
color: rgba(255, 255, 255, 0.8);
font-size: 12px;
line-height: 1.5;
}
#content_area .zee-warranty-claim-process-wrapper .bsw-claim-feature__content {
padding: 54px 46px;
display: flex;
align-items: center;
background:
  radial-gradient(
	circle at 100% 0%,
	rgba(206, 233, 244, 0.56),
	transparent 32%
  ),
  linear-gradient(145deg, #ffffff 0%, #f3f9fb 100%);
}
#content_area .zee-warranty-claim-process-wrapper .bsw-claim-feature__content-inner {
width: 100%;
}
#content_area .zee-warranty-claim-process-wrapper .bsw-claim-feature__content span {
display: block;
margin-bottom: 13px;
color: #4d9aba;
font-size: 11px;
font-weight: 800;
letter-spacing: 0.12em;
text-transform: uppercase;
}
#content_area .zee-warranty-claim-process-wrapper .bsw-claim-feature__content h3 {
margin: 0 0 16px;
color: #596268;
font-size: clamp(27px, 3vw, 38px);
font-weight: 600;
letter-spacing: -0.02em;
line-height: 1.14;
}
#content_area .zee-warranty-claim-process-wrapper .bsw-claim-feature__content p {
margin: 0 0 22px;
color: #687278;
font-size: 15px;
line-height: 1.7;
}
#content_area .zee-warranty-claim-process-wrapper .bsw-claim-feature__notice {
margin: 0 0 27px;
padding: 15px 17px;
background: #edf7fb;
border-left: 4px solid #4d9aba;
color: #596268;
font-size: 13px;
line-height: 1.58;
}
#content_area .zee-warranty-claim-process-wrapper .bsw-claim-feature__notice strong {
color: #13A5DE;
}
#content_area .zee-warranty-claim-process-wrapper .bsw-claim-feature__button {
min-height: 48px;
padding: 13px 21px;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 9px;
background: #13A5DE;
border: 1px solid #13A5DE;
border-radius: 3px;
color: #ffffff;
font-size: 12px;
font-weight: 800;
letter-spacing: 0.07em;
line-height: 1.2;
text-decoration: none;
text-transform: uppercase;
transition:
  background 0.2s ease,
  border-color 0.2s ease,
  transform 0.2s ease,
  box-shadow 0.2s ease;
}
#content_area .zee-warranty-claim-process-wrapper .bsw-claim-feature__button:hover {
background: #07355e;
border-color: #07355e;
color: #ffffff;
transform: translateY(-2px);
box-shadow: 0 12px 26px rgba(7, 53, 94, 0.18);
}
#content_area .zee-warranty-claim-process-wrapper .bsw-process-timeline {
position: relative;
margin-bottom: 54px;
}
#content_area .zee-warranty-claim-process-wrapper .bsw-process-timeline::before {
content: "";
position: absolute;
z-index: 0;
top: 44px;
left: 10%;
right: 10%;
height: 2px;
background: linear-gradient(
  90deg,
  #c8dfe8 0%,
  #4d9aba 50%,
  #c8dfe8 100%
);
}
#content_area .zee-warranty-claim-process-wrapper .bsw-process-grid {
position: relative;
z-index: 1;
display: grid;
grid-template-columns: repeat(6, minmax(0, 1fr));
gap: 14px;
}
#content_area .zee-warranty-claim-process-wrapper .bsw-process-step {
min-width: 0;
text-align: center;
}
#content_area .zee-warranty-claim-process-wrapper .bsw-process-step__number {
width: 88px;
height: 88px;
margin: 0 auto 21px;
display: flex;
align-items: center;
justify-content: center;
background: #ffffff;
border: 2px solid #9fcbdc;
border-radius: 50%;
color: #13A5DE;
box-shadow:
  0 0 0 9px #ffffff,
  0 10px 25px rgba(38, 68, 82, 0.1);
font-size: 19px;
font-weight: 800;
line-height: 1;
}
#content_area .zee-warranty-claim-process-wrapper .bsw-process-step h3 {
margin: 0 0 9px;
color: #596268;
font-size: 16px !important;
font-weight: 700;
line-height: 1.3;
}
#content_area .zee-warranty-claim-process-wrapper .bsw-process-step p {
margin: 0 auto !important;
max-width: 190px !important;
color: #747d82 !important;
font-size: 13px !important;
line-height: 1.55 !important;
}
#content_area .zee-warranty-claim-process-wrapper .bsw-claim-checklist {
display: grid;
grid-template-columns: minmax(310px, 38%) minmax(0, 62%);
background: #13A5DE;
overflow: hidden;
}
#content_area .zee-warranty-claim-process-wrapper .bsw-claim-checklist__intro {
    padding: 49px 43px;
    background: radial-gradient( circle at 100% 0%, rgba(209, 236, 246, 0.68), transparent 31%  ),  linear-gradient(145deg, #ffffff 0%, #f4f9fb 100%);
    color: #ffffff;
}
#content_area .zee-warranty-claim-process-wrapper .bsw-claim-checklist__intro span {
display: block;
margin-bottom: 12px;
color: #a8daec;
font-size: 11px;
font-weight: 800;
letter-spacing: 0.12em;
text-transform: uppercase;
}
#content_area .zee-warranty-claim-process-wrapper .bsw-claim-checklist__intro h3 {
margin: 0 0 15px;
color: #333;
font-size: 30px !important;
font-weight: 600;
letter-spacing: -0.02em;
line-height: 1.15;
}
#content_area .zee-warranty-claim-process-wrapper .bsw-claim-checklist__intro p {
margin: 0 !important;
color: #717171 !important;
font-size: 14px !important;
line-height: 1.68 !important;
}
#content_area .zee-warranty-claim-process-wrapper .bsw-claim-checklist__intro p img {
margin: 10px 0 0 0;
}
#content_area .zee-warranty-claim-process-wrapper .bsw-claim-checklist__items {
padding: 39px 42px;
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 14px;
background: #f7fbfc;
}
#content_area .zee-warranty-claim-process-wrapper .bsw-checklist-item {
min-height: 105px;
padding: 20px 19px;
display: flex;
align-items: flex-start;
gap: 14px;
background: #ffffff;
border: 1px solid #dfe5e8;
}
#content_area .zee-warranty-claim-process-wrapper .bsw-checklist-item__icon {
flex: 0 0 35px;
width: 35px;
height: 35px;
display: inline-flex;
align-items: center;
justify-content: center;
background: #edf7fb;
border: 1px solid #d4e8f0;
border-radius: 50%;
color: #13A5DE;
font-size: 13px;
font-weight: 800;
}
#content_area .zee-warranty-claim-process-wrapper .bsw-checklist-item h4 {
margin: 0 0 6px;
color: #596268;
font-size: 15px;
font-weight: 700;
line-height: 1.3;
}
#content_area .zee-warranty-claim-process-wrapper .bsw-checklist-item p {
margin: 0 !important;
color: #747d82 !important;
font-size: 12px !important;
line-height: 1.5 !important;
}
#content_area .zee-warranty-claim-process-wrapper .bsw-resolution {
margin-top: 54px;
}
#content_area .zee-warranty-claim-process-wrapper .bsw-resolution__header {
margin-bottom: 26px;
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: 30px;
}
#content_area .zee-warranty-claim-process-wrapper .bsw-resolution__header h3 {
margin: 0 0 7px;
color: #596268;
font-size: 28px !important;
font-weight: 600;
letter-spacing: -0.02em;
line-height: 1.2;
}
#content_area .zee-warranty-claim-process-wrapper .bsw-resolution__header p {
max-width: 700px;
margin: 0 !important;
color: #747d82 !important;
font-size: 14px !important;
line-height: 1.6 !important;
}
#content_area .zee-warranty-claim-process-wrapper .bsw-resolution__grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
border: 1px solid #dfe5e8;
background: #ffffff;
}
#content_area .zee-warranty-claim-process-wrapper .bsw-resolution-card {
position: relative;
min-height: 250px;
padding: 35px 31px;
border-right: 1px solid #dfe5e8;
}
#content_area .zee-warranty-claim-process-wrapper .bsw-resolution-card:last-child {
border-right: 0;
}
#content_area .zee-warranty-claim-process-wrapper .bsw-resolution-card::before {
content: "";
position: absolute;
top: 0;
left: 31px;
width: 48px;
height: 3px;
background: #4d9aba;
}
#content_area .zee-warranty-claim-process-wrapper .bsw-resolution-card__icon {
width: 43px;
height: 43px;
margin-bottom: 22px;
display: inline-flex;
align-items: center;
justify-content: center;
background: #edf7fb;
border: 1px solid #d7eaf2;
border-radius: 50%;
color: #13A5DE;
font-size: 16px;
font-weight: 800;
}
#content_area .zee-warranty-claim-process-wrapper .bsw-resolution-card h4 {
margin: 0 0 11px;
color: #596268;
font-size: 19px;
font-weight: 700;
line-height: 1.3;
}
#content_area .zee-warranty-claim-process-wrapper .bsw-resolution-card p {
margin: 0 !important;
color: #747d82 !important;
font-size: 14px !important;
line-height: 1.62 !important;
}
#content_area .zee-warranty-claim-process-wrapper .bsw-claim-support {
margin-top: 38px;
padding: 30px 34px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 30px;
background: #f4fafc;
border: 1px solid #dbe9ef;
border-left: 5px solid #4d9aba;
}
#content_area .zee-warranty-claim-process-wrapper .bsw-claim-support__copy h3 {
margin: 0 0 6px;
color: #596268;
font-size: 22px !important;
font-weight: 600;
line-height: 1.25;
}
#content_area .zee-warranty-claim-process-wrapper .bsw-claim-support__copy p {
margin: 0 !important;
color: #747d82 !important;
font-size: 14px !important;
line-height: 1.55 !important;
}
#content_area .zee-warranty-claim-process-wrapper .bsw-claim-support__actions {
flex: 0 0 auto;
display: flex;
align-items: center;
gap: 11px;
}
#content_area .zee-warranty-claim-process-wrapper .bsw-claim-support__button {
min-height: 46px;
padding: 13px 19px;
display: inline-flex;
align-items: center;
justify-content: center;
border: 1px solid #13A5DE;
border-radius: 3px;
font-size: 11px;
font-weight: 800;
letter-spacing: 0.065em;
line-height: 1.2;
text-decoration: none;
text-transform: uppercase;
transition:
  background 0.2s ease,
  color 0.2s ease,
  transform 0.2s ease;
}
#content_area .zee-warranty-claim-process-wrapper .bsw-claim-support__button--primary {
background: #13A5DE;
color: #ffffff;
}
#content_area .zee-warranty-claim-process-wrapper .bsw-claim-support__button--primary:hover {
background: #07355e;
color: #ffffff;
transform: translateY(-2px);
}
#content_area .zee-warranty-claim-process-wrapper .bsw-claim-support__button--secondary {
background: #ffffff;
color: #13A5DE;
}
#content_area .zee-warranty-claim-process-wrapper .bsw-claim-support__button--secondary:hover {
background: #edf7fb;
color: #07355e;
transform: translateY(-2px);
}
@media (max-width: 1180px) {
#content_area .zee-warranty-claim-process-wrapper .bsw-process-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 38px 18px;
}
#content_area .zee-warranty-claim-process-wrapper .bsw-process-timeline::before {
  display: none;
}
}
@media (max-width: 960px) {
#content_area .zee-warranty-claim-process-wrapper .bsw-claim-feature {
  grid-template-columns: 1fr;
}
#content_area .zee-warranty-claim-process-wrapper .bsw-claim-feature__image-wrap,
#content_area .zee-warranty-claim-process-wrapper .bsw-claim-feature__image {
  min-height: 460px;
}
#content_area .zee-warranty-claim-process-wrapper .bsw-claim-checklist {
  grid-template-columns: 1fr;
}
#content_area .zee-warranty-claim-process-wrapper .bsw-resolution__grid {
  grid-template-columns: 1fr;
}
#content_area .zee-warranty-claim-process-wrapper .bsw-resolution-card {
  min-height: auto;
  border-right: 0;
  border-bottom: 1px solid #dfe5e8;
}
#content_area .zee-warranty-claim-process-wrapper .bsw-resolution-card:last-child {
  border-bottom: 0;
}
}
@media (max-width: 760px) {
#content_area .zee-warranty-claim-process-wrapper .bsw-claim-process {
  padding: 72px 20px;
}
#content_area .zee-warranty-claim-process-wrapper .bsw-process-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
#content_area .zee-warranty-claim-process-wrapper .bsw-claim-checklist__items {
  grid-template-columns: 1fr;
}
#content_area .zee-warranty-claim-process-wrapper .bsw-resolution__header,
#content_area .zee-warranty-claim-process-wrapper .bsw-claim-support {
  align-items: flex-start;
  flex-direction: column;
}
#content_area .zee-warranty-claim-process-wrapper .bsw-claim-support__actions {
  width: 100%;
}
}
@media (max-width: 540px) {
#content_area .zee-warranty-claim-process-wrapper .bsw-claim-process {
  padding: 58px 16px;
}
#content_area .zee-warranty-claim-process-wrapper .bsw-claim-process__header h2 {
  font-size: 34px !important;
}
#content_area .zee-warranty-claim-process-wrapper .bsw-claim-feature__image-wrap,
#content_area .zee-warranty-claim-process-wrapper .bsw-claim-feature__image {
  min-height: 360px;
}
#content_area .zee-warranty-claim-process-wrapper .bsw-claim-feature__caption {
  left: 16px;
  right: 16px;
  bottom: 16px;
  max-width: none;
}
#content_area .zee-warranty-claim-process-wrapper .bsw-claim-feature__content {
  padding: 38px 25px;
}
#content_area .zee-warranty-claim-process-wrapper .bsw-process-grid {
  grid-template-columns: 1fr;
  gap: 28px;
}
#content_area .zee-warranty-claim-process-wrapper .bsw-process-step__number {
  width: 74px;
  height: 74px;
}
#content_area .zee-warranty-claim-process-wrapper .bsw-process-step p {
  max-width: 280px;
}
#content_area .zee-warranty-claim-process-wrapper .bsw-claim-checklist__intro,
#content_area .zee-warranty-claim-process-wrapper .bsw-claim-checklist__items {
  padding: 34px 24px;
}
#content_area .zee-warranty-claim-process-wrapper .bsw-claim-support__actions {
  align-items: stretch;
  flex-direction: column;
}
#content_area .zee-warranty-claim-process-wrapper .bsw-claim-support__button {
  width: 100%;
}
}
#content_area .zee-maintenance-product-care-wrapper .bsw-maintenance,
  #content_area .zee-maintenance-product-care-wrapper .bsw-maintenance * {
    box-sizing: border-box;
  }
  #content_area .zee-maintenance-product-care-wrapper .bsw-maintenance {
    width: 100%;
    padding: 100px 24px;
    background:
      radial-gradient(
        circle at 8% 6%,
        rgba(211, 237, 247, 0.56),
        transparent 26%
      ),
      linear-gradient(180deg, #ffffff 0%, #f6fafc 100%);
    color: #4f595f;
    font-family: Arial, Helvetica, sans-serif;
    overflow: hidden;
  }
  #content_area .zee-maintenance-product-care-wrapper .bsw-maintenance__inner {
    width: 100%;
    max-width: 1420px;
    margin: 0 auto;
  }
  #content_area .zee-maintenance-product-care-wrapper .bsw-maintenance__header {
    max-width: 850px;
    margin: 0 auto 54px;
    text-align: center;
  }
  #content_area .zee-maintenance-product-care-wrapper .bsw-maintenance__eyebrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 11px;
    margin: 0 0 17px;
    color: #4d9aba;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.14em;
    line-height: 1.2;
    text-transform: uppercase;
  }
  #content_area .zee-maintenance-product-care-wrapper .bsw-maintenance__eyebrow::before,
  .bsw-maintenance__eyebrow::after {
    content: "";
    width: 31px;
    height: 1px;
    background: #8fc4d8;
  }
  #content_area .zee-maintenance-product-care-wrapper .bsw-maintenance__header h2 {
    margin: 0 0 18px;
    color: #596268;
    font-size: clamp(34px, 4vw, 52px);
    font-weight: 500;
    letter-spacing: -0.028em;
    line-height: 1.08;
  }
  #content_area .zee-maintenance-product-care-wrapper .bsw-maintenance__header p {
    max-width: 780px;
    margin: 0 auto;
    color: #747d82;
    font-size: 16px;
    line-height: 1.72;
  }
  #content_area .zee-maintenance-product-care-wrapper .bsw-care-feature {
    min-height: 570px;
    margin-bottom: 58px;
    display: grid;
    grid-template-columns: minmax(390px, 43%) minmax(0, 57%);
    background: #ffffff;
    border: 1px solid #dfe5e8;
    box-shadow: 0 20px 58px rgba(38, 68, 82, 0.09);
    overflow: hidden;
  }
  #content_area .zee-maintenance-product-care-wrapper .bsw-care-feature__content {
    padding: 57px 48px;
    display: flex;
    align-items: center;
    background:
      radial-gradient(
        circle at 0% 100%,
        rgba(204, 233, 244, 0.62),
        transparent 33%
      ),
      linear-gradient(145deg, #ffffff 0%, #f3f9fb 100%);
  }
  #content_area .zee-maintenance-product-care-wrapper .bsw-care-feature__content-inner {
    width: 100%;
  }
  #content_area .zee-maintenance-product-care-wrapper .bsw-care-feature__label {
    display: inline-flex;
    margin-bottom: 17px;
    padding: 7px 11px;
    background: #edf7fb;
    border: 1px solid #d5e9f1;
    color: #13A5DE;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.09em;
    line-height: 1.2;
    text-transform: uppercase;
  }
  #content_area .zee-maintenance-product-care-wrapper .bsw-care-feature__content h3 {
    margin: 0 0 18px;
    color: #596268;
    font-size: clamp(29px, 3vw, 41px);
    font-weight: 600;
    letter-spacing: -0.024em;
    line-height: 1.12;
  }
  #content_area .zee-maintenance-product-care-wrapper .bsw-care-feature__content p {
    margin: 0 0 22px;
    color: #687278;
    font-size: 15px;
    line-height: 1.72;
  }
  #content_area .zee-maintenance-product-care-wrapper .bsw-care-feature__notice {
    margin: 0 0 28px;
    padding: 17px 18px;
    background: #edf7fb;
    border-left: 4px solid #4d9aba;
    color: #596268;
    font-size: 13px;
    line-height: 1.6;
  }
  #content_area .zee-maintenance-product-care-wrapper .bsw-care-feature__notice strong {
    color: #13A5DE;
  }
  #content_area .zee-maintenance-product-care-wrapper .bsw-care-feature__list {
    margin: 0 0 29px;
    padding: 0;
    list-style: none;
  }
  #content_area .zee-maintenance-product-care-wrapper .bsw-care-feature__list li {
    position: relative;
    margin-bottom: 13px;
    padding-left: 29px;
    color: #596268;
    font-size: 14px;
    line-height: 1.55;
  }
  #content_area .zee-maintenance-product-care-wrapper .bsw-care-feature__list li:last-child {
    margin-bottom: 0;
  }
  #content_area .zee-maintenance-product-care-wrapper .bsw-care-feature__list li::before {
    content: "?";
    position: absolute;
    top: 0;
    left: 0;
    color: #4d9aba;
    font-size: 15px;
    font-weight: 800;
  }
  #content_area .zee-maintenance-product-care-wrapper .bsw-care-feature__button {
    min-height: 48px;
    padding: 13px 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    background: #13A5DE;
    border: 1px solid #13A5DE;
    border-radius: 3px;
    color: #ffffff;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.07em;
    line-height: 1.2;
    text-decoration: none;
    text-transform: uppercase;
    transition:
      background 0.2s ease,
      border-color 0.2s ease,
      transform 0.2s ease,
      box-shadow 0.2s ease;
  }
  #content_area .zee-maintenance-product-care-wrapper .bsw-care-feature__button:hover {
    background: #07355e;
    border-color: #07355e;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 12px 26px rgba(7, 53, 94, 0.18);
  }
  #content_area .zee-maintenance-product-care-wrapper .bsw-care-feature__visual {
    position: relative;
    min-height: 570px;
    overflow: hidden;
    background: #dcebf1;
  }
  #content_area .zee-maintenance-product-care-wrapper .bsw-care-feature__image {
    width: 100%;
    height: 100%;
    min-height: 570px;
    display: block;
    object-fit: cover;
    object-position: center;
    transition: transform 0.7s ease;
  }
  #content_area .zee-maintenance-product-care-wrapper .bsw-care-feature:hover .bsw-care-feature__image {
    transform: scale(1.025);
  }
  #content_area .zee-maintenance-product-care-wrapper .bsw-care-feature__visual::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
      linear-gradient(
        90deg,
        rgba(7, 53, 94, 0.04),
        transparent 48%
      ),
      linear-gradient(
        180deg,
        transparent 48%,
        rgba(4, 34, 58, 0.42)
      );
    pointer-events: none;
  }
  #content_area .zee-maintenance-product-care-wrapper .bsw-care-feature__caption {
    position: absolute;
    z-index: 2;
    left: 32px;
    right: 32px;
    bottom: 29px;
    padding: 21px 23px;
    background: #13A5DE;
    border: 1px solid rgba(255, 255, 255, 0.17);
    color: #ffffff;
    backdrop-filter: blur(7px);
  }
  #content_area .zee-maintenance-product-care-wrapper .bsw-care-feature__caption strong {
    display: block;
    margin-bottom: 6px;
    font-size: 16px;
    line-height: 1.35;
  }
  #content_area .zee-maintenance-product-care-wrapper .bsw-care-feature__caption span {
    display: block;
    color: rgba(255, 255, 255, 0.81);
    font-size: 12px;
    line-height: 1.55;
  }
  #content_area .zee-maintenance-product-care-wrapper .bsw-cleaning-comparison {
    margin-bottom: 58px;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    border: 1px solid #dfe5e8;
    background: #ffffff;
    overflow: hidden;
  }
  #content_area .zee-maintenance-product-care-wrapper .bsw-cleaning-panel {
    padding: 45px 41px;
  }
  #content_area .zee-maintenance-product-care-wrapper .bsw-cleaning-panel--approved {
    background:
      radial-gradient(
        circle at 100% 0%,
        rgba(206, 235, 245, 0.61),
        transparent 31%
      ),
      linear-gradient(145deg, #ffffff, #f5fafc);
    border-right: 1px solid #dfe5e8;
  }
  #content_area .zee-maintenance-product-care-wrapper .bsw-cleaning-panel--avoid {
    background:
      linear-gradient(
        145deg,
        rgba(255, 255, 255, 0.98),
        rgba(249, 246, 246, 0.97)
      );
  }
  #content_area .zee-maintenance-product-care-wrapper .bsw-cleaning-panel__heading {
    margin-bottom: 27px;
    display: flex;
    align-items: flex-start;
    gap: 16px;
  }
  #content_area .zee-maintenance-product-care-wrapper .bsw-cleaning-panel__icon {
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 17px;
    font-weight: 800;
  }
  #content_area .zee-maintenance-product-care-wrapper .bsw-cleaning-panel--approved .bsw-cleaning-panel__icon {
    background: #edf7fb;
    border: 1px solid #d4e8f0;
    color: #13A5DE;
  }
  #content_area .zee-maintenance-product-care-wrapper .bsw-cleaning-panel--avoid .bsw-cleaning-panel__icon {
    background: #f8eeee;
    border: 1px solid #ead6d6;
    color: #8e5d5d;
  }
  #content_area .zee-maintenance-product-care-wrapper .bsw-cleaning-panel__heading h3 {
    margin: 1px 0 7px;
    color: #596268;
    font-size: 25px !important;
    font-weight: 600;
    line-height: 1.2;
  }
  #content_area .zee-maintenance-product-care-wrapper .bsw-cleaning-panel__heading p {
    margin: 0 !important;
    color: #747d82 !important;
    font-size: 13px !important;
    line-height: 1.55 !important;
  }
  #content_area .zee-maintenance-product-care-wrapper .bsw-cleaning-list {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  #content_area .zee-maintenance-product-care-wrapper .bsw-cleaning-list li {
    position: relative;
    min-height: 56px;
    margin-bottom: 11px;
    padding: 16px 17px 16px 46px;
    background: #ffffff;
    border: 1px solid #e1e7ea;
    color: #596268;
    font-size: 14px;
    line-height: 1.55;
  }
  #content_area .zee-maintenance-product-care-wrapper .bsw-cleaning-list li:last-child {
    margin-bottom: 0;
  }
  #content_area .zee-maintenance-product-care-wrapper .bsw-cleaning-list li::before {
    position: absolute;
    top: 16px;
    left: 17px;
    font-size: 15px;
    font-weight: 800;
  }
  #content_area .zee-maintenance-product-care-wrapper .bsw-cleaning-panel--approved .bsw-cleaning-list li::before {
    content: "?";
    color: #4d9aba;
  }
  #content_area .zee-maintenance-product-care-wrapper .bsw-cleaning-panel--avoid .bsw-cleaning-list li::before {
    content: "�";
    color: #a66d6d;
    font-size: 18px;
    line-height: 1;
  }
  #content_area .zee-maintenance-product-care-wrapper .bsw-finish-care {
    margin-bottom: 58px;
  }
  #content_area .zee-maintenance-product-care-wrapper .bsw-finish-care__header {
    max-width: 790px;
    margin-bottom: 29px;
  }
  #content_area .zee-maintenance-product-care-wrapper .bsw-finish-care__header span {
    display: block;
    margin-bottom: 9px;
    color: #4d9aba;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.11em;
    text-transform: uppercase;
  }
  #content_area .zee-maintenance-product-care-wrapper .bsw-finish-care__header h3 {
    margin: 0 0 10px;
    color: #596268;
    font-size: 29px !important;
    font-weight: 600;
    letter-spacing: -0.02em;
    line-height: 1.2;
  }
  #content_area .zee-maintenance-product-care-wrapper .bsw-finish-care__header p {
    margin: 0 !important;
    color: #747d82 !important;
    font-size: 14px !important;
    line-height: 1.65 !important;
  }
  #content_area .zee-maintenance-product-care-wrapper .bsw-finish-care__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    border-top: 1px solid #dfe5e8;
    border-left: 1px solid #dfe5e8;
    background: #ffffff;
  }
  #content_area .zee-maintenance-product-care-wrapper .bsw-finish-card {
    position: relative;
    min-height: 255px;
    padding: 31px 27px;
    border-right: 1px solid #dfe5e8;
    border-bottom: 1px solid #dfe5e8;
    transition:
      background 0.25s ease,
      transform 0.25s ease,
      box-shadow 0.25s ease;
  }
  #content_area .zee-maintenance-product-care-wrapper .bsw-finish-card:hover {
    z-index: 2;
    background: #f8fbfc;
    transform: translateY(-3px);
    box-shadow: 0 13px 28px rgba(38, 68, 82, 0.08);
  }
  #content_area .zee-maintenance-product-care-wrapper .bsw-finish-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 27px;
    width: 44px;
    height: 3px;
    background: #4d9aba;
  }
  #content_area .zee-maintenance-product-care-wrapper .bsw-finish-card__number {
    width: 42px;
    height: 42px;
    margin-bottom: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #edf7fb;
    border: 1px solid #d7eaf2;
    border-radius: 50%;
    color: #13A5DE;
    font-size: 12px;
    font-weight: 800;
  }
  #content_area .zee-maintenance-product-care-wrapper .bsw-finish-card h4 {
    margin: 0 0 10px;
    color: #596268;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.3;
  }
  #content_area .zee-maintenance-product-care-wrapper .bsw-finish-card p {
    margin: 0;
    color: #747d82;
    font-size: 13px;
    line-height: 1.62;
  }
  #content_area .zee-maintenance-product-care-wrapper .bsw-maintenance-schedule {
    margin-bottom: 58px;
  }
  #content_area .zee-maintenance-product-care-wrapper .bsw-maintenance-schedule__header {
    margin-bottom: 25px;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 35px;
  }
  #content_area .zee-maintenance-product-care-wrapper .bsw-maintenance-schedule__header h3 {
    margin: 0 0 8px;
    color: #596268;
    font-size: 29px !important;
    font-weight: 600;
    letter-spacing: -0.02em;
    line-height: 1.2;
  }
  #content_area .zee-maintenance-product-care-wrapper .bsw-maintenance-schedule__header p {
    max-width: 760px;
    margin: 0 !important;
    color: #747d82 !important;
    font-size: 14px !important;
    line-height: 1.63 !important;
  }
  #content_area .zee-maintenance-product-care-wrapper .bsw-maintenance-schedule__wrap {
    overflow-x: auto;
    background: #ffffff;
    border: 1px solid #dfe5e8;
    box-shadow: 0 13px 38px rgba(38, 68, 82, 0.06);
  }
  #content_area .zee-maintenance-product-care-wrapper .bsw-maintenance-schedule__table {
    width: 100%;
    min-width: 900px;
    border-collapse: collapse;
  }
  #content_area .zee-maintenance-product-care-wrapper .bsw-maintenance-schedule__table th {
    padding: 19px 21px;
    background: #13A5DE;
    border-right: 1px solid rgba(255, 255, 255, 0.15);
    color: #ffffff;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.065em;
    line-height: 1.35;
    text-align: left;
    text-transform: uppercase;
  }
  #content_area .zee-maintenance-product-care-wrapper .bsw-maintenance-schedule__table th:last-child {
    border-right: 0;
  }
  #content_area .zee-maintenance-product-care-wrapper .bsw-maintenance-schedule__table td {
    padding: 20px 21px;
    border-right: 1px solid #e5eaed;
    border-bottom: 1px solid #e5eaed;
    color: #687278;
    font-size: 13px;
    line-height: 1.58;
    vertical-align: top;
  }
  #content_area .zee-maintenance-product-care-wrapper .bsw-maintenance-schedule__table td:last-child {
    border-right: 0;
  }
  #content_area .zee-maintenance-product-care-wrapper .bsw-maintenance-schedule__table tbody tr:last-child td {
    border-bottom: 0;
  }
  #content_area .zee-maintenance-product-care-wrapper .bsw-maintenance-schedule__table tbody tr:nth-child(even) {
    background: #f8fbfc;
  }
  #content_area .zee-maintenance-product-care-wrapper .bsw-maintenance-schedule__table td:first-child {
    color: #596268;
    font-weight: 700;
  }
  #content_area .zee-maintenance-product-care-wrapper .bsw-schedule-status {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #13A5DE;
    font-weight: 700;
  }
  #content_area .zee-maintenance-product-care-wrapper .bsw-schedule-status::before {
    content: "";
    flex: 0 0 8px;
    width: 8px;
    height: 8px;
    background: #4d9aba;
    border-radius: 50%;
  }
  #content_area .zee-maintenance-product-care-wrapper .bsw-water-care {
    min-height: 520px;
    margin-bottom: 58px;
    display: grid;
    grid-template-columns: minmax(0, 54%) minmax(360px, 46%);
    background: #07355e;
    overflow: hidden;
  }
  #content_area .zee-maintenance-product-care-wrapper .bsw-water-care__visual {
    position: relative;
    min-height: 520px;
    overflow: hidden;
    background: #d9e9ef;
  }
  #content_area .zee-maintenance-product-care-wrapper .bsw-water-care__image {
    width: 100%;
    height: 100%;
    min-height: 520px;
    display: block;
    object-fit: cover;
    object-position: center;
  }
  #content_area .zee-maintenance-product-care-wrapper .bsw-water-care__visual::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
      linear-gradient(
        90deg,
        rgba(7, 53, 94, 0.04),
        rgba(7, 53, 94, 0.08)
      ),
      linear-gradient(
        180deg,
        transparent 48%,
        rgba(4, 34, 58, 0.38)
      );
    pointer-events: none;
  }
  #content_area .zee-maintenance-product-care-wrapper .bsw-water-care__content {
    padding: 54px 47px;
    display: flex;
    align-items: center;
    background: radial-gradient( circle at 100% 0%, rgba(209, 236, 246, 0.68), transparent 31%  ),  linear-gradient(145deg, #ffffff 0%, #f4f9fb 100%);
    color: #ffffff;
  }
  #content_area .zee-maintenance-product-care-wrapper .bsw-water-care__content span {
    display: block;
    margin-bottom: 13px;
    color: #a6d9eb;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
  }
  #content_area .zee-maintenance-product-care-wrapper .bsw-water-care__content h3 {
    margin: 0 0 17px;
    color: #333;
    font-size: clamp(28px, 3vw, 39px) !important;
    font-weight: 600;
    letter-spacing: -0.02em;
    line-height: 1.15;
  }
  #content_area .zee-maintenance-product-care-wrapper .bsw-water-care__content p {
    margin: 0 0 24px !important;
    color: #717171 !important;
    font-size: 14px !important;
    line-height: 1.7 !important;
  }
  #content_area .zee-maintenance-product-care-wrapper .bsw-water-care__list {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  #content_area .zee-maintenance-product-care-wrapper .bsw-water-care__list li {
    position: relative;
    margin-bottom: 13px;
    padding-left: 28px;
    color: #717171 !important;
    font-size: 14px;
    line-height: 1.55;
  }
  #content_area .zee-maintenance-product-care-wrapper .bsw-water-care__list li:last-child {
    margin-bottom: 0;
  }
  #content_area .zee-maintenance-product-care-wrapper .bsw-water-care__list li::before {
    content: "?";
    position: absolute;
    top: 0;
    left: 0;
    color: #9ed8ef;
    font-size: 15px;
    font-weight: 800;
  }
  #content_area .zee-maintenance-product-care-wrapper .bsw-care-warning {
    padding: 34px 36px;
    display: grid;
    grid-template-columns: 225px minmax(0, 1fr);
    gap: 35px;
    background: #fffafa;
    border: 1px solid #eadede;
    border-left: 5px solid #a67272;
  }
  #content_area .zee-maintenance-product-care-wrapper .bsw-care-warning__title span {
    display: block;
    margin-bottom: 8px;
    color: #a67272;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.11em;
    text-transform: uppercase;
  }
  #content_area .zee-maintenance-product-care-wrapper .bsw-care-warning__title h3 {
    margin: 0;
    color: #665d5d;
    font-size: 23px !important;
    font-weight: 600;
    line-height: 1.2;
  }
  #content_area .zee-maintenance-product-care-wrapper .bsw-care-warning__content {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px 31px;
  }
  #content_area .zee-maintenance-product-care-wrapper .bsw-care-warning__item {
    position: relative;
    margin: 0;
    padding-left: 24px;
    color: #766d6d;
    font-size: 14px;
    line-height: 1.56;
  }
  #content_area .zee-maintenance-product-care-wrapper .bsw-care-warning__item::before {
    content: "�";
    position: absolute;
    top: 0;
    left: 1px;
    color: #a67272;
    font-size: 17px;
    font-weight: 800;
    line-height: 1;
  }
  #content_area .zee-maintenance-product-care-wrapper .bsw-maintenance-cta {
    margin-top: 38px;
    padding: 32px 35px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    background: #ffffff;
    border: 1px solid #dfe5e8;
  }
  #content_area .zee-maintenance-product-care-wrapper .bsw-maintenance-cta__copy h3 {
    margin: 0 0 7px;
    color: #596268;
    font-size: 23px !important;
    font-weight: 600;
    line-height: 1.25;
  }
  #content_area .zee-maintenance-product-care-wrapper .bsw-maintenance-cta__copy p {
    max-width: 760px;
    margin: 0 !important;
    color: #747d82 !important;
    font-size: 14px !important;
    line-height: 1.58 !important;
  }
  #content_area .zee-maintenance-product-care-wrapper .bsw-maintenance-cta__actions {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 11px;
  }
  #content_area .zee-maintenance-product-care-wrapper .bsw-maintenance-button {
    min-height: 47px;
    padding: 13px 19px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #13A5DE;
    border-radius: 3px;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.065em;
    line-height: 1.2;
    text-decoration: none;
    text-transform: uppercase;
    transition:
      background 0.2s ease,
      color 0.2s ease,
      transform 0.2s ease;
  }
  #content_area .zee-maintenance-product-care-wrapper .bsw-maintenance-button--primary {
    background: #13A5DE;
    color: #ffffff;
  }
  #content_area .zee-maintenance-product-care-wrapper .bsw-maintenance-button--primary:hover {
    background: #07355e;
    color: #ffffff;
    transform: translateY(-2px);
  }
  #content_area .zee-maintenance-product-care-wrapper .bsw-maintenance-button--secondary {
    background: #ffffff;
    color: #13A5DE;
  }
  #content_area .zee-maintenance-product-care-wrapper .bsw-maintenance-button--secondary:hover {
    background: #edf7fb;
    color: #07355e;
    transform: translateY(-2px);
  }
  @media (max-width: 1120px) {
    #content_area .zee-maintenance-product-care-wrapper .bsw-finish-care__grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (max-width: 930px) {
    #content_area .zee-maintenance-product-care-wrapper .bsw-care-feature,
    #content_area .zee-maintenance-product-care-wrapper .bsw-water-care {
      grid-template-columns: 1fr;
    }
    #content_area .zee-maintenance-product-care-wrapper .bsw-care-feature__visual,
    #content_area .zee-maintenance-product-care-wrapper .bsw-care-feature__image,
    #content_area .zee-maintenance-product-care-wrapper .bsw-water-care__visual,
    #content_area .zee-maintenance-product-care-wrapper .bsw-water-care__image {
      min-height: 470px;
    }
    #content_area .zee-maintenance-product-care-wrapper .bsw-care-feature__content {
      order: 2;
    }
    #content_area .zee-maintenance-product-care-wrapper .bsw-care-feature__visual {
      order: 1;
    }
    #content_area .zee-maintenance-product-care-wrapper .bsw-care-warning {
      grid-template-columns: 1fr;
      gap: 24px;
    }
    #content_area .zee-maintenance-product-care-wrapper .bsw-maintenance-schedule__header,
    #content_area .zee-maintenance-product-care-wrapper .bsw-maintenance-cta {
      align-items: flex-start;
      flex-direction: column;
    }
  }
  @media (max-width: 720px) {
    #content_area .zee-maintenance-product-care-wrapper .bsw-maintenance {
      padding: 74px 20px;
    }
    #content_area .zee-maintenance-product-care-wrapper .bsw-cleaning-comparison {
      grid-template-columns: 1fr;
    }
    #content_area .zee-maintenance-product-care-wrapper .bsw-cleaning-panel--approved {
      border-right: 0;
      border-bottom: 1px solid #dfe5e8;
    }
    #content_area .zee-maintenance-product-care-wrapper .bsw-care-warning__content {
      grid-template-columns: 1fr;
    }
    #content_area .zee-maintenance-product-care-wrapper .bsw-maintenance-cta__actions {
      width: 100%;
    }
  }
  @media (max-width: 560px) {
    #content_area .zee-maintenance-product-care-wrapper .bsw-maintenance {
      padding: 58px 16px;
    }
    #content_area .zee-maintenance-product-care-wrapper .bsw-maintenance__header h2 {
      font-size: 34px !important;
    }
    #content_area .zee-maintenance-product-care-wrapper .bsw-care-feature__visual,
    #content_area .zee-maintenance-product-care-wrapper .bsw-care-feature__image,
    #content_area .zee-maintenance-product-care-wrapper .bsw-water-care__visual,
    #content_area .zee-maintenance-product-care-wrapper .bsw-water-care__image {
      min-height: 370px;
    }
    #content_area .zee-maintenance-product-care-wrapper .bsw-care-feature__content,
    #content_area .zee-maintenance-product-care-wrapper .bsw-water-care__content {
      padding: 39px 25px;
    }
    #content_area .zee-maintenance-product-care-wrapper .bsw-care-feature__caption {
      left: 16px;
      right: 16px;
      bottom: 16px;
      padding: 18px;
    }
    #content_area .zee-maintenance-product-care-wrapper .bsw-cleaning-panel {
      padding: 35px 24px;
    }
    #content_area .zee-maintenance-product-care-wrapper .bsw-finish-care__grid {
      grid-template-columns: 1fr;
    }
    #content_area .zee-maintenance-product-care-wrapper .bsw-care-warning,
    #content_area .zee-maintenance-product-care-wrapper .bsw-maintenance-cta {
      padding: 29px 24px;
    }
    #content_area .zee-maintenance-product-care-wrapper .bsw-maintenance-cta__actions {
      align-items: stretch;
      flex-direction: column;
    }
    #content_area .zee-maintenance-product-care-wrapper .bsw-maintenance-button {
      width: 100%;
    }
  }
#content_area .zee-commercial-project-support-wrapper .bsw-commercial-support,
#content_area .zee-commercial-project-support-wrapper .bsw-commercial-support * {
box-sizing: border-box;
}
#content_area .zee-commercial-project-support-wrapper .bsw-commercial-support {
width: 100%;
padding: 100px 24px;
background:
  radial-gradient(
	circle at 88% 4%,
	rgba(205, 233, 244, 0.52),
	transparent 27%
  ),
  linear-gradient(180deg, #f7fbfc 0%, #ffffff 100%);
color: #4f595f;
font-family: Arial, Helvetica, sans-serif;
overflow: hidden;
}
#content_area .zee-commercial-project-support-wrapper .bsw-commercial-support__inner {
width: 100%;
max-width: 1420px;
margin: 0 auto;
}
#content_area .zee-commercial-project-support-wrapper .bsw-commercial-support__header {
max-width: 850px;
margin: 0 auto 54px;
text-align: center;
}
#content_area .zee-commercial-project-support-wrapper .bsw-commercial-support__eyebrow {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 11px;
margin: 0 0 17px;
color: #4d9aba;
font-size: 12px;
font-weight: 800;
letter-spacing: 0.14em;
line-height: 1.2;
text-transform: uppercase;
}
#content_area .zee-commercial-project-support-wrapper .bsw-commercial-support__eyebrow::before,
#content_area .zee-commercial-project-support-wrapper .bsw-commercial-support__eyebrow::after {
content: "";
width: 31px;
height: 1px;
background: #8fc4d8;
}
#content_area .zee-commercial-project-support-wrapper .bsw-commercial-support__header h2 {
margin: 0 0 18px;
color: #596268;
font-size: clamp(34px, 4vw, 52px);
font-weight: 500;
letter-spacing: -0.028em;
line-height: 1.08;
}
#content_area .zee-commercial-project-support-wrapper .bsw-commercial-support__header p {
max-width: 790px;
margin: 0 auto;
color: #747d82;
font-size: 16px;
line-height: 1.72;
}
#content_area .zee-commercial-project-support-wrapper .bsw-commercial-feature {
min-height: 600px;
margin-bottom: 58px;
display: grid;
grid-template-columns: minmax(0, 56%) minmax(400px, 44%);
background: #ffffff;
border: 1px solid #dfe5e8;
box-shadow: 0 20px 58px rgba(38, 68, 82, 0.09);
overflow: hidden;
}
#content_area .zee-commercial-project-support-wrapper .bsw-commercial-feature__visual {
position: relative;
min-height: 600px;
background: #dbeaf0;
overflow: hidden;
}
#content_area .zee-commercial-project-support-wrapper .bsw-commercial-feature__visual::after {
content: "";
position: absolute;
inset: 0;
background:
  linear-gradient(
	90deg,
	rgba(7, 53, 94, 0.08),
	transparent 48%
  ),
  linear-gradient(
	180deg,
	transparent 45%,
	rgba(4, 34, 58, 0.5)
  );
pointer-events: none;
}
#content_area .zee-commercial-project-support-wrapper .bsw-commercial-feature__image {
width: 100%;
height: 100%;
min-height: 600px;
display: block;
object-fit: cover;
object-position: center;
transition: transform 0.7s ease;
}
#content_area .zee-commercial-project-support-wrapper .bsw-commercial-feature:hover .bsw-commercial-feature__image {
transform: scale(1.025);
}
#content_area .zee-commercial-project-support-wrapper .bsw-commercial-feature__overlay {
position: absolute;
z-index: 2;
left: 33px;
right: 33px;
bottom: 31px;
padding: 23px 25px;
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: 25px;
background: #13A5DE;
border: 1px solid rgba(255, 255, 255, 0.18);
backdrop-filter: blur(7px);
}
#content_area .zee-commercial-project-support-wrapper .bsw-commercial-feature__overlay-copy strong {
display: block;
margin-bottom: 6px;
color: #ffffff;
font-size: 17px;
line-height: 1.3;
}
#content_area .zee-commercial-project-support-wrapper .bsw-commercial-feature__overlay-copy span {
display: block;
max-width: 500px;
color: rgba(255, 255, 255, 0.8);
font-size: 12px;
line-height: 1.55;
}
#content_area .zee-commercial-project-support-wrapper .bsw-commercial-feature__overlay-badge {
flex: 0 0 auto;
padding: 8px 11px;
background: rgba(255, 255, 255, 0.11);
border: 1px solid rgba(255, 255, 255, 0.25);
color: #ffffff;
font-size: 10px;
font-weight: 800;
letter-spacing: 0.09em;
text-transform: uppercase;
white-space: nowrap;
}
#content_area .zee-commercial-project-support-wrapper .bsw-commercial-feature__content {
padding: 58px 49px;
display: flex;
align-items: center;
background:
  radial-gradient(
	circle at 100% 0%,
	rgba(211, 236, 246, 0.68),
	transparent 31%
  ),
  linear-gradient(145deg, #ffffff 0%, #f4f9fb 100%);
}
.bsw-commercial-feature__content-inner {
width: 100%;
}
#content_area .zee-commercial-project-support-wrapper .bsw-commercial-feature__label {
display: inline-flex;
margin-bottom: 17px;
padding: 7px 11px;
background: #edf7fb;
border: 1px solid #d5e9f1;
color: #13A5DE;
font-size: 11px;
font-weight: 800;
letter-spacing: 0.09em;
line-height: 1.2;
text-transform: uppercase;
}
#content_area .zee-commercial-project-support-wrapper .bsw-commercial-feature__content h3 {
margin: 0 0 18px;
color: #596268;
font-size: clamp(29px, 3vw, 40px);
font-weight: 600;
letter-spacing: -0.024em;
line-height: 1.12;
}
#content_area .zee-commercial-project-support-wrapper .bsw-commercial-feature__content > div > p {
margin: 0 0 24px;
color: #687278;
font-size: 15px;
line-height: 1.72;
}
#content_area .zee-commercial-project-support-wrapper .bsw-commercial-feature__points {
margin: 0 0 29px;
padding: 0;
list-style: none;
}
#content_area .zee-commercial-project-support-wrapper .bsw-commercial-feature__points li {
position: relative;
margin-bottom: 13px;
padding-left: 29px;
color: #596268;
font-size: 14px;
line-height: 1.55;
}
#content_area .zee-commercial-project-support-wrapper .bsw-commercial-feature__points li:last-child {
margin-bottom: 0;
}
#content_area .zee-commercial-project-support-wrapper .bsw-commercial-feature__points li::before {
content: "?";
position: absolute;
top: 0;
left: 0;
color: #4d9aba;
font-size: 15px;
font-weight: 800;
}
#content_area .zee-commercial-project-support-wrapper .bsw-commercial-feature__notice {
margin: 0 0 29px;
padding: 16px 18px;
background: #edf7fb;
border-left: 4px solid #4d9aba;
color: #596268;
font-size: 13px;
line-height: 1.58;
}
#content_area .zee-commercial-project-support-wrapper .bsw-commercial-feature__notice strong {
color: #13A5DE;
}
#content_area .zee-commercial-project-support-wrapper .bsw-commercial-feature__actions {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 11px;
}
#content_area .zee-commercial-project-support-wrapper .bsw-commercial-button {
min-height: 48px;
padding: 13px 20px;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 9px;
border: 1px solid #13A5DE;
border-radius: 3px;
font-size: 11px;
font-weight: 800;
letter-spacing: 0.07em;
line-height: 1.2;
text-decoration: none;
text-transform: uppercase;
transition:
  background 0.2s ease,
  color 0.2s ease,
  transform 0.2s ease,
  box-shadow 0.2s ease;
}
#content_area .zee-commercial-project-support-wrapper .bsw-commercial-button--primary {
background: #13A5DE;
color: #ffffff;
}
#content_area .zee-commercial-project-support-wrapper .bsw-commercial-button--primary:hover {
background: #07355e;
border-color: #07355e;
color: #ffffff;
transform: translateY(-2px);
box-shadow: 0 12px 26px rgba(7, 53, 94, 0.17);
}
#content_area .zee-commercial-project-support-wrapper .bsw-commercial-button--secondary {
background: #ffffff;
color: #13A5DE;
}
#content_area .zee-commercial-project-support-wrapper .bsw-commercial-button--secondary:hover {
background: #edf7fb;
color: #07355e;
transform: translateY(-2px);
}
#content_area .zee-commercial-project-support-wrapper .bsw-project-environments {
margin-bottom: 58px;
}
#content_area .zee-commercial-project-support-wrapper .bsw-project-environments__header {
max-width: 760px;
margin: 0 0 29px;
}
#content_area .zee-commercial-project-support-wrapper .bsw-project-environments__header span {
display: block;
margin-bottom: 9px;
color: #4d9aba;
font-size: 11px;
font-weight: 800;
letter-spacing: 0.11em;
text-transform: uppercase;
}
#content_area .zee-commercial-project-support-wrapper .bsw-project-environments__header h3 {
margin: 0 0 10px;
color: #596268;
font-size: 29px !important;
font-weight: 600;
letter-spacing: -0.02em;
line-height: 1.2;
}
#content_area .zee-commercial-project-support-wrapper .bsw-project-environments__header p {
margin: 0 !important;
color: #747d82 !important;
font-size: 14px !important;
line-height: 1.65 !important;
}
#content_area .zee-commercial-project-support-wrapper .bsw-environments-grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
border-top: 1px solid #dfe5e8;
border-left: 1px solid #dfe5e8;
background: #ffffff;
}
#content_area .zee-commercial-project-support-wrapper .bsw-environment-card {
position: relative;
min-height: 245px;
padding: 31px 27px;
border-right: 1px solid #dfe5e8;
border-bottom: 1px solid #dfe5e8;
overflow: hidden;
transition:
  background 0.25s ease,
  transform 0.25s ease,
  box-shadow 0.25s ease;
}
#content_area .zee-commercial-project-support-wrapper .bsw-environment-card:hover {
z-index: 2;
background: #f8fbfc;
transform: translateY(-3px);
box-shadow: 0 13px 28px rgba(38, 68, 82, 0.08);
}
#content_area .zee-commercial-project-support-wrapper .bsw-environment-card::before {
content: "";
position: absolute;
top: 0;
left: 27px;
width: 44px;
height: 3px;
background: #4d9aba;
}
#content_area .zee-commercial-project-support-wrapper .bsw-environment-card__number {
width: 42px;
height: 42px;
margin-bottom: 20px;
display: inline-flex;
align-items: center;
justify-content: center;
background: #edf7fb;
border: 1px solid #d7eaf2;
border-radius: 50%;
color: #13A5DE;
font-size: 12px;
font-weight: 800;
}
#content_area .zee-commercial-project-support-wrapper .bsw-environment-card h4 {
margin: 0 0 10px;
color: #596268;
font-size: 18px;
font-weight: 700;
line-height: 1.3;
}
#content_area .zee-commercial-project-support-wrapper .bsw-environment-card p {
margin: 0;
color: #747d82;
font-size: 13px;
line-height: 1.6;
}
#content_area .zee-commercial-project-support-wrapper .bsw-project-matrix {
margin-bottom: 58px;
}
#content_area .zee-commercial-project-support-wrapper .bsw-project-matrix__header {
margin-bottom: 25px;
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: 35px;
}
#content_area .zee-commercial-project-support-wrapper .bsw-project-matrix__header h3 {
margin: 0 0 8px;
color: #596268;
font-size: 29px !important;
font-weight: 600;
letter-spacing: -0.02em;
line-height: 1.2;
}
#content_area .zee-commercial-project-support-wrapper .bsw-project-matrix__header p {
max-width: 760px;
margin: 0 !important;
color: #747d82 !important;
font-size: 14px !important;
line-height: 1.63 !important;
}
#content_area .zee-commercial-project-support-wrapper .bsw-project-matrix__wrap {
overflow-x: auto;
background: #ffffff;
border: 1px solid #dfe5e8;
box-shadow: 0 13px 38px rgba(38, 68, 82, 0.06);
}
#content_area .zee-commercial-project-support-wrapper .bsw-project-matrix__table {
width: 100%;
min-width: 900px;
border-collapse: collapse;
}
#content_area .zee-commercial-project-support-wrapper .bsw-project-matrix__table th {
padding: 19px 21px;
background: #13A5DE;
border-right: 1px solid rgba(255, 255, 255, 0.15);
color: #ffffff;
font-size: 11px;
font-weight: 800;
letter-spacing: 0.065em;
line-height: 1.35;
text-align: left;
text-transform: uppercase;
}
#content_area .zee-commercial-project-support-wrapper .bsw-project-matrix__table th:last-child {
border-right: 0;
}
#content_area .zee-commercial-project-support-wrapper .bsw-project-matrix__table td {
padding: 20px 21px;
border-right: 1px solid #e5eaed;
border-bottom: 1px solid #e5eaed;
color: #687278;
font-size: 13px;
line-height: 1.58;
vertical-align: top;
}
#content_area .zee-commercial-project-support-wrapper .bsw-project-matrix__table td:last-child {
border-right: 0;
}
#content_area .zee-commercial-project-support-wrapper .bsw-project-matrix__table tbody tr:last-child td {
border-bottom: 0;
}
#content_area .zee-commercial-project-support-wrapper .bsw-project-matrix__table tbody tr:nth-child(even) {
background: #f8fbfc;
}
#content_area .zee-commercial-project-support-wrapper .bsw-project-matrix__table td:first-child {
color: #596268;
font-weight: 700;
}
#content_area .zee-commercial-project-support-wrapper .bsw-project-status {
display: inline-flex;
align-items: center;
gap: 7px;
color: #13A5DE;
font-weight: 700;
}
#content_area .zee-commercial-project-support-wrapper .bsw-project-status::before {
content: "";
flex: 0 0 8px;
width: 8px;
height: 8px;
background: #4d9aba;
border-radius: 50%;
}
#content_area .zee-commercial-project-support-wrapper .bsw-professional-services {
display: grid;
grid-template-columns: minmax(300px, 35%) minmax(0, 65%);
background: #07355e;
overflow: hidden;
}
#content_area .zee-commercial-project-support-wrapper .bsw-professional-services__intro {
    padding: 51px 43px;
    display: flex;
    align-items: center;
    background: radial-gradient( circle at 100% 0%, rgba(209, 236, 246, 0.68), transparent 31%  ),  linear-gradient(145deg, #ffffff 0%, #f4f9fb 100%);
    color: #ffffff;
}
#content_area .zee-commercial-project-support-wrapper .bsw-professional-services__intro span {
display: block;
margin-bottom: 12px;
color: #a6d9eb;
font-size: 11px;
font-weight: 800;
letter-spacing: 0.12em;
text-transform: uppercase;
}
#content_area .zee-commercial-project-support-wrapper .bsw-professional-services__intro h3 {
margin: 0 0 15px;
color: #333;
font-size: 31px !important;
font-weight: 600;
letter-spacing: -0.02em;
line-height: 1.15;
}
#content_area .zee-commercial-project-support-wrapper .bsw-professional-services__intro p {
margin: 0 !important;
color: rgba(255, 255, 255, 0.81) !important;
font-size: 14px !important;
line-height: 1.68 !important;
}
#content_area .zee-commercial-project-support-wrapper .bsw-professional-services__grid {
padding: 39px;
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 14px;
background: #f5fafc;
}
#content_area .zee-commercial-project-support-wrapper .bsw-service-card {
min-height: 150px;
padding: 23px 21px;
background: #ffffff;
border: 1px solid #dfe5e8;
}
#content_area .zee-commercial-project-support-wrapper .bsw-service-card__icon {
width: 37px;
height: 37px;
margin-bottom: 15px;
display: inline-flex;
align-items: center;
justify-content: center;
background: #edf7fb;
border: 1px solid #d6e9f1;
border-radius: 50%;
color: #13A5DE;
font-size: 12px;
font-weight: 800;
}
#content_area .zee-commercial-project-support-wrapper .bsw-service-card h4 {
margin: 0 0 7px;
color: #596268;
font-size: 16px;
font-weight: 700;
line-height: 1.3;
}
#content_area .zee-commercial-project-support-wrapper .bsw-service-card p {
margin: 0 !important;
color: #747d82 !important;
font-size: 12px !important;
line-height: 1.55 !important;
}
#content_area .zee-commercial-project-support-wrapper .bsw-project-documentation {
margin-top: 38px;
padding: 34px 36px;
display: grid;
grid-template-columns: 220px minmax(0, 1fr);
gap: 34px;
background: #f4fafc;
border: 1px solid #dbe9ef;
border-left: 5px solid #4d9aba;
}
#content_area .zee-commercial-project-support-wrapper .bsw-project-documentation__title span {
display: block;
margin-bottom: 8px;
color: #4d9aba;
font-size: 10px;
font-weight: 800;
letter-spacing: 0.11em;
text-transform: uppercase;
}
#content_area .zee-commercial-project-support-wrapper .bsw-project-documentation__title h3 {
margin: 0;
color: #596268;
font-size: 23px !important;
font-weight: 600;
line-height: 1.2;
}
#content_area .zee-commercial-project-support-wrapper .bsw-project-documentation__content {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 13px 31px;
}
#content_area .zee-commercial-project-support-wrapper .bsw-project-documentation__item {
position: relative;
margin: 0;
padding-left: 23px;
color: #687278;
font-size: 14px;
line-height: 1.56;
}
#content_area .zee-commercial-project-support-wrapper .bsw-project-documentation__item::before {
content: "�";
position: absolute;
top: -2px;
left: 1px;
color: #4d9aba;
font-size: 21px;
line-height: 1;
}
#content_area .zee-commercial-project-support-wrapper .bsw-commercial-cta {
margin-top: 38px;
padding: 32px 35px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 30px;
background: #ffffff;
border: 1px solid #dfe5e8;
}
#content_area .zee-commercial-project-support-wrapper .bsw-commercial-cta__copy h3 {
margin: 0 0 7px;
color: #596268;
font-size: 23px !important;
font-weight: 600;
line-height: 1.25;
}
#content_area .zee-commercial-project-support-wrapper .bsw-commercial-cta__copy p {
max-width: 760px;
margin: 0 !important;
color: #747d82 !important;
font-size: 14px !important;
line-height: 1.58 !important;
}
#content_area .zee-commercial-project-support-wrapper .bsw-commercial-cta__buttons {
flex: 0 0 auto;
display: flex;
align-items: center;
gap: 11px;
}
@media (max-width: 1150px) {
#content_area .zee-commercial-project-support-wrapper .bsw-environments-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
#content_area .zee-commercial-project-support-wrapper .bsw-commercial-feature {
  grid-template-columns: minmax(0, 52%) minmax(390px, 48%);
}
}
@media (max-width: 930px) {
#content_area .zee-commercial-project-support-wrapper .bsw-commercial-feature {
  grid-template-columns: 1fr;
}
#content_area .zee-commercial-project-support-wrapper .bsw-commercial-feature__visual,
#content_area .zee-commercial-project-support-wrapper .bsw-commercial-feature__image {
  min-height: 500px;
}
#content_area .zee-commercial-project-support-wrapper .bsw-professional-services {
  grid-template-columns: 1fr;
}
#content_area .zee-commercial-project-support-wrapper .bsw-project-documentation {
  grid-template-columns: 1fr;
  gap: 23px;
}
#content_area .zee-commercial-project-support-wrapper .bsw-project-matrix__header,
#content_area .zee-commercial-project-support-wrapper .bsw-commercial-cta {
  align-items: flex-start;
  flex-direction: column;
}
}
@media (max-width: 700px) {
#content_area .zee-commercial-project-support-wrapper .bsw-commercial-support {
  padding: 74px 20px;
}
#content_area .zee-commercial-project-support-wrapper .bsw-environments-grid {
  grid-template-columns: 1fr;
}
#content_area .zee-commercial-project-support-wrapper .bsw-professional-services__grid {
  grid-template-columns: 1fr;
}
#content_area .zee-commercial-project-support-wrapper .bsw-project-documentation__content {
  grid-template-columns: 1fr;
}
#content_area .zee-commercial-project-support-wrapper .bsw-commercial-feature__overlay {
  align-items: flex-start;
  flex-direction: column;
}
#content_area .zee-commercial-project-support-wrapper .bsw-commercial-cta__buttons {
  width: 100%;
}
}
@media (max-width: 540px) {
#content_area .zee-commercial-project-support-wrapper .bsw-commercial-support {
  padding: 58px 16px;
}
#content_area .zee-commercial-project-support-wrapper .bsw-commercial-support__header h2 {
  font-size: 34px !important;
}
#content_area .zee-commercial-project-support-wrapper .bsw-commercial-feature__visual,
#content_area .zee-commercial-project-support-wrapper .bsw-commercial-feature__image {
  min-height: 390px;
}
#content_area .zee-commercial-project-support-wrapper .bsw-commercial-feature__overlay {
  left: 16px;
  right: 16px;
  bottom: 16px;
  padding: 18px;
}
#content_area .zee-commercial-project-support-wrapper .bsw-commercial-feature__overlay-badge {
  display: none;
}
#content_area .zee-commercial-project-support-wrapper .bsw-commercial-feature__content {
  padding: 39px 25px;
}
#content_area .zee-commercial-project-support-wrapper .bsw-commercial-feature__actions,
#content_area .zee-commercial-project-support-wrapper .bsw-commercial-cta__buttons {
  align-items: stretch;
  flex-direction: column;
}
#content_area .zee-commercial-project-support-wrapper .bsw-commercial-button {
  width: 100%;
}
#content_area .zee-commercial-project-support-wrapper .bsw-professional-services__intro,
#content_area .zee-commercial-project-support-wrapper .bsw-professional-services__grid {
  padding: 34px 24px;
}
#content_area .zee-commercial-project-support-wrapper .bsw-project-documentation,
#content_area .zee-commercial-project-support-wrapper .bsw-commercial-cta {
  padding: 29px 24px;
}
}
#content_area .zee-coverage-exclusions-wrapper .bsw-covered,
#content_area .zee-coverage-exclusions-wrapper .bsw-covered * {
box-sizing: border-box;
}
#content_area .zee-coverage-exclusions-wrapper .bsw-covered {
width: 100%;
padding: 100px 24px;
overflow: hidden;
background:
  radial-gradient(
	circle at 92% 7%,
	rgba(207, 235, 245, 0.52),
	transparent 25%
  ),
  linear-gradient(180deg, #f7fbfc 0%, #ffffff 100%);
color: #4f595f;
font-family: Arial, Helvetica, sans-serif;
}
#content_area .zee-coverage-exclusions-wrapper .bsw-covered__inner {
width: 100%;
max-width: 1420px;
margin: 0 auto;
}
#content_area .zee-coverage-exclusions-wrapper .bsw-covered img {
display: block;
max-width: 100%;
}
#content_area .zee-coverage-exclusions-wrapper .bsw-covered a {
text-decoration: none;
}
#content_area .zee-coverage-exclusions-wrapper .bsw-covered__header {
max-width: 880px;
margin: 0 auto 54px;
text-align: center;
}
#content_area .zee-coverage-exclusions-wrapper .bsw-covered__eyebrow {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 11px;
margin: 0 0 17px;
color: #4d9aba;
font-size: 12px;
font-weight: 800;
letter-spacing: 0.14em;
line-height: 1.2;
text-transform: uppercase;
}
#content_area .zee-coverage-exclusions-wrapper .bsw-covered__eyebrow::before,
#content_area .zee-coverage-exclusions-wrapper .bsw-covered__eyebrow::after {
content: "";
width: 31px;
height: 1px;
background: #8fc4d8;
}
#content_area .zee-coverage-exclusions-wrapper .bsw-covered__header h2 {
margin: 0 0 18px;
color: #596268;
font-size: clamp(34px, 4vw, 52px);
font-weight: 500;
letter-spacing: -0.028em;
line-height: 1.08;
}
#content_area .zee-coverage-exclusions-wrapper .bsw-covered__header p {
max-width: 800px;
margin: 0 auto;
color: #747d82;
font-size: 16px;
line-height: 1.72;
}
#content_area .zee-coverage-exclusions-wrapper .bsw-covered-feature {
min-height: 620px;
margin-bottom: 58px;
display: grid;
grid-template-columns: minmax(0, 57%) minmax(390px, 43%);
background: #ffffff;
border: 1px solid #dfe5e8;
box-shadow: 0 20px 58px rgba(38, 68, 82, 0.09);
overflow: hidden;
}
#content_area .zee-coverage-exclusions-wrapper .bsw-covered-feature__visual {
position: relative;
min-height: 620px;
overflow: hidden;
background: #dcebf1;
}
#content_area .zee-coverage-exclusions-wrapper .bsw-covered-feature__image {
width: 100%;
height: 100%;
min-height: 620px;
object-fit: cover;
object-position: center;
transition: transform 0.7s ease;
}
#content_area .zee-coverage-exclusions-wrapper .bsw-covered-feature:hover .bsw-covered-feature__image {
transform: scale(1.025);
}
#content_area .zee-coverage-exclusions-wrapper .bsw-covered-feature__visual::after {
content: "";
position: absolute;
inset: 0;
background:
  linear-gradient(
	90deg,
	rgba(7, 53, 94, 0.03),
	transparent 48%
  ),
  linear-gradient(
	180deg,
	transparent 48%,
	rgba(4, 34, 58, 0.5)
  );
pointer-events: none;
}
#content_area .zee-coverage-exclusions-wrapper .bsw-covered-feature__caption {
position: absolute;
z-index: 2;
left: 32px;
right: 32px;
bottom: 30px;
padding: 22px 24px;
background: #13A5DE;
border: 1px solid rgba(255, 255, 255, 0.18);
backdrop-filter: blur(7px);
color: #ffffff;
}
#content_area .zee-coverage-exclusions-wrapper .bsw-covered-feature__caption strong {
display: block;
margin-bottom: 6px;
font-size: 17px;
line-height: 1.35;
}
#content_area .zee-coverage-exclusions-wrapper .bsw-covered-feature__caption span {
display: block;
color: rgba(255, 255, 255, 0.81);
font-size: 12px;
line-height: 1.55;
}
#content_area .zee-coverage-exclusions-wrapper .bsw-covered-feature__content {
padding: 58px 49px;
display: flex;
align-items: center;
background:
  radial-gradient(
	circle at 100% 0%,
	rgba(209, 236, 246, 0.68),
	transparent 31%
  ),
  linear-gradient(145deg, #ffffff 0%, #f4f9fb 100%);
}
#content_area .zee-coverage-exclusions-wrapper .bsw-covered-feature__content-inner {
width: 100%;
}
#content_area .zee-coverage-exclusions-wrapper .bsw-covered-feature__label {
display: inline-flex;
margin-bottom: 17px;
padding: 7px 11px;
background: #edf7fb;
border: 1px solid #d5e9f1;
color: #13A5DE;
font-size: 11px;
font-weight: 800;
letter-spacing: 0.09em;
line-height: 1.2;
text-transform: uppercase;
}
#content_area .zee-coverage-exclusions-wrapper .bsw-covered-feature__content h3 {
margin: 0 0 18px;
color: #596268;
font-size: clamp(29px, 3vw, 41px);
font-weight: 600;
letter-spacing: -0.024em;
line-height: 1.12;
}
#content_area .zee-coverage-exclusions-wrapper .bsw-covered-feature__content p {
margin: 0 0 22px;
color: #687278;
font-size: 15px;
line-height: 1.72;
}
#content_area .zee-coverage-exclusions-wrapper .bsw-covered-feature__list {
margin: 0 0 28px;
padding: 0;
list-style: none;
}
#content_area .zee-coverage-exclusions-wrapper .bsw-covered-feature__list li {
position: relative;
margin-bottom: 13px;
padding-left: 29px;
color: #596268;
font-size: 14px;
line-height: 1.55;
}
#content_area .zee-coverage-exclusions-wrapper .bsw-covered-feature__list li:last-child {
margin-bottom: 0;
}
#content_area .zee-coverage-exclusions-wrapper .bsw-covered-feature__list li::before {
content: "?";
position: absolute;
top: 0;
left: 0;
color: #4d9aba;
font-size: 15px;
font-weight: 800;
}
#content_area .zee-coverage-exclusions-wrapper .bsw-covered-feature__note {
margin: 0 0 28px;
padding: 16px 18px;
background: #edf7fb;
border-left: 4px solid #4d9aba;
color: #596268;
font-size: 13px;
line-height: 1.58;
}
#content_area .zee-coverage-exclusions-wrapper .bsw-covered-feature__note strong {
color: #13A5DE;
}
#content_area .zee-coverage-exclusions-wrapper .bsw-covered-button {
min-height: 48px;
padding: 13px 20px;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 9px;
background: #13A5DE;
border: 1px solid #13A5DE;
border-radius: 3px;
color: #ffffff;
font-size: 11px;
font-weight: 800;
letter-spacing: 0.07em;
line-height: 1.2;
text-transform: uppercase;
transition:
  background 0.2s ease,
  border-color 0.2s ease,
  transform 0.2s ease,
  box-shadow 0.2s ease;
}
#content_area .zee-coverage-exclusions-wrapper .bsw-covered-button:hover {
background: #07355e;
border-color: #07355e;
color: #ffffff;
transform: translateY(-2px);
box-shadow: 0 12px 26px rgba(7, 53, 94, 0.18);
}
#content_area .zee-coverage-exclusions-wrapper .bsw-covered-components {
margin-bottom: 58px;
}
#content_area .zee-coverage-exclusions-wrapper .bsw-covered-components__header {
max-width: 790px;
margin-bottom: 29px;
}
#content_area .zee-coverage-exclusions-wrapper .bsw-covered-components__header span {
display: block;
margin-bottom: 9px;
color: #4d9aba;
font-size: 11px;
font-weight: 800;
letter-spacing: 0.11em;
text-transform: uppercase;
}
#content_area .zee-coverage-exclusions-wrapper .bsw-covered-components__header h3 {
margin: 0 0 10px;
color: #596268;
font-size: 29px !important;
font-weight: 600;
letter-spacing: -0.02em;
line-height: 1.2;
}
#content_area .zee-coverage-exclusions-wrapper .bsw-covered-components__header p {
margin: 0 !important;
color: #747d82 !important;
font-size: 14px !important;
line-height: 1.65 !important;
}
#content_area .zee-coverage-exclusions-wrapper .bsw-covered-components__grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
border-top: 1px solid #dfe5e8;
border-left: 1px solid #dfe5e8;
background: #ffffff;
}
#content_area .zee-coverage-exclusions-wrapper .bsw-covered-card {
position: relative;
min-height: 260px;
padding: 31px 27px;
border-right: 1px solid #dfe5e8;
border-bottom: 1px solid #dfe5e8;
transition:
  background 0.25s ease,
  transform 0.25s ease,
  box-shadow 0.25s ease;
}
#content_area .zee-coverage-exclusions-wrapper .bsw-covered-card:hover {
z-index: 2;
background: #f8fbfc;
transform: translateY(-3px);
box-shadow: 0 13px 28px rgba(38, 68, 82, 0.08);
}
#content_area .zee-coverage-exclusions-wrapper .bsw-covered-card::before {
content: "";
position: absolute;
top: 0;
left: 27px;
width: 44px;
height: 3px;
background: #4d9aba;
}
#content_area .zee-coverage-exclusions-wrapper .bsw-covered-card__icon {
width: 44px;
height: 44px;
margin-bottom: 20px;
display: inline-flex;
align-items: center;
justify-content: center;
background: #edf7fb;
border: 1px solid #d6e9f1;
border-radius: 50%;
color: #13A5DE;
font-size: 13px;
font-weight: 800;
}
#content_area .zee-coverage-exclusions-wrapper .bsw-covered-card h4 {
margin: 0 0 10px;
color: #596268;
font-size: 18px;
font-weight: 700;
line-height: 1.3;
}
#content_area .zee-coverage-exclusions-wrapper .bsw-covered-card p {
margin: 0;
color: #747d82;
font-size: 13px;
line-height: 1.62;
}
#content_area .zee-coverage-exclusions-wrapper .bsw-covered-gallery {
margin-bottom: 58px;
}
#content_area .zee-coverage-exclusions-wrapper .bsw-covered-gallery__header {
max-width: 780px;
margin-bottom: 29px;
}
#content_area .zee-coverage-exclusions-wrapper .bsw-covered-gallery__header span {
display: block;
margin-bottom: 9px;
color: #4d9aba;
font-size: 11px;
font-weight: 800;
letter-spacing: 0.11em;
text-transform: uppercase;
}
#content_area .zee-coverage-exclusions-wrapper .bsw-covered-gallery__header h3 {
margin: 0 0 10px;
color: #596268;
font-size: 29px !important;
font-weight: 600;
letter-spacing: -0.02em;
line-height: 1.2;
}
#content_area .zee-coverage-exclusions-wrapper .bsw-covered-gallery__header p {
margin: 0 !important;
color: #747d82 !important;
font-size: 14px !important;
line-height: 1.65 !important;
}
#content_area .zee-coverage-exclusions-wrapper .bsw-covered-gallery__grid {
display: grid;
grid-template-columns: repeat(12, minmax(0, 1fr));
grid-auto-rows: 215px;
gap: 16px;
}
#content_area .zee-coverage-exclusions-wrapper .bsw-gallery-card {
position: relative;
overflow: hidden;
background: #dceaf0;
}
#content_area .zee-coverage-exclusions-wrapper .bsw-gallery-card--wide {
grid-column: span 7;
grid-row: span 2;
}
#content_area .zee-coverage-exclusions-wrapper .bsw-gallery-card--medium {
grid-column: span 5;
grid-row: span 2;
}
#content_area .zee-coverage-exclusions-wrapper .bsw-gallery-card--small {
grid-column: span 4;
grid-row: span 2;
}
#content_area .zee-coverage-exclusions-wrapper .bsw-gallery-card__image {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
transition: transform 0.65s ease;
}
#content_area .zee-coverage-exclusions-wrapper .bsw-gallery-card:hover .bsw-gallery-card__image {
transform: scale(1.04);
}
#content_area .zee-coverage-exclusions-wrapper .bsw-gallery-card::after {
content: "";
position: absolute;
inset: 0;
background:
  linear-gradient(
	180deg,
	transparent 42%,
	rgba(4, 34, 58, 0.72)
  );
pointer-events: none;
}
#content_area .zee-coverage-exclusions-wrapper .bsw-gallery-card__copy {
position: absolute;
z-index: 2;
left: 24px;
right: 24px;
bottom: 22px;
color: #ffffff;
}
#content_area .zee-coverage-exclusions-wrapper .bsw-gallery-card__copy strong {
display: block;
margin-bottom: 5px;
font-size: 17px;
line-height: 1.3;
}
#content_area .zee-coverage-exclusions-wrapper .bsw-gallery-card__copy span {
display: block;
color: rgba(255, 255, 255, 0.8);
font-size: 12px;
line-height: 1.5;
}
#content_area .zee-coverage-exclusions-wrapper .bsw-exclusions {
margin-bottom: 58px;
display: grid;
grid-template-columns: minmax(350px, 40%) minmax(0, 60%);
background: #ffffff;
border: 1px solid #dfe5e8;
overflow: hidden;
}
#content_area .zee-coverage-exclusions-wrapper .bsw-exclusions__visual {
position: relative;
min-height: 620px;
overflow: hidden;
background: #dcebf1;
}
#content_area .zee-coverage-exclusions-wrapper .bsw-exclusions__image {
width: 100%;
height: 100%;
min-height: 620px;
object-fit: cover;
object-position: center;
}
#content_area .zee-coverage-exclusions-wrapper .bsw-exclusions__visual::after {
content: "";
position: absolute;
inset: 0;
background:
  linear-gradient(
	180deg,
	transparent 46%,
	rgba(4, 34, 58, 0.55)
  );
pointer-events: none;
}
#content_area .zee-coverage-exclusions-wrapper .bsw-exclusions__caption {
position: absolute;
z-index: 2;
left: 28px;
right: 28px;
bottom: 27px;
padding: 20px 22px;
background: #13A5DE;
border: 1px solid rgba(255, 255, 255, 0.18);
color: #ffffff;
}
#content_area .zee-coverage-exclusions-wrapper .bsw-exclusions__caption strong {
display: block;
margin-bottom: 5px;
font-size: 16px;
line-height: 1.35;
}
#content_area .zee-coverage-exclusions-wrapper .bsw-exclusions__caption span {
display: block;
color: rgba(255, 255, 255, 0.8);
font-size: 12px;
line-height: 1.55;
}
#content_area .zee-coverage-exclusions-wrapper .bsw-exclusions__content {
padding: 51px 46px;
background:
  radial-gradient(
	circle at 100% 0%,
	rgba(238, 221, 221, 0.28),
	transparent 32%
  ),
  linear-gradient(145deg, #ffffff, #fcf9f9);
}
#content_area .zee-coverage-exclusions-wrapper .bsw-exclusions__label {
display: inline-flex;
margin-bottom: 17px;
padding: 7px 11px;
background: #f8eeee;
border: 1px solid #ead6d6;
color: #8a5c5c;
font-size: 11px;
font-weight: 800;
letter-spacing: 0.09em;
text-transform: uppercase;
}
#content_area .zee-coverage-exclusions-wrapper .bsw-exclusions__content h3 {
margin: 0 0 16px;
color: #665d5d;
font-size: clamp(28px, 3vw, 39px) !important;
font-weight: 600;
letter-spacing: -0.02em;
line-height: 1.15;
}
#content_area .zee-coverage-exclusions-wrapper .bsw-exclusions__intro {
margin: 0 0 25px !important;
color: #766d6d !important;
font-size: 14px !important;
line-height: 1.7 !important;
}
#content_area .zee-coverage-exclusions-wrapper .bsw-exclusions__grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px;
}
#content_area .zee-coverage-exclusions-wrapper .bsw-exclusion-card {
min-height: 125px;
padding: 18px 18px 18px 50px;
position: relative;
background: #ffffff;
border: 1px solid #eadede;
}
#content_area .zee-coverage-exclusions-wrapper .bsw-exclusion-card::before {
content: "�";
position: absolute;
top: 17px;
left: 18px;
width: 24px;
height: 24px;
display: inline-flex;
align-items: center;
justify-content: center;
background: #f8eeee;
border-radius: 50%;
color: #9b6767;
font-size: 17px;
font-weight: 800;
}
#content_area .zee-coverage-exclusions-wrapper .bsw-exclusion-card h4 {
margin: 0 0 6px;
color: #665d5d;
font-size: 15px;
font-weight: 700;
line-height: 1.3;
}
#content_area .zee-coverage-exclusions-wrapper .bsw-exclusion-card p {
margin: 0;
color: #817777;
font-size: 12px;
line-height: 1.5;
}
#content_area .zee-coverage-exclusions-wrapper .bsw-product-review {
margin-bottom: 58px;
}
#content_area .zee-coverage-exclusions-wrapper .bsw-product-review__header {
margin-bottom: 25px;
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: 35px;
}
#content_area .zee-coverage-exclusions-wrapper .bsw-product-review__header h3 {
margin: 0 0 8px;
color: #596268;
font-size: 29px; !important
font-weight: 600;
letter-spacing: -0.02em;
line-height: 1.2;
}
#content_area .zee-coverage-exclusions-wrapper .bsw-product-review__header p {
max-width: 760px;
margin: 0 !important;
color: #747d82 !important;
font-size: 14px !important;
line-height: 1.63 !important;
}
#content_area .zee-coverage-exclusions-wrapper .bsw-product-review__wrap {
overflow-x: auto;
background: #ffffff;
border: 1px solid #dfe5e8;
box-shadow: 0 13px 38px rgba(38, 68, 82, 0.06);
}
#content_area .zee-coverage-exclusions-wrapper .bsw-product-review__table {
width: 100%;
min-width: 940px;
border-collapse: collapse;
}
#content_area .zee-coverage-exclusions-wrapper .bsw-product-review__table th {
padding: 19px 21px;
background: #13A5DE;
border-right: 1px solid rgba(255, 255, 255, 0.15);
color: #ffffff;
font-size: 11px;
font-weight: 800;
letter-spacing: 0.065em;
line-height: 1.35;
text-align: left;
text-transform: uppercase;
}
#content_area .zee-coverage-exclusions-wrapper .bsw-product-review__table th:last-child {
border-right: 0;
}
#content_area .zee-coverage-exclusions-wrapper .bsw-product-review__table td {
padding: 20px 21px;
border-right: 1px solid #e5eaed;
border-bottom: 1px solid #e5eaed;
color: #687278;
font-size: 13px;
line-height: 1.58;
vertical-align: top;
}
#content_area .zee-coverage-exclusions-wrapper .bsw-product-review__table td:last-child {
border-right: 0;
}
#content_area .zee-coverage-exclusions-wrapper .bsw-product-review__table tbody tr:last-child td {
border-bottom: 0;
}
#content_area .zee-coverage-exclusions-wrapper .bsw-product-review__table tbody tr:nth-child(even) {
background: #f8fbfc;
}
#content_area .zee-coverage-exclusions-wrapper .bsw-product-review__table td:first-child {
color: #596268;
font-weight: 700;
}
#content_area .zee-coverage-exclusions-wrapper .bsw-review-status {
display: inline-flex;
align-items: center;
gap: 7px;
color: #13A5DE;
font-weight: 700;
}
#content_area .zee-coverage-exclusions-wrapper .bsw-review-status::before {
content: "";
flex: 0 0 8px;
width: 8px;
height: 8px;
background: #4d9aba;
border-radius: 50%;
}
#content_area .zee-coverage-exclusions-wrapper .bsw-covered-image-strip {
margin-bottom: 58px;
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 16px;
}
#content_area .zee-coverage-exclusions-wrapper .bsw-covered-image-strip__card {
position: relative;
min-height: 390px;
overflow: hidden;
background: #dceaf0;
}
#content_area .zee-coverage-exclusions-wrapper .bsw-covered-image-strip__image {
width: 100%;
height: 100%;
min-height: 390px;
object-fit: cover;
object-position: center;
transition: transform 0.65s ease;
}
#content_area .zee-coverage-exclusions-wrapper .bsw-covered-image-strip__card:hover .bsw-covered-image-strip__image {
transform: scale(1.04);
}
#content_area .zee-coverage-exclusions-wrapper .bsw-covered-image-strip__card::after {
content: "";
position: absolute;
inset: 0;
background:
  linear-gradient(
	180deg,
	transparent 43%,
	rgba(4, 34, 58, 0.76)
  );
}
#content_area .zee-coverage-exclusions-wrapper .bsw-covered-image-strip__copy {
position: absolute;
z-index: 2;
left: 23px;
right: 23px;
bottom: 22px;
color: #ffffff;
}
#content_area .zee-coverage-exclusions-wrapper .bsw-covered-image-strip__copy strong {
display: block;
margin-bottom: 5px;
font-size: 17px;
line-height: 1.3;
}
#content_area .zee-coverage-exclusions-wrapper .bsw-covered-image-strip__copy span {
display: block;
color: rgba(255, 255, 255, 0.8);
font-size: 12px;
line-height: 1.5;
}
#content_area .zee-coverage-exclusions-wrapper .bsw-covered-notice {
margin-bottom: 38px;
padding: 34px 36px;
display: grid;
grid-template-columns: 230px minmax(0, 1fr);
gap: 35px;
background: #f4fafc;
border: 1px solid #dbe9ef;
border-left: 5px solid #4d9aba;
}
#content_area .zee-coverage-exclusions-wrapper .bsw-covered-notice__title span {
display: block;
margin-bottom: 8px;
color: #4d9aba;
font-size: 10px;
font-weight: 800;
letter-spacing: 0.11em;
text-transform: uppercase;
}
#content_area .zee-coverage-exclusions-wrapper .bsw-covered-notice__title h3 {
margin: 0;
color: #596268;
font-size: 23px !important;
font-weight: 600;
line-height: 1.2;
}
#content_area .zee-coverage-exclusions-wrapper .bsw-covered-notice__content {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 14px 31px;
}
#content_area .zee-coverage-exclusions-wrapper .bsw-covered-notice__item {
position: relative;
margin: 0;
padding-left: 23px;
color: #687278;
font-size: 14px;
line-height: 1.56;
}
#content_area .zee-coverage-exclusions-wrapper .bsw-covered-notice__item::before {
content: "�";
position: absolute;
top: -2px;
left: 1px;
color: #4d9aba;
font-size: 21px;
line-height: 1;
}
#content_area .zee-coverage-exclusions-wrapper .bsw-covered-cta {
padding: 32px 35px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 30px;
background: #ffffff;
border: 1px solid #dfe5e8;
}
#content_area .zee-coverage-exclusions-wrapper .bsw-covered-cta__copy h3 {
margin: 0 0 7px;
color: #596268;
font-size: 23px !important;
font-weight: 600;
line-height: 1.25;
}
#content_area .zee-coverage-exclusions-wrapper .bsw-covered-cta__copy p {
max-width: 770px;
margin: 0 !important;
color: #747d82 !important;
font-size: 14px !important;
line-height: 1.58 !important;
}
#content_area .zee-coverage-exclusions-wrapper .bsw-covered-cta__actions {
flex: 0 0 auto;
display: flex;
align-items: center;
gap: 11px;
}
#content_area .zee-coverage-exclusions-wrapper .bsw-covered-cta__button {
min-height: 47px;
padding: 13px 19px;
display: inline-flex;
align-items: center;
justify-content: center;
border: 1px solid #13A5DE;
border-radius: 3px;
font-size: 11px;
font-weight: 800;
letter-spacing: 0.065em;
line-height: 1.2;
text-transform: uppercase;
transition:
  background 0.2s ease,
  color 0.2s ease,
  transform 0.2s ease;
}
#content_area .zee-coverage-exclusions-wrapper .bsw-covered-cta__button--primary {
background: #13A5DE;
color: #ffffff;
}
#content_area .zee-coverage-exclusions-wrapper .bsw-covered-cta__button--primary:hover {
background: #07355e;
color: #ffffff;
transform: translateY(-2px);
}
#content_area .zee-coverage-exclusions-wrapper .bsw-covered-cta__button--secondary {
background: #ffffff;
color: #13A5DE;
}
#content_area .zee-coverage-exclusions-wrapper .bsw-covered-cta__button--secondary:hover {
background: #edf7fb;
color: #07355e;
transform: translateY(-2px);
}
@media (max-width: 1140px) {
#content_area .zee-coverage-exclusions-wrapper .bsw-covered-components__grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
#content_area .zee-coverage-exclusions-wrapper .bsw-covered-feature {
  grid-template-columns: minmax(0, 52%) minmax(380px, 48%);
}
}
@media (max-width: 940px) {
#content_area .zee-coverage-exclusions-wrapper .bsw-covered-feature,
#content_area .zee-coverage-exclusions-wrapper .bsw-exclusions {
  grid-template-columns: 1fr;
}
#content_area .zee-coverage-exclusions-wrapper .bsw-covered-feature__visual,
#content_area .zee-coverage-exclusions-wrapper .bsw-covered-feature__image,
#content_area .zee-coverage-exclusions-wrapper .bsw-exclusions__visual,
#content_area .zee-coverage-exclusions-wrapper .bsw-exclusions__image {
  min-height: 500px;
}
#content_area .zee-coverage-exclusions-wrapper .bsw-covered-gallery__grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-auto-rows: 310px;
}
#content_area .zee-coverage-exclusions-wrapper .bsw-gallery-card--wide,
#content_area .zee-coverage-exclusions-wrapper .bsw-gallery-card--medium,
#content_area .zee-coverage-exclusions-wrapper .bsw-gallery-card--small {
  grid-column: auto;
  grid-row: auto;
}
#content_area .zee-coverage-exclusions-wrapper .bsw-covered-image-strip {
  grid-template-columns: 1fr;
}
#content_area .zee-coverage-exclusions-wrapper .bsw-covered-notice {
  grid-template-columns: 1fr;
  gap: 24px;
}
#content_area .zee-coverage-exclusions-wrapper .bsw-product-review__header,
#content_area .zee-coverage-exclusions-wrapper .bsw-covered-cta {
  align-items: flex-start;
  flex-direction: column;
}
}
@media (max-width: 720px) {
#content_area .zee-coverage-exclusions-wrapper .bsw-covered {
  padding: 74px 20px;
}
#content_area .zee-coverage-exclusions-wrapper .bsw-exclusions__grid,
#content_area .zee-coverage-exclusions-wrapper .bsw-covered-notice__content {
  grid-template-columns: 1fr;
}
#content_area .zee-coverage-exclusions-wrapper .bsw-covered-gallery__grid {
  grid-template-columns: 1fr;
  grid-auto-rows: 380px;
}
#content_area .zee-coverage-exclusions-wrapper .bsw-covered-cta__actions {
  width: 100%;
}
}
@media (max-width: 560px) {
#content_area .zee-coverage-exclusions-wrapper .bsw-covered {
  padding: 58px 16px;
}
#content_area .zee-coverage-exclusions-wrapper .bsw-covered__header h2 {
  font-size: 34px !important;
}
#content_area .zee-coverage-exclusions-wrapper .bsw-covered-feature__visual,
#content_area .zee-coverage-exclusions-wrapper .bsw-covered-feature__image,
#content_area .zee-coverage-exclusions-wrapper .bsw-exclusions__visual,
#content_area .zee-coverage-exclusions-wrapper .bsw-exclusions__image {
  min-height: 380px;
}
#content_area .zee-coverage-exclusions-wrapper .bsw-covered-feature__content,
#content_area .zee-coverage-exclusions-wrapper .bsw-exclusions__content {
  padding: 39px 25px;
}
#content_area .zee-coverage-exclusions-wrapper .bsw-covered-feature__caption,
#content_area .zee-coverage-exclusions-wrapper .bsw-exclusions__caption {
  left: 16px;
  right: 16px;
  bottom: 16px;
  padding: 18px;
}
#content_area .zee-coverage-exclusions-wrapper .bsw-covered-components__grid {
  grid-template-columns: 1fr;
}
#content_area .zee-coverage-exclusions-wrapper .bsw-covered-gallery__grid {
  grid-auto-rows: 340px;
}
#content_area .zee-coverage-exclusions-wrapper .bsw-covered-image-strip__card,
#content_area .zee-coverage-exclusions-wrapper .bsw-covered-image-strip__image {
  min-height: 340px;
}
#content_area .zee-coverage-exclusions-wrapper .bsw-covered-notice,
#content_area .zee-coverage-exclusions-wrapper .bsw-covered-cta {
  padding: 29px 24px;
}
#content_area .zee-coverage-exclusions-wrapper .bsw-covered-cta__actions {
  align-items: stretch;
  flex-direction: column;
}
#content_area .zee-coverage-exclusions-wrapper .bsw-covered-cta__button {
  width: 100%;
}
}
#content_area .zee-technical-resources-wrapper .bsw-resources,
#content_area .zee-technical-resources-wrapper .bsw-resources * {
box-sizing: border-box;
}
#content_area .zee-technical-resources-wrapper .bsw-resources {
width: 100%;
padding: 100px 24px;
overflow: hidden;
background:
  radial-gradient(
	circle at 10% 4%,
	rgba(207, 235, 245, 0.56),
	transparent 25%
  ),
  linear-gradient(180deg, #ffffff 0%, #f6fafc 100%);
color: #4f595f;
font-family: Arial, Helvetica, sans-serif;
}
#content_area .zee-technical-resources-wrapper .bsw-resources__inner {
width: 100%;
max-width: 1420px;
margin: 0 auto;
}
#content_area .zee-technical-resources-wrapper .bsw-resources img {
display: block;
max-width: 100%;
}
#content_area .zee-technical-resources-wrapper .bsw-resources a {
text-decoration: none;
}
#content_area .zee-technical-resources-wrapper .bsw-resources__header {
max-width: 880px;
margin: 0 auto 54px;
text-align: center;
}
#content_area .zee-technical-resources-wrapper .bsw-resources__eyebrow {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 11px;
margin: 0 0 17px;
color: #4d9aba;
font-size: 12px;
font-weight: 800;
letter-spacing: 0.14em;
line-height: 1.2;
text-transform: uppercase;
}
#content_area .zee-technical-resources-wrapper .bsw-resources__eyebrow::before,
#content_area .zee-technical-resources-wrapper .bsw-resources__eyebrow::after {
content: "";
width: 31px;
height: 1px;
background: #8fc4d8;
}
#content_area .zee-technical-resources-wrapper .bsw-resources__header h2 {
margin: 0 0 18px;
color: #596268;
font-size: clamp(34px, 4vw, 52px);
font-weight: 500;
letter-spacing: -0.028em;
line-height: 1.08;
}
#content_area .zee-technical-resources-wrapper .bsw-resources__header p {
max-width: 805px;
margin: 0 auto;
color: #747d82;
font-size: 16px;
line-height: 1.72;
}
#content_area .zee-technical-resources-wrapper .bsw-resource-feature {
min-height: 620px;
margin-bottom: 58px;
display: grid;
grid-template-columns: minmax(390px, 43%) minmax(0, 57%);
background: #ffffff;
border: 1px solid #dfe5e8;
box-shadow: 0 20px 58px rgba(38, 68, 82, 0.09);
overflow: hidden;
}
#content_area .zee-technical-resources-wrapper .bsw-resource-feature__content {
padding: 58px 49px;
display: flex;
align-items: center;
background:
  radial-gradient(
	circle at 0% 100%,
	rgba(205, 233, 244, 0.65),
	transparent 34%
  ),
  linear-gradient(145deg, #ffffff 0%, #f3f9fb 100%);
}
#content_area .zee-technical-resources-wrapper .bsw-resource-feature__content-inner {
width: 100%;
}
#content_area .zee-technical-resources-wrapper .bsw-resource-feature__label {
display: inline-flex;
margin-bottom: 17px;
padding: 7px 11px;
background: #edf7fb;
border: 1px solid #d5e9f1;
color: #13A5DE;
font-size: 11px;
font-weight: 800;
letter-spacing: 0.09em;
line-height: 1.2;
text-transform: uppercase;
}
#content_area .zee-technical-resources-wrapper .bsw-resource-feature__content h3 {
margin: 0 0 18px;
color: #596268;
font-size: clamp(29px, 3vw, 41px);
font-weight: 600;
letter-spacing: -0.024em;
line-height: 1.12;
}
#content_area .zee-technical-resources-wrapper .bsw-resource-feature__content p {
margin: 0 0 22px;
color: #687278;
font-size: 15px;
line-height: 1.72;
}
#content_area .zee-technical-resources-wrapper .bsw-resource-feature__list {
margin: 0 0 28px;
padding: 0;
list-style: none;
}
#content_area .zee-technical-resources-wrapper .bsw-resource-feature__list li {
position: relative;
margin-bottom: 13px;
padding-left: 29px;
color: #596268;
font-size: 14px;
line-height: 1.55;
}
#content_area .zee-technical-resources-wrapper .bsw-resource-feature__list li:last-child {
margin-bottom: 0;
}
#content_area .zee-technical-resources-wrapper .bsw-resource-feature__list li::before {
content: "?";
position: absolute;
top: 0;
left: 0;
color: #4d9aba;
font-size: 15px;
font-weight: 800;
}
#content_area .zee-technical-resources-wrapper .bsw-resource-feature__note {
margin: 0 0 28px;
padding: 16px 18px;
background: #edf7fb;
border-left: 4px solid #4d9aba;
color: #596268;
font-size: 13px;
line-height: 1.58;
}
#content_area .zee-technical-resources-wrapper .bsw-resource-feature__note strong {
color: #13A5DE;
}
#content_area .zee-technical-resources-wrapper .bsw-resource-feature__actions {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 11px;
}
#content_area .zee-technical-resources-wrapper .bsw-resource-button {
min-height: 48px;
padding: 13px 20px;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 9px;
border: 1px solid #13A5DE;
border-radius: 3px;
font-size: 11px;
font-weight: 800;
letter-spacing: 0.07em;
line-height: 1.2;
text-transform: uppercase;
transition:
  background 0.2s ease,
  color 0.2s ease,
  transform 0.2s ease,
  box-shadow 0.2s ease;
}
#content_area .zee-technical-resources-wrapper .bsw-resource-button--primary {
background: #13A5DE;
color: #ffffff;
}
#content_area .zee-technical-resources-wrapper .bsw-resource-button--primary:hover {
background: #07355e;
border-color: #07355e;
color: #ffffff;
transform: translateY(-2px);
box-shadow: 0 12px 26px rgba(7, 53, 94, 0.18);
}
#content_area .zee-technical-resources-wrapper .bsw-resource-button--secondary {
background: #ffffff;
color: #13A5DE;
}
#content_area .zee-technical-resources-wrapper .bsw-resource-button--secondary:hover {
background: #edf7fb;
color: #07355e;
transform: translateY(-2px);
}
#content_area .zee-technical-resources-wrapper .bsw-resource-feature__visual {
position: relative;
min-height: 620px;
overflow: hidden;
background: #dcebf1;
}
#content_area .zee-technical-resources-wrapper .bsw-resource-feature__image {
width: 100%;
height: 100%;
min-height: 620px;
object-fit: cover;
object-position: center;
transition: transform 0.7s ease;
}
#content_area .zee-technical-resources-wrapper .bsw-resource-feature:hover .bsw-resource-feature__image {
transform: scale(1.025);
}
#content_area .zee-technical-resources-wrapper .bsw-resource-feature__visual::after {
content: "";
position: absolute;
inset: 0;
background:
  linear-gradient(
	90deg,
	rgba(7, 53, 94, 0.04),
	transparent 46%
  ),
  linear-gradient(
	180deg,
	transparent 46%,
	rgba(4, 34, 58, 0.5)
  );
pointer-events: none;
}
#content_area .zee-technical-resources-wrapper .bsw-resource-feature__caption {
position: absolute;
z-index: 2;
left: 32px;
right: 32px;
bottom: 30px;
padding: 22px 24px;
background: #13A5DE;
border: 1px solid rgba(255, 255, 255, 0.18);
backdrop-filter: blur(7px);
color: #ffffff;
}
#content_area .zee-technical-resources-wrapper .bsw-resource-feature__caption strong {
display: block;
margin-bottom: 6px;
font-size: 17px;
line-height: 1.35;
}
#content_area .zee-technical-resources-wrapper .bsw-resource-feature__caption span {
display: block;
color: rgba(255, 255, 255, 0.81);
font-size: 12px;
line-height: 1.55;
}
#content_area .zee-technical-resources-wrapper .bsw-resource-hubs {
margin-bottom: 58px;
}
#content_area .zee-technical-resources-wrapper .bsw-resource-hubs__header {
max-width: 790px;
margin-bottom: 29px;
}
#content_area .zee-technical-resources-wrapper .bsw-resource-hubs__header span {
display: block;
margin-bottom: 9px;
color: #4d9aba;
font-size: 11px;
font-weight: 800;
letter-spacing: 0.11em;
text-transform: uppercase;
}
#content_area .zee-technical-resources-wrapper .bsw-resource-hubs__header h3 {
margin: 0 0 10px;
color: #596268;
font-size: 29px !important;
font-weight: 600;
letter-spacing: -0.02em;
line-height: 1.2;
}
#content_area .zee-technical-resources-wrapper .bsw-resource-hubs__header p {
margin: 0 !important;
color: #747d82 !important;
font-size: 14px !important;
line-height: 1.65 !important;
}
#content_area .zee-technical-resources-wrapper .bsw-resource-hubs__grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
border-top: 1px solid #dfe5e8;
border-left: 1px solid #dfe5e8;
background: #ffffff;
}
#content_area .zee-technical-resources-wrapper .bsw-resource-hub-card {
position: relative;
min-height: 280px;
padding: 31px 27px;
border-right: 1px solid #dfe5e8;
border-bottom: 1px solid #dfe5e8;
color: inherit;
transition:
  background 0.25s ease,
  transform 0.25s ease,
  box-shadow 0.25s ease;
}
#content_area .zee-technical-resources-wrapper .bsw-resource-hub-card:hover {
z-index: 2;
background: #f8fbfc;
transform: translateY(-3px);
box-shadow: 0 13px 28px rgba(38, 68, 82, 0.08);
}
#content_area .zee-technical-resources-wrapper .bsw-resource-hub-card::before {
content: "";
position: absolute;
top: 0;
left: 27px;
width: 44px;
height: 3px;
background: #4d9aba;
}
#content_area .zee-technical-resources-wrapper .bsw-resource-hub-card__icon {
width: 45px;
height: 45px;
margin-bottom: 21px;
display: inline-flex;
align-items: center;
justify-content: center;
background: #edf7fb;
border: 1px solid #d6e9f1;
border-radius: 50%;
color: #13A5DE;
font-size: 13px;
font-weight: 800;
}
#content_area .zee-technical-resources-wrapper .bsw-resource-hub-card h4 {
margin: 0 0 10px;
color: #596268;
font-size: 18px;
font-weight: 700;
line-height: 1.3;
}
#content_area .zee-technical-resources-wrapper .bsw-resource-hub-card p {
margin: 0 0 20px;
color: #747d82;
font-size: 13px;
line-height: 1.62;
}
#content_area .zee-technical-resources-wrapper .bsw-resource-hub-card__link {
display: inline-flex;
align-items: center;
gap: 8px;
color: #13A5DE;
font-size: 11px;
font-weight: 800;
letter-spacing: 0.06em;
text-transform: uppercase;
}
#content_area .zee-technical-resources-wrapper .bsw-resource-gallery {
margin-bottom: 58px;
}
#content_area .zee-technical-resources-wrapper .bsw-resource-gallery__header {
max-width: 790px;
margin-bottom: 29px;
}
#content_area .zee-technical-resources-wrapper .bsw-resource-gallery__header span {
display: block;
margin-bottom: 9px;
color: #4d9aba;
font-size: 11px;
font-weight: 800;
letter-spacing: 0.11em;
text-transform: uppercase;
}
#content_area .zee-technical-resources-wrapper .bsw-resource-gallery__header h3 {
margin: 0 0 10px;
color: #596268;
font-size: 29px !important;
font-weight: 600;
letter-spacing: -0.02em;
line-height: 1.2;
}
#content_area .zee-technical-resources-wrapper .bsw-resource-gallery__header p {
margin: 0 !important;
color: #747d82 !important;
font-size: 14px !important;
line-height: 1.65 !important;
}
#content_area .zee-technical-resources-wrapper .bsw-resource-gallery__grid {
display: grid;
grid-template-columns: repeat(12, minmax(0, 1fr));
grid-auto-rows: 220px;
gap: 16px;
}
#content_area .zee-technical-resources-wrapper .bsw-resource-gallery__card {
position: relative;
overflow: hidden;
background: #dceaf0;
}
#content_area .zee-technical-resources-wrapper .bsw-resource-gallery__card--large {
grid-column: span 7;
grid-row: span 2;
}
#content_area .zee-technical-resources-wrapper .bsw-resource-gallery__card--tall {
grid-column: span 5;
grid-row: span 2;
}
#content_area .zee-technical-resources-wrapper .bsw-resource-gallery__card--third {
grid-column: span 4;
grid-row: span 2;
}
#content_area .zee-technical-resources-wrapper .bsw-resource-gallery__image {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
transition: transform 0.65s ease;
}
#content_area .zee-technical-resources-wrapper .bsw-resource-gallery__card:hover .bsw-resource-gallery__image {
transform: scale(1.04);
}
#content_area .zee-technical-resources-wrapper .bsw-resource-gallery__card::after {
content: "";
position: absolute;
inset: 0;
background:
  linear-gradient(
	180deg,
	transparent 40%,
	rgba(4, 34, 58, 0.76)
  );
pointer-events: none;
}
#content_area .zee-technical-resources-wrapper .bsw-resource-gallery__copy {
position: absolute;
z-index: 2;
left: 24px;
right: 24px;
bottom: 22px;
color: #ffffff;
}
#content_area .zee-technical-resources-wrapper .bsw-resource-gallery__copy strong {
display: block;
margin-bottom: 5px;
font-size: 17px;
line-height: 1.3;
}
#content_area .zee-technical-resources-wrapper .bsw-resource-gallery__copy span {
display: block;
color: rgba(255, 255, 255, 0.81);
font-size: 12px;
line-height: 1.5;
}
#content_area .zee-technical-resources-wrapper .bsw-install-prep {
margin-bottom: 58px;
display: grid;
grid-template-columns: minmax(0, 58%) minmax(350px, 42%);
background: #07355e;
overflow: hidden;
}
#content_area .zee-technical-resources-wrapper .bsw-install-prep__content {
padding: 55px 48px;
background: radial-gradient( circle at 92% 7%, rgba(207, 235, 245, 0.52), transparent 25%  ),  linear-gradient(180deg, #f7fbfc 0%, #ffffff 100%);
color: #ffffff;
}
#content_area .zee-technical-resources-wrapper .bsw-install-prep__content span {
display: block;
margin-bottom: 13px;
color: #a6d9eb;
font-size: 11px;
font-weight: 800;
letter-spacing: 0.12em;
text-transform: uppercase;
}
#content_area .zee-technical-resources-wrapper .bsw-install-prep__content h3 {
margin: 0 0 17px;
color: #333;
font-size: clamp(28px, 3vw, 40px) !important;
font-weight: 600;
letter-spacing: -0.02em;
line-height: 1.15;
}
#content_area .zee-technical-resources-wrapper .bsw-install-prep__content > p {
margin: 0 0 25px !important;
color: #717171 !important;
font-size: 14px !important;
line-height: 1.7 !important;
}
#content_area .zee-technical-resources-wrapper .bsw-install-prep__grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 13px;
}
#content_area .zee-technical-resources-wrapper .bsw-install-prep__item {
min-height: 112px;
padding: 18px 18px 18px 49px;
position: relative;
background: rgba(255, 255, 255, 0.08);
border: 1px solid rgba(255, 255, 255, 0.15);
}
#content_area .zee-technical-resources-wrapper .bsw-install-prep__item::before {
content: "?";
position: absolute;
top: 18px;
left: 18px;
color: #a6d9eb;
font-size: 15px;
font-weight: 800;
}
#content_area .zee-technical-resources-wrapper .bsw-install-prep__item h4 {
margin: 0 0 6px;
color: #333;
font-size: 15px !important;
font-weight: 700;
line-height: 1.3;
}
#content_area .zee-technical-resources-wrapper .bsw-install-prep__item p {
margin: 0 !important;
color: #717171 !important;
font-size: 12px !important;
line-height: 1.5 !important;
}
#content_area .zee-technical-resources-wrapper .bsw-install-prep__visual {
position: relative;
min-height: 590px;
overflow: hidden;
background: #dceaf0;
}
#content_area .zee-technical-resources-wrapper .bsw-install-prep__image {
width: 100%;
height: 100%;
min-height: 590px;
object-fit: cover;
object-position: center;
}
#content_area .zee-technical-resources-wrapper .bsw-install-prep__visual::after {
content: "";
position: absolute;
inset: 0;
background:
  linear-gradient(
	180deg,
	transparent 47%,
	rgba(4, 34, 58, 0.5)
  );
pointer-events: none;
}
#content_area .zee-technical-resources-wrapper .bsw-install-prep__caption {
position: absolute;
z-index: 2;
left: 28px;
right: 28px;
bottom: 27px;
padding: 20px 22px;
background: #13A5DE;
border: 1px solid rgba(255, 255, 255, 0.18);
color: #ffffff;
}
#content_area .zee-technical-resources-wrapper .bsw-install-prep__caption strong {
display: block;
margin-bottom: 5px;
font-size: 16px;
line-height: 1.35;
}
#content_area .zee-technical-resources-wrapper .bsw-install-prep__caption span {
display: block;
color: rgba(255, 255, 255, 0.81);
font-size: 12px;
line-height: 1.55;
}
#content_area .zee-technical-resources-wrapper .bsw-resource-matrix {
margin-bottom: 58px;
}
#content_area .zee-technical-resources-wrapper .bsw-resource-matrix__header {
margin-bottom: 25px;
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: 35px;
}
#content_area .zee-technical-resources-wrapper .bsw-resource-matrix__header h3 {
margin: 0 0 8px;
color: #596268;
font-size: 29px !important;
font-weight: 600;
letter-spacing: -0.02em;
line-height: 1.2;
}
#content_area .zee-technical-resources-wrapper .bsw-resource-matrix__header p {
max-width: 760px;
margin: 0 !important;
color: #747d82 !important;
font-size: 14px !important;
line-height: 1.63 !important;
}
#content_area .zee-technical-resources-wrapper .bsw-resource-matrix__wrap {
overflow-x: auto;
background: #ffffff;
border: 1px solid #dfe5e8;
box-shadow: 0 13px 38px rgba(38, 68, 82, 0.06);
}
#content_area .zee-technical-resources-wrapper .bsw-resource-matrix__table {
width: 100%;
min-width: 940px;
border-collapse: collapse;
}
#content_area .zee-technical-resources-wrapper .bsw-resource-matrix__table th {
padding: 19px 21px;
background: #13A5DE;
border-right: 1px solid rgba(255, 255, 255, 0.15);
color: #ffffff;
font-size: 11px;
font-weight: 800;
letter-spacing: 0.065em;
line-height: 1.35;
text-align: left;
text-transform: uppercase;
}
#content_area .zee-technical-resources-wrapper .bsw-resource-matrix__table th:last-child {
border-right: 0;
}
#content_area .zee-technical-resources-wrapper .bsw-resource-matrix__table td {
padding: 20px 21px;
border-right: 1px solid #e5eaed;
border-bottom: 1px solid #e5eaed;
color: #687278;
font-size: 13px;
line-height: 1.58;
vertical-align: top;
}
#content_area .zee-technical-resources-wrapper .bsw-resource-matrix__table td:last-child {
border-right: 0;
}
#content_area .zee-technical-resources-wrapper .bsw-resource-matrix__table tbody tr:last-child td {
border-bottom: 0;
}
#content_area .zee-technical-resources-wrapper .bsw-resource-matrix__table tbody tr:nth-child(even) {
background: #f8fbfc;
}
#content_area .zee-technical-resources-wrapper .bsw-resource-matrix__table td:first-child {
color: #596268;
font-weight: 700;
}
#content_area .zee-technical-resources-wrapper .bsw-resource-matrix__status {
display: inline-flex;
align-items: center;
gap: 7px;
color: #13A5DE;
font-weight: 700;
}
#content_area .zee-technical-resources-wrapper .bsw-resource-matrix__status::before {
content: "";
flex: 0 0 8px;
width: 8px;
height: 8px;
background: #4d9aba;
border-radius: 50%;
} 
#content_area .zee-technical-resources-wrapper .bsw-product-id {
margin-bottom: 58px;
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 16px;
}
#content_area .zee-technical-resources-wrapper .bsw-product-id__card {
position: relative;
min-height: 410px;
overflow: hidden;
background: #dceaf0;
}
#content_area .zee-technical-resources-wrapper .bsw-product-id__image {
width: 100%;
height: 100%;
min-height: 410px;
object-fit: cover;
object-position: center;
transition: transform 0.65s ease;
}
#content_area .zee-technical-resources-wrapper .bsw-product-id__card:hover .bsw-product-id__image {
transform: scale(1.04);
}
#content_area .zee-technical-resources-wrapper .bsw-product-id__card::after {
content: "";
position: absolute;
inset: 0;
background:
  linear-gradient(
	180deg,
	transparent 42%,
	rgba(4, 34, 58, 0.78)
  );
}
#content_area .zee-technical-resources-wrapper .bsw-product-id__copy {
position: absolute;
z-index: 2;
left: 23px;
right: 23px;
bottom: 22px;
color: #ffffff;
}
#content_area .zee-technical-resources-wrapper .bsw-product-id__copy strong {
display: block;
margin-bottom: 6px;
font-size: 17px;
line-height: 1.3;
}
#content_area .zee-technical-resources-wrapper .bsw-product-id__copy span {
display: block;
color: rgba(255, 255, 255, 0.81);
font-size: 12px;
line-height: 1.5;
}
#content_area .zee-technical-resources-wrapper .bsw-resource-checklist {
margin-bottom: 38px;
padding: 35px 36px;
display: grid;
grid-template-columns: 235px minmax(0, 1fr);
gap: 35px;
background: #f4fafc;
border: 1px solid #dbe9ef;
border-left: 5px solid #4d9aba;
}
#content_area .zee-technical-resources-wrapper .bsw-resource-checklist__title span {
display: block;
margin-bottom: 8px;
color: #4d9aba;
font-size: 10px;
font-weight: 800;
letter-spacing: 0.11em;
text-transform: uppercase;
}
#content_area .zee-technical-resources-wrapper .bsw-resource-checklist__title h3 {
margin: 0;
color: #596268;
font-size: 23px !important;
font-weight: 600;
line-height: 1.2;
}
#content_area .zee-technical-resources-wrapper .bsw-resource-checklist__content {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 14px 31px;
}
#content_area .zee-technical-resources-wrapper .bsw-resource-checklist__item {
position: relative;
margin: 0;
padding-left: 23px;
color: #687278;
font-size: 14px;
line-height: 1.56;
}
#content_area .zee-technical-resources-wrapper .bsw-resource-checklist__item::before {
content: "�";
position: absolute;
top: -2px;
left: 1px;
color: #4d9aba;
font-size: 21px;
line-height: 1;
}
#content_area .zee-technical-resources-wrapper .bsw-resource-cta {
padding: 32px 35px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 30px;
background: #ffffff;
border: 1px solid #dfe5e8;
}
#content_area .zee-technical-resources-wrapper .bsw-resource-cta__copy h3 {
margin: 0 0 7px;
color: #596268;
font-size: 23px !important;
font-weight: 600;
line-height: 1.25;
}
#content_area .zee-technical-resources-wrapper .bsw-resource-cta__copy p {
max-width: 770px;
margin: 0 !important;
color: #747d82 !important;
font-size: 14px !important;
line-height: 1.58 !important;
}
#content_area .zee-technical-resources-wrapper .bsw-resource-cta__actions {
flex: 0 0 auto;
display: flex;
align-items: center;
gap: 11px;
}
@media (max-width: 1140px) {
#content_area .zee-technical-resources-wrapper .bsw-resource-hubs__grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 950px) {
#content_area .zee-technical-resources-wrapper .bsw-resource-feature,
#content_area .zee-technical-resources-wrapper .bsw-install-prep {
  grid-template-columns: 1fr;
}
#content_area .zee-technical-resources-wrapper .bsw-resource-feature__content {
  order: 2;
}
#content_area .zee-technical-resources-wrapper .bsw-resource-feature__visual {
  order: 1;
}
#content_area .zee-technical-resources-wrapper .bsw-resource-feature__visual,
#content_area .zee-technical-resources-wrapper .bsw-resource-feature__image,
#content_area .zee-technical-resources-wrapper .bsw-install-prep__visual,
#content_area .zee-technical-resources-wrapper .bsw-install-prep__image {
  min-height: 500px;
}
#content_area .zee-technical-resources-wrapper .bsw-resource-gallery__grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-auto-rows: 320px;
}
#content_area .zee-technical-resources-wrapper .bsw-resource-gallery__card--large,
#content_area .zee-technical-resources-wrapper .bsw-resource-gallery__card--tall,
#content_area .zee-technical-resources-wrapper .bsw-resource-gallery__card--third {
  grid-column: auto;
  grid-row: auto;
}
#content_area .zee-technical-resources-wrapper .bsw-product-id {
  grid-template-columns: 1fr;
}
#content_area .zee-technical-resources-wrapper .bsw-resource-checklist {
  grid-template-columns: 1fr;
  gap: 24px;
}
#content_area .zee-technical-resources-wrapper .bsw-resource-matrix__header,
#content_area .zee-technical-resources-wrapper .bsw-resource-cta {
  align-items: flex-start;
  flex-direction: column;
}
}
@media (max-width: 720px) {
#content_area .zee-technical-resources-wrapper .bsw-resources {
  padding: 74px 20px;
}
#content_area .zee-technical-resources-wrapper .bsw-install-prep__grid,
.bsw-resource-checklist__content {
  grid-template-columns: 1fr;
}
#content_area .zee-technical-resources-wrapper .bsw-resource-gallery__grid {
  grid-template-columns: 1fr;
  grid-auto-rows: 390px;
}
#content_area .zee-technical-resources-wrapper .bsw-resource-cta__actions {
  width: 100%;
}
}
@media (max-width: 560px) {
#content_area .zee-technical-resources-wrapper .bsw-resources {
  padding: 58px 16px;
}
#content_area .zee-technical-resources-wrapper .bsw-resources__header h2 {
  font-size: 34px !important;
}
#content_area .zee-technical-resources-wrapper .bsw-resource-feature__visual,
#content_area .zee-technical-resources-wrapper .bsw-resource-feature__image,
#content_area .zee-technical-resources-wrapper .bsw-install-prep__visual,
#content_area .zee-technical-resources-wrapper .bsw-install-prep__image {
  min-height: 380px;
}
#content_area .zee-technical-resources-wrapper .bsw-resource-feature__content,
#content_area .zee-technical-resources-wrapper .bsw-install-prep__content {
  padding: 39px 25px;
}
#content_area .zee-technical-resources-wrapper .bsw-resource-feature__caption,
#content_area .zee-technical-resources-wrapper .bsw-install-prep__caption {
  left: 16px;
  right: 16px;
  bottom: 16px;
  padding: 18px;
}
#content_area .zee-technical-resources-wrapper .bsw-resource-feature__actions,
#content_area .zee-technical-resources-wrapper .bsw-resource-cta__actions {
  align-items: stretch;
  flex-direction: column;
}
#content_area .zee-technical-resources-wrapper .bsw-resource-button {
  width: 100%;
}
#content_area .zee-technical-resources-wrapper .bsw-resource-hubs__grid {
  grid-template-columns: 1fr;
}
#content_area .zee-technical-resources-wrapper .bsw-resource-gallery__grid {
  grid-auto-rows: 340px;
}
#content_area .zee-technical-resources-wrapper .bsw-product-id__card,
#content_area .zee-technical-resources-wrapper .bsw-product-id__image {
  min-height: 350px;
}
#content_area .zee-technical-resources-wrapper .bsw-resource-checklist,
#content_area .zee-technical-resources-wrapper .bsw-resource-cta {
  padding: 29px 24px;
}
}
#content_area .zee-commercial-lifecycle-support-wrapper .bsw-lifecycle,
#content_area .zee-commercial-lifecycle-support-wrapper .bsw-lifecycle * {
box-sizing: border-box;
}
#content_area .zee-commercial-lifecycle-support-wrapper .bsw-lifecycle {
width: 100%;
padding: 100px 24px;
overflow: hidden;
background:
  radial-gradient(
	circle at 90% 5%,
	rgba(210, 237, 247, 0.55),
	transparent 26%
  ),
  linear-gradient(180deg, #f7fbfc 0%, #ffffff 100%);
color: #4f595f;
font-family: Arial, Helvetica, sans-serif;
}
#content_area .zee-commercial-lifecycle-support-wrapper .bsw-lifecycle__inner {
width: 100%;
max-width: 1420px;
margin: 0 auto;
}
#content_area .zee-commercial-lifecycle-support-wrapper .bsw-lifecycle img {
display: block;
max-width: 100%;
}
#content_area .zee-commercial-lifecycle-support-wrapper .bsw-lifecycle a {
text-decoration: none;
}
#content_area .zee-commercial-lifecycle-support-wrapper .bsw-lifecycle__header {
max-width: 900px;
margin: 0 auto 56px;
text-align: center;
}
#content_area .zee-commercial-lifecycle-support-wrapper .bsw-lifecycle__eyebrow {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 11px;
margin: 0 0 17px;
color: #4d9aba;
font-size: 12px;
font-weight: 800;
letter-spacing: 0.14em;
line-height: 1.2;
text-transform: uppercase;
}
#content_area .zee-commercial-lifecycle-support-wrapper .bsw-lifecycle__eyebrow::before,
#content_area .zee-commercial-lifecycle-support-wrapper .bsw-lifecycle__eyebrow::after {
content: "";
width: 31px;
height: 1px;
background: #8fc4d8;
}
#content_area .zee-commercial-lifecycle-support-wrapper .bsw-lifecycle__header h2 {
margin: 0 0 18px;
color: #596268;
font-size: clamp(34px, 4vw, 52px);
font-weight: 500;
letter-spacing: -0.028em;
line-height: 1.08;
}
#content_area .zee-commercial-lifecycle-support-wrapper .bsw-lifecycle__header p {
max-width: 820px;
margin: 0 auto;
color: #747d82;
font-size: 16px;
line-height: 1.72;
}
#content_area .zee-commercial-lifecycle-support-wrapper .bsw-lifecycle-feature {
min-height: 640px;
margin-bottom: 58px;
display: grid;
grid-template-columns: minmax(0, 58%) minmax(390px, 42%);
background: #ffffff;
border: 1px solid #dfe5e8;
box-shadow: 0 20px 58px rgba(38, 68, 82, 0.09);
overflow: hidden;
}
#content_area .zee-commercial-lifecycle-support-wrapper .bsw-lifecycle-feature__visual {
position: relative;
min-height: 640px;
overflow: hidden;
background: #dcebf1;
}
#content_area .zee-commercial-lifecycle-support-wrapper .bsw-lifecycle-feature__image {
width: 100%;
height: 100%;
min-height: 640px;
object-fit: cover;
object-position: center;
transition: transform 0.7s ease;
}
#content_area .zee-commercial-lifecycle-support-wrapper .bsw-lifecycle-feature:hover .bsw-lifecycle-feature__image {
transform: scale(1.025);
}
#content_area .zee-commercial-lifecycle-support-wrapper .bsw-lifecycle-feature__visual::after {
content: "";
position: absolute;
inset: 0;
background:
  linear-gradient(
	90deg,
	rgba(7, 53, 94, 0.03),
	transparent 48%
  ),
  linear-gradient(
	180deg,
	transparent 44%,
	rgba(4, 34, 58, 0.56)
  );
pointer-events: none;
}
#content_area .zee-commercial-lifecycle-support-wrapper .bsw-lifecycle-feature__caption {
position: absolute;
z-index: 2;
left: 32px;
right: 32px;
bottom: 30px;
padding: 22px 24px;
background: #13A5DE;
border: 1px solid rgba(255, 255, 255, 0.18);
backdrop-filter: blur(7px);
color: #ffffff;
}
#content_area .zee-commercial-lifecycle-support-wrapper .bsw-lifecycle-feature__caption strong {
display: block;
margin-bottom: 6px;
font-size: 17px;
line-height: 1.35;
}
#content_area .zee-commercial-lifecycle-support-wrapper .bsw-lifecycle-feature__caption span {
display: block;
color: rgba(255, 255, 255, 0.81);
font-size: 12px;
line-height: 1.55;
}
#content_area .zee-commercial-lifecycle-support-wrapper .bsw-lifecycle-feature__content {
padding: 58px 49px;
display: flex;
align-items: center;
background:
  radial-gradient(
	circle at 100% 0%,
	rgba(211, 236, 246, 0.66),
	transparent 31%
  ),
  linear-gradient(145deg, #ffffff 0%, #f4f9fb 100%);
}
#content_area .zee-commercial-lifecycle-support-wrapper .bsw-lifecycle-feature__content-inner {
width: 100%;
}
#content_area .zee-commercial-lifecycle-support-wrapper .bsw-lifecycle-feature__label {
display: inline-flex;
margin-bottom: 17px;
padding: 7px 11px;
background: #edf7fb;
border: 1px solid #d5e9f1;
color: #13A5DE;
font-size: 11px;
font-weight: 800;
letter-spacing: 0.09em;
line-height: 1.2;
text-transform: uppercase;
}
#content_area .zee-commercial-lifecycle-support-wrapper .bsw-lifecycle-feature__content h3 {
margin: 0 0 18px;
color: #596268;
font-size: clamp(29px, 3vw, 41px);
font-weight: 600;
letter-spacing: -0.024em;
line-height: 1.12;
}
#content_area .zee-commercial-lifecycle-support-wrapper .bsw-lifecycle-feature__content p {
margin: 0 0 22px;
color: #687278;
font-size: 15px;
line-height: 1.72;
}
#content_area .zee-commercial-lifecycle-support-wrapper .bsw-lifecycle-feature__list {
margin: 0 0 28px;
padding: 0;
list-style: none;
}
#content_area .zee-commercial-lifecycle-support-wrapper .bsw-lifecycle-feature__list li {
position: relative;
margin-bottom: 13px;
padding-left: 29px;
color: #596268;
font-size: 14px;
line-height: 1.55;
}
#content_area .zee-commercial-lifecycle-support-wrapper .bsw-lifecycle-feature__list li:last-child {
margin-bottom: 0;
}
#content_area .zee-commercial-lifecycle-support-wrapper .bsw-lifecycle-feature__list li::before {
content: "?";
position: absolute;
top: 0;
left: 0;
color: #4d9aba;
font-size: 15px;
font-weight: 800;
}
#content_area .zee-commercial-lifecycle-support-wrapper .bsw-lifecycle-feature__notice {
margin: 0 0 28px;
padding: 16px 18px;
background: #edf7fb;
border-left: 4px solid #4d9aba;
color: #596268;
font-size: 13px;
line-height: 1.58;
}
#content_area .zee-commercial-lifecycle-support-wrapper .bsw-lifecycle-feature__notice strong {
color: #13A5DE;
}
#content_area .zee-commercial-lifecycle-support-wrapper .bsw-lifecycle-feature__actions {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 11px;
}
#content_area .zee-commercial-lifecycle-support-wrapper .bsw-lifecycle-button {
min-height: 48px;
padding: 13px 20px;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 9px;
border: 1px solid #13A5DE;
border-radius: 3px;
font-size: 11px;
font-weight: 800;
letter-spacing: 0.07em;
line-height: 1.2;
text-transform: uppercase;
transition:
  background 0.2s ease,
  color 0.2s ease,
  transform 0.2s ease,
  box-shadow 0.2s ease;
}
#content_area .zee-commercial-lifecycle-support-wrapper .bsw-lifecycle-button--primary {
background: #13A5DE;
color: #ffffff;
}
#content_area .zee-commercial-lifecycle-support-wrapper .bsw-lifecycle-button--primary:hover {
background: #07355e;
border-color: #07355e;
color: #ffffff;
transform: translateY(-2px);
box-shadow: 0 12px 26px rgba(7, 53, 94, 0.18);
}
#content_area .zee-commercial-lifecycle-support-wrapper .bsw-lifecycle-button--secondary {
background: #ffffff;
color: #13A5DE;
}
#content_area .zee-commercial-lifecycle-support-wrapper .bsw-lifecycle-button--secondary:hover {
background: #edf7fb;
color: #07355e;
transform: translateY(-2px);
}
#content_area .zee-commercial-lifecycle-support-wrapper .bsw-lifecycle-stages {
margin-bottom: 58px;
}
#content_area .zee-commercial-lifecycle-support-wrapper .bsw-lifecycle-stages__header {
max-width: 790px;
margin-bottom: 29px;
}
#content_area .zee-commercial-lifecycle-support-wrapper .bsw-lifecycle-stages__header span {
display: block;
margin-bottom: 9px;
color: #4d9aba;
font-size: 11px;
font-weight: 800;
letter-spacing: 0.11em;
text-transform: uppercase;
}
#content_area .zee-commercial-lifecycle-support-wrapper .bsw-lifecycle-stages__header h3 {
margin: 0 0 10px;
color: #596268;
font-size: 29px !important;
font-weight: 600;
letter-spacing: -0.02em;
line-height: 1.2;
}
#content_area .zee-commercial-lifecycle-support-wrapper .bsw-lifecycle-stages__header p {
margin: 0 !important;
color: #747d82 !important;
font-size: 14px !important;
line-height: 1.65 !important;
}
#content_area .zee-commercial-lifecycle-support-wrapper .bsw-lifecycle-stages__grid {
display: grid;
grid-template-columns: repeat(5, minmax(0, 1fr));
border-top: 1px solid #dfe5e8;
border-left: 1px solid #dfe5e8;
background: #ffffff;
}
#content_area .zee-commercial-lifecycle-support-wrapper .bsw-lifecycle-stage {
position: relative;
min-height: 285px;
padding: 31px 25px;
border-right: 1px solid #dfe5e8;
border-bottom: 1px solid #dfe5e8;
transition:
  background 0.25s ease,
  transform 0.25s ease,
  box-shadow 0.25s ease;
}
#content_area .zee-commercial-lifecycle-support-wrapper .bsw-lifecycle-stage:hover {
z-index: 2;
background: #f8fbfc;
transform: translateY(-3px);
box-shadow: 0 13px 28px rgba(38, 68, 82, 0.08);
}
#content_area .zee-commercial-lifecycle-support-wrapper .bsw-lifecycle-stage::before {
content: "";
position: absolute;
top: 0;
left: 25px;
width: 44px;
height: 3px;
background: #4d9aba;
}
#content_area .zee-commercial-lifecycle-support-wrapper .bsw-lifecycle-stage__number {
width: 45px;
height: 45px;
margin-bottom: 20px;
display: inline-flex;
align-items: center;
justify-content: center;
background: #edf7fb;
border: 1px solid #d6e9f1;
border-radius: 50%;
color: #13A5DE;
font-size: 12px;
font-weight: 800;
}
#content_area .zee-commercial-lifecycle-support-wrapper .bsw-lifecycle-stage h4 {
margin: 0 0 10px;
color: #596268;
font-size: 18px;
font-weight: 700;
line-height: 1.3;
}
#content_area .zee-commercial-lifecycle-support-wrapper .bsw-lifecycle-stage p {
margin: 0 !important;
color: #747d82 !important;
font-size: 13px !important;
line-height: 1.62 !important;
}
#content_area .zee-commercial-lifecycle-support-wrapper .bsw-lifecycle-gallery {
margin-bottom: 58px;
}
#content_area .zee-commercial-lifecycle-support-wrapper .bsw-lifecycle-gallery__header {
max-width: 800px;
margin-bottom: 29px;
}
#content_area .zee-commercial-lifecycle-support-wrapper .bsw-lifecycle-gallery__header span {
display: block;
margin-bottom: 9px;
color: #4d9aba;
font-size: 11px;
font-weight: 800;
letter-spacing: 0.11em;
text-transform: uppercase;
}
#content_area .zee-commercial-lifecycle-support-wrapper .bsw-lifecycle-gallery__header h3 {
margin: 0 0 10px;
color: #596268;
font-size: 29px !important;
font-weight: 600;
letter-spacing: -0.02em;
line-height: 1.2;
}
#content_area .zee-commercial-lifecycle-support-wrapper .bsw-lifecycle-gallery__header p {
margin: 0 !important;
color: #747d82 !important;
font-size: 14px !important;
line-height: 1.65 !important;
}
#content_area .zee-commercial-lifecycle-support-wrapper .bsw-lifecycle-gallery__grid {
display: grid;
grid-template-columns: repeat(12, minmax(0, 1fr));
grid-auto-rows: 225px;
gap: 16px;
}
#content_area .zee-commercial-lifecycle-support-wrapper .bsw-lifecycle-gallery__card {
position: relative;
overflow: hidden;
background: #dceaf0;
}
#content_area .zee-commercial-lifecycle-support-wrapper .bsw-lifecycle-gallery__card--large {
grid-column: span 7;
grid-row: span 2;
}
#content_area .zee-commercial-lifecycle-support-wrapper .bsw-lifecycle-gallery__card--medium {
grid-column: span 5;
grid-row: span 2;
}
#content_area .zee-commercial-lifecycle-support-wrapper .bsw-lifecycle-gallery__card--third {
grid-column: span 4;
grid-row: span 2;
}
#content_area .zee-commercial-lifecycle-support-wrapper .bsw-lifecycle-gallery__image {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
transition: transform 0.65s ease;
}
#content_area .zee-commercial-lifecycle-support-wrapper .bsw-lifecycle-gallery__card:hover .bsw-lifecycle-gallery__image {
transform: scale(1.04);
}
#content_area .zee-commercial-lifecycle-support-wrapper .bsw-lifecycle-gallery__card::after {
content: "";
position: absolute;
inset: 0;
background:
  linear-gradient(
	180deg,
	transparent 40%,
	rgba(4, 34, 58, 0.78)
  );
}
#content_area .zee-commercial-lifecycle-support-wrapper .bsw-lifecycle-gallery__copy {
position: absolute;
z-index: 2;
left: 24px;
right: 24px;
bottom: 22px;
color: #ffffff;
}
#content_area .zee-commercial-lifecycle-support-wrapper .bsw-lifecycle-gallery__copy strong {
display: block;
margin-bottom: 5px;
font-size: 17px;
line-height: 1.3;
}
#content_area .zee-commercial-lifecycle-support-wrapper .bsw-lifecycle-gallery__copy span {
display: block;
color: rgba(255, 255, 255, 0.81);
font-size: 12px;
line-height: 1.5;
}
#content_area .zee-commercial-lifecycle-support-wrapper .bsw-property-support {
min-height: 600px;
margin-bottom: 58px;
display: grid;
grid-template-columns: minmax(0, 55%) minmax(370px, 45%);
background: #07355e;
overflow: hidden;
}
#content_area .zee-commercial-lifecycle-support-wrapper .bsw-property-support__content {
    padding: 56px 48px;
    background: radial-gradient( circle at 100% 0%, rgba(211, 236, 246, 0.66), transparent 31%  ),  linear-gradient(145deg, #ffffff 0%, #f4f9fb 100%);
    color: #ffffff;
}
#content_area .zee-commercial-lifecycle-support-wrapper .bsw-property-support__content span {
display: block;
margin-bottom: 13px;
color: #a6d9eb;
font-size: 11px;
font-weight: 800;
letter-spacing: 0.12em;
text-transform: uppercase;
}
#content_area .zee-commercial-lifecycle-support-wrapper .bsw-property-support__content h3 {
margin: 0 0 17px;
color: #333;
font-size: clamp(28px, 3vw, 40px) !important;
font-weight: 600;
letter-spacing: -0.02em;
line-height: 1.15;
}
#content_area .zee-commercial-lifecycle-support-wrapper .bsw-property-support__content > p {
margin: 0 0 25px !important;
color: #717171 !important;
font-size: 14px !important;
line-height: 1.7 !important;
}
#content_area .zee-commercial-lifecycle-support-wrapper .bsw-property-support__grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 13px;
}
#content_area .zee-commercial-lifecycle-support-wrapper .bsw-property-support__item {
min-height: 120px;
padding: 18px 18px 18px 49px;
position: relative;
background: rgba(255, 255, 255, 0.08);
border: 1px solid rgba(255, 255, 255, 0.15);
}
#content_area .zee-commercial-lifecycle-support-wrapper .bsw-property-support__item::before {
content: "?";
position: absolute;
top: 18px;
left: 18px;
color: #a6d9eb;
font-size: 15px;
font-weight: 800;
}
#content_area .zee-commercial-lifecycle-support-wrapper .bsw-property-support__item h4 {
margin: 0 0 6px;
color: #333;
font-size: 15px;
font-weight: 700;
line-height: 1.3;
}
#content_area .zee-commercial-lifecycle-support-wrapper .bsw-property-support__item p {
margin: 0 !important;
color: #717171 !important;
font-size: 12px !important;
line-height: 1.5 !important;
}
#content_area .zee-commercial-lifecycle-support-wrapper .bsw-property-support__visual {
position: relative;
min-height: 600px;
overflow: hidden;
background: #dceaf0;
}
#content_area .zee-commercial-lifecycle-support-wrapper .bsw-property-support__image {
width: 100%;
height: 100%;
min-height: 600px;
object-fit: cover;
object-position: center;
}
#content_area .zee-commercial-lifecycle-support-wrapper .bsw-property-support__visual::after {
content: "";
position: absolute;
inset: 0;
background:
  linear-gradient(
	180deg,
	transparent 46%,
	rgba(4, 34, 58, 0.54)
  );
}
#content_area .zee-commercial-lifecycle-support-wrapper .bsw-property-support__caption {
position: absolute;
z-index: 2;
left: 28px;
right: 28px;
bottom: 27px;
padding: 20px 22px;
background: #13A5DE;
border: 1px solid rgba(255, 255, 255, 0.18);
color: #ffffff;
}
#content_area .zee-commercial-lifecycle-support-wrapper .bsw-property-support__caption strong {
display: block;
margin-bottom: 5px;
font-size: 16px;
line-height: 1.35;
}
#content_area .zee-commercial-lifecycle-support-wrapper .bsw-property-support__caption span {
display: block;
color: rgba(255, 255, 255, 0.81);
font-size: 12px;
line-height: 1.55;
}
#content_area .zee-commercial-lifecycle-support-wrapper .bsw-facility-matrix {
margin-bottom: 58px;
}
#content_area .zee-commercial-lifecycle-support-wrapper .bsw-facility-matrix__header {
margin-bottom: 25px;
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: 35px;
}
#content_area .zee-commercial-lifecycle-support-wrapper .bsw-facility-matrix__header h3 {
margin: 0 0 8px;
color: #596268;
font-size: 29px !important;
font-weight: 600;
letter-spacing: -0.02em;
line-height: 1.2;
}
#content_area .zee-commercial-lifecycle-support-wrapper .bsw-facility-matrix__header p {
max-width: 760px;
margin: 0 !important;
color: #747d82 !important;
font-size: 14px !important;
line-height: 1.63 !important;
}
#content_area .zee-commercial-lifecycle-support-wrapper .bsw-facility-matrix__wrap {
overflow-x: auto;
background: #ffffff;
border: 1px solid #dfe5e8;
box-shadow: 0 13px 38px rgba(38, 68, 82, 0.06);
}
#content_area .zee-commercial-lifecycle-support-wrapper .bsw-facility-matrix__table {
width: 100%;
min-width: 960px;
border-collapse: collapse;
}
#content_area .zee-commercial-lifecycle-support-wrapper .bsw-facility-matrix__table th {
padding: 19px 21px;
background: #13A5DE;
border-right: 1px solid rgba(255, 255, 255, 0.15);
color: #ffffff;
font-size: 11px;
font-weight: 800;
letter-spacing: 0.065em;
line-height: 1.35;
text-align: left;
text-transform: uppercase;
}
#content_area .zee-commercial-lifecycle-support-wrapper .bsw-facility-matrix__table th:last-child {
border-right: 0;
}
#content_area .zee-commercial-lifecycle-support-wrapper .bsw-facility-matrix__table td {
padding: 20px 21px;
border-right: 1px solid #e5eaed;
border-bottom: 1px solid #e5eaed;
color: #687278;
font-size: 13px;
line-height: 1.58;
vertical-align: top;
}
#content_area .zee-commercial-lifecycle-support-wrapper .bsw-facility-matrix__table td:last-child {
border-right: 0;
}
#content_area .zee-commercial-lifecycle-support-wrapper .bsw-facility-matrix__table tbody tr:last-child td {
border-bottom: 0;
}
#content_area .zee-commercial-lifecycle-support-wrapper .bsw-facility-matrix__table tbody tr:nth-child(even) {
background: #f8fbfc;
}
#content_area .zee-commercial-lifecycle-support-wrapper .bsw-facility-matrix__table td:first-child {
color: #596268;
font-weight: 700;
}
#content_area .zee-commercial-lifecycle-support-wrapper .bsw-facility-status {
display: inline-flex;
align-items: center;
gap: 7px;
color: #13A5DE;
font-weight: 700;
}
#content_area .zee-commercial-lifecycle-support-wrapper .bsw-facility-status::before {
content: "";
flex: 0 0 8px;
width: 8px;
height: 8px;
background: #4d9aba;
border-radius: 50%;
}
#content_area .zee-commercial-lifecycle-support-wrapper .bsw-lifecycle-strip {
margin-bottom: 58px;
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 16px;
}
#content_area .zee-commercial-lifecycle-support-wrapper .bsw-lifecycle-strip__card {
position: relative;
min-height: 420px;
overflow: hidden;
background: #dceaf0;
}
#content_area .zee-commercial-lifecycle-support-wrapper .bsw-lifecycle-strip__image {
width: 100%;
height: 100%;
min-height: 420px;
object-fit: cover;
object-position: center;
transition: transform 0.65s ease;
}
#content_area .zee-commercial-lifecycle-support-wrapper .bsw-lifecycle-strip__card:hover .bsw-lifecycle-strip__image {
transform: scale(1.04);
}
#content_area .zee-commercial-lifecycle-support-wrapper .bsw-lifecycle-strip__card::after {
content: "";
position: absolute;
inset: 0;
background:
  linear-gradient(
	180deg,
	transparent 40%,
	rgba(4, 34, 58, 0.78)
  );
}
#content_area .zee-commercial-lifecycle-support-wrapper .bsw-lifecycle-strip__copy {
position: absolute;
z-index: 2;
left: 23px;
right: 23px;
bottom: 22px;
color: #ffffff;
}
#content_area .zee-commercial-lifecycle-support-wrapper .bsw-lifecycle-strip__copy strong {
display: block;
margin-bottom: 6px;
font-size: 17px;
line-height: 1.3;
}
#content_area .zee-commercial-lifecycle-support-wrapper .bsw-lifecycle-strip__copy span {
display: block;
color: rgba(255, 255, 255, 0.81);
font-size: 12px;
line-height: 1.5;
}
#content_area .zee-commercial-lifecycle-support-wrapper .bsw-lifecycle-links {
margin-bottom: 38px;
padding: 36px;
background: #f4fafc;
border: 1px solid #dbe9ef;
}
#content_area .zee-commercial-lifecycle-support-wrapper .bsw-lifecycle-links__header {
max-width: 800px;
margin-bottom: 25px;
}
#content_area .zee-commercial-lifecycle-support-wrapper .bsw-lifecycle-links__header span {
display: block;
margin-bottom: 8px;
color: #4d9aba;
font-size: 10px;
font-weight: 800;
letter-spacing: 0.11em;
text-transform: uppercase;
}
#content_area .zee-commercial-lifecycle-support-wrapper .bsw-lifecycle-links__header h3 {
margin: 0 0 9px;
color: #596268;
font-size: 26px !important;
font-weight: 600;
line-height: 1.2;
}
#content_area .zee-commercial-lifecycle-support-wrapper .bsw-lifecycle-links__header p {
margin: 0 !important;
color: #747d82 !important;
font-size: 14px !important;
line-height: 1.6 !important;
}
#content_area .zee-commercial-lifecycle-support-wrapper .bsw-lifecycle-links__grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 12px;
}
#content_area .zee-commercial-lifecycle-support-wrapper .bsw-lifecycle-link {
min-height: 70px;
padding: 17px 18px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 14px;
background: #ffffff;
border: 1px solid #dfe5e8;
color: #596268;
font-size: 13px;
font-weight: 700;
line-height: 1.35;
transition:
  background 0.2s ease,
  border-color 0.2s ease,
  color 0.2s ease,
  transform 0.2s ease;
}
#content_area .zee-commercial-lifecycle-support-wrapper .bsw-lifecycle-link:hover {
background: #edf7fb;
border-color: #bcdce8;
color: #13A5DE;
transform: translateY(-2px);
}
#content_area .zee-commercial-lifecycle-support-wrapper .bsw-lifecycle-link span:last-child {
flex: 0 0 auto;
color: #4d9aba;
font-size: 15px;
}
#content_area .zee-commercial-lifecycle-support-wrapper .bsw-lifecycle-cta {
padding: 34px 36px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 30px;
background: #ffffff;
border: 1px solid #dfe5e8;
border-left: 5px solid #4d9aba;
}
#content_area .zee-commercial-lifecycle-support-wrapper .bsw-lifecycle-cta__copy h3 {
margin: 0 0 7px;
color: #596268;
font-size: 23px !important;
font-weight: 600;
line-height: 1.25;
}
#content_area .zee-commercial-lifecycle-support-wrapper .bsw-lifecycle-cta__copy p {
max-width: 780px;
margin: 0 !important;
color: #747d82 !important;
font-size: 14px !important;
line-height: 1.58 !important;
}
#content_area .zee-commercial-lifecycle-support-wrapper .bsw-lifecycle-cta__actions {
flex: 0 0 auto;
display: flex;
align-items: center;
gap: 11px;
}
@media (max-width: 1160px) {
#content_area .zee-commercial-lifecycle-support-wrapper .bsw-lifecycle-stages__grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
#content_area .zee-commercial-lifecycle-support-wrapper .bsw-lifecycle-links__grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 950px) {
#content_area .zee-commercial-lifecycle-support-wrapper .bsw-lifecycle-feature,
#content_area .zee-commercial-lifecycle-support-wrapper .bsw-property-support {
  grid-template-columns: 1fr;
}
#content_area .zee-commercial-lifecycle-support-wrapper .bsw-lifecycle-feature__visual,
#content_area .zee-commercial-lifecycle-support-wrapper .bsw-lifecycle-feature__image,
#content_area .zee-commercial-lifecycle-support-wrapper .bsw-property-support__visual,
#content_area .zee-commercial-lifecycle-support-wrapper .bsw-property-support__image {
  min-height: 500px;
}
#content_area .zee-commercial-lifecycle-support-wrapper .bsw-lifecycle-gallery__grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-auto-rows: 320px;
}
#content_area .zee-commercial-lifecycle-support-wrapper .bsw-lifecycle-gallery__card--large,
#content_area .zee-commercial-lifecycle-support-wrapper .bsw-lifecycle-gallery__card--medium,
#content_area .zee-commercial-lifecycle-support-wrapper .bsw-lifecycle-gallery__card--third {
  grid-column: auto;
  grid-row: auto;
}
#content_area .zee-commercial-lifecycle-support-wrapper .bsw-lifecycle-strip {
  grid-template-columns: 1fr;
}
#content_area .zee-commercial-lifecycle-support-wrapper .bsw-facility-matrix__header,
#content_area .zee-commercial-lifecycle-support-wrapper .bsw-lifecycle-cta {
  align-items: flex-start;
  flex-direction: column;
}
}
@media (max-width: 720px) {
#content_area .zee-commercial-lifecycle-support-wrapper .bsw-lifecycle {
  padding: 74px 20px;
}
#content_area .zee-commercial-lifecycle-support-wrapper .bsw-lifecycle-stages__grid {
  grid-template-columns: 1fr;
}
#content_area .zee-commercial-lifecycle-support-wrapper .bsw-lifecycle-gallery__grid {
  grid-template-columns: 1fr;
  grid-auto-rows: 390px;
}
#content_area .zee-commercial-lifecycle-support-wrapper .bsw-property-support__grid {
  grid-template-columns: 1fr;
}
#content_area .zee-commercial-lifecycle-support-wrapper .bsw-lifecycle-cta__actions {
  width: 100%;
}
}
@media (max-width: 560px) {
#content_area .zee-commercial-lifecycle-support-wrapper .bsw-lifecycle {
  padding: 58px 16px;
}
#content_area .zee-commercial-lifecycle-support-wrapper .bsw-lifecycle__header h2 {
  font-size: 34px !important;
}
#content_area .zee-commercial-lifecycle-support-wrapper .bsw-lifecycle-feature__visual,
#content_area .zee-commercial-lifecycle-support-wrapper .bsw-lifecycle-feature__image,
#content_area .zee-commercial-lifecycle-support-wrapper .bsw-property-support__visual,
#content_area .zee-commercial-lifecycle-support-wrapper .bsw-property-support__image {
  min-height: 380px;
}
#content_area .zee-commercial-lifecycle-support-wrapper .bsw-lifecycle-feature__content,
#content_area .zee-commercial-lifecycle-support-wrapper .bsw-property-support__content {
  padding: 39px 25px;
}
#content_area .zee-commercial-lifecycle-support-wrapper .bsw-lifecycle-feature__caption,
#content_area .zee-commercial-lifecycle-support-wrapper .bsw-property-support__caption {
  left: 16px;
  right: 16px;
  bottom: 16px;
  padding: 18px;
}
#content_area .zee-commercial-lifecycle-support-wrapper .bsw-lifecycle-feature__actions,
#content_area .zee-commercial-lifecycle-support-wrapper .bsw-lifecycle-cta__actions {
  align-items: stretch;
  flex-direction: column;
}
#content_area .zee-commercial-lifecycle-support-wrapper .bsw-lifecycle-button {
  width: 100%;
}
#content_area .zee-commercial-lifecycle-support-wrapper .bsw-lifecycle-gallery__grid {
  grid-auto-rows: 340px;
}
#content_area .zee-commercial-lifecycle-support-wrapper .bsw-lifecycle-strip__card,
#content_area .zee-commercial-lifecycle-support-wrapper .bsw-lifecycle-strip__image {
  min-height: 350px;
}
#content_area .zee-commercial-lifecycle-support-wrapper .bsw-lifecycle-links {
  padding: 28px 22px;
}
#content_area .zee-commercial-lifecycle-support-wrapper .bsw-lifecycle-links__grid {
  grid-template-columns: 1fr;
}
#content_area .zee-commercial-lifecycle-support-wrapper .bsw-lifecycle-cta {
  padding: 29px 24px;
}
}
#content_area .zee-professional-maintenane-center-wrapper .bsw-asset-care,
#content_area .zee-professional-maintenane-center-wrapper .bsw-asset-care * {
box-sizing: border-box;
}
#content_area .zee-professional-maintenane-center-wrapper .bsw-asset-care{
width: 100%;
padding: 100px 24px;
overflow: hidden;
background:
  radial-gradient(
	circle at 8% 4%,
	rgba(211, 237, 247, 0.58),
	transparent 25%
  ),
  linear-gradient(180deg, #ffffff 0%, #f6fafc 100%);
color: #4f595f;
font-family: Arial, Helvetica, sans-serif;
}
#content_area .zee-professional-maintenane-center-wrapper .bsw-asset-care__inner {
width: 100%;
max-width: 1420px;
margin: 0 auto;
}
#content_area .zee-professional-maintenane-center-wrapper .bsw-asset-careimg {
display: block;
max-width: 100%;
}
#content_area .zee-professional-maintenane-center-wrapper .bsw-asset-carea {
text-decoration: none;
}
#content_area .zee-professional-maintenane-center-wrapper .bsw-asset-care__header {
max-width: 900px;
margin: 0 auto 56px;
text-align: center;
}
#content_area .zee-professional-maintenane-center-wrapper .bsw-asset-care__eyebrow {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 11px;
margin: 0 0 17px;
color: #4d9aba;
font-size: 12px;
font-weight: 800;
letter-spacing: 0.14em;
line-height: 1.2;
text-transform: uppercase;
}
#content_area .zee-professional-maintenane-center-wrapper .bsw-asset-care__eyebrow::before,
#content_area .zee-professional-maintenane-center-wrapper .bsw-asset-care__eyebrow::after {
content: "";
width: 31px;
height: 1px;
background: #8fc4d8;
}
#content_area .zee-professional-maintenane-center-wrapper .bsw-asset-care__header h2 {
margin: 0 0 18px;
color: #596268;
font-size: clamp(34px, 4vw, 52px);
font-weight: 500;
letter-spacing: -0.028em;
line-height: 1.08;
}
#content_area .zee-professional-maintenane-center-wrapper .bsw-asset-care__header p {
max-width: 820px;
margin: 0 auto;
color: #747d82;
font-size: 16px;
line-height: 1.72;
}
#content_area .zee-professional-maintenane-center-wrapper .bsw-asset-feature {
min-height: 650px;
margin-bottom: 58px;
display: grid;
grid-template-columns: minmax(0, 58%) minmax(390px, 42%);
background: #ffffff;
border: 1px solid #dfe5e8;
box-shadow: 0 20px 58px rgba(38, 68, 82, 0.09);
overflow: hidden;
}
#content_area .zee-professional-maintenane-center-wrapper .bsw-asset-feature__visual {
position: relative;
min-height: 650px;
overflow: hidden;
background: #dcebf1;
}
#content_area .zee-professional-maintenane-center-wrapper .bsw-asset-feature__image {
width: 100%;
height: 100%;
min-height: 650px;
object-fit: cover;
object-position: center;
transition: transform 0.7s ease;
}
#content_area .zee-professional-maintenane-center-wrapper .bsw-asset-feature:hover .bsw-asset-feature__image {
transform: scale(1.025);
}
#content_area .zee-professional-maintenane-center-wrapper .bsw-asset-feature__visual::after {
content: "";
position: absolute;
inset: 0;
background:
  linear-gradient(
	90deg,
	rgba(7, 53, 94, 0.03),
	transparent 48%
  ),
  linear-gradient(
	180deg,
	transparent 44%,
	rgba(4, 34, 58, 0.58)
  );
pointer-events: none;
}
#content_area .zee-professional-maintenane-center-wrapper .bsw-asset-feature__caption {
position: absolute;
z-index: 2;
left: 32px;
right: 32px;
bottom: 30px;
padding: 22px 24px;
background: #13A5DE;
border: 1px solid rgba(255, 255, 255, 0.18);
backdrop-filter: blur(7px);
color: #ffffff;
}
#content_area .zee-professional-maintenane-center-wrapper .bsw-asset-feature__caption strong {
display: block;
margin-bottom: 6px;
font-size: 17px;
line-height: 1.35;
}
#content_area .zee-professional-maintenane-center-wrapper .bsw-asset-feature__caption span {
display: block;
color: rgba(255, 255, 255, 0.81);
font-size: 12px;
line-height: 1.55;
}
#content_area .zee-professional-maintenane-center-wrapper .bsw-asset-feature__content {
padding: 58px 49px;
display: flex;
align-items: center;
background:
  radial-gradient(
	circle at 100% 0%,
	rgba(211, 236, 246, 0.68),
	transparent 31%
  ),
  linear-gradient(145deg, #ffffff 0%, #f4f9fb 100%);
}
#content_area .zee-professional-maintenane-center-wrapper .bsw-asset-feature__content-inner {
width: 100%;
}
#content_area .zee-professional-maintenane-center-wrapper .bsw-asset-feature__label {
display: inline-flex;
margin-bottom: 17px;
padding: 7px 11px;
background: #edf7fb;
border: 1px solid #d5e9f1;
color: #13A5DE;
font-size: 11px;
font-weight: 800;
letter-spacing: 0.09em;
line-height: 1.2;
text-transform: uppercase;
}
#content_area .zee-professional-maintenane-center-wrapper .bsw-asset-feature__content h3 {
margin: 0 0 18px;
color: #596268;
font-size: clamp(29px, 3vw, 41px);
font-weight: 600;
letter-spacing: -0.024em;
line-height: 1.12;
}
#content_area .zee-professional-maintenane-center-wrapper .bsw-asset-feature__content p {
margin: 0 0 22px;
color: #687278;
font-size: 15px;
line-height: 1.72;
}
#content_area .zee-professional-maintenane-center-wrapper .bsw-asset-feature__list {
margin: 0 0 28px;
padding: 0;
list-style: none;
}
#content_area .zee-professional-maintenane-center-wrapper .bsw-asset-feature__list li {
position: relative;
margin-bottom: 13px;
padding-left: 29px;
color: #596268;
font-size: 14px;
line-height: 1.55;
}
#content_area .zee-professional-maintenane-center-wrapper .bsw-asset-feature__list li:last-child {
margin-bottom: 0;
}
#content_area .zee-professional-maintenane-center-wrapper .bsw-asset-feature__list li::before {
content: "?";
position: absolute;
top: 0;
left: 0;
color: #4d9aba;
font-size: 15px;
font-weight: 800;
}
#content_area .zee-professional-maintenane-center-wrapper .bsw-asset-feature__notice {
margin: 0 0 28px;
padding: 16px 18px;
background: #edf7fb;
border-left: 4px solid #4d9aba;
color: #596268;
font-size: 13px;
line-height: 1.58;
}
#content_area .zee-professional-maintenane-center-wrapper .bsw-asset-feature__notice strong {
color: #13A5DE;
}
#content_area .zee-professional-maintenane-center-wrapper .bsw-asset-feature__actions {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 11px;
}
#content_area .zee-professional-maintenane-center-wrapper .bsw-asset-button {
min-height: 48px;
padding: 13px 20px;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 9px;
border: 1px solid #13A5DE;
border-radius: 3px;
font-size: 11px;
font-weight: 800;
letter-spacing: 0.07em;
line-height: 1.2;
text-transform: uppercase;
transition:
  background 0.2s ease,
  color 0.2s ease,
  transform 0.2s ease,
  box-shadow 0.2s ease;
}
#content_area .zee-professional-maintenane-center-wrapper .bsw-asset-button--primary {
background: #13A5DE;
color: #ffffff;
}
#content_area .zee-professional-maintenane-center-wrapper .bsw-asset-button--primary:hover {
background: #07355e;
border-color: #07355e;
color: #ffffff;
transform: translateY(-2px);
box-shadow: 0 12px 26px rgba(7, 53, 94, 0.18);
}
#content_area .zee-professional-maintenane-center-wrapper .bsw-asset-button--secondary {
background: #ffffff;
color: #13A5DE;
}
#content_area .zee-professional-maintenane-center-wrapper .bsw-asset-button--secondary:hover {
background: #edf7fb;
color: #07355e;
transform: translateY(-2px);
}
#content_area .zee-professional-maintenane-center-wrapper .bsw-maintenance-program {
margin-bottom: 58px;
}
#content_area .zee-professional-maintenane-center-wrapper .bsw-maintenance-program__header {
max-width: 800px;
margin-bottom: 29px;
}
#content_area .zee-professional-maintenane-center-wrapper .bsw-maintenance-program__header span {
display: block;
margin-bottom: 9px;
color: #4d9aba;
font-size: 11px;
font-weight: 800;
letter-spacing: 0.11em;
text-transform: uppercase;
}
#content_area .zee-professional-maintenane-center-wrapper .bsw-maintenance-program__header h3 {
margin: 0 0 10px;
color: #596268;
font-size: 29px !important;
font-weight: 600;
letter-spacing: -0.02em;
line-height: 1.2;
}
#content_area .zee-professional-maintenane-center-wrapper .bsw-maintenance-program__header p {
margin: 0 !important;
color: #747d82 !important;
font-size: 14px !important;
line-height: 1.65 !important;
}
#content_area .zee-professional-maintenane-center-wrapper .bsw-maintenance-program__grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
border-top: 1px solid #dfe5e8;
border-left: 1px solid #dfe5e8;
background: #ffffff;
}
#content_area .zee-professional-maintenane-center-wrapper .bsw-maintenance-program__card {
position: relative;
min-height: 290px;
padding: 31px 27px;
border-right: 1px solid #dfe5e8;
border-bottom: 1px solid #dfe5e8;
transition:
  background 0.25s ease,
  transform 0.25s ease,
  box-shadow 0.25s ease;
}
#content_area .zee-professional-maintenane-center-wrapper .bsw-maintenance-program__card:hover {
z-index: 2;
background: #f8fbfc;
transform: translateY(-3px);
box-shadow: 0 13px 28px rgba(38, 68, 82, 0.08);
}
#content_area .zee-professional-maintenane-center-wrapper .bsw-maintenance-program__card::before {
content: "";
position: absolute;
top: 0;
left: 27px;
width: 44px;
height: 3px;
background: #4d9aba;
}
#content_area .zee-professional-maintenane-center-wrapper .bsw-maintenance-program__icon {
width: 45px;
height: 45px;
margin-bottom: 20px;
display: inline-flex;
align-items: center;
justify-content: center;
background: #edf7fb;
border: 1px solid #d6e9f1;
border-radius: 50%;
color: #13A5DE;
font-size: 12px;
font-weight: 800;
}
#content_area .zee-professional-maintenane-center-wrapper .bsw-maintenance-program__card h4 {
margin: 0 0 10px;
color: #596268;
font-size: 18px;
font-weight: 700;
line-height: 1.3;
}
#content_area .zee-professional-maintenane-center-wrapper .bsw-maintenance-program__card p {
margin: 0;
color: #747d82;
font-size: 13px;
line-height: 1.62;
}
#content_area .zee-professional-maintenane-center-wrapper .bsw-asset-gallery {
margin-bottom: 58px;
}
#content_area .zee-professional-maintenane-center-wrapper .bsw-asset-gallery__header {
max-width: 800px;
margin-bottom: 29px;
}
#content_area .zee-professional-maintenane-center-wrapper .bsw-asset-gallery__header span {
display: block;
margin-bottom: 9px;
color: #4d9aba;
font-size: 11px;
font-weight: 800;
letter-spacing: 0.11em;
text-transform: uppercase;
}
#content_area .zee-professional-maintenane-center-wrapper .bsw-asset-gallery__header h3 {
margin: 0 0 10px;
color: #596268;
font-size: 29px !important;
font-weight: 600;
letter-spacing: -0.02em;
line-height: 1.2;
}
#content_area .zee-professional-maintenane-center-wrapper .bsw-asset-gallery__header p {
margin: 0 !important;
color: #747d82 !important;
font-size: 14px !important;
line-height: 1.65 !important;
}
#content_area .zee-professional-maintenane-center-wrapper .bsw-asset-gallery__grid {
display: grid;
grid-template-columns: repeat(12, minmax(0, 1fr));
grid-auto-rows: 225px;
gap: 16px;
}
#content_area .zee-professional-maintenane-center-wrapper .bsw-asset-gallery__card {
position: relative;
overflow: hidden;
background: #dceaf0;
}
#content_area .zee-professional-maintenane-center-wrapper .bsw-asset-gallery__card--large {
grid-column: span 7;
grid-row: span 2;
}
#content_area .zee-professional-maintenane-center-wrapper .bsw-asset-gallery__card--medium {
grid-column: span 5;
grid-row: span 2;
}
#content_area .zee-professional-maintenane-center-wrapper .bsw-asset-gallery__card--third {
grid-column: span 4;
grid-row: span 2;
}
#content_area .zee-professional-maintenane-center-wrapper .bsw-asset-gallery__image {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
transition: transform 0.65s ease;
}
#content_area .zee-professional-maintenane-center-wrapper .bsw-asset-gallery__card:hover .bsw-asset-gallery__image {
transform: scale(1.04);
}
#content_area .zee-professional-maintenane-center-wrapper .bsw-asset-gallery__card::after {
content: "";
position: absolute;
inset: 0;
background:
  linear-gradient(
	180deg,
	transparent 40%,
	rgba(4, 34, 58, 0.8)
  );
pointer-events: none;
}
#content_area .zee-professional-maintenane-center-wrapper .bsw-asset-gallery__copy {
position: absolute;
z-index: 2;
left: 24px;
right: 24px;
bottom: 22px;
color: #ffffff;
}
#content_area .zee-professional-maintenane-center-wrapper .bsw-asset-gallery__copy strong {
display: block;
margin-bottom: 5px;
font-size: 17px;
line-height: 1.3;
}
#content_area .zee-professional-maintenane-center-wrapper .bsw-asset-gallery__copy span {
display: block;
color: rgba(255, 255, 255, 0.81);
font-size: 12px;
line-height: 1.5;
}
#content_area .zee-professional-maintenane-center-wrapper .bsw-inspection {
margin-bottom: 58px;
}
#content_area .zee-professional-maintenane-center-wrapper .bsw-inspection__header {
margin-bottom: 25px;
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: 35px;
}
#content_area .zee-professional-maintenane-center-wrapper .bsw-inspection__header h3 {
margin: 0 0 8px;
color: #596268;
font-size: 29px !important;
font-weight: 600;
letter-spacing: -0.02em;
line-height: 1.2;
}
#content_area .zee-professional-maintenane-center-wrapper .bsw-inspection__header p {
max-width: 770px;
margin: 0 !important;
color: #747d82 !important;
font-size: 14px !important;
line-height: 1.63 !important;
}
#content_area .zee-professional-maintenane-center-wrapper .bsw-inspection__wrap {
overflow-x: auto;
background: #ffffff;
border: 1px solid #dfe5e8;
box-shadow: 0 13px 38px rgba(38, 68, 82, 0.06);
}
#content_area .zee-professional-maintenane-center-wrapper .bsw-inspection__table {
width: 100%;
min-width: 980px;
border-collapse: collapse;
}
#content_area .zee-professional-maintenane-center-wrapper .bsw-inspection__table th {
padding: 19px 21px;
background: #13A5DE;
border-right: 1px solid rgba(255, 255, 255, 0.15);
color: #ffffff;
font-size: 11px;
font-weight: 800;
letter-spacing: 0.065em;
line-height: 1.35;
text-align: left;
text-transform: uppercase;
}
#content_area .zee-professional-maintenane-center-wrapper .bsw-inspection__table th:last-child {
border-right: 0;
}
#content_area .zee-professional-maintenane-center-wrapper .bsw-inspection__table td {
padding: 20px 21px;
border-right: 1px solid #e5eaed;
border-bottom: 1px solid #e5eaed;
color: #687278;
font-size: 13px;
line-height: 1.58;
vertical-align: top;
}
#content_area .zee-professional-maintenane-center-wrapper .bsw-inspection__table td:last-child {
border-right: 0;
}
#content_area .zee-professional-maintenane-center-wrapper .bsw-inspection__table tbody tr:last-child td {
border-bottom: 0;
}
#content_area .zee-professional-maintenane-center-wrapper .bsw-inspection__table tbody tr:nth-child(even) {
background: #f8fbfc;
}
#content_area .zee-professional-maintenane-center-wrapper .bsw-inspection__table td:first-child {
color: #596268;
font-weight: 700;
}
#content_area .zee-professional-maintenane-center-wrapper .bsw-inspection__status {
display: inline-flex;
align-items: center;
gap: 7px;
color: #13A5DE;
font-weight: 700;
}
#content_area .zee-professional-maintenane-center-wrapper .bsw-inspection__status::before {
content: "";
flex: 0 0 8px;
width: 8px;
height: 8px;
background: #4d9aba;
border-radius: 50%;
}
#content_area .zee-professional-maintenane-center-wrapper .bsw-specifier {
min-height: 600px;
margin-bottom: 58px;
display: grid;
grid-template-columns: minmax(0, 55%) minmax(370px, 45%);
background: #07355e;
overflow: hidden;
}
#content_area .zee-professional-maintenane-center-wrapper .bsw-specifier__content {
    padding: 56px 48px;
    background: radial-gradient( circle at 100% 0%, rgba(211, 236, 246, 0.66), transparent 31%  ),  linear-gradient(145deg, #ffffff 0%, #f4f9fb 100%);
    color: #ffffff;
}
#content_area .zee-professional-maintenane-center-wrapper .bsw-specifier__content span {
display: block;
margin-bottom: 13px;
color: #a6d9eb;
font-size: 11px;
font-weight: 800;
letter-spacing: 0.12em;
text-transform: uppercase;
}
#content_area .zee-professional-maintenane-center-wrapper .bsw-specifier__content h3 {
margin: 0 0 17px;
color: #333;
font-size: clamp(28px, 3vw, 40px) !important;
font-weight: 600;
letter-spacing: -0.02em;
line-height: 1.15;
}
#content_area .zee-professional-maintenane-center-wrapper .bsw-specifier__content > p {
margin: 0 0 25px !important;
color: #717171 !important;
font-size: 14px !important;
line-height: 1.7 !important;
}
#content_area .zee-professional-maintenane-center-wrapper .bsw-specifier__grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 13px;
}
#content_area .zee-professional-maintenane-center-wrapper .bsw-specifier__item {
min-height: 118px;
padding: 18px 18px 18px 49px;
position: relative;
background: rgba(255, 255, 255, 0.08);
border: 1px solid rgba(255, 255, 255, 0.15);
}
#content_area .zee-professional-maintenane-center-wrapper .bsw-specifier__item::before {
content: "?";
position: absolute;
top: 18px;
left: 18px;
color: #a6d9eb;
font-size: 15px;
font-weight: 800;
}
#content_area .zee-professional-maintenane-center-wrapper .bsw-specifier__item h4 {
margin: 0 0 6px;
color: #333;
font-size: 15px;
font-weight: 700;
line-height: 1.3;
}
#content_area .zee-professional-maintenane-center-wrapper .bsw-specifier__item p {
margin: 0 !important;
color: #717171 !important;
font-size: 12px !important;
line-height: 1.5 !important;
}
#content_area .zee-professional-maintenane-center-wrapper .bsw-specifier__visual {
position: relative;
min-height: 600px;
overflow: hidden;
background: #dceaf0;
}
#content_area .zee-professional-maintenane-center-wrapper .bsw-specifier__image {
width: 100%;
height: 100%;
min-height: 600px;
object-fit: cover;
object-position: center;
}
#content_area .zee-professional-maintenane-center-wrapper .bsw-specifier__visual::after {
content: "";
position: absolute;
inset: 0;
background:
  linear-gradient(
	180deg,
	transparent 46%,
	rgba(4, 34, 58, 0.56)
  );
}
#content_area .zee-professional-maintenane-center-wrapper .bsw-specifier__caption {
position: absolute;
z-index: 2;
left: 28px;
right: 28px;
bottom: 27px;
padding: 20px 22px;
background: #13A5DE;
border: 1px solid rgba(255, 255, 255, 0.18);
color: #ffffff;
}
#content_area .zee-professional-maintenane-center-wrapper .bsw-specifier__caption strong {
display: block;
margin-bottom: 5px;
font-size: 16px;
line-height: 1.35;
}
#content_area .zee-professional-maintenane-center-wrapper .bsw-specifier__caption span {
display: block;
color: rgba(255, 255, 255, 0.81);
font-size: 12px;
line-height: 1.55;
}
#content_area .zee-professional-maintenane-center-wrapper .bsw-special-applications {
margin-bottom: 58px;
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 16px;
}
#content_area .zee-professional-maintenane-center-wrapper .bsw-special-applications__card {
position: relative;
min-height: 430px;
overflow: hidden;
background: #dceaf0;
}
#content_area .zee-professional-maintenane-center-wrapper .bsw-special-applications__image {
width: 100%;
height: 100%;
min-height: 430px;
object-fit: cover;
object-position: center;
transition: transform 0.65s ease;
}
#content_area .zee-professional-maintenane-center-wrapper .bsw-special-applications__card:hover
.bsw-special-applications__image {
transform: scale(1.04);
}
#content_area .zee-professional-maintenane-center-wrapper .bsw-special-applications__card::after {
content: "";
position: absolute;
inset: 0;
background:
  linear-gradient(
	180deg,
	transparent 40%,
	rgba(4, 34, 58, 0.8)
  );
}
#content_area .zee-professional-maintenane-center-wrapper .bsw-special-applications__copy {
position: absolute;
z-index: 2;
left: 23px;
right: 23px;
bottom: 22px;
color: #ffffff;
}
#content_area .zee-professional-maintenane-center-wrapper .bsw-special-applications__copy strong {
display: block;
margin-bottom: 6px;
font-size: 17px;
line-height: 1.3;
}
#content_area .zee-professional-maintenane-center-wrapper .bsw-special-applications__copy span {
display: block;
color: rgba(255, 255, 255, 0.81);
font-size: 12px;
line-height: 1.5;
}
#content_area .zee-professional-maintenane-center-wrapper .bsw-asset-record {
margin-bottom: 38px;
padding: 36px;
background: #f4fafc;
border: 1px solid #dbe9ef;
border-left: 5px solid #4d9aba;
}
#content_area .zee-professional-maintenane-center-wrapper .bsw-asset-record__header {
max-width: 820px;
margin-bottom: 25px;
}
#content_area .zee-professional-maintenane-center-wrapper .bsw-asset-record__header span {
display: block;
margin-bottom: 8px;
color: #4d9aba;
font-size: 10px;
font-weight: 800;
letter-spacing: 0.11em;
text-transform: uppercase;
}
#content_area .zee-professional-maintenane-center-wrapper .bsw-asset-record__header h3 {
margin: 0 0 9px;
color: #596268;
font-size: 26px !important;
font-weight: 600;
line-height: 1.2;
}
#content_area .zee-professional-maintenane-center-wrapper .bsw-asset-record__header p {
margin: 0 !important;
color: #747d82 !important;
font-size: 14px !important;
line-height: 1.6 !important;
}
#content_area .zee-professional-maintenane-center-wrapper .bsw-asset-record__grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 12px;
}
#content_area .zee-professional-maintenane-center-wrapper .bsw-asset-record__item {
min-height: 118px;
padding: 19px 18px 19px 49px;
position: relative;
background: #ffffff;
border: 1px solid #dfe5e8;
}
#content_area .zee-professional-maintenane-center-wrapper .bsw-asset-record__item::before {
content: "?";
position: absolute;
top: 18px;
left: 18px;
width: 23px;
height: 23px;
display: inline-flex;
align-items: center;
justify-content: center;
background: #edf7fb;
border-radius: 50%;
color: #13A5DE;
font-size: 12px;
font-weight: 800;
}
#content_area .zee-professional-maintenane-center-wrapper .bsw-asset-record__item h4 {
margin: 0 0 6px;
color: #596268;
font-size: 15px;
font-weight: 700;
line-height: 1.3;
}
#content_area .zee-professional-maintenane-center-wrapper .bsw-asset-record__item p {
margin: 0;
color: #747d82;
font-size: 12px;
line-height: 1.5;
}
#content_area .zee-professional-maintenane-center-wrapper .bsw-asset-links {
margin-bottom: 38px;
padding: 36px;
background: #ffffff;
border: 1px solid #dfe5e8;
}
#content_area .zee-professional-maintenane-center-wrapper .bsw-asset-links__header {
max-width: 820px;
margin-bottom: 25px;
}
#content_area .zee-professional-maintenane-center-wrapper .bsw-asset-links__header span {
display: block;
margin-bottom: 8px;
color: #4d9aba;
font-size: 10px;
font-weight: 800;
letter-spacing: 0.11em;
text-transform: uppercase;
}
#content_area .zee-professional-maintenane-center-wrapper .bsw-asset-links__header h3 {
margin: 0 0 9px;
color: #596268;
font-size: 26px !important;
font-weight: 600;
line-height: 1.2;
}
#content_area .zee-professional-maintenane-center-wrapper .bsw-asset-links__header p {
margin: 0 !important;
color: #747d82 !important;
font-size: 14px !important;
line-height: 1.6 !important;
}
#content_area .zee-professional-maintenane-center-wrapper .bsw-asset-links__grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 12px;
}
#content_area .zee-professional-maintenane-center-wrapper .bsw-asset-link {
min-height: 70px;
padding: 17px 18px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 14px;
background: #f8fbfc;
border: 1px solid #dfe5e8;
color: #596268;
font-size: 13px;
font-weight: 700;
line-height: 1.35;
transition:
  background 0.2s ease,
  border-color 0.2s ease,
  color 0.2s ease,
  transform 0.2s ease;
}
#content_area .zee-professional-maintenane-center-wrapper .bsw-asset-link:hover {
background: #edf7fb;
border-color: #bcdce8;
color: #13A5DE;
transform: translateY(-2px);
}
#content_area .zee-professional-maintenane-center-wrapper .bsw-asset-link span:last-child {
flex: 0 0 auto;
color: #4d9aba;
font-size: 15px;
}
#content_area .zee-professional-maintenane-center-wrapper .bsw-asset-cta {
padding: 34px 36px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 30px;
background: #ffffff;
border: 1px solid #dfe5e8;
border-left: 5px solid #4d9aba;
}
#content_area .zee-professional-maintenane-center-wrapper .bsw-asset-cta__copy h3 {
margin: 0 0 7px;
color: #596268;
font-size: 23px !important;
font-weight: 600;
line-height: 1.25;
}
#content_area .zee-professional-maintenane-center-wrapper .bsw-asset-cta__copy p {
max-width: 790px;
margin: 0 !important;
color: #747d82 !important;
font-size: 14px !important;
line-height: 1.58 !important;
}
#content_area .zee-professional-maintenane-center-wrapper .bsw-asset-cta__actions {
flex: 0 0 auto;
display: flex;
align-items: center;
gap: 11px;
}
@media (max-width: 1140px) {
#content_area .zee-professional-maintenane-center-wrapper .bsw-maintenance-program__grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
#content_area .zee-professional-maintenane-center-wrapper .bsw-asset-links__grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
#content_area .zee-professional-maintenane-center-wrapper .bsw-asset-record__grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 950px) {
#content_area .zee-professional-maintenane-center-wrapper .bsw-asset-feature,
#content_area .zee-professional-maintenane-center-wrapper .bsw-specifier {
  grid-template-columns: 1fr;
}
#content_area .zee-professional-maintenane-center-wrapper .bsw-asset-feature__visual,
#content_area .zee-professional-maintenane-center-wrapper .bsw-asset-feature__image,
#content_area .zee-professional-maintenane-center-wrapper .bsw-specifier__visual,
#content_area .zee-professional-maintenane-center-wrapper .bsw-specifier__image {
  min-height: 500px;
}
#content_area .zee-professional-maintenane-center-wrapper .bsw-asset-gallery__grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-auto-rows: 320px;
}
#content_area .zee-professional-maintenane-center-wrapper .bsw-asset-gallery__card--large,
#content_area .zee-professional-maintenane-center-wrapper .bsw-asset-gallery__card--medium,
#content_area .zee-professional-maintenane-center-wrapper .bsw-asset-gallery__card--third {
  grid-column: auto;
  grid-row: auto;
}
#content_area .zee-professional-maintenane-center-wrapper .bsw-special-applications {
  grid-template-columns: 1fr;
}
#content_area .zee-professional-maintenane-center-wrapper .bsw-inspection__header,
#content_area .zee-professional-maintenane-center-wrapper .bsw-asset-cta {
  align-items: flex-start;
  flex-direction: column;
}
}
@media (max-width: 720px) {
#content_area .zee-professional-maintenane-center-wrapper .bsw-asset-care{
  padding: 74px 20px;
}
#content_area .zee-professional-maintenane-center-wrapper .bsw-asset-gallery__grid {
  grid-template-columns: 1fr;
  grid-auto-rows: 390px;
}
#content_area .zee-professional-maintenane-center-wrapper .bsw-specifier__grid {
  grid-template-columns: 1fr;
}
#content_area .zee-professional-maintenane-center-wrapper .bsw-asset-record__grid {
  grid-template-columns: 1fr;
}
#content_area .zee-professional-maintenane-center-wrapper .bsw-asset-cta__actions {
  width: 100%;
}
}
@media (max-width: 560px) {
#content_area .zee-professional-maintenane-center-wrapper .bsw-asset-care{
  padding: 58px 16px;
}
#content_area .zee-professional-maintenane-center-wrapper .bsw-asset-care__header h2 {
  font-size: 34px !important;
}
#content_area .zee-professional-maintenane-center-wrapper .bsw-asset-feature__visual,
#content_area .zee-professional-maintenane-center-wrapper .bsw-asset-feature__image,
#content_area .zee-professional-maintenane-center-wrapper .bsw-specifier__visual,
#content_area .zee-professional-maintenane-center-wrapper .bsw-specifier__image {
  min-height: 380px;
}
#content_area .zee-professional-maintenane-center-wrapper .bsw-asset-feature__content,
#content_area .zee-professional-maintenane-center-wrapper .bsw-specifier__content {
  padding: 39px 25px;
}
#content_area .zee-professional-maintenane-center-wrapper .bsw-asset-feature__caption,
#content_area .zee-professional-maintenane-center-wrapper .bsw-specifier__caption {
  left: 16px;
  right: 16px;
  bottom: 16px;
  padding: 18px;
}
#content_area .zee-professional-maintenane-center-wrapper .bsw-asset-feature__actions,
#content_area .zee-professional-maintenane-center-wrapper .bsw-asset-cta__actions {
  align-items: stretch;
  flex-direction: column;
}
#content_area .zee-professional-maintenane-center-wrapper .bsw-asset-button {
  width: 100%;
}
#content_area .zee-professional-maintenane-center-wrapper .bsw-maintenance-program__grid {
  grid-template-columns: 1fr;
}
#content_area .zee-professional-maintenane-center-wrapper .bsw-asset-gallery__grid {
  grid-auto-rows: 340px;
}
#content_area .zee-professional-maintenane-center-wrapper .bsw-special-applications__card,
#content_area .zee-professional-maintenane-center-wrapper .bsw-special-applications__image {
  min-height: 350px;
}
#content_area .zee-professional-maintenane-center-wrapper .bsw-asset-record,
#content_area .zee-professional-maintenane-center-wrapper .bsw-asset-links,
#content_area .zee-professional-maintenane-center-wrapper .bsw-asset-cta {
  padding: 29px 24px;
}
#content_area .zee-professional-maintenane-center-wrapper .bsw-asset-links__grid {
  grid-template-columns: 1fr;
}
}
/*Category 7576 -  - (https://www.bathselect.com/category-s/7576.htm) it will use for category id 341 warranty information at 15-07-2026 End Here*/

/*Category 7576 -  - (https://www.bathselect.com/category-s/7577.htm) it will use for category id 7569 warranty and product support at 15-07-2026 Start Here*/
#content_area .zee-warranty-product-support-center-bsw3-wrapper #content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-bsw3 {
  max-width: 1220px;
  margin: auto;
  padding: 0 18px 60px;
  font-family: Arial, Helvetica, sans-serif;
  color: #56636b; /* Formerly var(--text) */
  line-height: 1.6;
}
#content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-bsw3 [id] {
  scroll-margin-top: 22px;
}
#content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-bsw3 h1,
#content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-bsw3 h2,
#content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-bsw3 h3 {
  margin: 0;
  color: #1e252a; /* Formerly var(--ink) */
  line-height: 1.15;
}
#content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-bsw3 h1 {
  max-width: 670px;
  margin-bottom: 18px;
  font-size: clamp(38px, 5vw, 68px);
  font-weight: 500;
  letter-spacing: -1.6px;
}
#content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-bsw3 h2 {
	margin-bottom: 12px !important;
	font-size: clamp(28px, 3.4vw, 42px) !important;
	font-weight: 500 !important;
	letter-spacing: -.7px !important;
	text-align: left !important;
}
#content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-bsw3 h3 {
  margin-bottom: 9px;
  font-size: 20px;
}
#content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-bsw3 p {
  margin: 0 0 15px;
}
#content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-kicker {
  display: block;
  margin-bottom: 12px;
  color: #1f709f; /* Formerly var(--blue2) */
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1.7px;
  text-transform: uppercase;
}
#content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-hero {
  display: grid;
  grid-template-columns: 1.05fr .95fr;
  min-height: 650px;
  overflow: hidden;
  border-bottom: 1px solid #dde5e9; /* Formerly var(--line) */
}
#content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-hero-copy {
  position: relative;
  z-index: 2;
  padding: 70px 46px 60px 28px;
  background: #fff;
}
#content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-hero-copy:after {
  content: "";
  position: absolute;
  top: 0;
  right: -130px;
  width: 240px;
  height: 100%;
  background: #fff;
  clip-path: polygon(0 0, 100% 100%, 0 100%);
}
#content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-hero-copy p {
  max-width: 625px;
}
#content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-hero-media {
  min-height: 650px;
  background: linear-gradient(rgba(8, 51, 82, .05), rgba(8, 51, 82, .05)), url("/v/vspfiles/assets/images/BathSelect Hospitality_shower_system_new_warranty.jpg") center/cover no-repeat;
}
#content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-checks {
  margin: 24px 0;
  padding: 0;
  list-style: none;
}
#content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-checks li {
  position: relative;
  margin-bottom: 10px;
  padding-left: 27px;
  color: #1e252a; /* Formerly var(--ink) */
  font-size: 14px;
  font-weight: 600;
}
#content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-checks li:before {
  content: "\2713";
  position: absolute;
  left: 0;
  color: #1f709f; /* Formerly var(--blue2) */
}
#content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
#content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 45px;
  padding: 11px 19px;
  border: 1px solid #0d4f83; /* Formerly var(--blue) */
  border-radius: 3px;
  background: #0d4f83; /* Formerly var(--blue) */
  color: #fff !important;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none !important;
  text-transform: uppercase;
}
#content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-btn.zee-warranty-product-support-center-light {
  background: #fff;
  color: #0d4f83 !important; /* Formerly var(--blue) */
}
#content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-finder {
  position: relative;
  z-index: 5;
  display: grid;
  grid-template-columns: 1.05fr 1.95fr;
  min-height: 185px;
  margin-top: -36px;
  overflow: hidden;
  border-radius: 3px;
  box-shadow: 0 12px 34px rgba(20, 47, 64, .12);
}
#content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-finder-copy {
  padding: 30px;
  background: linear-gradient(180deg, #f0f9ff, #e6f7ff, #f5fbff);
  color: #fff;
}
#content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-finder-copy h2,
#content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-finder-copy p {
  color: #fff;
}
#content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-finder-copy h2 {
  font-size: 31px;
}
#content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-finder-copy .zee-warranty-product-support-center-kicker {
  color: #b9dcea;
}
#content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-finder-links {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  background: linear-gradient(rgba(255, 255, 255, .82), rgba(255, 255, 255, .82)), url("/v/vspfiles/assets/images/touchless_faucets_restroom_layout.jpg") center/cover no-repeat;
}
#content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-finder-links a {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 92px;
  padding: 15px;
  border-left: 1px solid #dde5e9; /* Formerly var(--line) */
  border-bottom: 1px solid #dde5e9; /* Formerly var(--line) */
  background: rgba(255, 255, 255, .73);
  color: #1e252a; /* Formerly var(--ink) */
  font-size: 13px;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
}
#content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-finder-links a:hover {
  background: rgba(237, 247, 251, .96);
  color: #0d4f83; /* Formerly var(--blue) */
}
#content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-section {
  margin-top: 70px;
}
#content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-head {
  max-width: 830px;
  margin-bottom: 26px;
}
#content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-head p {
  color: #7c878d; /* Formerly var(--muted) */
  font-size: 15px;
}
#content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-strip {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
}
#content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-image-card {
  overflow: hidden;
  border: 1px solid #dde5e9; /* Formerly var(--line) */
  border-radius: 3px;
  background: #fff;
  text-decoration: none;
}
#content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-image-card img {
  display: block;
  width: 100%;
  height: 180px;
  object-fit: cover;
}
#content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-image-card span {
  display: block;
  padding: 13px 14px;
  color: #1e252a; /* Formerly var(--ink) */
  font-size: 13px;
  font-weight: 700;
}
#content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-authority {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  margin-top: 22px;
  border: 1px solid #dde5e9; /* Formerly var(--line) */
}
#content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-authority div {
  padding: 20px;
  border-right: 1px solid #dde5e9; /* Formerly var(--line) */
}
#content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-authority div:last-child {
  border-right: 0;
}
#content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-authority small {
  display: block;
  margin-bottom: 5px;
  color: #7c878d; /* Formerly var(--muted) */
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .8px;
  text-transform: uppercase;
}
#content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-authority strong {
  color: #1e252a; /* Formerly var(--ink) */
  font-size: 15px;
}
#content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-band {
  display: grid;
  grid-template-columns: 1fr 1.2fr;
  min-height: 330px;
  overflow: hidden;
  border-radius: 4px;
}
#content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-band-copy {
  padding: 42px;
  color: #fff;
}
#content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-band-copy h2,
#content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-band-copy p {
  color: #fff;
}
#content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-band-copy p {
  color: rgba(255, 255, 255, .82);
}
#content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-band-copy .zee-warranty-product-support-center-kicker {
  color: #b9dcea;
}
#content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-band-image {
  min-height: 330px;
  background-position: center;
  background-size: cover;
}
#content_area .zee-warranty-product-support-center-bsw3-wrapper #zeeWarrantyProductSupportCenter-band-spec-resources .zee-warranty-product-support-center-band-image {
  background-image: url('/v/vspfiles/assets/images/Spec_resources.jpg');
}
#content_area .zee-warranty-product-support-center-bsw3-wrapper #zeeWarrantyProductSupportCenter-band-hospitality .zee-warranty-product-support-center-band-image {
  background-image: url('/v/vspfiles/assets/images/best_showers_hospitality_commercial-.jpg');
}
#content_area .zee-warranty-product-support-center-bsw3-wrapper #zeeWarrantyProductSupportCenter-band-product-id .zee-warranty-product-support-center-band-image {
  background-image: url('/v/vspfiles/assets/images/luxury-shower-systems-guide.png');
}
#zeeWarrantyProductSupportCenter-band-care-install .zee-warranty-product-support-center-band-image {
  background-image: url('/v/vspfiles/assets/images/BathSelect Hospitality_shower_system_new_warranty.jpg');
}
#content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-summary {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 13px;
}
#content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-summary article {
  min-height: 165px;
  padding: 22px;
  border: 1px solid #dde5e9; /* Formerly var(--line) */
  background: #fff;
}
#content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-summary small {
  display: block;
  margin-bottom: 8px;
  color: #1f709f; /* Formerly var(--blue2) */
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .8px;
  text-transform: uppercase;
}
#content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-summary strong {
  display: block;
  margin-bottom: 8px;
  color: #1e252a; /* Formerly var(--ink) */
  font-size: 17px;
}
#content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-summary span {
  color: #7c878d; /* Formerly var(--muted) */
  font-size: 12px;
}
#content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-compare,
#content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-two {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 17px;
}
#content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-card {
  padding: 26px;
  border: 1px solid #dde5e9; /* Formerly var(--line) */
  background: #fff;
}
#content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-compare .zee-warranty-product-support-center-card:first-child {
  border-top: 4px solid #5d8a70; /* Formerly var(--green) */
}
#content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-compare .zee-warranty-product-support-center-card:last-child {
  border-top: 4px solid #d97745; /* Formerly var(--orange) */
}
#content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
#content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-list li {
  position: relative;
  margin-bottom: 11px;
  padding-left: 27px;
  font-size: 14px;
}
#content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-list li:before {
  position: absolute;
  left: 0;
  font-weight: 700;
}
#content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-yes li:before {
  content: "\2713";
  color: #5d8a70; /* Formerly var(--green) */
}
#content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-no li:before {
  content: "\00D7";
  color: #d97745; /* Formerly var(--orange) */
  font-size: 19px;
}
#content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-table-wrap {
  overflow-x: auto;
  border: 1px solid #dde5e9; /* Formerly var(--line) */
}
#content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-bsw3 table {
  width: 100%;
  min-width: 860px;
  border-collapse: collapse;
}
#content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-bsw3 th,
#content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-bsw3 td {
  padding: 15px;
  border-bottom: 1px solid #dde5e9; /* Formerly var(--line) */
  text-align: left;
  vertical-align: top;
}
#content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-bsw3 th {
  background: #edf7fb; /* Formerly var(--pale) */
  color: #1e252a; /* Formerly var(--ink) */
  font-size: 11px;
  letter-spacing: .5px;
  text-transform: uppercase;
}
#content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-bsw3 td {
  font-size: 13px;
}
#content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-product {
  display: grid;
  grid-template-columns: .85fr 1.15fr;
  min-height: 390px;
  margin-bottom: 20px;
  overflow: hidden;
  border: 1px solid #dde5e9; /* Formerly var(--line) */
  background: #fff;
}
#content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-product:nth-child(even) {
  grid-template-columns: 1.15fr .85fr;
}
#content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-product:nth-child(even) .zee-warranty-product-support-center-product-image {
  order: 2;
}
#content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-product:nth-child(even) .zee-warranty-product-support-center-product-copy {
  order: 1;
}
#content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-product-image {
  min-height: 390px;
  background-position: center;
  background-size: cover;
}
#content_area .zee-warranty-product-support-center-bsw3-wrapper #zeeWarrantyProductSupportCenter-touchless-faucets .zee-warranty-product-support-center-product-image {
  background-image: url('/v/vspfiles/assets/images/best_touchless_faucets_commercial_brands.JPG');
}
#content_area .zee-warranty-product-support-center-bsw3-wrapper #zeeWarrantyProductSupportCenter-shower-systems .zee-warranty-product-support-center-product-image {
  background-image: url('/v/vspfiles/assets/images/BathSelect_Hospitality_rose_gold_shower.jpg');
}
#content_area .zee-warranty-product-support-center-bsw3-wrapper #zeeWarrantyProductSupportCenter-bathtubs .zee-warranty-product-support-center-product-image {
  background-image: url('/v/vspfiles/assets/images/luxury_hospitality_bathroom.jpg');
}
#content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-product-copy {
  padding: 38px;
}
#content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-term {
  display: inline-block;
  margin-bottom: 15px;
  padding: 6px 10px;
  background: #edf7fb; /* Formerly var(--pale) */
  color: #0d4f83; /* Formerly var(--blue) */
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .7px;
  text-transform: uppercase;
}
#content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-mini {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  margin-top: 18px;
}
#content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-mini div {
  padding: 12px;
  border: 1px solid #dde5e9; /* Formerly var(--line) */
  background: #f7fafb; /* Formerly var(--soft) */
}
#content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-mini small {
  display: block;
  margin-bottom: 3px;
  color: #7c878d; /* Formerly var(--muted) */
  font-size: 9px;
  font-weight: 700;
  text-transform: uppercase;
}
#content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-mini strong {
  color: #1e252a; /* Formerly var(--ink) */
  font-size: 12px;
}
#content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-secondary {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 15px;
}
#content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-secondary article {
  padding: 24px;
  border: 1px solid #dde5e9; /* Formerly var(--line) */
  background: #fff;
}
#content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-readiness {
  display: grid;
  grid-template-columns: 1.25fr .75fr;
  gap: 20px;
}
#content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-ready-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}
#content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-ready-grid label {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 54px;
  padding: 12px 14px;
  border: 1px solid #dde5e9; /* Formerly var(--line) */
  background: #fff;
  font-size: 13px;
  font-weight: 600;
}
#content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-ready-grid input {
  width: 18px;
  height: 18px;
  accent-color: #5d8a70; /* Formerly var(--green) */
}
#content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-meter {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 28px;
  background: #edf7fb; /* Formerly var(--pale) */
  text-align: center;
}
#content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-meter strong {
  display: block;
  color: #1e252a; /* Formerly var(--ink) */
  font-size: 34px;
}
#content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-track {
  height: 9px;
  margin: 18px 0 12px;
  overflow: hidden;
  background: #dce9ee;
}
#content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-progress {
  width: 0;
  height: 100%;
  background: linear-gradient(90deg, #5d8a70, #1f709f); /* Formerly var(--green) and var(--blue2) */
  transition: width .25s;
}
#content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-timeline {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
}
#content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-timeline article {
  position: relative;
  padding: 55px 14px 18px;
  text-align: center;
}
#content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-timeline article:before {
  content: "";
  position: absolute;
  top: 22px;
  left: 0;
  width: 100%;
  height: 2px;
  background: #dde5e9; /* Formerly var(--line) */
}
#content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-timeline article:first-child:before {
  left: 50%;
  width: 50%;
}
#content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-timeline article:last-child:before {
  width: 50%;
}
#content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-timeline b {
  position: absolute;
  z-index: 2;
  top: 5px;
  left: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  transform: translateX(-50%);
  border: 5px solid #fff;
  border-radius: 50%;
  background: #0d4f83; /* Formerly var(--blue) */
  color: #fff;
  font-size: 12px;
  box-shadow: 0 0 0 1px #dde5e9; /* Formerly var(--line) */
}
#content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-timeline strong {
  display: block;
  margin-bottom: 5px;
  color: #1e252a; /* Formerly var(--ink) */
  font-size: 13px;
}
#content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-timeline span {
  color: #7c878d; /* Formerly var(--muted) */
  font-size: 11px;
}
#content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-downloads,
#content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-routes,
#content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-resources {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
}
#content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-downloads article,
#content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-routes a,
#content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-resources a {
  display: block;
  min-height: 185px;
  padding: 22px;
  border: 1px solid #dde5e9; /* Formerly var(--line) */
  background: #fff;
  text-decoration: none;
}
#content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-routes strong,
#content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-resources strong {
  display: block;
  margin-bottom: 8px;
  color: #1e252a; /* Formerly var(--ink) */
  font-size: 18px;
}
#content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-downloads a,
#content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-downloads button,
#content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-routes span,
#content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-resources span {
  padding: 0;
  border: 0;
  background: none;
  color: #0d4f83; /* Formerly var(--blue) */
  font: inherit;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
  cursor: pointer;
}
#content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-accordion details {
  margin-bottom: 10px;
  border: 1px solid #dde5e9; /* Formerly var(--line) */
  background: #fff;
}
#content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-accordion summary {
  position: relative;
  padding: 16px 46px 16px 17px;
  color: #1e252a; /* Formerly var(--ink) */
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
  list-style: none;
}
#content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-accordion summary:after {
  content: "+";
  position: absolute;
  top: 50%;
  right: 16px;
  transform: translateY(-50%);
  color: #1f709f; /* Formerly var(--blue2) */
  font-size: 21px;
}
#content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-accordion details[open] summary:after {
  content: "\2212";
}
#content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-answer {
  padding: 0 17px 17px;
  color: #7c878d; /* Formerly var(--muted) */
  font-size: 13px;
}
#content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-contact {
	margin-top: 70px;
	padding: 48px;
	background: linear-gradient(180deg, #f0f9ff, #e6f7ff, #f5fbff), url("/v/vspfiles/assets/images/Hospitality Restrooms, Hotels & Guest Experience.jpg") center/cover no-repeat;
	color: #fff;
	text-align: center;
}
#content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-contact h2,
#content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-contact p {
  color: #fff;
}
#content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-contact p {
  max-width: 760px;
  margin-right: auto;
  margin-left: auto;
  color: rgba(255, 255, 255, .82);
}
#content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-contact-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  margin-top: 22px;
}
#content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-policy {
  margin-top: 22px;
  padding: 20px;
  border: 1px solid #dde5e9; /* Formerly var(--line) */
  background: #f7fafb; /* Formerly var(--soft) */
  font-size: 12px;
}
#content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-mobile-help {
  display: none;
}
@media(max-width:980px) {
  #content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-hero {
    grid-template-columns: 1fr;
  }
  #content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-hero-copy:after {
    display: none;
  }
  #content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-hero-media {
    min-height: 430px;
  }
  #content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-finder,
  #content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-band,
  #content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-product,
  #content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-product:nth-child(even),
  #content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-readiness {
    grid-template-columns: 1fr;
  }
  #content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-product:nth-child(even) .zee-warranty-product-support-center-product-image,
  #content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-product:nth-child(even) .zee-warranty-product-support-center-product-copy {
    order: initial;
  }
  #content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-strip {
    grid-template-columns: repeat(2, 1fr);
  }
  #content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-summary,
  #content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-authority {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media(max-width:720px) {
  #content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-bsw3 {
    padding: 0 11px 60px;
  }
  #content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-hero-copy {
    padding: 38px 22px;
  }
  #content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-hero-media {
    min-height: 320px;
  }
  #content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-finder {
    margin-top: 18px;
  }
  #content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-finder-links,
  #content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-strip,
  #content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-summary,
  #content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-compare,
  #content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-two,
  #content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-secondary,
  #content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-ready-grid,
  #content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-downloads,
  #content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-routes,
  #content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-resources,
  #content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-authority {
    grid-template-columns: 1fr;
  }
  #content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-timeline {
    grid-template-columns: 1fr;
  }
  #content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-timeline article {
    padding: 15px 15px 15px 60px;
    text-align: left;
  }
  #content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-timeline article:before {
    top: 0;
    left: 25px !important;
    width: 2px !important;
    height: 100%;
  }
  #content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-timeline b {
    top: 50%;
    left: 25px;
    transform: translate(-50%, -50%);
  }
  #content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-mobile-help {
    position: fixed;
    z-index: 9999;
    right: 14px;
    bottom: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 130px;
    min-height: 44px;
    padding: 10px 15px;
    border-radius: 100px;
    background: #0d4f83; /* Formerly var(--blue) */
    color: #fff !important;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none !important;
    box-shadow: 0 8px 24px rgba(23, 49, 65, .25);
  }
}
@media print {
  #content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-finder,
  #content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-contact,
  #content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-mobile-help,
  #content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-hero-actions,
  #content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-routes,
  #content_area .zee-warranty-product-support-center-bsw3-wrapper button {
    display: none !important;
  }
  #content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-bsw3 {
    max-width: none;
    padding: 0;
  }
  #content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-section,
  #content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-product,
  #content_area .zee-warranty-product-support-center-bsw3-wrapper .zee-warranty-product-support-center-card {
    break-inside: avoid;
  }
}
/*Category 7576 -  - (https://www.bathselect.com/category-s/7577.htm) it will use for category id 7569 warranty and product support at 15-07-2026 End Here*/

/* Category id - 78  -- Warranty-Bathroom-Fixtures (https://www.bathselect.com/Warranty-Bathroom-Fixtures-s/78.htm) at 19-07-2026 Start Here*/
#content_area  #bathselect-warranty-center {
--bsw-navy: #25afeb;
--bsw-navy-dark: #25afeb;
--bsw-navy-soft: #0b558a;
--bsw-blue: #347fb4;
--bsw-blue-light: #9bd2e8;
--bsw-sky: #eef8fc;
--bsw-sky-light: #f9fdff;
--bsw-white: #ffffff;
--bsw-heading: #26343d;
--bsw-text: #58666f;
--bsw-muted: #74818a;
--bsw-border: #dce7ec;
--bsw-shadow: 0 18px 55px rgba(29, 67, 93, 0.11);
--bsw-shadow-soft: 0 10px 32px rgba(29, 67, 93, 0.075);
width: 100%;
margin: 0;
padding: 0 0 90px;
background:
linear-gradient(
	180deg,
	#ffffff 0%,
	#ffffff 68%,
	#f7fbfd 100%
);
color: var(--bsw-text);
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
line-height: 1.68;
box-sizing: border-box;
overflow: hidden;
}
#content_area  #bathselect-warranty-center *,
#content_area  #bathselect-warranty-center *::before,
#content_area  #bathselect-warranty-center *::after {
box-sizing: border-box;
}
#content_area  #bathselect-warranty-center img {
display: block;
width: 100%;
max-width: 100%;
height: auto;
border: 0;
}
#content_area  #bathselect-warranty-center a {
color: inherit;
}
#content_area  #bathselect-warranty-center p {
margin: 0 0 18px;
}
#content_area  #bathselect-warranty-center strong {
color: #2c3a43;
}
#content_area  #bathselect-warranty-center h1,
#content_area  #bathselect-warranty-center h2,
#content_area  #bathselect-warranty-center h3,
#content_area  #bathselect-warranty-center h4 {
margin: 0;
color: var(--bsw-heading);
font-family: Arial, Helvetica, sans-serif;
font-weight: 500;
letter-spacing: -0.025em;
}
#content_area  #bathselect-warranty-center h1 {
font-size: clamp(41px, 4.5vw, 70px);
line-height: 1.02;
}
#content_area  #bathselect-warranty-center h2 {
font-size: clamp(31px, 3.1vw, 49px);
line-height: 1.09;
}
#content_area  #bathselect-warranty-center h3 {
font-size: 23px;
line-height: 1.25;
}
#content_area  #bathselect-warranty-center h4 {
font-size: 18px;
line-height: 1.3;
}
#content_area  #bathselect-warranty-center .bsw-container {
width: calc(100% - 56px);
max-width: 1480px;
margin: 0 auto;
}
#content_area  #bathselect-warranty-center .bsw-narrow {
width: calc(100% - 56px);
max-width: 1160px;
margin: 0 auto;
}
#content_area  #bathselect-warranty-center .bsw-section {
padding: 86px 0;
}
#content_area  #bathselect-warranty-center .bsw-section--small {
padding: 58px 0;
}
#content_area  #bathselect-warranty-center .bsw-section--sky {
background:
linear-gradient(
	135deg,
	#fbfeff 0%,
	#edf8fc 100%
);
}
#content_area  #bathselect-warranty-center .bsw-section--navy {
background:
linear-gradient(
	135deg,
	var(--bsw-navy-dark) 0%,
	var(--bsw-navy) 55%,
	var(--bsw-navy-soft) 100%
);
}
#content_area  #bathselect-warranty-center .bsw-eyebrow {
display: inline-flex;
align-items: center;
gap: 11px;
margin: 0 0 15px;
color: var(--bsw-blue);
font-size: 11px;
font-weight: 700;
letter-spacing: 1.8px;
line-height: 1.3;
text-transform: uppercase;
}
#content_area  #bathselect-warranty-center .bsw-eyebrow::before {
content: "";
width: 32px;
height: 2px;
background: var(--bsw-blue);
}
#content_area #bathselect-warranty-center .bsw-eyebrow--white {
	color: #347fb4;
}
#content_area  #bathselect-warranty-center .bsw-eyebrow--white::before {
background: #347fb4;
}
#content_area  #bathselect-warranty-center .bsw-section-heading {
max-width: 880px;
margin-bottom: 46px;
}
#content_area  #bathselect-warranty-center .bsw-section-heading h2 {
margin-bottom: 20px;
}
#content_area  #bathselect-warranty-center .bsw-section-heading p {
color: var(--bsw-muted);
font-size: 17px;
line-height: 1.72;
}
#content_area  #bathselect-warranty-center .bsw-section-heading--center {
margin-right: auto;
margin-left: auto;
text-align: center;
}
#content_area  #bathselect-warranty-center .bsw-section-heading--center .bsw-eyebrow {
justify-content: center;
}
/* ==========================================================
02. BUTTONS
========================================================== */
#content_area  #bathselect-warranty-center .bsw-buttons {
display: flex;
flex-wrap: wrap;
gap: 12px;
margin-top: 28px;
}
#content_area  #bathselect-warranty-center .bsw-button {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 49px;
padding: 14px 25px;
border: 1px solid var(--bsw-navy);
border-radius: 3px;
background: var(--bsw-navy);
color: #ffffff;
font-size: 11px;
font-weight: 700;
letter-spacing: 0.8px;
line-height: 1.2;
text-align: center;
text-decoration: none;
text-transform: uppercase;
transition:
background-color 0.2s ease,
border-color 0.2s ease,
color 0.2s ease,
transform 0.2s ease;
}
#content_area  #bathselect-warranty-center .bsw-button:hover {
border-color: var(--bsw-navy-dark);
background: var(--bsw-navy-dark);
color: #ffffff;
transform: translateY(-2px);
}
#content_area  #bathselect-warranty-center .bsw-button--outline {
background: transparent;
color: var(--bsw-navy);
}
#content_area  #bathselect-warranty-center .bsw-button--outline:hover {
background: var(--bsw-navy);
color: #ffffff;
}
#content_area  #bathselect-warranty-center .bsw-button--white {
border-color: #ffffff;
background: #ffffff;
color: var(--bsw-navy);
}
#content_area  #bathselect-warranty-center .bsw-button--white:hover {
border-color: #dceff7;
background: #dceff7;
color: var(--bsw-navy-dark);
}
/* ==========================================================
03. MINIMAL HERO
========================================================== */
#content_area  #bathselect-warranty-center .bsw-hero {
position: relative;
min-height: 690px;
background: #ffffff;
overflow: hidden;
}
#content_area  #bathselect-warranty-center .bsw-hero__grid {
display: grid;
grid-template-columns: 43% 57%;
min-height: 690px;
}
#content_area  #bathselect-warranty-center .bsw-hero__content {
position: relative;
z-index: 4;
display: flex;
align-items: center;
padding:
72px
55px
72px
max(44px, calc((100vw - 1480px) / 2));
background: #ffffff;
}
#content_area  #bathselect-warranty-center .bsw-hero__content::after {
content: "";
position: absolute;
z-index: -1;
top: 0;
right: -145px;
width: 285px;
height: 100%;
background: #ffffff;
transform: skewX(-12deg);
transform-origin: top;
}
#content_area  #bathselect-warranty-center .bsw-hero__inner {
max-width: 540px;
}
#content_area  #bathselect-warranty-center .bsw-hero__brand {
display: block;
margin-bottom: 16px;
color: var(--bsw-blue);
font-size: 12px;
font-weight: 700;
letter-spacing: 2px;
line-height: 1.3;
text-transform: uppercase;
}
#content_area  #bathselect-warranty-center .bsw-hero h1 {
max-width: 540px;
margin-bottom: 22px;
}
#content_area  #bathselect-warranty-center .bsw-hero__description {
max-width: 460px;
margin: 0;
color: #66737b;
font-size: 16px;
line-height: 1.65;
}
#content_area  #bathselect-warranty-center .bsw-hero__visual {
position: relative;
min-height: 690px;
background: #e9f4f8;
overflow: hidden;
}
#content_area  #bathselect-warranty-center .bsw-hero__visual img {
width: 100%;
height: 690px;
object-fit: cover;
object-position: center;
}
#content_area  #bathselect-warranty-center .bsw-hero__visual::after {
content: "";
position: absolute;
inset: 0;
background:
linear-gradient(
	90deg,
	rgba(255,255,255,0.14) 0%,
	rgba(255,255,255,0) 36%
);
pointer-events: none;
}
/* ==========================================================
04. HERO LOWER STRIP
========================================================== */
#content_area  #bathselect-warranty-center .bsw-hero-strip {
position: relative;
z-index: 7;
width: calc(100% - 56px);
max-width: 1450px;
margin: -36px auto 0;
background: #ffffff;
box-shadow: var(--bsw-shadow);
}
#content_area  #bathselect-warranty-center .bsw-hero-strip__grid {
display: grid;
grid-template-columns: 35% 65%;
min-height: 255px;
}
#content_area  #bathselect-warranty-center .bsw-hero-strip__content {
display: flex;
flex-direction: column;
justify-content: center;
padding: 42px 46px;
background:
#dff3ff;
color: #ffffff;
}
#content_area  #bathselect-warranty-center .bsw-hero-strip__content h2 {
margin-bottom: 13px;
color: #ffffff;
font-size: clamp(29px, 3vw, 44px);
}
#content_area  #bathselect-warranty-center .bsw-hero-strip__content p {
margin: 0;
color: rgba(255,255,255,0.84);
font-size: 14px;
line-height: 1.65;
}
#content_area  #bathselect-warranty-center .bsw-hero-strip__image {
height: 255px;
overflow: hidden;
}
#content_area  #bathselect-warranty-center .bsw-hero-strip__image img {
width: 100%;
height: 255px;
object-fit: cover;
object-position: center;
}
/* ==========================================================
05. INTRODUCTION
========================================================== */
#content_area  #bathselect-warranty-center .bsw-intro-grid {
display: grid;
grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
gap: 76px;
align-items: start;
}
#content_area  #bathselect-warranty-center .bsw-intro-copy h2 {
margin-bottom: 24px;
}
#content_area  #bathselect-warranty-center .bsw-lead {
color: #4d5c65;
font-size: 18px;
line-height: 1.76;
}
#content_area  #bathselect-warranty-center .bsw-principles {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 18px;
}
#content_area  #bathselect-warranty-center .bsw-principle {
padding: 28px 26px;
border: 1px solid var(--bsw-border);
background: #ffffff;
box-shadow: var(--bsw-shadow-soft);
}
#content_area  #bathselect-warranty-center .bsw-principle__number {
display: block;
margin-bottom: 16px;
color: #89b8ce;
font-size: 12px;
font-weight: 700;
letter-spacing: 1.4px;
}
#content_area  #bathselect-warranty-center .bsw-principle h3 {
margin-bottom: 10px;
}
#content_area  #bathselect-warranty-center .bsw-principle p {
margin: 0;
color: #68757d;
font-size: 14px;
line-height: 1.65;
}
/* ==========================================================
06. CARDS AND CHECK LISTS
========================================================== */
#content_area  #bathselect-warranty-center .bsw-card-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 20px;
}
#content_area  #bathselect-warranty-center .bsw-card {
position: relative;
min-height: 100%;
padding: 35px 30px;
border: 1px solid var(--bsw-border);
background: #ffffff;
box-shadow: var(--bsw-shadow-soft);
overflow: hidden;
}
#content_area  #bathselect-warranty-center .bsw-card::before {
content: "";
position: absolute;
top: 0;
right: 0;
left: 0;
height: 4px;
background:
linear-gradient(
	90deg,
	var(--bsw-navy) 0%,
	var(--bsw-blue-light) 100%
);
}
#content_area  #bathselect-warranty-center .bsw-card__label {
display: inline-block;
margin-bottom: 19px;
padding: 6px 11px;
background: #eaf6fb;
color: var(--bsw-navy);
font-size: 10px;
font-weight: 700;
letter-spacing: 1.1px;
text-transform: uppercase;
}
#content_area  #bathselect-warranty-center .bsw-card h3 {
margin-bottom: 13px;
}
#content_area  #bathselect-warranty-center .bsw-card p {
margin: 0;
color: #66747d;
font-size: 14px;
line-height: 1.7;
}
#content_area  #bathselect-warranty-center .bsw-check-list {
display: grid;
gap: 11px;
margin: 18px 0 0;
padding: 0;
list-style: none;
}
#content_area  #bathselect-warranty-center .bsw-check-list li {
position: relative;
padding-left: 25px;
color: #56656e;
font-size: 14px;
line-height: 1.55;
}
#content_area  #bathselect-warranty-center .bsw-check-list li::before {
content: "?";
position: absolute;
top: 0;
left: 0;
color: var(--bsw-blue);
font-weight: 700;
}
/* ==========================================================
07. LARGE 600PX EDITORIAL SECTIONS
========================================================== */
#content_area  #bathselect-warranty-center .bsw-editorial {
display: grid;
grid-template-columns: 56% 44%;
min-height: 600px;
margin-bottom: 42px;
background: #ffffff;
box-shadow: var(--bsw-shadow);
}
#content_area  #bathselect-warranty-center .bsw-editorial--reverse {
grid-template-columns: 44% 56%;
}
#content_area  #bathselect-warranty-center .bsw-editorial__image {
height: 600px;
overflow: hidden;
background: #eef6f9;
}
#content_area  #bathselect-warranty-center .bsw-editorial__image img {
width: 100%;
height: 600px;
object-fit: cover;
object-position: center;
}
#content_area  #bathselect-warranty-center .bsw-editorial__content {
display: flex;
flex-direction: column;
justify-content: center;
padding: 60px 56px;
background: #ffffff;
}
#content_area  #bathselect-warranty-center .bsw-editorial__content--sky {
background:
linear-gradient(
	145deg,
	#f9fdff 0%,
	#edf8fc 100%
);
}
#content_area #bathselect-warranty-center .bsw-editorial__content--navy {
	background: #dff3ff;
	color: #ffffff;
}
#content_area  #bathselect-warranty-center .bsw-editorial__content h2 {
margin-bottom: 21px;
}
#content_area  #bathselect-warranty-center .bsw-editorial__content p {
color: #64717a;
font-size: 16px;
line-height: 1.72;
}
#content_area  #bathselect-warranty-center .bsw-editorial__content--navy h2,
#content_area  #bathselect-warranty-center .bsw-editorial__content--navy h3,
#content_area  #bathselect-warranty-center .bsw-editorial__content--navy strong {
color: #ffffff;
}
#content_area  #bathselect-warranty-center .bsw-editorial__content--navy p {
color: rgba(255,255,255,0.83);
}
/*#content_area  #bathselect-warranty-center .bsw-editorial__content--navy .bsw-check-list li {
color: rgba(255,255,255,0.91);
}
#content_area  #bathselect-warranty-center .bsw-editorial__content--navy .bsw-check-list li::before {
color: #a7dcef;
}*/
/* ==========================================================
08. FULL-WIDTH 600PX IMAGE
========================================================== */
#content_area  #bathselect-warranty-center .bsw-wide-image {
position: relative;
width: 100%;
height: 600px;
margin-bottom: 42px;
overflow: hidden;
background: #eaf4f8;
box-shadow: var(--bsw-shadow-soft);
}
#content_area  #bathselect-warranty-center .bsw-wide-image img {
width: 100%;
height: 600px;
object-fit: cover;
object-position: center;
}
#content_area  #bathselect-warranty-center .bsw-wide-image__overlay {
position: absolute;
inset: 0;
display: flex;
align-items: flex-end;
padding: 52px;
background:
linear-gradient(
	180deg,
	rgba(3,30,50,0) 25%,
	rgba(3,30,50,0.82) 100%
);
}
#content_area  #bathselect-warranty-center .bsw-wide-image__content {
max-width: 750px;
}
#content_area #bathselect-warranty-center .bsw-wide-image h2 {
	margin-bottom: 11px !important;
	color: #ffffff !important;
	text-align: left !important;
	line-height: normal !important;
}
#content_area #bathselect-warranty-center .bsw-wide-image p {
	margin: 0 !important;
	color: #fff !important;
	font-size: 15px !important;
	line-height: 1.65 !important;
}
/* ==========================================================
09. LARGE IMAGE GRIDS
========================================================== */
#content_area  #bathselect-warranty-center .bsw-image-trio {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 18px;
}
#content_area  #bathselect-warranty-center .bsw-image-card {
position: relative;
height: 600px;
overflow: hidden;
background: #edf5f8;
}
#content_area  #bathselect-warranty-center .bsw-image-card img {
width: 100%;
height: 600px;
object-fit: cover;
object-position: center;
transition: transform 0.5s ease;
}
#content_area  #bathselect-warranty-center .bsw-image-card:hover img {
transform: scale(1.025);
}
#content_area  #bathselect-warranty-center .bsw-image-card__caption {
position: absolute;
right: 0;
bottom: 0;
left: 0;
padding: 85px 28px 28px;
background:
linear-gradient(
	180deg,
	rgba(3,30,50,0) 0%,
	rgba(3,30,50,0.87) 100%
);
}
#content_area  #bathselect-warranty-center .bsw-image-card__caption strong {
display: block;
color: #ffffff;
font-size: 21px;
font-weight: 500;
line-height: 1.3;
}
#content_area  #bathselect-warranty-center .bsw-image-card__caption span {
display: block;
margin-top: 7px;
color: rgba(255,255,255,0.78);
font-size: 12px;
line-height: 1.5;
}
#content_area  #bathselect-warranty-center .bsw-double-visual {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 18px;
}
#content_area  #bathselect-warranty-center .bsw-double-visual__item {
position: relative;
height: 600px;
overflow: hidden;
background: #edf5f8;
box-shadow: var(--bsw-shadow-soft);
}
#content_area  #bathselect-warranty-center .bsw-double-visual__item img {
width: 100%;
height: 600px;
object-fit: cover;
object-position: center;
}
#content_area  #bathselect-warranty-center .bsw-double-visual__caption {
position: absolute;
right: 0;
bottom: 0;
left: 0;
padding: 100px 34px 32px;
background:
linear-gradient(
	180deg,
	rgba(2,28,46,0) 0%,
	rgba(2,28,46,0.88) 100%
);
}
#content_area  #bathselect-warranty-center .bsw-double-visual__caption span {
display: block;
margin-bottom: 8px;
color: #addcf0;
font-size: 10px;
font-weight: 700;
letter-spacing: 1.5px;
text-transform: uppercase;
}
#content_area  #bathselect-warranty-center .bsw-double-visual__caption strong {
display: block;
max-width: 540px;
color: #ffffff;
font-size: 28px;
font-weight: 500;
line-height: 1.2;
}
/* ==========================================================
10. HOSPITALITY COLLECTIONS
========================================================== */
#content_area  #bathselect-warranty-center .bsw-collection-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 20px;
}
#content_area  #bathselect-warranty-center .bsw-collection {
display: flex;
flex-direction: column;
min-height: 305px;
padding: 35px 30px;
border: 1px solid var(--bsw-border);
background: #ffffff;
box-shadow: var(--bsw-shadow-soft);
}
#content_area  #bathselect-warranty-center .bsw-collection--featured {
border-color: var(--bsw-navy);
background:
linear-gradient(
	145deg,
	var(--bsw-navy-dark) 0%,
	var(--bsw-navy) 100%
);
}
#content_area  #bathselect-warranty-center .bsw-collection__type {
display: block;
margin-bottom: 22px;
color: var(--bsw-blue);
font-size: 10px;
font-weight: 700;
letter-spacing: 1.5px;
text-transform: uppercase;
}
#content_area  #bathselect-warranty-center .bsw-collection h3 {
margin-bottom: 14px;
}
#content_area  #bathselect-warranty-center .bsw-collection p {
margin: 0;
color: #67747d;
font-size: 14px;
line-height: 1.68;
}
#content_area  #bathselect-warranty-center .bsw-collection__line {
width: 44px;
margin-top: auto;
padding-top: 27px;
border-bottom: 2px solid #76bad8;
}
#content_area  #bathselect-warranty-center .bsw-collection--featured h3,
#content_area  #bathselect-warranty-center .bsw-collection--featured p,
#content_area  #bathselect-warranty-center .bsw-collection--featured .bsw-collection__type {
color: #ffffff;
}
/* ==========================================================
11. DOCUMENTATION
========================================================== */
#content_area  #bathselect-warranty-center .bsw-documentation {
display: grid;
grid-template-columns: 46% 54%;
min-height: 680px;
background:
linear-gradient(
	145deg,
	var(--bsw-navy-dark) 0%,
	var(--bsw-navy) 100%
);
box-shadow: var(--bsw-shadow);
}
#content_area  #bathselect-warranty-center .bsw-documentation__content {
display: flex;
flex-direction: column;
justify-content: center;
padding: 64px 58px;
color: #ffffff;
}
#content_area  #bathselect-warranty-center .bsw-documentation__content h2,
#content_area  #bathselect-warranty-center .bsw-documentation__content strong {
color: #ffffff;
}
#content_area  #bathselect-warranty-center .bsw-documentation__content h2 {
margin-bottom: 21px;
}
#content_area  #bathselect-warranty-center .bsw-documentation__content p {
color: rgba(255,255,255,0.82);
}
#content_area  #bathselect-warranty-center .bsw-documentation__content .bsw-check-list li {
color: rgba(255,255,255,0.92);
font-size: 15px;
}
#content_area  #bathselect-warranty-center .bsw-documentation__content .bsw-check-list li::before {
color: #a7dcef;
}
#content_area  #bathselect-warranty-center .bsw-documentation__image {
height: 680px;
overflow: hidden;
}
#content_area  #bathselect-warranty-center .bsw-documentation__image img {
width: 100%;
height: 680px;
object-fit: cover;
object-position: center;
}
/* ==========================================================
12. TRUST / AUTHORITY BAR
========================================================== */
#content_area  #bathselect-warranty-center .bsw-trust-bar {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
border: 1px solid var(--bsw-border);
background: #ffffff;
box-shadow: var(--bsw-shadow-soft);
}
#content_area  #bathselect-warranty-center .bsw-trust-bar__item {
padding: 34px 28px;
text-align: center;
}
#content_area  #bathselect-warranty-center .bsw-trust-bar__item:not(:last-child) {
border-right: 1px solid var(--bsw-border);
}
#content_area  #bathselect-warranty-center .bsw-trust-bar__number {
display: block;
margin-bottom: 11px;
color: var(--bsw-blue);
font-size: 12px;
font-weight: 700;
letter-spacing: 1.5px;
text-transform: uppercase;
}
#content_area  #bathselect-warranty-center .bsw-trust-bar strong {
display: block;
margin-bottom: 8px;
color: var(--bsw-heading);
font-size: 18px;
font-weight: 500;
line-height: 1.3;
}
#content_area  #bathselect-warranty-center .bsw-trust-bar p {
margin: 0;
color: var(--bsw-muted);
font-size: 13px;
line-height: 1.55;
}
/* ==========================================================
13. QUALITY CARDS
========================================================== */
#content_area  #bathselect-warranty-center .bsw-quality-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 20px;
}
#content_area  #bathselect-warranty-center .bsw-quality-card {
position: relative;
min-height: 315px;
padding: 36px 31px;
border: 1px solid var(--bsw-border);
background: #ffffff;
box-shadow: var(--bsw-shadow-soft);
overflow: hidden;
}
#content_area  #bathselect-warranty-center .bsw-quality-card__number {
display: block;
margin-bottom: 24px;
color: #8dbdd2;
font-size: 12px;
font-weight: 700;
letter-spacing: 1.4px;
}
#content_area  #bathselect-warranty-center .bsw-quality-card h3 {
margin-bottom: 14px;
}
#content_area  #bathselect-warranty-center .bsw-quality-card p {
margin: 0;
color: #66747d;
font-size: 14px;
line-height: 1.7;
}
/* ==========================================================
14. TECHNICAL AUTHORITY BAND
========================================================== */
#content_area  #bathselect-warranty-center .bsw-authority-band {
position: relative;
padding: 82px 0;
background:#fff;
overflow: hidden;
}
#content_area  #bathselect-warranty-center .bsw-authority-band__grid {
position: relative;
z-index: 2;
display: grid;
grid-template-columns: 0.82fr 1.18fr;
gap: 70px;
align-items: start;
}
#content_area  #bathselect-warranty-center .bsw-authority-band h2,
#content_area  #bathselect-warranty-center .bsw-authority-band h3,
#content_area  #bathselect-warranty-center .bsw-authority-band strong {
color: #ffffff;
}
#content_area  #bathselect-warranty-center .bsw-authority-band h2 {
margin-bottom: 20px;
}
#content_area  #bathselect-warranty-center .bsw-authority-band p {
color: rgba(255,255,255,0.82);
}
#content_area  #bathselect-warranty-center .bsw-authority-list {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 17px;
}
#content_area  #bathselect-warranty-center .bsw-authority-item {
padding: 25px 23px;
border: 1px solid rgba(255,255,255,0.16);
background: rgba(255,255,255,0.06);
}
#content_area  #bathselect-warranty-center .bsw-authority-item strong {
display: block;
margin-bottom: 8px;
font-size: 16px;
font-weight: 500;
}
#content_area  #bathselect-warranty-center .bsw-authority-item p {
margin: 0;
font-size: 13px;
line-height: 1.6;
}
/* ==========================================================
15. PARTS GRID
========================================================== */
#content_area  #bathselect-warranty-center .bsw-parts-grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 16px;
}
#content_area  #bathselect-warranty-center .bsw-part-card {
min-height: 215px;
padding: 28px 24px;
border: 1px solid var(--bsw-border);
background: #ffffff;
box-shadow: var(--bsw-shadow-soft);
}
#content_area  #bathselect-warranty-center .bsw-part-card__index {
display: block;
margin-bottom: 18px;
color: #8dbed4;
font-size: 11px;
font-weight: 700;
letter-spacing: 1.3px;
}
#content_area  #bathselect-warranty-center .bsw-part-card h3 {
margin-bottom: 10px;
font-size: 19px;
}
#content_area  #bathselect-warranty-center .bsw-part-card p {
margin: 0;
color: #68767f;
font-size: 13px;
line-height: 1.6;
}
/* ==========================================================
16. FINISH BAND
========================================================== */
#content_area  #bathselect-warranty-center .bsw-finish-band {
display: grid;
grid-template-columns: repeat(6, minmax(0, 1fr));
border: 1px solid var(--bsw-border);
background: #ffffff;
box-shadow: var(--bsw-shadow-soft);
}
#content_area  #bathselect-warranty-center .bsw-finish-item {
min-height: 135px;
padding: 25px 16px;
text-align: center;
}
#content_area  #bathselect-warranty-center .bsw-finish-item:not(:last-child) {
border-right: 1px solid var(--bsw-border);
}
#content_area  #bathselect-warranty-center .bsw-finish-circle {
width: 42px;
height: 42px;
margin: 0 auto 14px;
border: 1px solid rgba(0,0,0,0.08);
border-radius: 50%;
box-shadow: inset 0 0 10px rgba(255,255,255,0.5);
}
#content_area  #bathselect-warranty-center .bsw-finish-circle--chrome {
background: linear-gradient(135deg, #ffffff, #aeb8be, #f8fbfc, #8e989e);
}
#content_area  #bathselect-warranty-center .bsw-finish-circle--gold {
background: linear-gradient(135deg, #d5af53, #f1d98c, #9d792b);
}
#content_area  #bathselect-warranty-center .bsw-finish-circle--black {
background: linear-gradient(135deg, #4b4f52, #101214, #35393c);
}
#content_area  #bathselect-warranty-center .bsw-finish-circle--nickel {
background: linear-gradient(135deg, #dedbd1, #9d9b95, #ece9e1);
}
#content_area  #bathselect-warranty-center .bsw-finish-circle--bronze {
background: linear-gradient(135deg, #8a633d, #4a301d, #a87a49);
}
#content_area  #bathselect-warranty-center .bsw-finish-circle--rose {
background: linear-gradient(135deg, #dba58d, #efc6b3, #b77762);
}
#content_area  #bathselect-warranty-center .bsw-finish-item strong {
display: block;
color: var(--bsw-heading);
font-size: 13px;
font-weight: 500;
line-height: 1.35;
}
/* ==========================================================
17. CARE PANELS
========================================================== */
#content_area  #bathselect-warranty-center .bsw-split-panels {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 22px;
}
#content_area  #bathselect-warranty-center .bsw-panel {
padding: 40px 36px;
border: 1px solid var(--bsw-border);
background: #ffffff;
box-shadow: var(--bsw-shadow-soft);
}
#content_area  #bathselect-warranty-center .bsw-panel--blue {
background:
linear-gradient(
	145deg,
	#f7fcfe 0%,
	#eaf6fb 100%
);
}
#content_area  #bathselect-warranty-center .bsw-panel h3 {
margin-bottom: 17px;
font-size: 27px;
}
#content_area  #bathselect-warranty-center .bsw-panel p {
color: #65727b;
}
#content_area  #bathselect-warranty-center .bsw-panel ul {
display: grid;
gap: 11px;
margin: 19px 0 0;
padding: 0;
list-style: none;
}
#content_area  #bathselect-warranty-center .bsw-panel li {
position: relative;
padding-left: 25px;
color: #596872;
font-size: 14px;
line-height: 1.55;
}
#content_area  #bathselect-warranty-center .bsw-panel li::before {
content: "�";
position: absolute;
left: 0;
color: var(--bsw-blue);
font-weight: 700;
}
/* ==========================================================
18. PROCESS
========================================================== */
#content_area  #bathselect-warranty-center .bsw-process {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 18px;
}
#content_area  #bathselect-warranty-center .bsw-process-step {
padding: 34px 28px;
border: 1px solid var(--bsw-border);
background: #ffffff;
box-shadow: var(--bsw-shadow-soft);
}
#content_area  #bathselect-warranty-center .bsw-process-step__number {
display: block;
margin-bottom: 19px;
color: #8abed5;
font-size: 13px;
font-weight: 700;
letter-spacing: 1.3px;
}
#content_area  #bathselect-warranty-center .bsw-process-step h3 {
margin-bottom: 12px;
font-size: 21px;
}
#content_area  #bathselect-warranty-center .bsw-process-step p {
margin: 0;
color: #69767f;
font-size: 14px;
line-height: 1.65;
}
/* ==========================================================
19. OFFICIAL TERMS
========================================================== */
#content_area  #bathselect-warranty-center .bsw-terms-layout {
display: grid;
grid-template-columns: 290px minmax(0, 1fr);
gap: 55px;
padding: 50px;
border: 1px solid var(--bsw-border);
background: #ffffff;
box-shadow: var(--bsw-shadow-soft);
}
#content_area  #bathselect-warranty-center .bsw-terms-nav {
position: sticky;
top: 20px;
align-self: start;
padding: 28px;
background:
linear-gradient(
	145deg,
	#f7fcfe 0%,
	#edf8fc 100%
);
}
#content_area  #bathselect-warranty-center .bsw-terms-nav h3 {
margin-bottom: 18px;
font-size: 20px;
}
#content_area  #bathselect-warranty-center .bsw-terms-nav ul {
margin: 0;
padding: 0;
list-style: none;
}
#content_area  #bathselect-warranty-center .bsw-terms-nav li {
margin-bottom: 10px;
}
#content_area  #bathselect-warranty-center .bsw-terms-nav a {
color: #52626c;
font-size: 14px;
line-height: 1.45;
text-decoration: none;
}
#content_area  #bathselect-warranty-center .bsw-terms-nav a:hover {
color: var(--bsw-blue);
}
#content_area  #bathselect-warranty-center .bsw-term {
padding-bottom: 33px;
margin-bottom: 33px;
border-bottom: 1px solid var(--bsw-border);
}
#content_area  #bathselect-warranty-center .bsw-term:last-child {
padding-bottom: 0;
margin-bottom: 0;
border-bottom: 0;
}
#content_area  #bathselect-warranty-center .bsw-term h3 {
margin-bottom: 15px;
color: var(--bsw-navy);
}
#content_area  #bathselect-warranty-center .bsw-term p:last-child {
margin-bottom: 0;
}
#content_area  #bathselect-warranty-center .bsw-legal-notice {
margin-top: 32px;
padding: 26px 29px;
border-left: 4px solid var(--bsw-blue);
background: #edf8fc;
}
#content_area  #bathselect-warranty-center .bsw-legal-notice p {
margin: 0;
color: #4d5d66;
font-size: 14px;
}
/* ==========================================================
20. FAQ
========================================================== */
#content_area  #bathselect-warranty-center .bsw-faq {
display: grid;
gap: 14px;
}
#content_area  #bathselect-warranty-center .bsw-faq details {
border: 1px solid var(--bsw-border);
background: #ffffff;
box-shadow: var(--bsw-shadow-soft);
}
#content_area  #bathselect-warranty-center .bsw-faq summary {
position: relative;
padding: 24px 58px 24px 26px;
color: var(--bsw-heading);
font-size: 17px;
font-weight: 700;
line-height: 1.45;
cursor: pointer;
list-style: none;
}
#content_area  #bathselect-warranty-center .bsw-faq summary::-webkit-details-marker {
display: none;
}
#content_area  #bathselect-warranty-center .bsw-faq summary::after {
content: "+";
position: absolute;
top: 50%;
right: 25px;
color: var(--bsw-blue);
font-size: 27px;
font-weight: 400;
transform: translateY(-50%);
}
#content_area  #bathselect-warranty-center .bsw-faq details[open] summary::after {
content: "-";
}
#content_area  #bathselect-warranty-center .bsw-faq__answer {
padding: 0 26px 25px;
color: #64727b;
font-size: 15px;
line-height: 1.7;
}
/* ==========================================================
21. SUPPORT CTA
========================================================== */
#content_area  #bathselect-warranty-center .bsw-support {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
gap: 45px;
align-items: center;
padding: 55px 58px;
background:
linear-gradient(
	135deg,
	var(--bsw-navy-dark) 0%,
	var(--bsw-navy) 55%,
	var(--bsw-navy-soft) 100%
);
box-shadow: var(--bsw-shadow);
}
#content_area #bathselect-warranty-center .bsw-support h2 {
	margin-bottom: 15px !important;
	color: #ffffff !important;
	text-align: left !important;
}
#content_area #bathselect-warranty-center .bsw-support p {
	max-width: 780px !important;
	margin: 0 !important;
	color: rgba(255,255,255,0.83) !important;
	font-size: 16px !important;
	line-height: 1.7 !important;
}
#content_area  #bathselect-warranty-center .bsw-support__actions {
display: flex;
flex-direction: column;
gap: 11px;
min-width: 190px;
}
/* ==========================================================
22. RESPONSIVE
========================================================== */
@media (max-width: 1120px) {
#content_area  #bathselect-warranty-center .bsw-hero__grid {
grid-template-columns: 49% 51%;
}
#content_area  #bathselect-warranty-center .bsw-card-grid,
#content_area  #bathselect-warranty-center .bsw-collection-grid,
#content_area  #bathselect-warranty-center .bsw-quality-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
#content_area  #bathselect-warranty-center .bsw-parts-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
#content_area  #bathselect-warranty-center .bsw-finish-band {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
#content_area  #bathselect-warranty-center .bsw-process {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
#content_area  #bathselect-warranty-center .bsw-image-trio {
grid-template-columns: 1fr;
}
}
@media (max-width: 860px) {
#content_area  #bathselect-warranty-center .bsw-container,
#content_area  #bathselect-warranty-center .bsw-narrow {
width: calc(100% - 30px);
}
#content_area  #bathselect-warranty-center .bsw-section {
padding: 62px 0;
}
#content_area  #bathselect-warranty-center .bsw-hero,
#content_area  #bathselect-warranty-center .bsw-hero__grid {
min-height: 0;
}
#content_area  #bathselect-warranty-center .bsw-hero__grid,
#content_area  #bathselect-warranty-center .bsw-hero-strip__grid,
#content_area  #bathselect-warranty-center .bsw-intro-grid,
#content_area  #bathselect-warranty-center .bsw-editorial,
#content_area  #bathselect-warranty-center .bsw-editorial--reverse,
#content_area  #bathselect-warranty-center .bsw-documentation,
#content_area  #bathselect-warranty-center .bsw-authority-band__grid,
#content_area  #bathselect-warranty-center .bsw-terms-layout,
#content_area  #bathselect-warranty-center .bsw-support {
grid-template-columns: 1fr;
}
#content_area  #bathselect-warranty-center .bsw-hero__content {
padding: 55px 27px;
}
#content_area  #bathselect-warranty-center .bsw-hero__content::after {
display: none;
}
#content_area  #bathselect-warranty-center .bsw-hero__visual,
#content_area  #bathselect-warranty-center .bsw-hero__visual img {
height: 490px;
min-height: 490px;
}
#content_area  #bathselect-warranty-center .bsw-hero-strip {
width: calc(100% - 30px);
margin-top: -25px;
}
#content_area  #bathselect-warranty-center .bsw-hero-strip__image,
#content_area  #bathselect-warranty-center .bsw-hero-strip__image img {
height: 360px;
}
#content_area  #bathselect-warranty-center .bsw-editorial--reverse .bsw-editorial__content {
order: 2;
}
#content_area  #bathselect-warranty-center .bsw-editorial--reverse .bsw-editorial__image {
order: 1;
}
#content_area  #bathselect-warranty-center .bsw-editorial__image,
#content_area  #bathselect-warranty-center .bsw-editorial__image img,
#content_area  #bathselect-warranty-center .bsw-documentation__image,
#content_area  #bathselect-warranty-center .bsw-documentation__image img {
height: 530px;
}
#content_area  #bathselect-warranty-center .bsw-wide-image,
#content_area  #bathselect-warranty-center .bsw-wide-image img {
height: 520px;
}
#content_area  #bathselect-warranty-center .bsw-double-visual {
grid-template-columns: 1fr;
}
#content_area  #bathselect-warranty-center .bsw-trust-bar {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
#content_area  #bathselect-warranty-center .bsw-authority-list,
#content_area  #bathselect-warranty-center .bsw-split-panels {
grid-template-columns: 1fr;
}
#content_area  #bathselect-warranty-center .bsw-terms-nav {
position: static;
}
}
@media (max-width: 620px) {
#content_area  #bathselect-warranty-center {
font-size: 15px;
}
#content_area  #bathselect-warranty-center h1 {
font-size: 40px;
}
#content_area  #bathselect-warranty-center h2 {
font-size: 31px;
}
#content_area  #bathselect-warranty-center .bsw-principles,
#content_area  #bathselect-warranty-center .bsw-card-grid,
#content_area  #bathselect-warranty-center .bsw-collection-grid,
#content_area  #bathselect-warranty-center .bsw-quality-grid,
#content_area  #bathselect-warranty-center .bsw-parts-grid,
#content_area  #bathselect-warranty-center .bsw-process,
#content_area  #bathselect-warranty-center .bsw-trust-bar,
#content_area  #bathselect-warranty-center .bsw-finish-band {
grid-template-columns: 1fr;
}
#content_area  #bathselect-warranty-center .bsw-editorial__content,
#content_area  #bathselect-warranty-center .bsw-documentation__content {
padding: 42px 26px;
}
#content_area  #bathselect-warranty-center .bsw-editorial__image,
#content_area  #bathselect-warranty-center .bsw-editorial__image img,
#content_area  #bathselect-warranty-center .bsw-documentation__image,
#content_area  #bathselect-warranty-center .bsw-documentation__image img,
#content_area  #bathselect-warranty-center .bsw-wide-image,
#content_area  #bathselect-warranty-center .bsw-wide-image img,
#content_area  #bathselect-warranty-center .bsw-image-card,
#content_area  #bathselect-warranty-center .bsw-image-card img,
#content_area  #bathselect-warranty-center .bsw-double-visual__item,
#content_area  #bathselect-warranty-center .bsw-double-visual__item img {
height: 420px;
}
#content_area  #bathselect-warranty-center .bsw-wide-image__overlay {
padding: 30px 24px;
}
#content_area  #bathselect-warranty-center .bsw-terms-layout {
padding: 28px 20px;
}
#content_area  #bathselect-warranty-center .bsw-support {
padding: 42px 26px;
}
#content_area  #bathselect-warranty-center .bsw-support__actions {
display: grid;
grid-template-columns: 1fr;
}
#content_area  #bathselect-warranty-center .bsw-button {
width: 100%;
}
}


/* ==========================================================
23. COLLAPSIBLE WARRANTY CHAPTERS
Keeps the original page content intact while preventing every
section from displaying at once.
========================================================== */
#content_area  #bathselect-warranty-center .bsw-chapter-controls {
position: sticky;
top: 0;
z-index: 40;
width: calc(100% - 56px);
max-width: 1450px;
margin: 32px auto 0;
padding: 16px 18px;
border: 1px solid var(--bsw-border);
background: rgba(255,255,255,0.96);
box-shadow: var(--bsw-shadow-soft);
backdrop-filter: blur(12px);
}
#content_area  #bathselect-warranty-center .bsw-chapter-controls__inner {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 14px;
}
#content_area  #bathselect-warranty-center .bsw-chapter-controls__title {
color: var(--bsw-heading);
font-size: 14px;
font-weight: 700;
letter-spacing: .4px;
}
#content_area  #bathselect-warranty-center .bsw-chapter-controls__actions {
display: flex;
flex-wrap: wrap;
gap: 9px;
}
#content_area  #bathselect-warranty-center .bsw-chapter-control {
min-height: 38px;
padding: 9px 15px;
border: 1px solid var(--bsw-border);
border-radius: 3px;
background: #fff;
color: var(--bsw-navy);
font-size: 10px;
font-weight: 700;
letter-spacing: .8px;
text-transform: uppercase;
cursor: pointer;
}
#content_area  #bathselect-warranty-center .bsw-chapter-control:hover {
border-color: var(--bsw-blue);
background: var(--bsw-sky);
}
#content_area  #bathselect-warranty-center .bsw-chapters {
width: 100%;
padding: 58px 0 12px;
}
#content_area  #bathselect-warranty-center .bsw-chapter {
width: calc(100% - 56px);
max-width: 1480px;
margin: 0 auto 22px;
border: 1px solid var(--bsw-border);
background: #fff;
box-shadow: var(--bsw-shadow-soft);
}
#content_area  #bathselect-warranty-center .bsw-chapter > summary {
position: relative;
display: grid;
grid-template-columns: minmax(0,1fr) auto;
gap: 24px;
align-items: center;
min-height: 118px;
padding: 27px 82px 27px 32px;
background: linear-gradient(135deg,#ffffff 0%,#f3fbfe 100%);
cursor: pointer;
list-style: none;
}
#content_area  #bathselect-warranty-center .bsw-chapter > summary::-webkit-details-marker { display:none; }
#content_area  #bathselect-warranty-center .bsw-chapter > summary::after {
content: "+";
position: absolute;
top: 50%;
right: 31px;
width: 42px;
height: 42px;
border: 1px solid #bad9e7;
border-radius: 50%;
color: var(--bsw-navy);
font-size: 27px;
font-weight: 300;
line-height: 38px;
text-align: center;
transform: translateY(-50%);
}
#content_area  #bathselect-warranty-center .bsw-chapter[open] > summary::after { content:"-"; }
#content_area  #bathselect-warranty-center .bsw-chapter[open] > summary {
border-bottom: 1px solid var(--bsw-border);
background: #12aeee;
}
#content_area  #bathselect-warranty-center .bsw-chapter-summary__number {
display: block;
margin-bottom: 7px;
color: var(--bsw-blue);
font-size: 10px;
font-weight: 700;
letter-spacing: 1.4px;
text-transform: uppercase;
}
#content_area  #bathselect-warranty-center .bsw-chapter-summary__title {
display: block;
color: var(--bsw-heading);
font-size: clamp(22px,2.2vw,34px);
font-weight: 500;
line-height: 1.15;
}
#content_area  #bathselect-warranty-center .bsw-chapter-summary__hint {
max-width: 300px;
color: var(--bsw-muted);
font-size: 12px;
line-height: 1.5;
text-align: right;
}
#content_area  #bathselect-warranty-center .bsw-chapter[open] .bsw-chapter-summary__number,
#content_area  #bathselect-warranty-center .bsw-chapter[open] .bsw-chapter-summary__hint { color:#b8dfef; }
#content_area  #bathselect-warranty-center .bsw-chapter[open] .bsw-chapter-summary__title { color:#fff; }
#content_area  #bathselect-warranty-center .bsw-chapter[open] > summary::after {
border-color: rgba(255,255,255,.35);
color:#fff;
}
#content_area  #bathselect-warranty-center .bsw-chapter__content {
overflow: hidden;
background: #fff;
}
#content_area  #bathselect-warranty-center .bsw-chapter__content > .bsw-section:first-of-type { padding-top: 72px; }
#content_area  #bathselect-warranty-center .bsw-chapter-anchor { scroll-margin-top: 110px; }
@media (prefers-reduced-motion: no-preference) {
#content_area  #bathselect-warranty-center .bsw-chapter[open] .bsw-chapter__content {
animation: bswChapterReveal .28s ease-out;
}
@keyframes bswChapterReveal {
from { opacity:0; transform:translateY(-8px); }
to { opacity:1; transform:translateY(0); }
}
}
@media (max-width: 860px) {
#content_area  #bathselect-warranty-center .bsw-chapter-controls,
#content_area  #bathselect-warranty-center .bsw-chapter { width:calc(100% - 30px); }
#content_area  #bathselect-warranty-center .bsw-chapter > summary {
grid-template-columns: 1fr;
min-height: 105px;
padding: 24px 70px 24px 23px;
}
#content_area  #bathselect-warranty-center .bsw-chapter-summary__hint { display:none; }
#content_area  #bathselect-warranty-center .bsw-chapter > summary::after { right:20px; }
}
@media (max-width: 620px) {
#content_area  #bathselect-warranty-center .bsw-chapter-controls { position:static; }
#content_area  #bathselect-warranty-center .bsw-chapter-controls__actions { width:100%; }
#content_area  #bathselect-warranty-center .bsw-chapter-control { flex:1; }
#content_area  #bathselect-warranty-center .bsw-chapters { padding-top:38px; }
}

/* ==========================================================
PART 4 � MANUFACTURING PROCESS GRID
========================================================== */
#content_area  #bathselect-warranty-center .bsw-manufacturing-grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 18px;
}
#content_area  #bathselect-warranty-center .bsw-manufacturing-card {
position: relative;
min-height: 285px;
padding: 34px 28px;
border: 1px solid var(--bsw-border);
background: #ffffff;
box-shadow: var(--bsw-shadow-soft);
overflow: hidden;
}
#content_area  #bathselect-warranty-center .bsw-manufacturing-card::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 4px;
background:
linear-gradient(
	90deg,
	var(--bsw-navy) 0%,
	var(--bsw-blue-light) 100%
);
}
#content_area  #bathselect-warranty-center .bsw-manufacturing-card__step {
display: block;
margin-bottom: 20px;
color: #89bcd3;
font-size: 11px;
font-weight: 700;
letter-spacing: 1.5px;
text-transform: uppercase;
}
#content_area  #bathselect-warranty-center .bsw-manufacturing-card h3 {
margin-bottom: 13px;
font-size: 21px;
}
#content_area  #bathselect-warranty-center .bsw-manufacturing-card p {
margin: 0;
color: #68757e;
font-size: 14px;
line-height: 1.68;
}
/* ==========================================================
PART 4 � INSPECTION TABLE
========================================================== */
#content_area  #bathselect-warranty-center .bsw-inspection-table {
width: 100%;
border-collapse: collapse;
border: 1px solid var(--bsw-border);
background: #ffffff;
box-shadow: var(--bsw-shadow-soft);
}
#content_area  #bathselect-warranty-center .bsw-inspection-table th,
#content_area  #bathselect-warranty-center .bsw-inspection-table td {
padding: 20px 22px;
border-right: 1px solid var(--bsw-border);
border-bottom: 1px solid var(--bsw-border);
text-align: left;
vertical-align: top;
}
#content_area  #bathselect-warranty-center .bsw-inspection-table th:last-child,
#content_area  #bathselect-warranty-center .bsw-inspection-table td:last-child {
border-right: 0;
}
#content_area  #bathselect-warranty-center .bsw-inspection-table tr:last-child td {
border-bottom: 0;
}
#content_area  #bathselect-warranty-center .bsw-inspection-table th {
background:
linear-gradient(
	135deg,
	var(--bsw-navy-dark) 0%,
	var(--bsw-navy) 100%
);
color: #ffffff;
font-size: 11px;
font-weight: 700;
letter-spacing: 1px;
text-transform: uppercase;
}
#content_area  #bathselect-warranty-center .bsw-inspection-table td {
color: #64717a;
font-size: 14px;
line-height: 1.6;
}
#content_area  #bathselect-warranty-center .bsw-inspection-table td strong {
display: block;
margin-bottom: 5px;
color: var(--bsw-heading);
font-size: 15px;
font-weight: 700;
}
/* ==========================================================
PART 4 � QUALITY STATEMENT BAND
========================================================== */
#content_area  #bathselect-warranty-center .bsw-quality-statement {
position: relative;
padding: 75px 65px;
background:
linear-gradient(
	135deg,
	#f8fdff 0%,
	#e9f6fb 100%
);
border: 1px solid var(--bsw-border);
box-shadow: var(--bsw-shadow-soft);
overflow: hidden;
}
#content_area  #bathselect-warranty-center .bsw-quality-statement::after {
content: "";
position: absolute;
top: -130px;
right: -100px;
width: 330px;
height: 330px;
border: 1px solid rgba(58, 137, 177, 0.15);
border-radius: 50%;
}
#content_area  #bathselect-warranty-center .bsw-quality-statement__grid {
position: relative;
z-index: 2;
display: grid;
grid-template-columns: 0.72fr 1.28fr;
gap: 70px;
align-items: center;
}
#content_area  #bathselect-warranty-center .bsw-quality-statement h2 {
margin-bottom: 18px;
}
#content_area  #bathselect-warranty-center .bsw-quality-statement p {
color: #65737c;
}
#content_area  #bathselect-warranty-center .bsw-quality-statement__points {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 16px;
}
#content_area  #bathselect-warranty-center .bsw-quality-statement__point {
padding: 23px 22px;
border: 1px solid var(--bsw-border);
background: rgba(255, 255, 255, 0.82);
}
#content_area  #bathselect-warranty-center .bsw-quality-statement__point strong {
display: block;
margin-bottom: 7px;
color: var(--bsw-heading);
font-size: 16px;
font-weight: 500;
}
#content_area  #bathselect-warranty-center .bsw-quality-statement__point p {
margin: 0;
font-size: 13px;
line-height: 1.6;
}
/* ==========================================================
PART 4 � PRE-INSTALLATION CHECKLIST
========================================================== */
#content_area  #bathselect-warranty-center .bsw-preinstall-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 20px;
}
#content_area  #bathselect-warranty-center .bsw-preinstall-card {
min-height: 250px;
padding: 33px 29px;
border: 1px solid var(--bsw-border);
background: #ffffff;
box-shadow: var(--bsw-shadow-soft);
}
#content_area  #bathselect-warranty-center .bsw-preinstall-card__label {
display: inline-block;
margin-bottom: 18px;
padding: 6px 10px;
background: #eaf6fb;
color: var(--bsw-navy);
font-size: 10px;
font-weight: 700;
letter-spacing: 1.1px;
text-transform: uppercase;
}
#content_area  #bathselect-warranty-center .bsw-preinstall-card h3 {
margin-bottom: 13px;
}
#content_area  #bathselect-warranty-center .bsw-preinstall-card p {
margin: 0;
color: #68757e;
font-size: 14px;
line-height: 1.68;
}
/* ==========================================================
PART 4 � RESPONSIVE
========================================================== */
@media (max-width: 1120px) {
#content_area  #bathselect-warranty-center .bsw-manufacturing-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
#content_area  #bathselect-warranty-center .bsw-preinstall-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
#content_area  #bathselect-warranty-center .bsw-quality-statement__grid {
grid-template-columns: 1fr;
gap: 42px;
}
}
@media (max-width: 860px) {
#content_area  #bathselect-warranty-center .bsw-inspection-table {
display: block;
overflow-x: auto;
white-space: normal;
}
#content_area  #bathselect-warranty-center .bsw-quality-statement {
padding: 52px 35px;
}
}
@media (max-width: 620px) {
#content_area  #bathselect-warranty-center .bsw-manufacturing-grid,
#content_area  #bathselect-warranty-center .bsw-preinstall-grid,
#content_area  #bathselect-warranty-center .bsw-quality-statement__points {
grid-template-columns: 1fr;
}
#content_area  #bathselect-warranty-center .bsw-quality-statement {
padding: 42px 24px;
}
#content_area  #bathselect-warranty-center .bsw-inspection-table th,
#content_area  #bathselect-warranty-center .bsw-inspection-table td {
min-width: 190px;
padding: 17px;
}
}


/* ==========================================================
PART 5 � COVERAGE MATRIX
========================================================== */
#content_area  #bathselect-warranty-center .bsw-coverage-matrix-wrap {
width: 100%;
overflow-x: auto;
border: 1px solid var(--bsw-border);
background: #ffffff;
box-shadow: var(--bsw-shadow-soft);
}
#content_area  #bathselect-warranty-center .bsw-coverage-matrix {
width: 100%;
min-width: 1040px;
border-collapse: collapse;
background: #ffffff;
}
#content_area  #bathselect-warranty-center .bsw-coverage-matrix th,
#content_area  #bathselect-warranty-center .bsw-coverage-matrix td {
padding: 20px 18px;
border-right: 1px solid var(--bsw-border);
border-bottom: 1px solid var(--bsw-border);
text-align: left;
vertical-align: middle;
}
#content_area  #bathselect-warranty-center .bsw-coverage-matrix th:last-child,
#content_area  #bathselect-warranty-center .bsw-coverage-matrix td:last-child {
border-right: 0;
}
#content_area  #bathselect-warranty-center .bsw-coverage-matrix tr:last-child td {
border-bottom: 0;
}
#content_area  #bathselect-warranty-center .bsw-coverage-matrix thead th {
background:
linear-gradient(
	135deg,
	var(--bsw-navy-dark) 0%,
	var(--bsw-navy) 100%
);
color: #ffffff;
font-size: 10px;
font-weight: 700;
letter-spacing: 1px;
line-height: 1.4;
text-transform: uppercase;
}
#content_area  #bathselect-warranty-center .bsw-coverage-matrix tbody tr:nth-child(even) {
background: #f8fcfe;
}
#content_area  #bathselect-warranty-center .bsw-coverage-matrix td {
color: #62717a;
font-size: 13px;
line-height: 1.55;
}
#content_area  #bathselect-warranty-center .bsw-coverage-matrix td:first-child {
width: 220px;
}
#content_area  #bathselect-warranty-center .bsw-coverage-matrix td strong {
display: block;
margin-bottom: 5px;
color: var(--bsw-heading);
font-size: 15px;
font-weight: 700;
}
#content_area  #bathselect-warranty-center .bsw-matrix-status {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 74px;
padding: 6px 9px;
border-radius: 2px;
font-size: 9px;
font-weight: 700;
letter-spacing: 0.8px;
line-height: 1.2;
text-transform: uppercase;
}
#content_area  #bathselect-warranty-center .bsw-matrix-status--review {
background: #e8f5fa;
color: var(--bsw-navy);
}
#content_area  #bathselect-warranty-center .bsw-matrix-status--limited {
background: #f5f1e8;
color: #7a6330;
}
#content_area  #bathselect-warranty-center .bsw-matrix-status--excluded {
background: #f7ecea;
color: #955347;
}
#content_area  #bathselect-warranty-center .bsw-matrix-status--specific {
background: #eef0f6;
color: #56637d;
}
/* ==========================================================
PART 5 � CATEGORY NAVIGATION
========================================================== */
#content_area  #bathselect-warranty-center .bsw-category-nav {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 14px;
}
#content_area  #bathselect-warranty-center .bsw-category-nav a {
display: flex;
align-items: center;
min-height: 86px;
padding: 20px 22px;
border: 1px solid var(--bsw-border);
background: #ffffff;
color: var(--bsw-heading);
font-size: 14px;
font-weight: 700;
line-height: 1.35;
text-decoration: none;
box-shadow: var(--bsw-shadow-soft);
transition:
transform 0.2s ease,
border-color 0.2s ease,
background-color 0.2s ease;
}
#content_area  #bathselect-warranty-center .bsw-category-nav a:hover {
border-color: #a9cfdf;
background: #f4fbfd;
transform: translateY(-2px);
}
/* ==========================================================
PART 5 � PRODUCT DETAIL CARDS
========================================================== */
#content_area  #bathselect-warranty-center .bsw-product-detail-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 20px;
}
#content_area  #bathselect-warranty-center .bsw-product-detail {
position: relative;
min-height: 390px;
padding: 38px 34px;
border: 1px solid var(--bsw-border);
background: #ffffff;
box-shadow: var(--bsw-shadow-soft);
overflow: hidden;
}
#content_area  #bathselect-warranty-center .bsw-product-detail::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 4px;
background:
linear-gradient(
	90deg,
	var(--bsw-navy),
	var(--bsw-blue-light)
);
}
#content_area  #bathselect-warranty-center .bsw-product-detail__type {
display: block;
margin-bottom: 20px;
color: var(--bsw-blue);
font-size: 10px;
font-weight: 700;
letter-spacing: 1.4px;
text-transform: uppercase;
}
#content_area  #bathselect-warranty-center .bsw-product-detail h3 {
margin-bottom: 14px;
font-size: 25px;
}
#content_area  #bathselect-warranty-center .bsw-product-detail p {
color: #66747d;
font-size: 14px;
line-height: 1.7;
}
#content_area  #bathselect-warranty-center .bsw-product-detail ul {
display: grid;
gap: 10px;
margin: 18px 0 0;
padding: 0;
list-style: none;
}
#content_area  #bathselect-warranty-center .bsw-product-detail li {
position: relative;
padding-left: 24px;
color: #596872;
font-size: 13px;
line-height: 1.55;
}
#content_area  #bathselect-warranty-center .bsw-product-detail li::before {
content: "?";
position: absolute;
left: 0;
color: var(--bsw-blue);
font-weight: 700;
}
/* ==========================================================
PART 5 � APPLICATION BAND
========================================================== */
#content_area  #bathselect-warranty-center .bsw-application-band {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
border: 1px solid var(--bsw-border);
background: #ffffff;
box-shadow: var(--bsw-shadow-soft);
}
#content_area  #bathselect-warranty-center .bsw-application-band__item {
min-height: 250px;
padding: 34px 29px;
}
#content_area  #bathselect-warranty-center .bsw-application-band__item:not(:last-child) {
border-right: 1px solid var(--bsw-border);
}
#content_area  #bathselect-warranty-center .bsw-application-band__label {
display: inline-block;
margin-bottom: 18px;
padding: 6px 10px;
background: #eaf6fb;
color: var(--bsw-navy);
font-size: 10px;
font-weight: 700;
letter-spacing: 1.1px;
text-transform: uppercase;
}
#content_area  #bathselect-warranty-center .bsw-application-band__item h3 {
margin-bottom: 13px;
}
#content_area  #bathselect-warranty-center .bsw-application-band__item p {
margin: 0;
color: #68757e;
font-size: 14px;
line-height: 1.68;
}
/* ==========================================================
PART 5 � PRODUCT REVIEW STEPS
========================================================== */
#content_area  #bathselect-warranty-center .bsw-product-review-grid {
display: grid;
grid-template-columns: repeat(5, minmax(0, 1fr));
gap: 16px;
}
#content_area  #bathselect-warranty-center .bsw-product-review-step {
min-height: 225px;
padding: 29px 24px;
border: 1px solid var(--bsw-border);
background: #ffffff;
box-shadow: var(--bsw-shadow-soft);
}
#content_area  #bathselect-warranty-center .bsw-product-review-step__number {
display: block;
margin-bottom: 18px;
color: #8bbdd4;
font-size: 11px;
font-weight: 700;
letter-spacing: 1.2px;
}
#content_area  #bathselect-warranty-center .bsw-product-review-step h3 {
margin-bottom: 11px;
font-size: 19px;
}
#content_area  #bathselect-warranty-center .bsw-product-review-step p {
margin: 0;
color: #68757e;
font-size: 13px;
line-height: 1.62;
}
/* ==========================================================
PART 5 � RESPONSIVE
========================================================== */
@media (max-width: 1120px) {
#content_area  #bathselect-warranty-center .bsw-category-nav {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
#content_area  #bathselect-warranty-center .bsw-product-review-grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media (max-width: 860px) {
#content_area  #bathselect-warranty-center .bsw-product-detail-grid,
#content_area  #bathselect-warranty-center .bsw-application-band {
grid-template-columns: 1fr;
}
#content_area  #bathselect-warranty-center .bsw-application-band__item:not(:last-child) {
border-right: 0;
border-bottom: 1px solid var(--bsw-border);
}
#content_area  #bathselect-warranty-center .bsw-product-review-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 620px) {
#content_area  #bathselect-warranty-center .bsw-category-nav,
#content_area  #bathselect-warranty-center .bsw-product-review-grid {
grid-template-columns: 1fr;
}
#content_area  #bathselect-warranty-center .bsw-product-detail {
padding: 34px 25px;
}
}


/* ==========================================================
PART 6 � PROJECT SECTOR GRID
========================================================== */
#content_area  #bathselect-warranty-center .bsw-sector-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 20px;
}
#content_area  #bathselect-warranty-center .bsw-sector-card {
position: relative;
min-height: 320px;
padding: 35px 30px;
border: 1px solid var(--bsw-border);
background: #ffffff;
box-shadow: var(--bsw-shadow-soft);
overflow: hidden;
}
#content_area  #bathselect-warranty-center .bsw-sector-card::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 4px;
background:
linear-gradient(
	90deg,
	var(--bsw-navy),
	var(--bsw-blue-light)
);
}
#content_area  #bathselect-warranty-center .bsw-sector-card__type {
display: block;
margin-bottom: 21px;
color: var(--bsw-blue);
font-size: 10px;
font-weight: 700;
letter-spacing: 1.4px;
text-transform: uppercase;
}
#content_area  #bathselect-warranty-center .bsw-sector-card h3 {
margin-bottom: 14px;
font-size: 24px;
}
#content_area  #bathselect-warranty-center .bsw-sector-card p {
margin: 0;
color: #67747d;
font-size: 14px;
line-height: 1.7;
}
#content_area  #bathselect-warranty-center .bsw-sector-card ul {
display: grid;
gap: 10px;
margin: 18px 0 0;
padding: 0;
list-style: none;
}
#content_area  #bathselect-warranty-center .bsw-sector-card li {
position: relative;
padding-left: 23px;
color: #596872;
font-size: 13px;
line-height: 1.55;
}
#content_area  #bathselect-warranty-center .bsw-sector-card li::before {
content: "?";
position: absolute;
left: 0;
color: var(--bsw-blue);
font-weight: 700;
}
/* ==========================================================
PART 6 � PROJECT RECORD TABLE
========================================================== */
#content_area  #bathselect-warranty-center .bsw-project-table-wrap {
width: 100%;
overflow-x: auto;
border: 1px solid var(--bsw-border);
background: #ffffff;
box-shadow: var(--bsw-shadow-soft);
}
#content_area  #bathselect-warranty-center .bsw-project-table {
width: 100%;
min-width: 1020px;
border-collapse: collapse;
background: #ffffff;
}
#content_area  #bathselect-warranty-center .bsw-project-table th,
#content_area  #bathselect-warranty-center .bsw-project-table td {
padding: 20px 19px;
border-right: 1px solid var(--bsw-border);
border-bottom: 1px solid var(--bsw-border);
text-align: left;
vertical-align: top;
}
#content_area  #bathselect-warranty-center .bsw-project-table th:last-child,
#content_area  #bathselect-warranty-center .bsw-project-table td:last-child {
border-right: 0;
}
#content_area  #bathselect-warranty-center .bsw-project-table tr:last-child td {
border-bottom: 0;
}
#content_area  #bathselect-warranty-center .bsw-project-table thead th {
background:
linear-gradient(
	135deg,
	var(--bsw-navy-dark),
	var(--bsw-navy)
);
color: #ffffff;
font-size: 10px;
font-weight: 700;
letter-spacing: 1px;
line-height: 1.4;
text-transform: uppercase;
}
#content_area  #bathselect-warranty-center .bsw-project-table tbody tr:nth-child(even) {
background: #f8fcfe;
}
#content_area  #bathselect-warranty-center .bsw-project-table td {
color: #64717a;
font-size: 13px;
line-height: 1.58;
}
#content_area  #bathselect-warranty-center .bsw-project-table td strong {
display: block;
margin-bottom: 5px;
color: var(--bsw-heading);
font-size: 15px;
}
/* ==========================================================
PART 6 � LOCATION TRACKING CARDS
========================================================== */
#content_area  #bathselect-warranty-center .bsw-location-grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 17px;
}
#content_area  #bathselect-warranty-center .bsw-location-card {
min-height: 225px;
padding: 29px 25px;
border: 1px solid var(--bsw-border);
background: #ffffff;
box-shadow: var(--bsw-shadow-soft);
}
#content_area  #bathselect-warranty-center .bsw-location-card__number {
display: block;
margin-bottom: 18px;
color: #8abed5;
font-size: 11px;
font-weight: 700;
letter-spacing: 1.2px;
}
#content_area  #bathselect-warranty-center .bsw-location-card h3 {
margin-bottom: 11px;
font-size: 20px;
}
#content_area  #bathselect-warranty-center .bsw-location-card p {
margin: 0;
color: #68757e;
font-size: 13px;
line-height: 1.62;
}
/* ==========================================================
PART 6 � LIFECYCLE BAND
========================================================== */
#content_area  #bathselect-warranty-center .bsw-lifecycle-band {
display: grid;
grid-template-columns: repeat(5, minmax(0, 1fr));
border: 1px solid var(--bsw-border);
background: #ffffff;
box-shadow: var(--bsw-shadow-soft);
}
#content_area  #bathselect-warranty-center .bsw-lifecycle-band__item {
min-height: 210px;
padding: 30px 24px;
text-align: center;
}
#content_area  #bathselect-warranty-center .bsw-lifecycle-band__item:not(:last-child) {
border-right: 1px solid var(--bsw-border);
}
#content_area  #bathselect-warranty-center .bsw-lifecycle-band__number {
display: block;
margin-bottom: 17px;
color: var(--bsw-blue);
font-size: 11px;
font-weight: 700;
letter-spacing: 1.3px;
}
#content_area  #bathselect-warranty-center .bsw-lifecycle-band__item h3 {
margin-bottom: 10px;
font-size: 18px;
}
#content_area  #bathselect-warranty-center .bsw-lifecycle-band__item p {
margin: 0;
color: #68757e;
font-size: 13px;
line-height: 1.6;
}
/* ==========================================================
PART 6 � SERVICE RECORD GRID
========================================================== */
#content_area  #bathselect-warranty-center .bsw-service-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 20px;
}
#content_area  #bathselect-warranty-center .bsw-service-card {
padding: 36px 32px;
border: 1px solid var(--bsw-border);
background: #ffffff;
box-shadow: var(--bsw-shadow-soft);
}
#content_area  #bathselect-warranty-center .bsw-service-card__label {
display: inline-block;
margin-bottom: 18px;
padding: 6px 10px;
background: #eaf6fb;
color: var(--bsw-navy);
font-size: 10px;
font-weight: 700;
letter-spacing: 1.1px;
text-transform: uppercase;
}
#content_area  #bathselect-warranty-center .bsw-service-card h3 {
margin-bottom: 14px;
font-size: 24px;
}
#content_area  #bathselect-warranty-center .bsw-service-card p {
color: #66747d;
font-size: 14px;
line-height: 1.7;
}
#content_area  #bathselect-warranty-center .bsw-service-card ul {
display: grid;
gap: 10px;
margin: 17px 0 0;
padding: 0;
list-style: none;
}
#content_area  #bathselect-warranty-center .bsw-service-card li {
position: relative;
padding-left: 23px;
color: #596872;
font-size: 13px;
line-height: 1.55;
}
#content_area  #bathselect-warranty-center .bsw-service-card li::before {
content: "�";
position: absolute;
left: 0;
color: var(--bsw-blue);
font-weight: 700;
}
/* ==========================================================
PART 6 � RESPONSIVE
========================================================== */
@media (max-width: 1120px) {
#content_area  #bathselect-warranty-center .bsw-sector-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
#content_area  #bathselect-warranty-center .bsw-location-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));

}
#content_area  #bathselect-warranty-center .bsw-lifecycle-band {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
#content_area  #bathselect-warranty-center .bsw-lifecycle-band__item {
border-bottom: 1px solid var(--bsw-border);
}
}
@media (max-width: 860px) {
#content_area  #bathselect-warranty-center .bsw-service-grid {
grid-template-columns: 1fr;
}
}
@media (max-width: 620px) {
#content_area  #bathselect-warranty-center .bsw-sector-grid,
#content_area  #bathselect-warranty-center .bsw-location-grid,
#content_area  #bathselect-warranty-center .bsw-lifecycle-band {
grid-template-columns: 1fr;
}
#content_area  #bathselect-warranty-center .bsw-lifecycle-band__item {
border-right: 0;
}
}


/* ==========================================================
PART 7 � FINISH CARE MATRIX
========================================================== */
#content_area  #bathselect-warranty-center .bsw-finish-matrix-wrap {
width: 100%;
overflow-x: auto;
border: 1px solid var(--bsw-border);
background: #ffffff;
box-shadow: var(--bsw-shadow-soft);
}
#content_area  #bathselect-warranty-center .bsw-finish-matrix {
width: 100%;
min-width: 1080px;
border-collapse: collapse;
background: #ffffff;
}
#content_area  #bathselect-warranty-center .bsw-finish-matrix th,
#content_area  #bathselect-warranty-center .bsw-finish-matrix td {
padding: 20px 18px;
border-right: 1px solid var(--bsw-border);
border-bottom: 1px solid var(--bsw-border);
text-align: left;
vertical-align: top;
}
#content_area  #bathselect-warranty-center .bsw-finish-matrix th:last-child,
#content_area  #bathselect-warranty-center .bsw-finish-matrix td:last-child {
border-right: 0;
}
#content_area  #bathselect-warranty-center .bsw-finish-matrix tr:last-child td {
border-bottom: 0;
}
#content_area  #bathselect-warranty-center .bsw-finish-matrix thead th {
background:
linear-gradient(
	135deg,
	var(--bsw-navy-dark) 0%,
	var(--bsw-navy) 100%
);
color: #ffffff;
font-size: 10px;
font-weight: 700;
letter-spacing: 1px;
line-height: 1.4;
text-transform: uppercase;
}
#content_area  #bathselect-warranty-center .bsw-finish-matrix tbody tr:nth-child(even) {
background: #f8fcfe;
}
#content_area  #bathselect-warranty-center .bsw-finish-matrix td {
color: #64717a;
font-size: 13px;
line-height: 1.6;
}
#content_area  #bathselect-warranty-center .bsw-finish-matrix td strong {
display: block;
margin-bottom: 5px;
color: var(--bsw-heading);
font-size: 15px;
font-weight: 700;
}
/* ==========================================================
PART 7 � CLEANING METHOD CARDS
========================================================== */
#content_area  #bathselect-warranty-center .bsw-cleaning-grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 18px;
}
#content_area  #bathselect-warranty-center .bsw-cleaning-card {
position: relative;
min-height: 285px;
padding: 34px 28px;
border: 1px solid var(--bsw-border);
background: #ffffff;
box-shadow: var(--bsw-shadow-soft);
overflow: hidden;
}
#content_area  #bathselect-warranty-center .bsw-cleaning-card::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 4px;
background:
linear-gradient(
	90deg,
	var(--bsw-navy),
	var(--bsw-blue-light)
);
}
#content_area  #bathselect-warranty-center .bsw-cleaning-card__number {
display: block;
margin-bottom: 20px;
color: #8abed5;
font-size: 11px;
font-weight: 700;
letter-spacing: 1.3px;
}
#content_area  #bathselect-warranty-center .bsw-cleaning-card h3 {
margin-bottom: 13px;
font-size: 21px;
}
#content_area  #bathselect-warranty-center .bsw-cleaning-card p {
margin: 0;
color: #68757e;
font-size: 14px;
line-height: 1.68;
}
/* ==========================================================
PART 7 � SAFE / AVOID PANELS
========================================================== */
#content_area  #bathselect-warranty-center .bsw-cleaning-panels {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 22px;
}
#content_area  #bathselect-warranty-center .bsw-cleaning-panel {
padding: 42px 37px;
border: 1px solid var(--bsw-border);
background: #ffffff;
box-shadow: var(--bsw-shadow-soft);
}
#content_area  #bathselect-warranty-center .bsw-cleaning-panel--safe {
background:
linear-gradient(
	145deg,
	#f6fcfe 0%,
	#eaf7fb 100%
);
}
#content_area  #bathselect-warranty-center .bsw-cleaning-panel--avoid {
background:
linear-gradient(
	145deg,

	#fffdfc 0%,
	#f8f0ed 100%
);
}
#content_area  #bathselect-warranty-center .bsw-cleaning-panel__label {
display: inline-block;
margin-bottom: 18px;
padding: 6px 10px;
font-size: 10px;
font-weight: 700;
letter-spacing: 1.2px;
text-transform: uppercase;
}
#content_area  #bathselect-warranty-center .bsw-cleaning-panel--safe .bsw-cleaning-panel__label {
background: #dff2f8;
color: var(--bsw-navy);
}
#content_area  #bathselect-warranty-center .bsw-cleaning-panel--avoid .bsw-cleaning-panel__label {
background: #f4dfd9;
color: #8c4d42;
}
#content_area  #bathselect-warranty-center .bsw-cleaning-panel h3 {
margin-bottom: 15px;
font-size: 28px;
}
#content_area  #bathselect-warranty-center .bsw-cleaning-panel p {
color: #66747d;
}
#content_area  #bathselect-warranty-center .bsw-cleaning-panel ul {
display: grid;
gap: 11px;
margin: 18px 0 0;
padding: 0;
list-style: none;
}
#content_area  #bathselect-warranty-center .bsw-cleaning-panel li {
position: relative;
padding-left: 25px;
color: #596872;
font-size: 14px;
line-height: 1.55;
}
#content_area  #bathselect-warranty-center .bsw-cleaning-panel--safe li::before {
content: "?";
position: absolute;
left: 0;
color: var(--bsw-blue);
font-weight: 700;
}
#content_area  #bathselect-warranty-center .bsw-cleaning-panel--avoid li::before {
content: "�";
position: absolute;
left: 0;
color: #a95a4c;
font-weight: 700;
}
/* ==========================================================
PART 7 � EXPOSURE GRID
========================================================== */
#content_area  #bathselect-warranty-center .bsw-exposure-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 20px;
}
#content_area  #bathselect-warranty-center .bsw-exposure-card {
min-height: 290px;
padding: 34px 30px;
border: 1px solid var(--bsw-border);
background: #ffffff;
box-shadow: var(--bsw-shadow-soft);
}
#content_area  #bathselect-warranty-center .bsw-exposure-card__type {
display: block;
margin-bottom: 20px;
color: var(--bsw-blue);
font-size: 10px;
font-weight: 700;
letter-spacing: 1.4px;
text-transform: uppercase;
}
#content_area  #bathselect-warranty-center .bsw-exposure-card h3 {
margin-bottom: 13px;
font-size: 23px;
}
#content_area  #bathselect-warranty-center .bsw-exposure-card p {
margin: 0;
color: #68757e;
font-size: 14px;
line-height: 1.68;
}
/* ==========================================================
PART 7 � HOUSEKEEPING PROCEDURE
========================================================== */
#content_area  #bathselect-warranty-center .bsw-housekeeping-grid {
display: grid;
grid-template-columns: repeat(5, minmax(0, 1fr));
gap: 16px;
}
#content_area  #bathselect-warranty-center .bsw-housekeeping-step {
min-height: 235px;
padding: 30px 24px;
border: 1px solid var(--bsw-border);
background: #ffffff;
box-shadow: var(--bsw-shadow-soft);
}
#content_area  #bathselect-warranty-center .bsw-housekeeping-step__number {
display: block;
margin-bottom: 18px;
color: #8abed5;
font-size: 11px;
font-weight: 700;
letter-spacing: 1.2px;
}
#content_area  #bathselect-warranty-center .bsw-housekeeping-step h3 {
margin-bottom: 11px;
font-size: 19px;
}
#content_area  #bathselect-warranty-center .bsw-housekeeping-step p {
margin: 0;
color: #68757e;
font-size: 13px;
line-height: 1.62;
}
/* ==========================================================
PART 7 � FINISH DOCUMENTATION STRIP
========================================================== */
#content_area  #bathselect-warranty-center .bsw-finish-doc-strip {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
border: 1px solid var(--bsw-border);
background: #ffffff;
box-shadow: var(--bsw-shadow-soft);
}
#content_area  #bathselect-warranty-center .bsw-finish-doc-strip__item {
min-height: 210px;
padding: 30px 25px;
text-align: center;
}
#content_area  #bathselect-warranty-center .bsw-finish-doc-strip__item:not(:last-child) {
border-right: 1px solid var(--bsw-border);
}
#content_area  #bathselect-warranty-center .bsw-finish-doc-strip__number {
display: block;
margin-bottom: 17px;
color: var(--bsw-blue);
font-size: 11px;
font-weight: 700;
letter-spacing: 1.3px;
}
#content_area  #bathselect-warranty-center .bsw-finish-doc-strip__item h3 {
margin-bottom: 10px;
font-size: 19px;
}
#content_area  #bathselect-warranty-center .bsw-finish-doc-strip__item p {
margin: 0;
color: #68757e;
font-size: 13px;
line-height: 1.6;
}
/* ==========================================================
PART 7 � RESPONSIVE
========================================================== */
@media (max-width: 1120px) {
#content_area  #bathselect-warranty-center .bsw-cleaning-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
#content_area  #bathselect-warranty-center .bsw-exposure-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
#content_area  #bathselect-warranty-center .bsw-housekeeping-grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
#content_area  #bathselect-warranty-center .bsw-finish-doc-strip {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 860px) {
#content_area  #bathselect-warranty-center .bsw-cleaning-panels {
grid-template-columns: 1fr;
}
}
@media (max-width: 620px) {
#content_area  #bathselect-warranty-center .bsw-cleaning-grid,
#content_area  #bathselect-warranty-center .bsw-exposure-grid,
#content_area  #bathselect-warranty-center .bsw-housekeeping-grid,
#content_area  #bathselect-warranty-center .bsw-finish-doc-strip {
grid-template-columns: 1fr;
}
#content_area  #bathselect-warranty-center .bsw-finish-doc-strip__item {
border-right: 0;
border-bottom: 1px solid var(--bsw-border);
}
}


/* ==========================================================
PART 8 � COMPONENT FAMILY GRID
========================================================== */
#content_area  #bathselect-warranty-center .bsw-component-grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 18px;
}
#content_area  #bathselect-warranty-center .bsw-component-card {
position: relative;
min-height: 275px;
padding: 33px 28px;
border: 1px solid var(--bsw-border);
background: #ffffff;
box-shadow: var(--bsw-shadow-soft);
overflow: hidden;
}
#content_area  #bathselect-warranty-center .bsw-component-card::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 4px;
background:
linear-gradient(
	90deg,
	var(--bsw-navy),
	var(--bsw-blue-light)
);
}
#content_area  #bathselect-warranty-center .bsw-component-card__code {
display: block;
margin-bottom: 19px;
color: #8abed5;
font-size: 11px;
font-weight: 700;
letter-spacing: 1.3px;
text-transform: uppercase;
}
#content_area  #bathselect-warranty-center .bsw-component-card h3 {
margin-bottom: 12px;
font-size: 21px;
}
#content_area  #bathselect-warranty-center .bsw-component-card p {
margin: 0;
color: #68757e;
font-size: 14px;
line-height: 1.67;
}
/* ==========================================================
PART 8 � TROUBLESHOOTING MATRIX
========================================================== */
#content_area  #bathselect-warranty-center .bsw-troubleshooting-wrap {
width: 100%;
overflow-x: auto;
border: 1px solid var(--bsw-border);
background: #ffffff;
box-shadow: var(--bsw-shadow-soft);
}
#content_area  #bathselect-warranty-center .bsw-troubleshooting-table {
width: 100%;
min-width: 1120px;
border-collapse: collapse;
background: #ffffff;
}
#content_area  #bathselect-warranty-center .bsw-troubleshooting-table th,
#content_area  #bathselect-warranty-center .bsw-troubleshooting-table td {
padding: 20px 18px;
border-right: 1px solid var(--bsw-border);
border-bottom: 1px solid var(--bsw-border);
text-align: left;
vertical-align: top;
}
#content_area  #bathselect-warranty-center .bsw-troubleshooting-table th:last-child,
#content_area  #bathselect-warranty-center .bsw-troubleshooting-table td:last-child {
border-right: 0;
}
#content_area  #bathselect-warranty-center .bsw-troubleshooting-table tr:last-child td {
border-bottom: 0;
}
#content_area  #bathselect-warranty-center .bsw-troubleshooting-table thead th {
background:
linear-gradient(
	135deg,
	var(--bsw-navy-dark),
	var(--bsw-navy)
);
color: #ffffff;
font-size: 10px;
font-weight: 700;
letter-spacing: 1px;
line-height: 1.4;
text-transform: uppercase;
}
#content_area  #bathselect-warranty-center .bsw-troubleshooting-table tbody tr:nth-child(even) {
background: #f8fcfe;
}
#content_area  #bathselect-warranty-center .bsw-troubleshooting-table td {
color: #64717a;
font-size: 13px;
line-height: 1.6;
}
#content_area  #bathselect-warranty-center .bsw-troubleshooting-table td strong {
display: block;
margin-bottom: 5px;
color: var(--bsw-heading);
font-size: 15px;
}
/* ==========================================================
PART 8 � SERVICEABILITY GRID
========================================================== */
#content_area  #bathselect-warranty-center .bsw-serviceability-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 20px;
}
#content_area  #bathselect-warranty-center .bsw-serviceability-card {
min-height: 300px;
padding: 35px 30px;
border: 1px solid var(--bsw-border);
background: #ffffff;
box-shadow: var(--bsw-shadow-soft);
}
#content_area  #bathselect-warranty-center .bsw-serviceability-card__label {
display: inline-block;
margin-bottom: 19px;
padding: 6px 10px;
background: #eaf6fb;
color: var(--bsw-navy);
font-size: 10px;
font-weight: 700;
letter-spacing: 1.2px;
text-transform: uppercase;
}
#content_area  #bathselect-warranty-center .bsw-serviceability-card h3 {
margin-bottom: 13px;
font-size: 23px;
}
#content_area  #bathselect-warranty-center .bsw-serviceability-card p {
margin: 0;
color: #68757e;
font-size: 14px;
line-height: 1.68;
}
/* ==========================================================
PART 8 � REPAIR DECISION BAND
========================================================== */
#content_area  #bathselect-warranty-center .bsw-repair-band {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
border: 1px solid var(--bsw-border);
background: #ffffff;
box-shadow: var(--bsw-shadow-soft);
}
#content_area  #bathselect-warranty-center .bsw-repair-band__item {
min-height: 235px;
padding: 31px 25px;
text-align: center;
}
#content_area  #bathselect-warranty-center .bsw-repair-band__item:not(:last-child) {
border-right: 1px solid var(--bsw-border);
}
#content_area  #bathselect-warranty-center .bsw-repair-band__number {
display: block;
margin-bottom: 17px;
color: var(--bsw-blue);
font-size: 11px;
font-weight: 700;
letter-spacing: 1.3px;
}
#content_area  #bathselect-warranty-center .bsw-repair-band__item h3 {
margin-bottom: 10px;
font-size: 20px;
}
#content_area  #bathselect-warranty-center .bsw-repair-band__item p {
margin: 0;
color: #68757e;
font-size: 13px;
line-height: 1.6;
}
/* ==========================================================
PART 8 � PART REQUEST CHECKLIST
========================================================== */
#content_area  #bathselect-warranty-center .bsw-part-request-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 22px;
}
#content_area  #bathselect-warranty-center .bsw-part-request-card {
padding: 40px 36px;
border: 1px solid var(--bsw-border);
background: #ffffff;
box-shadow: var(--bsw-shadow-soft);
}
#content_area  #bathselect-warranty-center .bsw-part-request-card--blue {
background:
linear-gradient(
	145deg,
	#f7fcfe 0%,
	#eaf7fb 100%
);
}
#content_area  #bathselect-warranty-center .bsw-part-request-card h3 {
margin-bottom: 16px;
font-size: 27px;
}
#content_area  #bathselect-warranty-center .bsw-part-request-card p {
color: #66747d;
}
#content_area  #bathselect-warranty-center .bsw-part-request-card ul {
display: grid;
gap: 11px;
margin: 18px 0 0;
padding: 0;
list-style: none;
}
#content_area  #bathselect-warranty-center .bsw-part-request-card li {
position: relative;
padding-left: 25px;
color: #596872;
font-size: 14px;
line-height: 1.55;
}
#content_area  #bathselect-warranty-center .bsw-part-request-card li::before {
content: "?";
position: absolute;
left: 0;
color: var(--bsw-blue);
font-weight: 700;
}
/* ==========================================================
PART 8 � RESPONSIVE
========================================================== */
@media (max-width: 1120px) {
#content_area  #bathselect-warranty-center .bsw-component-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
#content_area  #bathselect-warranty-center .bsw-serviceability-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
#content_area  #bathselect-warranty-center .bsw-repair-band {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 860px) {
#content_area  #bathselect-warranty-center .bsw-part-request-grid {
grid-template-columns: 1fr;
}
}
@media (max-width: 620px) {
#content_area  #bathselect-warranty-center .bsw-component-grid,
#content_area  #bathselect-warranty-center .bsw-serviceability-grid,
#content_area  #bathselect-warranty-center .bsw-repair-band {
grid-template-columns: 1fr;
}
#content_area  #bathselect-warranty-center .bsw-repair-band__item {
border-right: 0;

border-bottom: 1px solid var(--bsw-border);
}
}


/* ==========================================================
PART 9 � CLAIM READINESS GRID
========================================================== */
#content_area  #bathselect-warranty-center .bsw-claim-readiness-grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 18px;
}
#content_area  #bathselect-warranty-center .bsw-claim-readiness-card {
position: relative;
min-height: 285px;
padding: 34px 28px;
border: 1px solid var(--bsw-border);
background: #ffffff;
box-shadow: var(--bsw-shadow-soft);
overflow: hidden;
}
#content_area  #bathselect-warranty-center .bsw-claim-readiness-card::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 4px;
background:
linear-gradient(
	90deg,
	var(--bsw-navy),
	var(--bsw-blue-light)
);
}
#content_area  #bathselect-warranty-center .bsw-claim-readiness-card__number {
display: block;
margin-bottom: 20px;
color: #8abed5;
font-size: 11px;
font-weight: 700;
letter-spacing: 1.3px;
}
#content_area  #bathselect-warranty-center .bsw-claim-readiness-card h3 {
margin-bottom: 13px;
font-size: 21px;
}
#content_area  #bathselect-warranty-center .bsw-claim-readiness-card p {
margin: 0;
color: #68757e;
font-size: 14px;
line-height: 1.67;
}
/* ==========================================================
PART 9 � CLAIM WORKFLOW
========================================================== */
#content_area  #bathselect-warranty-center .bsw-claim-workflow {
display: grid;
grid-template-columns: repeat(6, minmax(0, 1fr));
gap: 14px;
}
#content_area  #bathselect-warranty-center .bsw-claim-workflow__step {
position: relative;
min-height: 245px;
padding: 30px 23px;
border: 1px solid var(--bsw-border);
background: #ffffff;
box-shadow: var(--bsw-shadow-soft);
}
#content_area  #bathselect-warranty-center .bsw-claim-workflow__step::after {
content: "";
position: absolute;
top: 50%;
right: -15px;
width: 15px;
height: 1px;
background: var(--bsw-border);
}
#content_area  #bathselect-warranty-center .bsw-claim-workflow__step:last-child::after {
display: none;
}
#content_area  #bathselect-warranty-center .bsw-claim-workflow__number {
display: block;
margin-bottom: 18px;
color: var(--bsw-blue);
font-size: 11px;
font-weight: 700;
letter-spacing: 1.2px;
}
#content_area  #bathselect-warranty-center .bsw-claim-workflow__step h3 {
margin-bottom: 11px;
font-size: 18px;
}
#content_area  #bathselect-warranty-center .bsw-claim-workflow__step p {
margin: 0;
color: #68757e;
font-size: 13px;
line-height: 1.62;
}
/* ==========================================================
PART 9 � EVIDENCE MATRIX
========================================================== */
#content_area  #bathselect-warranty-center .bsw-evidence-matrix-wrap {
width: 100%;
overflow-x: auto;
border: 1px solid var(--bsw-border);
background: #ffffff;
box-shadow: var(--bsw-shadow-soft);
}
#content_area  #bathselect-warranty-center .bsw-evidence-matrix {
width: 100%;
min-width: 1120px;
border-collapse: collapse;
background: #ffffff;
}
#content_area  #bathselect-warranty-center .bsw-evidence-matrix th,
#content_area  #bathselect-warranty-center .bsw-evidence-matrix td {
padding: 20px 18px;
border-right: 1px solid var(--bsw-border);
border-bottom: 1px solid var(--bsw-border);
text-align: left;
vertical-align: top;
}
#content_area  #bathselect-warranty-center .bsw-evidence-matrix th:last-child,
#content_area  #bathselect-warranty-center .bsw-evidence-matrix td:last-child {
border-right: 0;
}
#content_area  #bathselect-warranty-center .bsw-evidence-matrix tr:last-child td {
border-bottom: 0;
}
#content_area  #bathselect-warranty-center .bsw-evidence-matrix thead th {
background:
linear-gradient(
	135deg,
	var(--bsw-navy-dark),
	var(--bsw-navy)
);
color: #ffffff;
font-size: 10px;
font-weight: 700;
letter-spacing: 1px;
line-height: 1.4;
text-transform: uppercase;
}
#content_area  #bathselect-warranty-center .bsw-evidence-matrix tbody tr:nth-child(even) {
background: #f8fcfe;
}
#content_area  #bathselect-warranty-center .bsw-evidence-matrix td {
color: #64717a;
font-size: 13px;
line-height: 1.6;
}
#content_area  #bathselect-warranty-center .bsw-evidence-matrix td strong {
display: block;
margin-bottom: 5px;
color: var(--bsw-heading);
font-size: 15px;
}
/* ==========================================================
PART 9 � ACCEPTABLE PHOTO GRID
========================================================== */
#content_area  #bathselect-warranty-center .bsw-photo-standard-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 20px;
}
#content_area  #bathselect-warranty-center .bsw-photo-standard-card {
min-height: 300px;
padding: 35px 30px;
border: 1px solid var(--bsw-border);
background: #ffffff;
box-shadow: var(--bsw-shadow-soft);
}
#content_area  #bathselect-warranty-center .bsw-photo-standard-card__label {
display: inline-block;
margin-bottom: 18px;
padding: 6px 10px;
background: #eaf6fb;
color: var(--bsw-navy);
font-size: 10px;
font-weight: 700;
letter-spacing: 1.2px;
text-transform: uppercase;
}
#content_area  #bathselect-warranty-center .bsw-photo-standard-card h3 {
margin-bottom: 13px;
font-size: 23px;
}
#content_area  #bathselect-warranty-center .bsw-photo-standard-card p {
margin: 0;
color: #68757e;
font-size: 14px;
line-height: 1.68;
}
/* ==========================================================
PART 9 � CLAIM REVIEW OUTCOME BAND
========================================================== */
#content_area  #bathselect-warranty-center .bsw-outcome-band {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
border: 1px solid var(--bsw-border);
background: #ffffff;
box-shadow: var(--bsw-shadow-soft);
}
#content_area  #bathselect-warranty-center .bsw-outcome-band__item {
min-height: 235px;
padding: 31px 25px;
text-align: center;
}
#content_area  #bathselect-warranty-center .bsw-outcome-band__item:not(:last-child) {
border-right: 1px solid var(--bsw-border);
}
#content_area  #bathselect-warranty-center .bsw-outcome-band__number {
display: block;
margin-bottom: 17px;
color: var(--bsw-blue);
font-size: 11px;
font-weight: 700;
letter-spacing: 1.3px;
}
#content_area  #bathselect-warranty-center .bsw-outcome-band__item h3 {
margin-bottom: 10px;
font-size: 20px;
}
#content_area  #bathselect-warranty-center .bsw-outcome-band__item p {
margin: 0;
color: #68757e;
font-size: 13px;
line-height: 1.6;
}
/* ==========================================================
PART 9 � CLAIM PREPARATION PANELS
========================================================== */
#content_area  #bathselect-warranty-center .bsw-claim-prep-panels {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 22px;
}
#content_area  #bathselect-warranty-center .bsw-claim-prep-panel {
padding: 40px 36px;
border: 1px solid var(--bsw-border);
background: #ffffff;
box-shadow: var(--bsw-shadow-soft);
}
#content_area  #bathselect-warranty-center .bsw-claim-prep-panel--blue {
background:
linear-gradient(
	145deg,
	#f7fcfe 0%,
	#eaf7fb 100%
);
}
#content_area  #bathselect-warranty-center .bsw-claim-prep-panel h3 {
margin-bottom: 16px;
font-size: 27px;
}
#content_area  #bathselect-warranty-center .bsw-claim-prep-panel p {
color: #66747d;
}
#content_area  #bathselect-warranty-center .bsw-claim-prep-panel ul {
display: grid;
gap: 11px;
margin: 18px 0 0;
padding: 0;
list-style: none;
}
#content_area  #bathselect-warranty-center .bsw-claim-prep-panel li {
position: relative;
padding-left: 25px;
color: #596872;
font-size: 14px;
line-height: 1.55;
}
#content_area  #bathselect-warranty-center .bsw-claim-prep-panel li::before {
content: "?";
position: absolute;
left: 0;
color: var(--bsw-blue);
font-weight: 700;
}
/* ==========================================================
PART 9 � RESPONSIVE
========================================================== */
@media (max-width: 1180px) {
#content_area  #bathselect-warranty-center .bsw-claim-readiness-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
#content_area  #bathselect-warranty-center .bsw-claim-workflow {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
#content_area  #bathselect-warranty-center .bsw-claim-workflow__step::after {
display: none;
}
#content_area  #bathselect-warranty-center .bsw-outcome-band {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 860px) {
#content_area  #bathselect-warranty-center .bsw-photo-standard-grid,
#content_area  #bathselect-warranty-center .bsw-claim-prep-panels {
grid-template-columns: 1fr;
}
}
@media (max-width: 620px) {
#content_area  #bathselect-warranty-center .bsw-claim-readiness-grid,
#content_area  #bathselect-warranty-center .bsw-claim-workflow,
#content_area  #bathselect-warranty-center .bsw-outcome-band {
grid-template-columns: 1fr;
}
#content_area  #bathselect-warranty-center .bsw-outcome-band__item {
border-right: 0;
border-bottom: 1px solid var(--bsw-border);
}
}


/* ==========================================================
PART 10 � EXPERTISE GRID
========================================================== */
#content_area  #bathselect-warranty-center .bsw-expertise-grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 18px;
}
#content_area  #bathselect-warranty-center .bsw-expertise-card {
position: relative;
min-height: 290px;
padding: 34px 28px;
border: 1px solid var(--bsw-border);
background: #ffffff;
box-shadow: var(--bsw-shadow-soft);
overflow: hidden;
}
#content_area  #bathselect-warranty-center .bsw-expertise-card::before {
content: "";
position: absolute;
top: 0;
right: 0;
left: 0;
height: 4px;
background:
linear-gradient(
	90deg,
	var(--bsw-navy) 0%,
	var(--bsw-blue-light) 100%
);
}
#content_area  #bathselect-warranty-center .bsw-expertise-card__number {
display: block;
margin-bottom: 20px;
color: #8abed5;
font-size: 11px;
font-weight: 700;
letter-spacing: 1.3px;
text-transform: uppercase;
}
#content_area  #bathselect-warranty-center .bsw-expertise-card h3 {
margin-bottom: 13px;
font-size: 21px;
}
#content_area  #bathselect-warranty-center .bsw-expertise-card p {
margin: 0;
color: #68757e;
font-size: 14px;
line-height: 1.68;
}
/* ==========================================================
PART 10 � REVIEW BOARD
========================================================== */
#content_area  #bathselect-warranty-center .bsw-review-board {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 20px;
}
#content_area  #bathselect-warranty-center .bsw-review-card {
min-height: 330px;
padding: 36px 31px;
border: 1px solid var(--bsw-border);
background: #ffffff;
box-shadow: var(--bsw-shadow-soft);
}
#content_area  #bathselect-warranty-center .bsw-review-card__role {
display: inline-block;
margin-bottom: 20px;
padding: 6px 10px;
background: #eaf6fb;
color: var(--bsw-navy);
font-size: 10px;
font-weight: 700;
letter-spacing: 1.2px;
text-transform: uppercase;
}
#content_area  #bathselect-warranty-center .bsw-review-card h3 {
margin-bottom: 14px;
font-size: 24px;
}
#content_area  #bathselect-warranty-center .bsw-review-card p {
color: #66747d;
font-size: 14px;
line-height: 1.7;
}
#content_area  #bathselect-warranty-center .bsw-review-card ul {
display: grid;
gap: 10px;
margin: 18px 0 0;
padding: 0;
list-style: none;
}
#content_area  #bathselect-warranty-center .bsw-review-card li {
position: relative;
padding-left: 24px;
color: #596872;
font-size: 13px;
line-height: 1.55;
}
#content_area  #bathselect-warranty-center .bsw-review-card li::before {
content: "?";
position: absolute;
left: 0;
color: var(--bsw-blue);
font-weight: 700;
}
/* ==========================================================
PART 10 � RESOURCE GRID
========================================================== */
#content_area  #bathselect-warranty-center .bsw-resource-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 20px;
}
#content_area  #bathselect-warranty-center .bsw-resource-card {
display: flex;
flex-direction: column;
min-height: 315px;
padding: 34px 30px;
border: 1px solid var(--bsw-border);
background: #ffffff;
box-shadow: var(--bsw-shadow-soft);
}
#content_area  #bathselect-warranty-center .bsw-resource-card__type {
display: block;
margin-bottom: 20px;
color: var(--bsw-blue);
font-size: 10px;
font-weight: 700;
letter-spacing: 1.4px;
text-transform: uppercase;
}
#content_area  #bathselect-warranty-center .bsw-resource-card h3 {
margin-bottom: 13px;
font-size: 23px;
}
#content_area  #bathselect-warranty-center .bsw-resource-card p {
color: #68757e;
font-size: 14px;
line-height: 1.68;
}
#content_area  #bathselect-warranty-center .bsw-resource-card__link {
display: inline-flex;
align-items: center;
margin-top: auto;
padding-top: 22px;
color: var(--bsw-navy);
font-size: 11px;
font-weight: 700;
letter-spacing: 0.9px;
text-decoration: none;
text-transform: uppercase;
}
#content_area  #bathselect-warranty-center .bsw-resource-card__link::after {
content: "→";
margin-left: 9px;
font-size: 16px;
}
/* ==========================================================
PART 10 � EDITORIAL POLICY BAND
========================================================== */
#content_area  #bathselect-warranty-center .bsw-policy-band {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
border: 1px solid var(--bsw-border);
background: #ffffff;
box-shadow: var(--bsw-shadow-soft);
}
#content_area  #bathselect-warranty-center .bsw-policy-band__item {
min-height: 240px;
padding: 31px 25px;
text-align: center;
}
#content_area  #bathselect-warranty-center .bsw-policy-band__item:not(:last-child) {
border-right: 1px solid var(--bsw-border);
}
#content_area  #bathselect-warranty-center .bsw-policy-band__number {
display: block;
margin-bottom: 17px;
color: var(--bsw-blue);
font-size: 11px;
font-weight: 700;
letter-spacing: 1.3px;
}
#content_area  #bathselect-warranty-center .bsw-policy-band__item h3 {
margin-bottom: 10px;
font-size: 20px;
}
#content_area  #bathselect-warranty-center .bsw-policy-band__item p {
margin: 0;
color: #68757e;
font-size: 13px;
line-height: 1.6;
}
/* ==========================================================
PART 10 � REVISION LOG
========================================================== */
#content_area  #bathselect-warranty-center .bsw-revision-log {
border: 1px solid var(--bsw-border);
background: #ffffff;
box-shadow: var(--bsw-shadow-soft);
}
#content_area  #bathselect-warranty-center .bsw-revision-log__row {
display: grid;
grid-template-columns: 170px 220px minmax(0, 1fr);
border-bottom: 1px solid var(--bsw-border);
}
#content_area  #bathselect-warranty-center .bsw-revision-log__row:last-child {
border-bottom: 0;
}
#content_area  #bathselect-warranty-center .bsw-revision-log__row > div {
padding: 21px 22px;
border-right: 1px solid var(--bsw-border);
color: #64717a;
font-size: 13px;
line-height: 1.6;
}
#content_area  #bathselect-warranty-center .bsw-revision-log__row > div:last-child {
border-right: 0;
}
#content_area  #bathselect-warranty-center .bsw-revision-log__row--header {
background:
linear-gradient(
	135deg,
	var(--bsw-navy-dark),
	var(--bsw-navy)
);
}
#content_area  #bathselect-warranty-center .bsw-revision-log__row--header > div {
color: #ffffff;
font-size: 10px;
font-weight: 700;
letter-spacing: 1px;
text-transform: uppercase;
}
/* ==========================================================
PART 10 � CONTACT PATHS
========================================================== */
#content_area  #bathselect-warranty-center .bsw-contact-paths {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 20px;
}
#content_area  #bathselect-warranty-center .bsw-contact-path {
min-height: 280px;
padding: 35px 30px;
border: 1px solid var(--bsw-border);
background: #ffffff;
box-shadow: var(--bsw-shadow-soft);
}
#content_area  #bathselect-warranty-center .bsw-contact-path__label {
display: inline-block;
margin-bottom: 19px;
padding: 6px 10px;
background: #eaf6fb;
color: var(--bsw-navy);
font-size: 10px;
font-weight: 700;
letter-spacing: 1.2px;
text-transform: uppercase;
}
#content_area  #bathselect-warranty-center .bsw-contact-path h3 {
margin-bottom: 13px;
font-size: 24px;
}
#content_area  #bathselect-warranty-center .bsw-contact-path p {
color: #68757e;
font-size: 14px;
line-height: 1.68;
}
#content_area  #bathselect-warranty-center .bsw-contact-path a {
display: inline-flex;
margin-top: 12px;
color: var(--bsw-navy);
font-size: 11px;
font-weight: 700;
letter-spacing: 0.8px;
text-decoration: none;
text-transform: uppercase;
}
/* ==========================================================
PART 10 � RESPONSIVE
========================================================== */
@media (max-width: 1120px) {
#content_area  #bathselect-warranty-center .bsw-expertise-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
#content_area  #bathselect-warranty-center .bsw-review-board,
#content_area  #bathselect-warranty-center .bsw-resource-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
#content_area  #bathselect-warranty-center .bsw-policy-band {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 860px) {
#content_area  #bathselect-warranty-center .bsw-contact-paths {
grid-template-columns: 1fr;
}
#content_area  #bathselect-warranty-center .bsw-revision-log__row {
grid-template-columns: 1fr;
}
#content_area  #bathselect-warranty-center .bsw-revision-log__row > div {
border-right: 0;
border-bottom: 1px solid var(--bsw-border);
}
#content_area  #bathselect-warranty-center .bsw-revision-log__row > div:last-child {
border-bottom: 0;
}
}
@media (max-width: 620px) {
#content_area  #bathselect-warranty-center .bsw-expertise-grid,
#content_area  #bathselect-warranty-center .bsw-review-board,
#content_area  #bathselect-warranty-center .bsw-resource-grid,
#content_area  #bathselect-warranty-center .bsw-policy-band {
grid-template-columns: 1fr;
}
#content_area  #bathselect-warranty-center .bsw-policy-band__item {
border-right: 0;
border-bottom: 1px solid var(--bsw-border);
}
}


/* ==========================================================
PART 11 � PROFESSIONAL RESPONSIBILITY GRID
========================================================== */
#content_area  #bathselect-warranty-center .bsw-responsibility-grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 18px;
}
#content_area  #bathselect-warranty-center .bsw-responsibility-card {
position: relative;
min-height: 290px;
padding: 34px 28px;
border: 1px solid var(--bsw-border);
background: #ffffff;
box-shadow: var(--bsw-shadow-soft);
overflow: hidden;
}
#content_area  #bathselect-warranty-center .bsw-responsibility-card::before {
content: "";
position: absolute;
top: 0;
right: 0;
left: 0;
height: 4px;
background:
linear-gradient(
	90deg,
	var(--bsw-navy) 0%,
	var(--bsw-blue-light) 100%
);
}
#content_area  #bathselect-warranty-center .bsw-responsibility-card__number {
display: block;
margin-bottom: 20px;
color: #8abed5;
font-size: 11px;
font-weight: 700;
letter-spacing: 1.3px;
text-transform: uppercase;
}
#content_area  #bathselect-warranty-center .bsw-responsibility-card h3 {
margin-bottom: 13px;
font-size: 21px;
}
#content_area  #bathselect-warranty-center .bsw-responsibility-card p {
margin: 0;
color: #68757e;
font-size: 14px;
line-height: 1.68;
}
/* ==========================================================
PART 11 � WATER CONDITION GRID
========================================================== */
#content_area  #bathselect-warranty-center .bsw-water-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 20px;
}
#content_area  #bathselect-warranty-center .bsw-water-card {
min-height: 310px;
padding: 35px 30px;
border: 1px solid var(--bsw-border);
background: #ffffff;
box-shadow: var(--bsw-shadow-soft);
}
#content_area  #bathselect-warranty-center .bsw-water-card__type {
display: inline-block;
margin-bottom: 19px;
padding: 6px 10px;
background: #eaf6fb;
color: var(--bsw-navy);
font-size: 10px;
font-weight: 700;
letter-spacing: 1.2px;
text-transform: uppercase;
}
#content_area  #bathselect-warranty-center .bsw-water-card h3 {
margin-bottom: 13px;
font-size: 23px;
}
#content_area  #bathselect-warranty-center .bsw-water-card p {
margin: 0;
color: #68757e;
font-size: 14px;
line-height: 1.68;
}
/* ==========================================================
PART 11 � INSTALLATION MATRIX
========================================================== */
#content_area  #bathselect-warranty-center .bsw-installation-matrix-wrap {
width: 100%;
overflow-x: auto;
border: 1px solid var(--bsw-border);
background: #ffffff;
box-shadow: var(--bsw-shadow-soft);
}
#content_area  #bathselect-warranty-center .bsw-installation-matrix {
width: 100%;
min-width: 1120px;
border-collapse: collapse;
background: #ffffff;
}
#content_area  #bathselect-warranty-center .bsw-installation-matrix th,
#content_area  #bathselect-warranty-center .bsw-installation-matrix td {
padding: 20px 18px;
border-right: 1px solid var(--bsw-border);
border-bottom: 1px solid var(--bsw-border);
text-align: left;
vertical-align: top;
}
#content_area  #bathselect-warranty-center .bsw-installation-matrix th:last-child,
#content_area  #bathselect-warranty-center .bsw-installation-matrix td:last-child {
border-right: 0;
}
#content_area  #bathselect-warranty-center .bsw-installation-matrix tr:last-child td {
border-bottom: 0;
}
#content_area  #bathselect-warranty-center .bsw-installation-matrix thead th {
background:
linear-gradient(
	135deg,
	var(--bsw-navy-dark),
	var(--bsw-navy)
);
color: #ffffff;
font-size: 10px;
font-weight: 700;
letter-spacing: 1px;
line-height: 1.4;
text-transform: uppercase;
}
#content_area  #bathselect-warranty-center .bsw-installation-matrix tbody tr:nth-child(even) {
background: #f8fcfe;
}
#content_area  #bathselect-warranty-center .bsw-installation-matrix td {
color: #64717a;
font-size: 13px;
line-height: 1.6;
}
#content_area  #bathselect-warranty-center .bsw-installation-matrix td strong {
display: block;
margin-bottom: 5px;
color: var(--bsw-heading);
font-size: 15px;
}
/* ==========================================================
PART 11 � SAFETY BAND
========================================================== */
#content_area  #bathselect-warranty-center .bsw-safety-band {
display: grid;
grid-template-columns: repeat(5, minmax(0, 1fr));
border: 1px solid var(--bsw-border);
background: #ffffff;
box-shadow: var(--bsw-shadow-soft);
}
#content_area  #bathselect-warranty-center .bsw-safety-band__item {
min-height: 225px;
padding: 30px 23px;
text-align: center;
}
#content_area  #bathselect-warranty-center .bsw-safety-band__item:not(:last-child) {
border-right: 1px solid var(--bsw-border);
}
#content_area  #bathselect-warranty-center .bsw-safety-band__number {
display: block;
margin-bottom: 17px;
color: var(--bsw-blue);
font-size: 11px;
font-weight: 700;
letter-spacing: 1.3px;
}
#content_area  #bathselect-warranty-center .bsw-safety-band__item h3 {
margin-bottom: 10px;
font-size: 19px;
}
#content_area  #bathselect-warranty-center .bsw-safety-band__item p {
margin: 0;
color: #68757e;
font-size: 13px;
line-height: 1.6;
}
/* ==========================================================
PART 11 � PROFESSIONAL RECORD PANELS
========================================================== */
#content_area  #bathselect-warranty-center .bsw-professional-panels {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 22px;
}
#content_area  #bathselect-warranty-center .bsw-professional-panel {
padding: 40px 36px;
border: 1px solid var(--bsw-border);
background: #ffffff;
box-shadow: var(--bsw-shadow-soft);
}
#content_area  #bathselect-warranty-center .bsw-professional-panel--blue {
background:
linear-gradient(
	145deg,
	#f7fcfe 0%,
	#eaf7fb 100%
);
}
#content_area  #bathselect-warranty-center .bsw-professional-panel h3 {
margin-bottom: 16px;
font-size: 27px;
}
#content_area  #bathselect-warranty-center .bsw-professional-panel p {
color: #66747d;
}
#content_area  #bathselect-warranty-center .bsw-professional-panel ul {
display: grid;
gap: 11px;
margin: 18px 0 0;
padding: 0;
list-style: none;
}
#content_area  #bathselect-warranty-center .bsw-professional-panel li {
position: relative;
padding-left: 25px;
color: #596872;
font-size: 14px;
line-height: 1.55;
}
#content_area  #bathselect-warranty-center .bsw-professional-panel li::before {
content: "?";
position: absolute;
left: 0;
color: var(--bsw-blue);
font-weight: 700;
}
/* ==========================================================
PART 11 � COMPLIANCE CONTEXT
========================================================== */
#content_area  #bathselect-warranty-center .bsw-compliance-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 20px;
}
#content_area  #bathselect-warranty-center .bsw-compliance-card {
min-height: 305px;
padding: 35px 30px;
border: 1px solid var(--bsw-border);
background: #ffffff;
box-shadow: var(--bsw-shadow-soft);
}
#content_area  #bathselect-warranty-center .bsw-compliance-card__label {
display: inline-block;
margin-bottom: 19px;
padding: 6px 10px;
background: #eaf6fb;
color: var(--bsw-navy);
font-size: 10px;
font-weight: 700;
letter-spacing: 1.2px;
text-transform: uppercase;
}
#content_area  #bathselect-warranty-center .bsw-compliance-card h3 {
margin-bottom: 13px;
font-size: 23px;
}
#content_area  #bathselect-warranty-center .bsw-compliance-card p {
margin: 0;
color: #68757e;
font-size: 14px;
line-height: 1.68;
}
/* ==========================================================
PART 11 � RESPONSIVE
========================================================== */
@media (max-width: 1120px) {
#content_area  #bathselect-warranty-center .bsw-responsibility-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
#content_area  #bathselect-warranty-center .bsw-water-grid,
#content_area  #bathselect-warranty-center .bsw-compliance-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
#content_area  #bathselect-warranty-center .bsw-safety-band {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 860px) {
#content_area  #bathselect-warranty-center .bsw-professional-panels {
grid-template-columns: 1fr;
}
}
@media (max-width: 620px) {
#content_area  #bathselect-warranty-center .bsw-responsibility-grid,
#content_area  #bathselect-warranty-center .bsw-water-grid,
#content_area  #bathselect-warranty-center .bsw-compliance-grid,
#content_area  #bathselect-warranty-center .bsw-safety-band {
grid-template-columns: 1fr;
}
#content_area  #bathselect-warranty-center .bsw-safety-band__item {
border-right: 0;
border-bottom: 1px solid var(--bsw-border);
}
}


/* ==========================================================
PART 12 � DEFINITIONS GRID
========================================================== */
#content_area  #bathselect-warranty-center .bsw-definition-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 20px;
}
#content_area  #bathselect-warranty-center .bsw-definition-card {
position: relative;
min-height: 310px;
padding: 36px 31px;
border: 1px solid var(--bsw-border);
background: #ffffff;
box-shadow: var(--bsw-shadow-soft);
overflow: hidden;
}
#content_area  #bathselect-warranty-center .bsw-definition-card::before {
content: "";
position: absolute;
top: 0;
right: 0;
left: 0;
height: 4px;
background:
linear-gradient(
	90deg,
	var(--bsw-navy) 0%,
	var(--bsw-blue-light) 100%
);
}
#content_area  #bathselect-warranty-center .bsw-definition-card__term {
display: block;
margin-bottom: 20px;
color: var(--bsw-blue);
font-size: 10px;
font-weight: 700;
letter-spacing: 1.4px;
text-transform: uppercase;
}
#content_area  #bathselect-warranty-center .bsw-definition-card h3 {
margin-bottom: 14px;
font-size: 23px;
}
#content_area  #bathselect-warranty-center .bsw-definition-card p {
margin: 0;
color: #68757e;
font-size: 14px;
line-height: 1.7;
}
/* ==========================================================
PART 12 � OWNERSHIP RECORD GRID
========================================================== */
#content_area  #bathselect-warranty-center .bsw-ownership-grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 18px;
}
#content_area  #bathselect-warranty-center .bsw-ownership-card {
min-height: 275px;
padding: 33px 28px;
border: 1px solid var(--bsw-border);
background: #ffffff;
box-shadow: var(--bsw-shadow-soft);
}
#content_area  #bathselect-warranty-center .bsw-ownership-card__number {
display: block;
margin-bottom: 20px;
color: #8abed5;
font-size: 11px;
font-weight: 700;
letter-spacing: 1.3px;
}
#content_area  #bathselect-warranty-center .bsw-ownership-card h3 {
margin-bottom: 13px;
font-size: 21px;
}
#content_area  #bathselect-warranty-center .bsw-ownership-card p {
margin: 0;
color: #68757e;
font-size: 14px;
line-height: 1.67;
}
/* ==========================================================
PART 12 � EXCLUSION MATRIX
========================================================== */
#content_area  #bathselect-warranty-center .bsw-exclusion-matrix-wrap {
width: 100%;
overflow-x: auto;
border: 1px solid var(--bsw-border);
background: #ffffff;
box-shadow: var(--bsw-shadow-soft);
}
#content_area  #bathselect-warranty-center .bsw-exclusion-matrix {
width: 100%;
min-width: 1120px;
border-collapse: collapse;
background: #ffffff;
}
#content_area  #bathselect-warranty-center .bsw-exclusion-matrix th,
#content_area  #bathselect-warranty-center .bsw-exclusion-matrix td {
padding: 20px 18px;
border-right: 1px solid var(--bsw-border);
border-bottom: 1px solid var(--bsw-border);
text-align: left;
vertical-align: top;
}
#content_area  #bathselect-warranty-center .bsw-exclusion-matrix th:last-child,
#content_area  #bathselect-warranty-center .bsw-exclusion-matrix td:last-child {
border-right: 0;
}
#content_area  #bathselect-warranty-center .bsw-exclusion-matrix tr:last-child td {
border-bottom: 0;
}
#content_area  #bathselect-warranty-center .bsw-exclusion-matrix thead th {
background:
linear-gradient(
	135deg,
	var(--bsw-navy-dark),
	var(--bsw-navy)
);
color: #ffffff;
font-size: 10px;
font-weight: 700;
letter-spacing: 1px;
line-height: 1.4;
text-transform: uppercase;
}
#content_area  #bathselect-warranty-center .bsw-exclusion-matrix tbody tr:nth-child(even) {
background: #f8fcfe;
}
#content_area  #bathselect-warranty-center .bsw-exclusion-matrix td {
color: #64717a;
font-size: 13px;
line-height: 1.6;
}
#content_area  #bathselect-warranty-center .bsw-exclusion-matrix td strong {
display: block;
margin-bottom: 5px;
color: var(--bsw-heading);
font-size: 15px;
}
/* ==========================================================
PART 12 � FILE RETENTION BAND
========================================================== */
#content_area  #bathselect-warranty-center .bsw-file-retention {
display: grid;
grid-template-columns: repeat(5, minmax(0, 1fr));
border: 1px solid var(--bsw-border);
background: #ffffff;
box-shadow: var(--bsw-shadow-soft);
}
#content_area  #bathselect-warranty-center .bsw-file-retention__item {
min-height: 225px;
padding: 30px 23px;
text-align: center;
}
#content_area  #bathselect-warranty-center .bsw-file-retention__item:not(:last-child) {
border-right: 1px solid var(--bsw-border);
}
#content_area  #bathselect-warranty-center .bsw-file-retention__number {
display: block;
margin-bottom: 17px;
color: var(--bsw-blue);
font-size: 11px;
font-weight: 700;
letter-spacing: 1.3px;
}
#content_area  #bathselect-warranty-center .bsw-file-retention__item h3 {
margin-bottom: 10px;
font-size: 19px;
}
#content_area  #bathselect-warranty-center .bsw-file-retention__item p {
margin: 0;
color: #68757e;
font-size: 13px;
line-height: 1.6;
}
/* ==========================================================
PART 12 � RECORD PANELS
========================================================== */
#content_area  #bathselect-warranty-center .bsw-record-panels {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 22px;
}
#content_area  #bathselect-warranty-center .bsw-record-panel {
padding: 40px 36px;
border: 1px solid var(--bsw-border);
background: #ffffff;
box-shadow: var(--bsw-shadow-soft);
}
#content_area  #bathselect-warranty-center .bsw-record-panel--blue {
background:
linear-gradient(
	145deg,
	#f7fcfe 0%,
	#eaf7fb 100%
);
}
#content_area  #bathselect-warranty-center .bsw-record-panel h3 {
margin-bottom: 16px;
font-size: 27px;
}
#content_area  #bathselect-warranty-center .bsw-record-panel p {
color: #66747d;
}
#content_area  #bathselect-warranty-center .bsw-record-panel ul {
display: grid;
gap: 11px;
margin: 18px 0 0;
padding: 0;
list-style: none;
}
#content_area  #bathselect-warranty-center .bsw-record-panel li {
position: relative;
padding-left: 25px;
color: #596872;
font-size: 14px;
line-height: 1.55;
}
#content_area  #bathselect-warranty-center .bsw-record-panel li::before {
content: "?";
position: absolute;
left: 0;
color: var(--bsw-blue);
font-weight: 700;
}
/* ==========================================================
PART 12 � CLARIFICATION GRID
========================================================== */
#content_area  #bathselect-warranty-center .bsw-clarification-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 20px;
}
#content_area  #bathselect-warranty-center .bsw-clarification-card {
min-height: 305px;
padding: 35px 30px;
border: 1px solid var(--bsw-border);
background: #ffffff;
box-shadow: var(--bsw-shadow-soft);
}
#content_area  #bathselect-warranty-center .bsw-clarification-card__label {
display: inline-block;
margin-bottom: 19px;
padding: 6px 10px;
background: #eaf6fb;
color: var(--bsw-navy);
font-size: 10px;
font-weight: 700;
letter-spacing: 1.2px;
text-transform: uppercase;
}
#content_area  #bathselect-warranty-center .bsw-clarification-card h3 {
margin-bottom: 13px;
font-size: 23px;
}
#content_area  #bathselect-warranty-center .bsw-clarification-card p {
margin: 0;
color: #68757e;
font-size: 14px;
line-height: 1.68;
}
/* ==========================================================
PART 12 � RECORD STATUS STRIP
========================================================== */
#content_area  #bathselect-warranty-center .bsw-record-status {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 16px;
}
#content_area  #bathselect-warranty-center .bsw-record-status__item {
min-height: 220px;
padding: 30px 25px;
border: 1px solid var(--bsw-border);
background: #ffffff;
box-shadow: var(--bsw-shadow-soft);
}
#content_area  #bathselect-warranty-center .bsw-record-status__label {
display: block;
margin-bottom: 17px;
color: #8abed5;
font-size: 11px;
font-weight: 700;
letter-spacing: 1.2px;
text-transform: uppercase;
}
#content_area  #bathselect-warranty-center .bsw-record-status__item h3 {
margin-bottom: 10px;
font-size: 20px;
}
#content_area  #bathselect-warranty-center .bsw-record-status__item p {
margin: 0;
color: #68757e;
font-size: 13px;
line-height: 1.62;
}
/* ==========================================================
PART 12 � RESPONSIVE
========================================================== */
@media (max-width: 1120px) {
#content_area  #bathselect-warranty-center .bsw-definition-grid,
#content_area  #bathselect-warranty-center .bsw-clarification-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
#content_area  #bathselect-warranty-center .bsw-ownership-grid,
#content_area  #bathselect-warranty-center .bsw-record-status {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
#content_area  #bathselect-warranty-center .bsw-file-retention {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 860px) {
#content_area  #bathselect-warranty-center .bsw-record-panels {
grid-template-columns: 1fr;
}
}
@media (max-width: 620px) {
#content_area  #bathselect-warranty-center .bsw-definition-grid,
#content_area  #bathselect-warranty-center .bsw-ownership-grid,
#content_area  #bathselect-warranty-center .bsw-file-retention,
#content_area  #bathselect-warranty-center .bsw-clarification-grid,
#content_area  #bathselect-warranty-center .bsw-record-status {
grid-template-columns: 1fr;
}
#content_area  #bathselect-warranty-center .bsw-file-retention__item {
border-right: 0;
border-bottom: 1px solid var(--bsw-border);
}
}
/* Category id - 78  -- Warranty-Bathroom-Fixtures (https://www.bathselect.com/Warranty-Bathroom-Fixtures-s/78.htm) at 19-07-2026 End Here*/

/* Category id - 7574  -- BathSelect-Assurance (https://www.bathselect.com/BathSelect-Assurance-s/7574.htmm) at 20-07-2026 Start Here*/
#content_area #bathselect-assurance-center-zee-july-wrapper {
	--bsa-navy:#12aeee;
	--bsa-navy-dark:#042f56;
	--bsa-blue:#18364a;
	--bsa-blue-light:#a9d8ea;
	--bsa-sky:#eef8fc;
	--bsa-sky-soft:#f9fdff;
	--bsa-heading:#2c3942;
	--bsa-text:#5c6972;
	--bsa-muted:#75818a;
	--bsa-border:#dbe7ec;
	--bsa-white:#ffffff;
	--bsa-shadow:0 18px 55px rgba(28,65,91,.11);
	--bsa-shadow-soft:0 10px 30px rgba(28,65,91,.075);
	width:100%;
	margin:0;
	padding:0 0 90px;
	background:#fff;
	color:var(--bsa-text);
	font-family:Arial,Helvetica,sans-serif;
	line-height:1.68;
	box-sizing:border-box;
	overflow:hidden;
}
#content_area #bathselect-assurance-center-zee-july-wrapper *,
#content_area #bathselect-assurance-center-zee-july-wrapper *::before,
#content_area #bathselect-assurance-center-zee-july-wrapper *::after{box-sizing:border-box}
#content_area #bathselect-assurance-center-zee-july-wrapper img{display:block;width:100%;max-width:100%;border:0}
#content_area #bathselect-assurance-center-zee-july-wrapper h1,
#content_area #bathselect-assurance-center-zee-july-wrapper h2,
#content_area #bathselect-assurance-center-zee-july-wrapper h3,
#content_area #bathselect-assurance-center-zee-july-wrapper h4{
	margin:0;
	color:var(--bsa-heading);
	font-weight:500;
	letter-spacing:-.025em;
}
#content_area #bathselect-assurance-center-zee-july-wrapper h1{font-size:clamp(42px,4.8vw,72px);line-height:1.02}
#content_area #bathselect-assurance-center-zee-july-wrapper h2{font-size:clamp(31px,3.2vw,50px);line-height:1.09}
#content_area #bathselect-assurance-center-zee-july-wrapper h3{font-size:23px;line-height:1.25}
#content_area #bathselect-assurance-center-zee-july-wrapper p{margin:0 0 18px}
#content_area #bathselect-assurance-center-zee-july-wrapper a{color:inherit}
#content_area #bathselect-assurance-center-zee-july-wrapper .bsa-container{
	width:calc(100% - 56px);
	max-width:1480px;
	margin:0 auto;
}
#content_area #bathselect-assurance-center-zee-july-wrapper .bsa-narrow{
	width:calc(100% - 56px);
	max-width:1160px;
	margin:0 auto;
}
#content_area #bathselect-assurance-center-zee-july-wrapper .bsa-section{padding:84px 0}
#content_area #bathselect-assurance-center-zee-july-wrapper .bsa-section--small{padding:54px 0}
#content_area #bathselect-assurance-center-zee-july-wrapper .bsa-section--sky{
	background:linear-gradient(135deg,#fbfeff 0%,#edf8fc 100%);
}
#content_area #bathselect-assurance-center-zee-july-wrapper .bsa-eyebrow{
	display:inline-flex;
	align-items:center;
	gap:11px;
	margin-bottom:15px;
	color:var(--bsa-blue);
	font-size:11px;
	font-weight:700;
	letter-spacing:1.7px;
	text-transform:uppercase;
}
#content_area #bathselect-assurance-center-zee-july-wrapper .bsa-eyebrow::before{
	content:"";
	width:32px;
	height:2px;
	background:var(--bsa-blue);
}
#content_area #bathselect-assurance-center-zee-july-wrapper .bsa-eyebrow--white{color:#18364a}
#content_area #bathselect-assurance-center-zee-july-wrapper .bsa-eyebrow--white::before{background:#18364a}
#content_area #bathselect-assurance-center-zee-july-wrapper .bsa-heading{
	max-width:880px;
	margin-bottom:44px;
}
#content_area #bathselect-assurance-center-zee-july-wrapper .bsa-heading h2{margin-bottom:18px}
#content_area #bathselect-assurance-center-zee-july-wrapper .bsa-heading p{
	color:var(--bsa-muted);
	font-size:17px;
}
#content_area #bathselect-assurance-center-zee-july-wrapper .bsa-heading--center{
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
#content_area #bathselect-assurance-center-zee-july-wrapper .bsa-heading--center .bsa-eyebrow{justify-content:center}

/* HERO */
#content_area #bathselect-assurance-center-zee-july-wrapper .bsa-hero{
	position:relative;
	min-height:700px;
	background:#fff;
	overflow:hidden;
}
#content_area #bathselect-assurance-center-zee-july-wrapper .bsa-hero__grid{
	display:grid;
	grid-template-columns:43% 57%;
	min-height:700px;
}
#content_area #bathselect-assurance-center-zee-july-wrapper .bsa-hero__content{
	position:relative;
	z-index:2;
	display:flex;
	align-items:center;
	padding:72px 56px 72px max(44px,calc((100vw - 1480px)/2));
	background:#fff;
}
#content_area #bathselect-assurance-center-zee-july-wrapper .bsa-hero__content::after{
	content:"";
	position:absolute;
	z-index:-1;
	top:0;
	right:-145px;
	width:285px;
	height:100%;
	background:#fff;
	transform:skewX(-12deg);
}
#content_area #bathselect-assurance-center-zee-july-wrapper .bsa-hero__inner{max-width:560px}
#content_area #bathselect-assurance-center-zee-july-wrapper .bsa-hero__brand{
	display:block;
	margin-bottom:17px;
	color:var(--bsa-blue);
	font-size:12px;
	font-weight:700;
	letter-spacing:2px;
	text-transform:uppercase;
}
#content_area #bathselect-assurance-center-zee-july-wrapper .bsa-hero h1{margin-bottom:23px}
#content_area #bathselect-assurance-center-zee-july-wrapper .bsa-hero__lead{
	max-width:500px;
	color:#66747d;
	font-size:17px;
	line-height:1.65;
}
#content_area #bathselect-assurance-center-zee-july-wrapper .bsa-hero__visual,
#content_area #bathselect-assurance-center-zee-july-wrapper .bsa-hero__visual img{
	height:700px;
}
#content_area #bathselect-assurance-center-zee-july-wrapper .bsa-hero__visual{background:#eaf5f9;overflow:hidden}
#content_area #bathselect-assurance-center-zee-july-wrapper .bsa-hero__visual img{object-fit:cover;object-position:center}

/* BUTTONS */
#content_area #bathselect-assurance-center-zee-july-wrapper .bsa-buttons{
	display:flex;
	flex-wrap:wrap;
	gap:12px;
	margin-top:28px;
}
#content_area #bathselect-assurance-center-zee-july-wrapper .bsa-button,
#content_area #bathselect-assurance-center-zee-july-wrapper .bsa-control{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-height:49px;
	padding:14px 24px;
	border:1px solid var(--bsa-navy);
	border-radius:3px;
	background:var(--bsa-navy);
	color:#fff;
	font-size:11px;
	font-weight:700;
	letter-spacing:.8px;
	text-decoration:none;
	text-transform:uppercase;
	cursor:pointer;
}
#content_area #bathselect-assurance-center-zee-july-wrapper .bsa-button--outline,
#content_area #bathselect-assurance-center-zee-july-wrapper .bsa-control--outline{
	background:transparent;
	color:var(--bsa-navy);
}

/* ASSURANCE STRIP */
#content_area #bathselect-assurance-center-zee-july-wrapper .bsa-strip{
	position:relative;
	z-index:4;
	width:calc(100% - 56px);
	max-width:1450px;
	margin:-36px auto 0;
	background:#fff;
	box-shadow:var(--bsa-shadow);
}
#content_area #bathselect-assurance-center-zee-july-wrapper .bsa-strip__grid{
	display:grid;
	grid-template-columns:35% 65%;
	min-height:260px;
}
#content_area #bathselect-assurance-center-zee-july-wrapper .bsa-strip__copy{
	display:flex;
	flex-direction:column;
	justify-content:center;
	padding:44px 46px;
	background:linear-gradient(135deg,#ffffff 0%,#eef9ff 48%,#dff3ff 100%);
}
#content_area #bathselect-assurance-center-zee-july-wrapper .bsa-strip__copy h2{color:#fff;margin-bottom:12px}
#content_area #bathselect-assurance-center-zee-july-wrapper .bsa-strip__copy p{margin:0;color:rgba(255,255,255,.82)}
#content_area #bathselect-assurance-center-zee-july-wrapper .bsa-strip__image,
#content_area #bathselect-assurance-center-zee-july-wrapper .bsa-strip__image img{height:260px}
#content_area #bathselect-assurance-center-zee-july-wrapper .bsa-strip__image img{object-fit:cover}

/* CARDS */
#content_area #bathselect-assurance-center-zee-july-wrapper .bsa-grid-3{
	display:grid;
	grid-template-columns:repeat(3,minmax(0,1fr));
	gap:20px;
}
#content_area #bathselect-assurance-center-zee-july-wrapper .bsa-grid-4{
	display:grid;
	grid-template-columns:repeat(4,minmax(0,1fr));
	gap:18px;
}
#content_area #bathselect-assurance-center-zee-july-wrapper .bsa-card{
	position:relative;
	min-height:100%;
	padding:34px 30px;
	border:1px solid var(--bsa-border);
	background:#fff;
	box-shadow:var(--bsa-shadow-soft);
	overflow:hidden;
}
#content_area #bathselect-assurance-center-zee-july-wrapper .bsa-card::before{
	content:"";
	position:absolute;
	top:0;left:0;right:0;height:4px;
	background:linear-gradient(90deg,var(--bsa-navy),var(--bsa-blue-light));
}
#content_area #bathselect-assurance-center-zee-july-wrapper .bsa-card__label{
	display:inline-block;
	margin-bottom:18px;
	padding:6px 10px;
	background:#eaf6fb;
	color:var(--bsa-navy);
	font-size:10px;
	font-weight:700;
	letter-spacing:1.1px;
	text-transform:uppercase;
}
#content_area #bathselect-assurance-center-zee-july-wrapper .bsa-card h3{margin-bottom:12px}
#content_area #bathselect-assurance-center-zee-july-wrapper .bsa-card p{
	margin:0;
	color:#68757d;
	font-size:14px;
}
#content_area #bathselect-assurance-center-zee-july-wrapper .bsa-checks{
	display:grid;
	gap:11px;
	margin:18px 0 0;
	padding:0;
	list-style:none;
}
#content_area #bathselect-assurance-center-zee-july-wrapper .bsa-checks li{
	position:relative;
	padding-left:25px;
	color:#586770;
	font-size:14px;
}
#content_area #bathselect-assurance-center-zee-july-wrapper .bsa-checks li::before{
	content:"?";
	position:absolute;
	left:0;
	color:var(--bsa-blue);
	font-weight:700;
}

/* EDITORIAL / IMAGES */
#content_area #bathselect-assurance-center-zee-july-wrapper .bsa-editorial{
	display:grid;
	grid-template-columns:56% 44%;
	min-height:600px;
	background:#fff;
	box-shadow:var(--bsa-shadow);
}
#content_area #bathselect-assurance-center-zee-july-wrapper .bsa-editorial--reverse{grid-template-columns:44% 56%}
#content_area #bathselect-assurance-center-zee-july-wrapper .bsa-editorial__image,
#content_area #bathselect-assurance-center-zee-july-wrapper .bsa-editorial__image img{height:600px}
#content_area #bathselect-assurance-center-zee-july-wrapper .bsa-editorial__image img{object-fit:cover}
#content_area #bathselect-assurance-center-zee-july-wrapper .bsa-editorial__content{
	display:flex;
	flex-direction:column;
	justify-content:center;
	padding:58px 54px;
	background:#fff;
}
#content_area #bathselect-assurance-center-zee-july-wrapper .bsa-editorial__content--sky{
	background:linear-gradient(145deg,#f9fdff,#edf8fc);
}
#content_area #bathselect-assurance-center-zee-july-wrapper .bsa-editorial__content--navy{
	background:linear-gradient(135deg,#ffffff 0%,#eef9ff 48%,#dff3ff 100%);
}
#content_area #bathselect-assurance-center-zee-july-wrapper .bsa-editorial__content h2{margin-bottom:20px}
#content_area #bathselect-assurance-center-zee-july-wrapper .bsa-editorial__content--navy h2,
#content_area #bathselect-assurance-center-zee-july-wrapper .bsa-editorial__content--navy h3,
#content_area #bathselect-assurance-center-zee-july-wrapper .bsa-editorial__content--navy strong{
	color: #202020 !important;
	line-height: normal !important;
	text-align: left !important;
}
#content_area #bathselect-assurance-center-zee-july-wrapper .bsa-editorial__content--navy p,
#content_area #bathselect-assurance-center-zee-july-wrapper .bsa-editorial__content--navy li{
	color: #202020;
}

#content_area #bathselect-assurance-center-zee-july-wrapper .bsa-wide{
	position:relative;
	height:600px;
	overflow:hidden;
	background:#eef6f9;
	box-shadow:var(--bsa-shadow-soft);
}
#content_area #bathselect-assurance-center-zee-july-wrapper .bsa-wide img{height:600px;object-fit:cover}
#content_area #bathselect-assurance-center-zee-july-wrapper .bsa-wide__overlay{
	position:absolute;
	inset:0;
	display:flex;
	align-items:flex-end;
	padding:50px;
	background:linear-gradient(180deg,rgba(3,30,50,0) 25%,rgba(3,30,50,.84) 100%);
}
#content_area #bathselect-assurance-center-zee-july-wrapper .bsa-wide__overlay h2 {
	color: #fff !important;
	text-align: left !important;
	line-height: normal !important;
	margin: 0 0 10px 0 !important;
}
#content_area #bathselect-assurance-center-zee-july-wrapper .bsa-wide__overlay p {
	margin: 0 !important;
	color: rgba(255,255,255,.87) !important;
	max-width: 760px;
}

/* ACCORDION */
#content_area #bathselect-assurance-center-zee-july-wrapper .bsa-accordion-wrap{
	padding:70px 0 0;
}
#content_area #bathselect-assurance-center-zee-july-wrapper .bsa-accordion-controls{
	display:flex;
	flex-wrap:wrap;
	gap:12px;
	margin:0 0 24px;
}
#content_area #bathselect-assurance-center-zee-july-wrapper .bsa-chapter{
	margin-bottom:18px;
	border:1px solid var(--bsa-border);
	background:#fff;
	box-shadow:var(--bsa-shadow-soft);
}
#content_area #bathselect-assurance-center-zee-july-wrapper .bsa-chapter > summary{
	position:relative;
	display:grid;
	grid-template-columns:90px minmax(0,1fr) 52px;
	align-items:center;
	gap:18px;
	min-height:112px;
	padding:22px 26px;
	cursor:pointer;
	list-style:none;
}
#content_area #bathselect-assurance-center-zee-july-wrapper .bsa-chapter > summary::-webkit-details-marker{display:none}
#content_area #bathselect-assurance-center-zee-july-wrapper .bsa-chapter__number{
	color:var(--bsa-blue);
	font-size:12px;
	font-weight:700;
	letter-spacing:1.4px;
}
#content_area #bathselect-assurance-center-zee-july-wrapper .bsa-chapter__title strong{
	display:block;
	margin-bottom:5px;
	color:var(--bsa-heading);
	font-size:23px;
	font-weight:500;
}
#content_area #bathselect-assurance-center-zee-july-wrapper .bsa-chapter__title span{
	color:var(--bsa-muted);
	font-size:14px;
}
#content_area #bathselect-assurance-center-zee-july-wrapper .bsa-chapter__icon{
	position:relative;
	width:42px;
	height:42px;
	border:1px solid var(--bsa-border);
	border-radius:50%;
}
#content_area #bathselect-assurance-center-zee-july-wrapper .bsa-chapter__icon::before,
#content_area #bathselect-assurance-center-zee-july-wrapper .bsa-chapter__icon::after{
	content:"";
	position:absolute;
	top:50%;
	left:50%;
	width:16px;
	height:2px;
	background:var(--bsa-blue);
	transform:translate(-50%,-50%);
}
#content_area #bathselect-assurance-center-zee-july-wrapper .bsa-chapter__icon::after{transform:translate(-50%,-50%) rotate(90deg)}
#content_area #bathselect-assurance-center-zee-july-wrapper .bsa-chapter[open] .bsa-chapter__icon::after{display:none}
#content_area #bathselect-assurance-center-zee-july-wrapper .bsa-chapter__body{
	border-top:1px solid var(--bsa-border);
}
#content_area #bathselect-assurance-center-zee-july-wrapper .bsa-chapter[open] > summary{
	background:linear-gradient(135deg,#fbfeff,#eff9fc);
}

/* PASSPORT */
#content_area #bathselect-assurance-center-zee-july-wrapper .bsa-passport{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:22px;
}
#content_area #bathselect-assurance-center-zee-july-wrapper .bsa-passport__panel{
	padding:40px 36px;
	border:1px solid var(--bsa-border);
	background:#fff;
	box-shadow:var(--bsa-shadow-soft);
}
#content_area #bathselect-assurance-center-zee-july-wrapper .bsa-passport__panel--navy{
	background:linear-gradient(135deg,#ffffff 0%,#eef9ff 48%,#dff3ff 100%);
}
#content_area #bathselect-assurance-center-zee-july-wrapper .bsa-passport__panel--navy h3,
#content_area #bathselect-assurance-center-zee-july-wrapper .bsa-passport__panel--navy strong{color:#fff}
#content_area #bathselect-assurance-center-zee-july-wrapper .bsa-passport__panel--navy p,
/*#content_area #bathselect-assurance-center-zee-july-wrapper .bsa-passport__panel--navy li{color:rgba(255,255,255,.84)}*/

/* CTA */
#content_area #bathselect-assurance-center-zee-july-wrapper .bsa-support{
	display:grid;
	grid-template-columns:minmax(0,1fr) auto;
	gap:40px;
	align-items:center;
	padding:54px 58px;
	background:linear-gradient(135deg,#ffffff 0%,#eef9ff 48%,#dff3ff 100%);
	box-shadow:var(--bsa-shadow);
}
#content_area #bathselect-assurance-center-zee-july-wrapper .bsa-support h2{color:#fff;margin-bottom:14px}
#content_area #bathselect-assurance-center-zee-july-wrapper .bsa-support p{margin:0;color:rgba(255,255,255,.84)}
#content_area #bathselect-assurance-center-zee-july-wrapper .bsa-support__actions{
	display:flex;
	flex-direction:column;
	gap:11px;
	min-width:190px;
}
#content_area #bathselect-assurance-center-zee-july-wrapper .bsa-button--white{
	border-color:#fff;
	background:#fff;
	color:var(--bsa-navy);
}

/* RESPONSIVE */
@media(max-width:1120px){
	#content_area #bathselect-assurance-center-zee-july-wrapper .bsa-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}
	#content_area #bathselect-assurance-center-zee-july-wrapper .bsa-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:860px){
	#content_area #bathselect-assurance-center-zee-july-wrapper .bsa-container,
	#content_area #bathselect-assurance-center-zee-july-wrapper .bsa-narrow{width:calc(100% - 30px)}
	#content_area #bathselect-assurance-center-zee-july-wrapper .bsa-hero,
	#content_area #bathselect-assurance-center-zee-july-wrapper .bsa-hero__grid{min-height:0}
	#content_area #bathselect-assurance-center-zee-july-wrapper .bsa-hero__grid,
	#content_area #bathselect-assurance-center-zee-july-wrapper .bsa-strip__grid,
	#content_area #bathselect-assurance-center-zee-july-wrapper .bsa-editorial,
	#content_area #bathselect-assurance-center-zee-july-wrapper .bsa-editorial--reverse,
	#content_area #bathselect-assurance-center-zee-july-wrapper .bsa-support,
	#content_area #bathselect-assurance-center-zee-july-wrapper .bsa-passport{grid-template-columns:1fr}
	#content_area #bathselect-assurance-center-zee-july-wrapper .bsa-hero__content{padding:56px 28px}
	#content_area #bathselect-assurance-center-zee-july-wrapper .bsa-hero__content::after{display:none}
	#content_area #bathselect-assurance-center-zee-july-wrapper .bsa-hero__visual,
	#content_area #bathselect-assurance-center-zee-july-wrapper .bsa-hero__visual img{height:500px}
	#content_area #bathselect-assurance-center-zee-july-wrapper .bsa-strip{width:calc(100% - 30px)}
	#content_area #bathselect-assurance-center-zee-july-wrapper .bsa-editorial--reverse .bsa-editorial__content{order:2}
	#content_area #bathselect-assurance-center-zee-july-wrapper .bsa-editorial--reverse .bsa-editorial__image{order:1}
	#content_area #bathselect-assurance-center-zee-july-wrapper .bsa-support__actions{min-width:0}
}
@media(max-width:620px){
	#content_area #bathselect-assurance-center-zee-july-wrapper .bsa-section{padding:58px 0}
	#content_area #bathselect-assurance-center-zee-july-wrapper .bsa-grid-4,
	#content_area #bathselect-assurance-center-zee-july-wrapper .bsa-grid-3{grid-template-columns:1fr}
	#content_area #bathselect-assurance-center-zee-july-wrapper .bsa-editorial__image,
	#content_area #bathselect-assurance-center-zee-july-wrapper .bsa-editorial__image img,
	#content_area #bathselect-assurance-center-zee-july-wrapper .bsa-wide,
	#content_area #bathselect-assurance-center-zee-july-wrapper .bsa-wide img{height:420px}
	#content_area #bathselect-assurance-center-zee-july-wrapper .bsa-editorial__content{padding:40px 25px}
	#content_area #bathselect-assurance-center-zee-july-wrapper .bsa-wide__overlay{padding:28px 22px}
	#content_area #bathselect-assurance-center-zee-july-wrapper .bsa-chapter > summary{
		grid-template-columns:1fr 42px;
		min-height:105px;
		padding:20px;
	}
	#content_area #bathselect-assurance-center-zee-july-wrapper .bsa-chapter__number{grid-column:1 / -1}
	#content_area #bathselect-assurance-center-zee-july-wrapper .bsa-support{padding:42px 25px}
	#content_area #bathselect-assurance-center-zee-july-wrapper .bsa-button,
	#content_area #bathselect-assurance-center-zee-july-wrapper .bsa-control{width:100%}
}
#content_area #bathselect-quality-promise-zee-july-wrapper {
	--bsq-navy:#12aeee;
	--bsq-navy-dark:#042f56;
	--bsq-blue:#4d9aba;
	--bsq-blue-light:#b7ddea;
	--bsq-sky:#eef8fc;
	--bsq-sky-soft:#fbfeff;
	--bsq-heading:#2f3a42;
	--bsq-text:#5e6a73;
	--bsq-muted:#77828a;
	--bsq-border:#dce7ec;
	--bsq-white:#ffffff;
	--bsq-shadow:0 20px 60px rgba(30,65,90,.12);
	--bsq-shadow-soft:0 10px 30px rgba(30,65,90,.075);
	width:100%;
	margin:0;
	padding:0 0 90px;
	overflow:hidden;
	background:#fff;
	color:var(--bsq-text);
	font-family:Arial,Helvetica,sans-serif;
	line-height:1.68;
	box-sizing:border-box;
}
#content_area #bathselect-quality-promise-zee-july-wrapper *,
#content_area #bathselect-quality-promise-zee-july-wrapper *::before,
#content_area #bathselect-quality-promise-zee-july-wrapper *::after{box-sizing:border-box}
#content_area #bathselect-quality-promise-zee-july-wrapper img{display:block;width:100%;max-width:100%;border:0}
#content_area #bathselect-quality-promise-zee-july-wrapper h1,
#content_area #bathselect-quality-promise-zee-july-wrapper h2,
#content_area #bathselect-quality-promise-zee-july-wrapper h3{
	margin:0;
	color:var(--bsq-heading);
	font-weight:500;
	letter-spacing:-.025em;
}
#content_area #bathselect-quality-promise-zee-july-wrapper h1{font-size:clamp(42px,5vw,74px);line-height:1.01}
#content_area #bathselect-quality-promise-zee-july-wrapper h2{font-size:clamp(30px,3.2vw,50px);line-height:1.1}
#content_area #bathselect-quality-promise-zee-july-wrapper h3{font-size:23px;line-height:1.25}
#content_area #bathselect-quality-promise-zee-july-wrapper p{margin:0 0 18px}
#content_area #bathselect-quality-promise-zee-july-wrapper .bsq-container{
	width:calc(100% - 56px);
	max-width:1480px;
	margin:0 auto;
}
#content_area #bathselect-quality-promise-zee-july-wrapper .bsq-narrow{
	width:calc(100% - 56px);
	max-width:1140px;
	margin:0 auto;
}
#content_area #bathselect-quality-promise-zee-july-wrapper .bsq-section{padding:84px 0}
#content_area #bathselect-quality-promise-zee-july-wrapper .bsq-section--small{padding:54px 0}
#content_area #bathselect-quality-promise-zee-july-wrapper .bsq-section--sky{
	background:linear-gradient(135deg,#fcfeff 0%,#eef8fc 100%);
}
#content_area #bathselect-quality-promise-zee-july-wrapper .bsq-eyebrow{
	display:inline-flex;
	align-items:center;
	gap:11px;
	margin-bottom:15px;
	color:var(--bsq-blue);
	font-size:11px;
	font-weight:700;
	letter-spacing:1.7px;
	text-transform:uppercase;
}
#content_area #bathselect-quality-promise-zee-july-wrapper .bsq-eyebrow::before{
	content:"";
	width:32px;
	height:2px;
	background:var(--bsq-blue);
}
#content_area #bathselect-quality-promise-zee-july-wrapper .bsq-eyebrow--white{color:#18364a}
#content_area #bathselect-quality-promise-zee-july-wrapper .bsq-eyebrow--white::before{background:#18364a}
#content_area #bathselect-quality-promise-zee-july-wrapper .bsq-heading{
	max-width:880px;
	margin-bottom:44px;
}
#content_area #bathselect-quality-promise-zee-july-wrapper .bsq-heading h2{margin-bottom:18px}
#content_area #bathselect-quality-promise-zee-july-wrapper .bsq-heading p{color:var(--bsq-muted);font-size:17px}
#content_area #bathselect-quality-promise-zee-july-wrapper .bsq-heading--center{
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
#content_area #bathselect-quality-promise-zee-july-wrapper .bsq-heading--center .bsq-eyebrow{justify-content:center}

/* HERO */
#content_area #bathselect-quality-promise-zee-july-wrapper .bsq-hero{
	position:relative;
	min-height:720px;
	overflow:hidden;
	background:#fff;
}
#content_area #bathselect-quality-promise-zee-july-wrapper .bsq-hero__grid{
	display:grid;
	grid-template-columns:42% 58%;
	min-height:720px;
}
#content_area #bathselect-quality-promise-zee-july-wrapper .bsq-hero__content{
	position:relative;
	z-index:2;
	display:flex;
	align-items:center;
	padding:70px 60px 70px max(44px,calc((100vw - 1480px)/2));
	background:#fff;
}
#content_area #bathselect-quality-promise-zee-july-wrapper .bsq-hero__content::after{
	content:"";
	position:absolute;
	top:0;
	right:-140px;
	z-index:-1;
	width:280px;
	height:100%;
	background:#fff;
	transform:skewX(-11deg);
}
#content_area #bathselect-quality-promise-zee-july-wrapper .bsq-hero__inner{max-width:580px}
#content_area #bathselect-quality-promise-zee-july-wrapper .bsq-hero__brand{
	display:block;
	margin-bottom:18px;
	color:var(--bsq-blue);
	font-size:12px;
	font-weight:700;
	letter-spacing:2px;
	text-transform:uppercase;
}
#content_area #bathselect-quality-promise-zee-july-wrapper .bsq-hero h1{margin-bottom:24px}
#content_area #bathselect-quality-promise-zee-july-wrapper .bsq-hero__lead{
	max-width:520px;
	color:#66737c;
	font-size:17px;
	line-height:1.68;
}
#content_area #bathselect-quality-promise-zee-july-wrapper .bsq-hero__visual,
#content_area #bathselect-quality-promise-zee-july-wrapper .bsq-hero__visual img{height:720px}
#content_area #bathselect-quality-promise-zee-july-wrapper .bsq-hero__visual{background:#edf6f9}
#content_area #bathselect-quality-promise-zee-july-wrapper .bsq-hero__visual img{object-fit:cover;object-position:center}

/* BUTTONS */
#content_area #bathselect-quality-promise-zee-july-wrapper .bsq-buttons{
	display:flex;
	flex-wrap:wrap;
	gap:12px;
	margin-top:29px;
}
#content_area #bathselect-quality-promise-zee-july-wrapper .bsq-button,
#content_area #bathselect-quality-promise-zee-july-wrapper .bsq-control{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-height:50px;
	padding:14px 24px;
	border:1px solid var(--bsq-navy);
	border-radius:3px;
	background:var(--bsq-navy);
	color:#fff;
	font-size:11px;
	font-weight:700;
	letter-spacing:.8px;
	text-decoration:none;
	text-transform:uppercase;
	cursor:pointer;
}
#content_area #bathselect-quality-promise-zee-july-wrapper .bsq-button--outline,
#content_area #bathselect-quality-promise-zee-july-wrapper .bsq-control--outline{
	background:transparent;
	color:var(--bsq-navy);
}

/* STATEMENT BAND */
#content_area #bathselect-quality-promise-zee-july-wrapper .bsq-statement{
	position:relative;
	z-index:3;
	width:calc(100% - 56px);
	max-width:1450px;
	margin:-38px auto 0;
	box-shadow:var(--bsq-shadow);
}
#content_area #bathselect-quality-promise-zee-july-wrapper .bsq-statement__grid{
	display:grid;
	grid-template-columns:37% 63%;
	min-height:270px;
}
#content_area #bathselect-quality-promise-zee-july-wrapper .bsq-statement__copy{
	display:flex;
	flex-direction:column;
	justify-content:center;
	padding:46px;
	background:linear-gradient(135deg,#ffffff 0%,#eef9ff 48%,#dff3ff 100%);
}
#content_area #bathselect-quality-promise-zee-july-wrapper .bsq-statement__copy h2{color:#fff;margin-bottom:12px}
#content_area #bathselect-quality-promise-zee-july-wrapper .bsq-statement__copy p{margin:0;color:rgba(255,255,255,.82)}
#content_area #bathselect-quality-promise-zee-july-wrapper .bsq-statement__image,
#content_area #bathselect-quality-promise-zee-july-wrapper .bsq-statement__image img{height:270px}
#content_area #bathselect-quality-promise-zee-july-wrapper .bsq-statement__image img{object-fit:cover}

/* CARDS */
#content_area #bathselect-quality-promise-zee-july-wrapper .bsq-grid-3{
	display:grid;
	grid-template-columns:repeat(3,minmax(0,1fr));
	gap:20px;
}
#content_area #bathselect-quality-promise-zee-july-wrapper .bsq-grid-4{
	display:grid;
	grid-template-columns:repeat(4,minmax(0,1fr));
	gap:18px;
}
#content_area #bathselect-quality-promise-zee-july-wrapper .bsq-card{
	position:relative;
	min-height:100%;
	padding:35px 30px;
	border:1px solid var(--bsq-border);
	background:#fff;
	box-shadow:var(--bsq-shadow-soft);
	overflow:hidden;
}
#content_area #bathselect-quality-promise-zee-july-wrapper .bsq-card::before{
	content:"";
	position:absolute;
	top:0;
	left:0;
	right:0;
	height:4px;
	background:linear-gradient(90deg,var(--bsq-navy),var(--bsq-blue-light));
}
#content_area #bathselect-quality-promise-zee-july-wrapper .bsq-card__label{
	display:inline-block;
	margin-bottom:18px;
	padding:6px 10px;
	background:#eaf6fb;
	color:var(--bsq-navy);
	font-size:10px;
	font-weight:700;
	letter-spacing:1.15px;
	text-transform:uppercase;
}
#content_area #bathselect-quality-promise-zee-july-wrapper .bsq-card h3{margin-bottom:12px}
#content_area #bathselect-quality-promise-zee-july-wrapper .bsq-card p{margin:0;color:#68757d;font-size:14px}
#content_area #bathselect-quality-promise-zee-july-wrapper .bsq-checks{
	display:grid;
	gap:11px;
	margin:18px 0 0;
	padding:0;
	list-style:none;
}
#content_area #bathselect-quality-promise-zee-july-wrapper .bsq-checks li{
	position:relative;
	padding-left:25px;
	color:#586770;
	font-size:14px;
}
#content_area #bathselect-quality-promise-zee-july-wrapper .bsq-checks li::before{
	content:"?";
	position:absolute;
	left:0;
	color:var(--bsq-blue);
	font-weight:700;
}

/* IMAGE SECTIONS */
#content_area #bathselect-quality-promise-zee-july-wrapper .bsq-editorial{
	display:grid;
	grid-template-columns:56% 44%;
	min-height:600px;
	background:#fff;
	box-shadow:var(--bsq-shadow);
}
#content_area #bathselect-quality-promise-zee-july-wrapper .bsq-editorial--reverse{grid-template-columns:44% 56%}
#content_area #bathselect-quality-promise-zee-july-wrapper .bsq-editorial__image,
#content_area #bathselect-quality-promise-zee-july-wrapper .bsq-editorial__image img{height:600px}
#content_area #bathselect-quality-promise-zee-july-wrapper .bsq-editorial__image img{object-fit:cover}
#content_area #bathselect-quality-promise-zee-july-wrapper .bsq-editorial__content{
	display:flex;
	flex-direction:column;
	justify-content:center;
	padding:58px 54px;
	background:#fff;
}
#content_area #bathselect-quality-promise-zee-july-wrapper .bsq-editorial__content--sky{
	background:linear-gradient(145deg,#fbfeff,#edf8fc);
}
#content_area #bathselect-quality-promise-zee-july-wrapper .bsq-editorial__content--navy{
	background:linear-gradient(135deg,#ffffff 0%,#eef9ff 48%,#dff3ff 100%);
}
#content_area #bathselect-quality-promise-zee-july-wrapper .bsq-editorial__content h2{margin-bottom:20px}
#content_area #bathselect-quality-promise-zee-july-wrapper .bsq-editorial__content--navy h2,
#content_area #bathselect-quality-promise-zee-july-wrapper .bsq-editorial__content--navy h3{color:#fff}
#content_area #bathselect-quality-promise-zee-july-wrapper .bsq-editorial__content--navy p,
#content_area #bathselect-quality-promise-zee-july-wrapper .bsq-editorial__content--navy li{color:rgba(255,255,255,.84)}

#content_area #bathselect-quality-promise-zee-july-wrapper .bsq-wide{
	position:relative;
	height:600px;
	overflow:hidden;
	box-shadow:var(--bsq-shadow-soft);
	background:#eef6f9;
}
#content_area #bathselect-quality-promise-zee-july-wrapper .bsq-wide img{height:600px;object-fit:cover}
#content_area #bathselect-quality-promise-zee-july-wrapper .bsq-wide__overlay{
	position:absolute;
	inset:0;
	display:flex;
	align-items:flex-end;
	padding:50px;
	background:linear-gradient(180deg,rgba(3,30,50,0) 20%,rgba(3,30,50,.85) 100%);
}
#content_area #bathselect-quality-promise-zee-july-wrapper .bsq-wide__overlay h2{color:#fff !important;margin-bottom:10px !important}
#content_area #bathselect-quality-promise-zee-july-wrapper .bsq-wide__overlay p{margin:0 !important;max-width:800px;color:rgba(255,255,255,.87) !important}

/* PROCESS */
#content_area #bathselect-quality-promise-zee-july-wrapper .bsq-process{
	display:grid;
	grid-template-columns:repeat(7,minmax(0,1fr));
	border:1px solid var(--bsq-border);
	background:#fff;
	box-shadow:var(--bsq-shadow-soft);
}
#content_area #bathselect-quality-promise-zee-july-wrapper .bsq-process__item{
	min-height:220px;
	padding:30px 20px;
	text-align:center;
}
#content_area #bathselect-quality-promise-zee-july-wrapper .bsq-process__item:not(:last-child){border-right:1px solid var(--bsq-border)}
#content_area #bathselect-quality-promise-zee-july-wrapper .bsq-process__number{
	display:block;
	margin-bottom:16px;
	color:var(--bsq-blue);
	font-size:11px;
	font-weight:700;
	letter-spacing:1.3px;
}
#content_area #bathselect-quality-promise-zee-july-wrapper .bsq-process__item h3{font-size:19px;margin-bottom:9px}
#content_area #bathselect-quality-promise-zee-july-wrapper .bsq-process__item p{margin:0;color:#6b7780;font-size:13px}

/* ACCORDION */
#content_area #bathselect-quality-promise-zee-july-wrapper .bsq-accordion-wrap{padding:72px 0 0}
#content_area #bathselect-quality-promise-zee-july-wrapper .bsq-accordion-controls{
	display:flex;
	flex-wrap:wrap;
	gap:12px;
	margin-bottom:24px;
}
#content_area #bathselect-quality-promise-zee-july-wrapper .bsq-chapter{
	margin-bottom:18px;
	border:1px solid var(--bsq-border);
	background:#fff;
	box-shadow:var(--bsq-shadow-soft);
}
#content_area #bathselect-quality-promise-zee-july-wrapper .bsq-chapter > summary{
	display:grid;
	grid-template-columns:95px minmax(0,1fr) 52px;
	align-items:center;
	gap:18px;
	min-height:112px;
	padding:22px 26px;
	cursor:pointer;
	list-style:none;
}
#content_area #bathselect-quality-promise-zee-july-wrapper .bsq-chapter > summary::-webkit-details-marker{display:none}
#content_area #bathselect-quality-promise-zee-july-wrapper .bsq-chapter[open] > summary{
	background:linear-gradient(135deg,#fbfeff,#eff9fc);
}
#content_area #bathselect-quality-promise-zee-july-wrapper .bsq-chapter__number{
	color:var(--bsq-blue);
	font-size:12px;
	font-weight:700;
	letter-spacing:1.4px;
}
#content_area #bathselect-quality-promise-zee-july-wrapper .bsq-chapter__title strong{
	display:block;
	margin-bottom:5px;
	color:var(--bsq-heading);
	font-size:23px;
	font-weight:500;
}
#content_area #bathselect-quality-promise-zee-july-wrapper .bsq-chapter__title span{
	color:var(--bsq-muted);
	font-size:14px;
}
#content_area #bathselect-quality-promise-zee-july-wrapper .bsq-chapter__icon{
	position:relative;
	width:42px;
	height:42px;
	border:1px solid var(--bsq-border);
	border-radius:50%;
}
#content_area #bathselect-quality-promise-zee-july-wrapper .bsq-chapter__icon::before,
#content_area #bathselect-quality-promise-zee-july-wrapper .bsq-chapter__icon::after{
	content:"";
	position:absolute;
	top:50%;
	left:50%;
	width:16px;
	height:2px;
	background:var(--bsq-blue);
	transform:translate(-50%,-50%);
}
#content_area #bathselect-quality-promise-zee-july-wrapper .bsq-chapter__icon::after{
	transform:translate(-50%,-50%) rotate(90deg);
}
#content_area #bathselect-quality-promise-zee-july-wrapper .bsq-chapter[open] .bsq-chapter__icon::after{display:none}
#content_area #bathselect-quality-promise-zee-july-wrapper .bsq-chapter__body{border-top:1px solid var(--bsq-border)}

/* FINAL */
#content_area #bathselect-quality-promise-zee-july-wrapper .bsq-final{
	padding:64px 60px;
	background:linear-gradient(135deg,#ffffff 0%,#eef9ff 48%,#dff3ff 100%);
	box-shadow:var(--bsq-shadow);
	text-align:center;
}
#content_area #bathselect-quality-promise-zee-july-wrapper .bsq-final h2{color:#fff;margin-bottom:17px}
#content_area #bathselect-quality-promise-zee-july-wrapper .bsq-final p{
	max-width:850px;
	margin:0 auto;
	color:rgba(255,255,255,.86);
	font-size:17px;
}

/* RESPONSIVE */
@media(max-width:1180px){
	#content_area #bathselect-quality-promise-zee-july-wrapper .bsq-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}
	#content_area #bathselect-quality-promise-zee-july-wrapper .bsq-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}
	#content_area #bathselect-quality-promise-zee-july-wrapper .bsq-process{grid-template-columns:repeat(4,minmax(0,1fr))}
	#content_area #bathselect-quality-promise-zee-july-wrapper .bsq-process__item{border-bottom:1px solid var(--bsq-border)}
}
@media(max-width:860px){
	#content_area #bathselect-quality-promise-zee-july-wrapper .bsq-container,
	#content_area #bathselect-quality-promise-zee-july-wrapper .bsq-narrow{width:calc(100% - 30px)}
	#content_area #bathselect-quality-promise-zee-july-wrapper .bsq-hero,
	#content_area #bathselect-quality-promise-zee-july-wrapper .bsq-hero__grid{min-height:0}
	#content_area #bathselect-quality-promise-zee-july-wrapper .bsq-hero__grid,
	#content_area #bathselect-quality-promise-zee-july-wrapper .bsq-statement__grid,
	#content_area #bathselect-quality-promise-zee-july-wrapper .bsq-editorial,
	#content_area #bathselect-quality-promise-zee-july-wrapper .bsq-editorial--reverse{grid-template-columns:1fr}
	#content_area #bathselect-quality-promise-zee-july-wrapper .bsq-hero__content{padding:56px 28px}
	#content_area #bathselect-quality-promise-zee-july-wrapper .bsq-hero__content::after{display:none}
	#content_area #bathselect-quality-promise-zee-july-wrapper .bsq-hero__visual,
	#content_area #bathselect-quality-promise-zee-july-wrapper .bsq-hero__visual img{height:500px}
	#content_area #bathselect-quality-promise-zee-july-wrapper .bsq-statement{width:calc(100% - 30px)}
	#content_area #bathselect-quality-promise-zee-july-wrapper .bsq-editorial--reverse .bsq-editorial__content{order:2}
	#content_area #bathselect-quality-promise-zee-july-wrapper .bsq-editorial--reverse .bsq-editorial__image{order:1}
}
@media(max-width:620px){
	#content_area #bathselect-quality-promise-zee-july-wrapper .bsq-section{padding:58px 0}
	#content_area #bathselect-quality-promise-zee-july-wrapper .bsq-grid-4,
	#content_area #bathselect-quality-promise-zee-july-wrapper .bsq-grid-3,
	#content_area #bathselect-quality-promise-zee-july-wrapper .bsq-process{grid-template-columns:1fr}
	#content_area #bathselect-quality-promise-zee-july-wrapper .bsq-editorial__image,
	#content_area #bathselect-quality-promise-zee-july-wrapper .bsq-editorial__image img,
	#content_area #bathselect-quality-promise-zee-july-wrapper .bsq-wide,
	#content_area #bathselect-quality-promise-zee-july-wrapper .bsq-wide img{height:420px}
	#content_area #bathselect-quality-promise-zee-july-wrapper .bsq-editorial__content{padding:40px 25px}
	#content_area #bathselect-quality-promise-zee-july-wrapper .bsq-wide__overlay{padding:28px 22px}
	#content_area #bathselect-quality-promise-zee-july-wrapper .bsq-chapter > summary{
		grid-template-columns:1fr 42px;
		min-height:105px;
		padding:20px;
	}
	#content_area #bathselect-quality-promise-zee-july-wrapper .bsq-chapter__number{grid-column:1 / -1}
	#content_area #bathselect-quality-promise-zee-july-wrapper .bsq-button,
	#content_area #bathselect-quality-promise-zee-july-wrapper .bsq-control{width:100%}
	#content_area #bathselect-quality-promise-zee-july-wrapper .bsq-final{padding:48px 25px}
}
/* Category id - 7574  -- BathSelect-Assurance (https://www.bathselect.com/BathSelect-Assurance-s/7574.htmm) at 20-07-2026 End Here*/







/*  Zee End */
/* #content_area */





/*Category 7160, 7162, 7163 End Here */
.zara-BathSelect-Orbit-Column-Collection {
  line-height: 1.6;
  color: #1f3444;
  overflow-x: hidden;
}
.zara-BathSelect-Orbit-Column-Collection * {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
.zara-BathSelect-Orbit-Column-Collection a {
  color: #5a8db5;
  text-decoration: none;
}
.zara-BathSelect-Orbit-Column-Collection a:hover {
  text-decoration: underline;
}

/* PAGE */
.zara-BathSelect-Orbit-Column-Collection .zbocc-page {
  max-width: 1240px;
  margin: 0 auto;
  padding: 28px 18px 64px;
}

/* HEADER */
.zara-BathSelect-Orbit-Column-Collection .zbocc-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 32px;
  flex-wrap: wrap;
  gap: 14px;
}
.zara-BathSelect-Orbit-Column-Collection .zbocc-brand {
  display: flex;
  align-items: center;
  gap: 12px;
}
.zara-BathSelect-Orbit-Column-Collection .zbocc-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-BathSelect-Orbit-Column-Collection .zbocc-brand-text {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.zara-BathSelect-Orbit-Column-Collection .zbocc-brand-text span:first-child {
  font-weight: 700;
  letter-spacing: 1px;
  font-size: 13px;
  text-transform: uppercase;
  color: #5a8db5;
}
.zara-BathSelect-Orbit-Column-Collection .zbocc-brand-text span:last-child {
  font-weight: 700;
  font-size: 15px;
  color: #1f3444;
}
.zara-BathSelect-Orbit-Column-Collection .zbocc-header-actions {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}
.zara-BathSelect-Orbit-Column-Collection .zbocc-pill-label {
  padding: 5px 13px;
  border-radius: 999px;
  border: 1px solid #c7e2f6;
  background: #ffffff;
  font-size: 11px;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #5a8db5;
  font-weight: 600;
}

/* BUTTONS */
.zara-BathSelect-Orbit-Column-Collection .zbocc-cta-btn-outline,
.zara-BathSelect-Orbit-Column-Collection .zbocc-cta-btn-primary {
  border-radius: 999px;
  padding: 9px 18px;
  font-size: 13px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: all 0.18s ease-out;
  font-weight: 600;
}
.zara-BathSelect-Orbit-Column-Collection .zbocc-cta-btn-outline {
  border: 1px solid #c7e2f6;
  background: #ffffff;
  color: #1f3444;
}
.zara-BathSelect-Orbit-Column-Collection .zbocc-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-BathSelect-Orbit-Column-Collection .zbocc-cta-btn-outline:hover {
  background: #f5faff;
  border-color: #7fb3dd;
  transform: translateY(-1px);
}
.zara-BathSelect-Orbit-Column-Collection .zbocc-cta-btn-primary:hover {
  background: linear-gradient(135deg, #d6ecfb, #b5d8ef);
  border-color: #b5d8ef;
  transform: translateY(-1px);
}

/* HERO */
.zara-BathSelect-Orbit-Column-Collection .zbocc-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-BathSelect-Orbit-Column-Collection .zbocc-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-BathSelect-Orbit-Column-Collection .zbocc-hero-content {
  position: relative;
  z-index: 2;
}
.zara-BathSelect-Orbit-Column-Collection .zbocc-hero-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
  flex-wrap: wrap;
}
.zara-BathSelect-Orbit-Column-Collection .zbocc-hero-eyebrow span {
  font-size: 11px;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: #5a8db5;
  font-weight: 700;
}
.zara-BathSelect-Orbit-Column-Collection .zbocc-hero-badge {
  padding: 4px 11px;
  border-radius: 999px;
  background: #ffffff;
  border: 1px solid #c7e2f6;
  color: #5a8db5;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 600;
}

/* HEADINGS */
.zara-BathSelect-Orbit-Column-Collection .zbocc-h1 {
  font-size: 32px;
  line-height: 1.18;
  margin-bottom: 8px;
  color: #1f3444;
}
.zara-BathSelect-Orbit-Column-Collection .zbocc-h2 {
  font-size: 22px;
  margin: 20px 0 12px;
  color: #1f3444;
}
.zara-BathSelect-Orbit-Column-Collection .zbocc-h3 {
  font-size: 18px;
  margin: 18px 0 8px;
  color: #1f3444;
}
.zara-BathSelect-Orbit-Column-Collection .zbocc-h4 {
  font-size: 16px;
  margin: 12px 0 6px;
  color: #1f3444;
}
.zara-BathSelect-Orbit-Column-Collection .zbocc-h5 {
  font-size: 14px !important;
  margin: 10px 0 4px;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #5a8db5;
  font-weight: 700;
}
.zara-BathSelect-Orbit-Column-Collection .zbocc-hero-subtitle {
  font-size: 15px;
  color: #4b5563;
  max-width: 580px;
  margin-bottom: 18px;
}
.zara-BathSelect-Orbit-Column-Collection .zbocc-hero-subtitle strong {
  color: #1f3444;
  font-weight: 700;
}
.zara-BathSelect-Orbit-Column-Collection .zbocc-hero-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 14px 0 18px;
}
.zara-BathSelect-Orbit-Column-Collection .zbocc-hero-tags span {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 2px;
  padding: 6px 14px;
  border-radius: 999px;
  border: 1px solid #c7e2f6;
  background: #ffffff;
  color: #5a8db5;
  font-weight: 600;
}
.zara-BathSelect-Orbit-Column-Collection .zbocc-hero-cta-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  margin-top: 10px;
}
.zara-BathSelect-Orbit-Column-Collection .zbocc-hero-meta {
  font-size: 12px;
  color: #6b7280;
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 10px;
}
.zara-BathSelect-Orbit-Column-Collection .zbocc-hero-meta strong {
  color: #1f3444;
  font-weight: 700;
}

/* HERO VISUAL */
.zara-BathSelect-Orbit-Column-Collection .zbocc-hero-visual {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
}
.zara-BathSelect-Orbit-Column-Collection .zbocc-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;
}
/* Lift all hero-banner direct children above the ghost capsule */
.zara-BathSelect-Orbit-Column-Collection .zbocc-hero-banner > *:not(.zbocc-banner-faucet-ghost) {
  position: relative;
  z-index: 1;
}
.zara-BathSelect-Orbit-Column-Collection .zbocc-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: 2px;
  text-transform: uppercase;
  color: #5a8db5;
  margin-bottom: 10px;
  font-weight: 600;
}
.zara-BathSelect-Orbit-Column-Collection .zbocc-banner-title {
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 12px;
  color: #1f3444;
  line-height: 1.5;
}
.zara-BathSelect-Orbit-Column-Collection .zbocc-banner-chip-row {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-bottom: 14px;
}
.zara-BathSelect-Orbit-Column-Collection .zbocc-banner-chip {
  padding: 5px 11px;
  border-radius: 999px;
  font-size: 11px;
  background: #ffffff;
  border: 1px solid #c7e2f6;
  color: #5a8db5;
  font-weight: 600;
}
.zara-BathSelect-Orbit-Column-Collection .zbocc-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-BathSelect-Orbit-Column-Collection .zbocc-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;
}

/* ORBIT COLUMN GHOST � tall slim capsule with orbit ring, sits behind text, semi-transparent, non-interactive */
.zara-BathSelect-Orbit-Column-Collection .zbocc-banner-faucet-ghost {
  position: absolute;
  right: -26px;
  top: 18px;
  width: 136px;
  height: 210px;
  border-radius: 999px;
  border: 1px solid #c7e2f6;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.85), rgba(199, 226, 246, 0.45)),
    linear-gradient(180deg, #ffffff, #e3f2fd);
  box-shadow:
    0 0 32px rgba(127, 179, 221, 0.30),
    0 16px 30px rgba(15, 23, 42, 0.12);
  transform: skewX(-6deg);
  overflow: hidden;
  opacity: 0.5;
  z-index: 0;
  pointer-events: none;
}
.zara-BathSelect-Orbit-Column-Collection .zbocc-banner-faucet-ghost::before {
  content: "";
  position: absolute;
  left: -18px;
  right: -18px;
  top: 88px;
  height: 22px;
  border-radius: 999px;
  border: 2px solid rgba(127, 179, 221, 0.7);
  border-left-color: transparent;
  border-right-color: transparent;
  box-shadow: 0 0 14px rgba(127, 179, 221, 0.45);
  opacity: 0.9;
}
.zara-BathSelect-Orbit-Column-Collection .zbocc-banner-faucet-ghost::after {
  content: "";
  position: absolute;
  left: 10px;
  top: 0;
  bottom: 0;
  width: 3px;
  background: linear-gradient(180deg, rgba(127, 179, 221, 0.85), transparent);
  opacity: 0.9;
}

.zara-BathSelect-Orbit-Column-Collection .zbocc-banner-footnote {
  margin-top: 10px;
  font-size: 11px;
  color: #6b7280;
  max-width: 80%;
}

/* NAV */
.zara-BathSelect-Orbit-Column-Collection .zbocc-pill-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 28px 0 18px;
}
.zara-BathSelect-Orbit-Column-Collection .zbocc-pill-nav button {
  background: #ffffff;
  border-radius: 999px;
  border: 1px solid #c7e2f6;
  color: #5a8db5;
  padding: 8px 15px;
  font-size: 12px;
  cursor: pointer;
  transition: all 0.16s ease-out;
  font-weight: 600;
}
.zara-BathSelect-Orbit-Column-Collection .zbocc-pill-nav button.zbocc-active {
  background: linear-gradient(135deg, #e3f2fd, #c7e2f6);
  color: #1f3444;
  border-color: #c7e2f6;
  font-weight: 700;
}
.zara-BathSelect-Orbit-Column-Collection .zbocc-pill-nav button:hover {
  transform: translateY(-1px);
  border-color: #7fb3dd;
  background: #f5faff;
}

/* CONTENT GRID */
.zara-BathSelect-Orbit-Column-Collection .zbocc-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-BathSelect-Orbit-Column-Collection .zbocc-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-BathSelect-Orbit-Column-Collection .zbocc-card + .zbocc-card {
  margin-top: 18px;
}
.zara-BathSelect-Orbit-Column-Collection .zbocc-card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
}
.zara-BathSelect-Orbit-Column-Collection .zbocc-label {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 3px;
  color: #5a8db5;
  font-weight: 700;
}
.zara-BathSelect-Orbit-Column-Collection .zbocc-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #7fb3dd;
  box-shadow: 0 0 8px rgba(127, 179, 221, 0.6);
}
.zara-BathSelect-Orbit-Column-Collection .zbocc-card p {
  color: #4b5563;
  font-size: 13px;
  margin-bottom: 8px;
}
.zara-BathSelect-Orbit-Column-Collection .zbocc-card p strong {
  color: #1f3444;
  font-weight: 700;
}
.zara-BathSelect-Orbit-Column-Collection .zbocc-card ul {
  list-style: none;
  margin-left: 0;
  margin-top: 8px;
}
.zara-BathSelect-Orbit-Column-Collection .zbocc-card ul li {
  font-size: 14px;
  color: #4b5563;
  padding: 8px 0;
  border-bottom: 1px solid #e5e7eb;
  display: flex;
  gap: 10px;
  align-items: flex-start;
  line-height: 1.55;
}
.zara-BathSelect-Orbit-Column-Collection .zbocc-card ul li:last-child {
  border-bottom: none;
}
.zara-BathSelect-Orbit-Column-Collection .zbocc-card ul li strong {
  color: #1f3444;
  font-weight: 700;
}
.zara-BathSelect-Orbit-Column-Collection .zbocc-bullet {
  width: 7px;
  height: 7px;
  border-radius: 999px;
  margin-top: 7px;
  background: #7fb3dd;
  flex-shrink: 0;
}
.zara-BathSelect-Orbit-Column-Collection .zbocc-pill-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 10px;
}
.zara-BathSelect-Orbit-Column-Collection .zbocc-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-BathSelect-Orbit-Column-Collection .zbocc-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-BathSelect-Orbit-Column-Collection .zbocc-spec-banner .zbocc-h3 {
  margin: 0 0 4px;
  color: #1f3444;
}
.zara-BathSelect-Orbit-Column-Collection .zbocc-spec-banner p {
  font-size: 13px;
  color: #6b7280;
}
.zara-BathSelect-Orbit-Column-Collection .zbocc-spec-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.zara-BathSelect-Orbit-Column-Collection .zbocc-spec-badges span {
  font-size: 11px;
  padding: 5px 11px;
  border-radius: 999px;
  background: #ffffff;
  border: 1px solid #c7e2f6;
  color: #5a8db5;
  font-weight: 600;
}
.zara-BathSelect-Orbit-Column-Collection .zbocc-spec-banner-btn-wrap {
  margin-top: 10px;
}

/* RESPONSIVE */
@media (max-width: 960px) {
  .zara-BathSelect-Orbit-Column-Collection .zbocc-hero {
    grid-template-columns: minmax(0, 1fr);
  }
  .zara-BathSelect-Orbit-Column-Collection .zbocc-hero-visual {
    order: -1;
  }
  .zara-BathSelect-Orbit-Column-Collection .zbocc-content-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  .zara-BathSelect-Orbit-Column-Collection .zbocc-page {
    padding: 20px 16px 48px;
  }
}
@media (max-width: 640px) {
  .zara-BathSelect-Orbit-Column-Collection .zbocc-h1 {
    font-size: 26px;
  }
  .zara-BathSelect-Orbit-Column-Collection .zbocc-hero {
    padding: 24px 18px;
  }
  .zara-BathSelect-Orbit-Column-Collection .zbocc-hero-banner {
    max-width: 100%;
  }
  .zara-BathSelect-Orbit-Column-Collection .zbocc-card {
    padding: 18px;
  }
}
/*Category 7160, 7162, 7163 End Here */
/*Category Shared 7164, 7165, 7166, 7167, 7168, 7169, 7181, 7183, 7184, 7185, 7186, 7187, 7188, 7189 Start Here */

.zara-bs-aes-collection-shared {
  line-height: 1.6;
  color: #1f3444;
  overflow-x: hidden;
}
.zara-bs-aes-collection-shared * {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
.zara-bs-aes-collection-shared a {
  color: #5a8db5;
  text-decoration: none;
}
.zara-bs-aes-collection-shared a:hover {
  text-decoration: underline;
}

/* PAGE */
.zara-bs-aes-collection-shared .zbaecs-page {
  max-width: 1240px;
  margin: 0 auto;
  padding: 28px 18px 64px;
}

/* HEADER */
.zara-bs-aes-collection-shared .zbaecs-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 32px;
  flex-wrap: wrap;
  gap: 14px;
}
.zara-bs-aes-collection-shared .zbaecs-brand {
  display: flex;
  align-items: center;
  gap: 12px;
}
.zara-bs-aes-collection-shared .zbaecs-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-bs-aes-collection-shared .zbaecs-brand-text {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.zara-bs-aes-collection-shared .zbaecs-brand-text span:first-child {
  font-weight: 700;
  letter-spacing: 1px;
  font-size: 13px;
  text-transform: uppercase;
  color: #5a8db5;
}
.zara-bs-aes-collection-shared .zbaecs-brand-text span:last-child {
  font-weight: 700;
  font-size: 15px;
  color: #1f3444;
}
.zara-bs-aes-collection-shared .zbaecs-header-actions {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}
.zara-bs-aes-collection-shared .zbaecs-pill-label {
  padding: 5px 13px;
  border-radius: 999px;
  border: 1px solid #c7e2f6;
  background: #ffffff;
  font-size: 11px;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #5a8db5;
  font-weight: 600;
}

/* BUTTONS */
.zara-bs-aes-collection-shared .zbaecs-cta-btn-outline,
.zara-bs-aes-collection-shared .zbaecs-cta-btn-primary {
  border-radius: 999px;
  padding: 9px 18px;
  font-size: 13px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: all 0.18s ease-out;
  font-weight: 600;
}
.zara-bs-aes-collection-shared .zbaecs-cta-btn-outline {
  border: 1px solid #c7e2f6;
  background: #ffffff;
  color: #1f3444;
}
.zara-bs-aes-collection-shared .zbaecs-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-bs-aes-collection-shared .zbaecs-cta-btn-outline:hover {
  background: #f5faff;
  border-color: #7fb3dd;
  transform: translateY(-1px);
}
.zara-bs-aes-collection-shared .zbaecs-cta-btn-primary:hover {
  background: linear-gradient(135deg, #d6ecfb, #b5d8ef);
  border-color: #b5d8ef;
  transform: translateY(-1px);
}

/* HERO */
.zara-bs-aes-collection-shared .zbaecs-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-bs-aes-collection-shared .zbaecs-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-bs-aes-collection-shared .zbaecs-hero-content {
  position: relative;
  z-index: 2;
}
.zara-bs-aes-collection-shared .zbaecs-hero-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
  flex-wrap: wrap;
}
.zara-bs-aes-collection-shared .zbaecs-hero-eyebrow span {
  font-size: 11px;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: #5a8db5;
  font-weight: 700;
}
.zara-bs-aes-collection-shared .zbaecs-hero-badge {
  padding: 4px 11px;
  border-radius: 999px;
  background: #ffffff;
  border: 1px solid #c7e2f6;
  color: #5a8db5;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 600;
}

/* HEADINGS */
.zara-bs-aes-collection-shared .zbaecs-h1 {
  font-size: 32px;
  line-height: 1.18;
  margin-bottom: 8px;
  color: #1f3444;
}
.zara-bs-aes-collection-shared .zbaecs-h2 {
  font-size: 22px;
  margin: 20px 0 12px;
  color: #1f3444;
}
.zara-bs-aes-collection-shared .zbaecs-h3 {
  font-size: 18px;
  margin: 18px 0 8px;
  color: #1f3444;
}
.zara-bs-aes-collection-shared .zbaecs-h4 {
  font-size: 16px;
  margin: 12px 0 6px;
  color: #1f3444;
}
.zara-bs-aes-collection-shared .zbaecs-h5 {
  font-size: 14px !important;
  margin: 10px 0 4px;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #5a8db5;
  font-weight: 700;
}
.zara-bs-aes-collection-shared .zbaecs-hero-subtitle {
  font-size: 15px;
  color: #4b5563;
  max-width: 580px;
  margin-bottom: 18px;
}
.zara-bs-aes-collection-shared .zbaecs-hero-subtitle strong {
  color: #1f3444;
  font-weight: 700;
}
.zara-bs-aes-collection-shared .zbaecs-hero-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 14px 0 18px;
}
.zara-bs-aes-collection-shared .zbaecs-hero-tags span {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 2px;
  padding: 6px 14px;
  border-radius: 999px;
  border: 1px solid #c7e2f6;
  background: #ffffff;
  color: #5a8db5;
  font-weight: 600;
}
.zara-bs-aes-collection-shared .zbaecs-hero-cta-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  margin-top: 10px;
}
.zara-bs-aes-collection-shared .zbaecs-hero-meta {
  font-size: 12px;
  color: #6b7280;
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 10px;
}
.zara-bs-aes-collection-shared .zbaecs-hero-meta strong {
  color: #1f3444;
  font-weight: 700;
}

/* HERO VISUAL */
.zara-bs-aes-collection-shared .zbaecs-hero-visual {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
}
.zara-bs-aes-collection-shared .zbaecs-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-bs-aes-collection-shared .zbaecs-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: 2px;
  text-transform: uppercase;
  color: #5a8db5;
  margin-bottom: 10px;
  font-weight: 600;
}
.zara-bs-aes-collection-shared .zbaecs-banner-title {
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 12px;
  color: #1f3444;
  line-height: 1.5;
}
.zara-bs-aes-collection-shared .zbaecs-banner-chip-row {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-bottom: 14px;
}
.zara-bs-aes-collection-shared .zbaecs-banner-chip {
  padding: 5px 11px;
  border-radius: 999px;
  font-size: 11px;
  background: #ffffff;
  border: 1px solid #c7e2f6;
  color: #5a8db5;
  font-weight: 600;
}
.zara-bs-aes-collection-shared .zbaecs-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-bs-aes-collection-shared .zbaecs-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-bs-aes-collection-shared .zbaecs-banner-footnote {
  margin-top: 10px;
  font-size: 11px;
  color: #6b7280;
  max-width: 80%;
}

/* NAV */
.zara-bs-aes-collection-shared .zbaecs-pill-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 28px 0 18px;
}
.zara-bs-aes-collection-shared .zbaecs-pill-nav button {
  background: #ffffff;
  border-radius: 999px;
  border: 1px solid #c7e2f6;
  color: #5a8db5;
  padding: 8px 15px;
  font-size: 12px;
  cursor: pointer;
  transition: all 0.16s ease-out;
  font-weight: 600;
}
.zara-bs-aes-collection-shared .zbaecs-pill-nav button.zbaecs-active {
  background: linear-gradient(135deg, #e3f2fd, #c7e2f6);
  color: #1f3444;
  border-color: #c7e2f6;
  font-weight: 700;
}
.zara-bs-aes-collection-shared .zbaecs-pill-nav button:hover {
  transform: translateY(-1px);
  border-color: #7fb3dd;
  background: #f5faff;
}

/* CONTENT GRID */
.zara-bs-aes-collection-shared .zbaecs-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-bs-aes-collection-shared .zbaecs-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-bs-aes-collection-shared .zbaecs-card + .zbaecs-card {
  margin-top: 18px;
}
.zara-bs-aes-collection-shared .zbaecs-card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
}
.zara-bs-aes-collection-shared .zbaecs-label {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 3px;
  color: #5a8db5;
  font-weight: 700;
}
.zara-bs-aes-collection-shared .zbaecs-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #7fb3dd;
  box-shadow: 0 0 8px rgba(127, 179, 221, 0.6);
}
.zara-bs-aes-collection-shared .zbaecs-card p {
  color: #4b5563;
  font-size: 13px;
  margin-bottom: 8px;
}
.zara-bs-aes-collection-shared .zbaecs-card p strong {
  color: #1f3444;
  font-weight: 700;
}
.zara-bs-aes-collection-shared .zbaecs-card ul {
  list-style: none;
  margin-left: 0;
  margin-top: 8px;
}
.zara-bs-aes-collection-shared .zbaecs-card ul li {
  font-size: 14px;
  color: #4b5563;
  padding: 8px 0;
  border-bottom: 1px solid #e5e7eb;
  display: flex;
  gap: 10px;
  align-items: flex-start;
  line-height: 1.55;
}
.zara-bs-aes-collection-shared .zbaecs-card ul li:last-child {
  border-bottom: none;
}
.zara-bs-aes-collection-shared .zbaecs-card ul li strong {
  color: #1f3444;
  font-weight: 700;
}
.zara-bs-aes-collection-shared .zbaecs-bullet {
  width: 7px;
  height: 7px;
  border-radius: 999px;
  margin-top: 7px;
  background: #7fb3dd;
  flex-shrink: 0;
}
.zara-bs-aes-collection-shared .zbaecs-pill-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 10px;
}
.zara-bs-aes-collection-shared .zbaecs-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-bs-aes-collection-shared .zbaecs-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-bs-aes-collection-shared .zbaecs-spec-banner .zbaecs-h3 {
  margin: 0 0 4px;
  color: #1f3444;
}
.zara-bs-aes-collection-shared .zbaecs-spec-banner p {
  font-size: 13px;
  color: #6b7280;
}
.zara-bs-aes-collection-shared .zbaecs-spec-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.zara-bs-aes-collection-shared .zbaecs-spec-badges span {
  font-size: 11px;
  padding: 5px 11px;
  border-radius: 999px;
  background: #ffffff;
  border: 1px solid #c7e2f6;
  color: #5a8db5;
  font-weight: 600;
}
.zara-bs-aes-collection-shared .zbaecs-spec-banner-btn-wrap {
  margin-top: 10px;
}

/* RESPONSIVE */
@media (max-width: 960px) {
  .zara-bs-aes-collection-shared .zbaecs-hero {
    grid-template-columns: minmax(0, 1fr);
  }
  .zara-bs-aes-collection-shared .zbaecs-hero-visual {
    order: -1;
  }
  .zara-bs-aes-collection-shared .zbaecs-content-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  .zara-bs-aes-collection-shared .zbaecs-page {
    padding: 20px 16px 48px;
  }
}
@media (max-width: 640px) {
  .zara-bs-aes-collection-shared .zbaecs-h1 {
    font-size: 26px;
  }
  .zara-bs-aes-collection-shared .zbaecs-hero {
    padding: 24px 18px;
  }
  .zara-bs-aes-collection-shared .zbaecs-hero-banner {
    max-width: 100%;
  }
  .zara-bs-aes-collection-shared .zbaecs-card {
    padding: 18px;
  }
}
/*Category Shared 7164, 7165, 7166, 7167, 7168, 7169, 7181, 7183, 7184, 7185, 7186, 7187, 7188, 7189 End Here */
/*Category Shared - 7192, 7193, 7194, 7195, 7196, 7197, 7198, 7199, 7200, 7201, 7202, 7203 Start Here */

.zara-bs-collumn-collection-shared {
  line-height: 1.6;
  color: #1f3444;
  overflow-x: hidden;
}
.zara-bs-collumn-collection-shared * {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
.zara-bs-collumn-collection-shared a {
  color: #5a8db5;
  text-decoration: none;
}
.zara-bs-collumn-collection-shared a:hover {
  text-decoration: underline;
}

/* PAGE */
.zara-bs-collumn-collection-shared .zbccs-page {
  max-width: 1240px;
  margin: 0 auto;
  padding: 28px 18px 64px;
}

/* HEADER */
.zara-bs-collumn-collection-shared .zbccs-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 22px;
  flex-wrap: wrap;
  gap: 14px;
}
.zara-bs-collumn-collection-shared .zbccs-brand {
  display: flex;
  align-items: center;
  gap: 12px;
}
.zara-bs-collumn-collection-shared .zbccs-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-bs-collumn-collection-shared .zbccs-brand-text {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.zara-bs-collumn-collection-shared .zbccs-brand-text span:first-child {
  font-weight: 700;
  letter-spacing: 1px;
  font-size: 13px;
  text-transform: uppercase;
  color: #5a8db5;
}
.zara-bs-collumn-collection-shared .zbccs-brand-text span:last-child {
  font-weight: 700;
  font-size: 15px;
  color: #1f3444;
}
.zara-bs-collumn-collection-shared .zbccs-header-actions {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.zara-bs-collumn-collection-shared .zbccs-pill-label {
  padding: 5px 13px;
  border-radius: 999px;
  border: 1px solid #c7e2f6;
  background: #ffffff;
  font-size: 11px;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #5a8db5;
  font-weight: 600;
}

/* BUTTONS */
.zara-bs-collumn-collection-shared .zbccs-cta-btn-outline,
.zara-bs-collumn-collection-shared .zbccs-cta-btn-primary {
  border-radius: 999px;
  padding: 9px 18px;
  font-size: 12px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: all 0.18s ease-out;
  font-weight: 600;
}
.zara-bs-collumn-collection-shared .zbccs-cta-btn-outline {
  border: 1px solid #c7e2f6;
  background: #ffffff;
  color: #1f3444;
}
.zara-bs-collumn-collection-shared .zbccs-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-bs-collumn-collection-shared .zbccs-cta-btn-outline:hover {
  background: #f5faff;
  border-color: #7fb3dd;
  transform: translateY(-1px);
}
.zara-bs-collumn-collection-shared .zbccs-cta-btn-primary:hover {
  background: linear-gradient(135deg, #d6ecfb, #b5d8ef);
  border-color: #b5d8ef;
  transform: translateY(-1px);
}

/* INTRO STRIP */
.zara-bs-collumn-collection-shared .zbccs-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-bs-collumn-collection-shared .zbccs-intro-left {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.zara-bs-collumn-collection-shared .zbccs-intro-kicker {
  font-size: 11px;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: #5a8db5;
  font-weight: 700;
}
.zara-bs-collumn-collection-shared .zbccs-intro-title {
  font-weight: 700;
  font-size: 14px;
  color: #1f3444;
}
.zara-bs-collumn-collection-shared .zbccs-intro-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  font-size: 12px;
  color: #6b7280;
}
.zara-bs-collumn-collection-shared .zbccs-intro-meta strong {
  color: #1f3444;
  font-weight: 700;
}
.zara-bs-collumn-collection-shared .zbccs-intro-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

/* HERO */
.zara-bs-collumn-collection-shared .zbccs-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-bs-collumn-collection-shared .zbccs-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-bs-collumn-collection-shared .zbccs-hero-content {
  position: relative;
  z-index: 2;
}
.zara-bs-collumn-collection-shared .zbccs-hero-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
  flex-wrap: wrap;
}
.zara-bs-collumn-collection-shared .zbccs-hero-eyebrow span {
  font-size: 11px;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: #5a8db5;
  font-weight: 700;
}
.zara-bs-collumn-collection-shared .zbccs-hero-badge {
  padding: 4px 11px;
  border-radius: 999px;
  background: #ffffff;
  border: 1px solid #c7e2f6;
  color: #5a8db5;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 600;
}

/* HEADINGS */
.zara-bs-collumn-collection-shared .zbccs-h1 {
  font-size: 32px;
  line-height: 1.18;
  margin-bottom: 8px;
  color: #1f3444;
}
.zara-bs-collumn-collection-shared .zbccs-h2 {
  font-size: 22px;
  margin: 20px 0 12px;
  color: #1f3444;
}
.zara-bs-collumn-collection-shared .zbccs-h3 {
  font-size: 18px;
  margin: 18px 0 8px;
  color: #1f3444;
}
.zara-bs-collumn-collection-shared .zbccs-h4 {
  font-size: 16px;
  margin: 12px 0 6px;
  color: #1f3444;
}
.zara-bs-collumn-collection-shared .zbccs-h5 {
  font-size: 14px !important;
  margin: 10px 0 4px;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #5a8db5;
  font-weight: 700;
}
.zara-bs-collumn-collection-shared .zbccs-hero-subtitle {
  font-size: 15px;
  color: #4b5563;
  max-width: 620px;
  margin-bottom: 18px;
}
.zara-bs-collumn-collection-shared .zbccs-hero-subtitle strong {
  color: #1f3444;
  font-weight: 700;
}
.zara-bs-collumn-collection-shared .zbccs-hero-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 14px 0 18px;
}
.zara-bs-collumn-collection-shared .zbccs-hero-tags span {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 2px;
  padding: 6px 14px;
  border-radius: 999px;
  border: 1px solid #c7e2f6;
  background: #ffffff;
  color: #5a8db5;
  font-weight: 600;
}
.zara-bs-collumn-collection-shared .zbccs-hero-cta-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  margin-top: 10px;
}
.zara-bs-collumn-collection-shared .zbccs-hero-meta {
  font-size: 12px;
  color: #6b7280;
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 10px;
}
.zara-bs-collumn-collection-shared .zbccs-hero-meta strong {
  color: #1f3444;
  font-weight: 700;
}

/* HERO VISUAL */
.zara-bs-collumn-collection-shared .zbccs-hero-visual {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
}
.zara-bs-collumn-collection-shared .zbccs-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;
}
/* Lift all hero-banner direct children above any potential ghost orb */
.zara-bs-collumn-collection-shared .zbccs-hero-banner > *:not(.zbccs-banner-faucet-ghost) {
  position: relative;
  z-index: 1;
}
.zara-bs-collumn-collection-shared .zbccs-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: 2px;
  text-transform: uppercase;
  color: #5a8db5;
  margin-bottom: 10px;
  font-weight: 600;
}
.zara-bs-collumn-collection-shared .zbccs-banner-title {
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 12px;
  color: #1f3444;
  line-height: 1.5;
}
.zara-bs-collumn-collection-shared .zbccs-banner-chip-row {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-bottom: 14px;
}
.zara-bs-collumn-collection-shared .zbccs-banner-chip {
  padding: 5px 11px;
  border-radius: 999px;
  font-size: 11px;
  background: #ffffff;
  border: 1px solid #c7e2f6;
  color: #5a8db5;
  font-weight: 600;
}
.zara-bs-collumn-collection-shared .zbccs-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-bs-collumn-collection-shared .zbccs-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-bs-collumn-collection-shared .zbccs-banner-footnote {
  margin-top: 10px;
  font-size: 11px;
  color: #6b7280;
  max-width: 92%;
}

/* NAV */
.zara-bs-collumn-collection-shared .zbccs-pill-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 28px 0 18px;
}
.zara-bs-collumn-collection-shared .zbccs-pill-nav button {
  background: #ffffff;
  border-radius: 999px;
  border: 1px solid #c7e2f6;
  color: #5a8db5;
  padding: 8px 15px;
  font-size: 12px;
  cursor: pointer;
  transition: all 0.16s ease-out;
  font-weight: 600;
}
.zara-bs-collumn-collection-shared .zbccs-pill-nav button.zbccs-active {
  background: linear-gradient(135deg, #e3f2fd, #c7e2f6);
  color: #1f3444;
  border-color: #c7e2f6;
  font-weight: 700;
}
.zara-bs-collumn-collection-shared .zbccs-pill-nav button:hover {
  transform: translateY(-1px);
  border-color: #7fb3dd;
  background: #f5faff;
}

/* CONTENT GRID */
.zara-bs-collumn-collection-shared .zbccs-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-bs-collumn-collection-shared .zbccs-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-bs-collumn-collection-shared .zbccs-card + .zbccs-card {
  margin-top: 18px;
}
.zara-bs-collumn-collection-shared .zbccs-card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
}
.zara-bs-collumn-collection-shared .zbccs-label {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 3px;
  color: #5a8db5;
  font-weight: 700;
}
.zara-bs-collumn-collection-shared .zbccs-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #7fb3dd;
  box-shadow: 0 0 8px rgba(127, 179, 221, 0.6);
}
.zara-bs-collumn-collection-shared .zbccs-card p {
  color: #4b5563;
  font-size: 13px;
  margin-bottom: 8px;
}
.zara-bs-collumn-collection-shared .zbccs-card p strong {
  color: #1f3444;
  font-weight: 700;
}
.zara-bs-collumn-collection-shared .zbccs-card ul {
  list-style: none;
  margin-left: 0;
  margin-top: 8px;
}
.zara-bs-collumn-collection-shared .zbccs-card ul li {
  font-size: 14px;
  color: #4b5563;
  padding: 8px 0;
  border-bottom: 1px solid #e5e7eb;
  display: flex;
  gap: 10px;
  align-items: flex-start;
  line-height: 1.55;
}
.zara-bs-collumn-collection-shared .zbccs-card ul li:last-child {
  border-bottom: none;
}
.zara-bs-collumn-collection-shared .zbccs-card ul li strong {
  color: #1f3444;
  font-weight: 700;
}
.zara-bs-collumn-collection-shared .zbccs-bullet {
  width: 7px;
  height: 7px;
  border-radius: 999px;
  margin-top: 7px;
  background: #7fb3dd;
  flex-shrink: 0;
}
.zara-bs-collumn-collection-shared .zbccs-pill-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 10px;
}
.zara-bs-collumn-collection-shared .zbccs-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-bs-collumn-collection-shared .zbccs-mini-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  margin-top: 12px;
  overflow: hidden;
  border-radius: 16px;
  border: 1px solid #e5e7eb;
}
.zara-bs-collumn-collection-shared .zbccs-mini-table th,
.zara-bs-collumn-collection-shared .zbccs-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-bs-collumn-collection-shared .zbccs-mini-table th {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #5a8db5;
  background: #f5faff;
  font-weight: 700;
}
.zara-bs-collumn-collection-shared .zbccs-mini-table tr:last-child td {
  border-bottom: none;
}

/* CALLOUT */
.zara-bs-collumn-collection-shared .zbccs-callout {
  border-radius: 18px;
  border: 1px solid #c7e2f6;
  background: linear-gradient(135deg, #ffffff, #e0f6ff);
  padding: 16px 16px;
  margin-top: 14px;
}
.zara-bs-collumn-collection-shared .zbccs-callout .zbccs-h4 {
  margin: 0 0 6px;
  color: #1f3444;
}
.zara-bs-collumn-collection-shared .zbccs-callout p {
  font-size: 12px;
  color: #4b5563;
}
.zara-bs-collumn-collection-shared .zbccs-callout-btn-wrap {
  margin-top: 10px;
}

/* STACK NOTE */
.zara-bs-collumn-collection-shared .zbccs-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;
}

/* FOOTER INSIDE CARD (kept visible � restyled to airy theme) */
.zara-bs-collumn-collection-shared .zbccs-card-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;
}
.zara-bs-collumn-collection-shared .zbccs-card-footer a {
  font-size: 11px;
  color: #5a8db5;
}

/* RESPONSIVE */
@media (max-width: 960px) {
  .zara-bs-collumn-collection-shared .zbccs-hero {
    grid-template-columns: minmax(0, 1fr);
  }
  .zara-bs-collumn-collection-shared .zbccs-hero-visual {
    order: -1;
  }
  .zara-bs-collumn-collection-shared .zbccs-content-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  .zara-bs-collumn-collection-shared .zbccs-page {
    padding: 20px 16px 48px;
  }
  .zara-bs-collumn-collection-shared .zbccs-intro-strip {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media (max-width: 640px) {
  .zara-bs-collumn-collection-shared .zbccs-h1 {
    font-size: 26px;
  }
  .zara-bs-collumn-collection-shared .zbccs-hero {
    padding: 24px 18px;
  }
  .zara-bs-collumn-collection-shared .zbccs-hero-banner {
    max-width: 100%;
  }
  .zara-bs-collumn-collection-shared .zbccs-card {
    padding: 18px;
  }
}
/*Category Shared - 7192, 7193, 7194, 7195, 7196, 7197, 7198, 7199, 7200, 7201, 7202, 7203 End Here */
/*Category 7324 Start Here */

.zara-obsidian-rain-showers {
  position: relative;
  color: #1a2b3c;
  line-height: 1.6;
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 20px 40px;
}

/* RESET INSIDE WRAPPER ONLY */
.zara-obsidian-rain-showers * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* IMAGE RESPONSIVENESS */
.zara-obsidian-rain-showers img {
  max-width: 100%;
  height: auto;
  display: block;
}

/* TYPOGRAPHY */
.zara-obsidian-rain-showers h1 {
  font-size: 32px;
  line-height: 1.3;
  margin-bottom: 20px;
  color: #0a1a2a;
}
.zara-obsidian-rain-showers h2 {
  font-size: 29px;
  margin-bottom: 25px;
  color: #0a1a2a;
}
.zara-obsidian-rain-showers h3 {
  font-size: 19px;
  margin-bottom: 15px;
  color: #0a1a2a;
}
.zara-obsidian-rain-showers h4 {
  font-size: 18px !important;
  margin-bottom: -10px;
Margin-top: 20px;
  color: #0a1a2a;
}
.zara-obsidian-rain-showers p {
  font-size: 15px;
  color: #2d3a4b;
}

/* LINKS */
.zara-obsidian-rain-showers a {
  color: #0f6cbf;
  text-decoration: none;
  cursor: pointer;
}
.zara-obsidian-rain-showers a:hover {
  text-decoration: underline;
}

/* ---- CONTAINER ---- */
.zara-obsidian-rain-showers .zara-obsidian-rain-showers-wrapper {
  width: 100%;
}
.zara-obsidian-rain-showers .zara-obsidian-rain-showers-container {
  width: 100%;
}

/* ---- STICKY HEADER ---- */
.zara-obsidian-rain-showers .zara-obsidian-rain-showers-sticky {
   background: #ffffff;
  border-radius: 16px;
  box-shadow: 0 4px 12px rgba(0, 20, 40, 0.08);
  margin-bottom: 30px;
	margin-top:10px;
  padding: 24px 0;
	background: linear-gradient(135deg, #ffffff, #e0f6ff);
border: 1px solid #c7e2f6;
box-shadow: 0 8px 20px rgba(127, 179, 221, 0.15);
}
.zara-obsidian-rain-showers .zara-obsidian-rain-showers-sticky-inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 0 30px;
}
.zara-obsidian-rain-showers .zara-obsidian-rain-showers-sticky-inner h5 {
  font-size: 16px !important;
  font-weight: 600;
color: #1f3444;
  margin: 0;
  max-width: 400px;
	line-height: 1.5;   
}

/* ---- BUTTONS ---- */
.zara-obsidian-rain-showers .zara-obsidian-rain-showers-cta-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.zara-obsidian-rain-showers .zara-obsidian-rain-showers-btn {
  display: inline-flex;
  align-items: center;
  padding: 8px 16px;
  border-radius: 30px;
  font-size: 12px;
  font-weight: 500;
  text-decoration: none;
  background: #ffffff;
  /* color: #0f6cbf !important; */
  border: 1px solid #d0dae8;
  transition: all 0.2s;
  cursor: pointer;
  /* line-height: 1.6; */
}
.zara-obsidian-rain-showers .zara-obsidian-rain-showers-btn:hover {
  background: #e6f0fa;
  border-color: #0f6cbf;
  text-decoration: none;
}
.zara-obsidian-rain-showers .zara-obsidian-rain-showers-btn--primary {
  background: #0f6cbf;
  color: #ffffff;
  border-color: #0f6cbf;
  align-self: stretch;
  text-align: center !important;
  justify-content: center;
}
.zara-obsidian-rain-showers .zara-obsidian-rain-showers-btn--primary:hover {
  background: #0a5a9e;
  border-color: #0a5a9e;
  color: #ffffff;
}

/* ---- HERO ---- */
.zara-obsidian-rain-showers .zara-obsidian-rain-showers-hero {
  margin-bottom: 40px;
}
.zara-obsidian-rain-showers .zara-obsidian-rain-showers-hero-inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
  background: #ffffff;
  border-radius: 24px;
  box-shadow: 0 4px 12px rgba(0, 20, 40, 0.08);
  overflow: hidden;
  align-items: center;
}
.zara-obsidian-rain-showers .zara-obsidian-rain-showers-hero-inner-top {
  padding: 30px;
}
.zara-obsidian-rain-showers .zara-obsidian-rain-showers-kicker {
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #5f6b7a;
  margin-bottom: 12px;
}
.zara-obsidian-rain-showers .zara-obsidian-rain-showers-sub {
  font-size: 16px;
  color: #2d3a4b;
  margin-bottom: 20px;
}
.zara-obsidian-rain-showers .zara-obsidian-rain-showers-badge-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 20px 0;
}
.zara-obsidian-rain-showers .zara-obsidian-rain-showers-badge {
  background: #e6f0fa;
  color: #0f6cbf;
  padding: 4px 12px;
  border-radius: 30px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.3px;
}
.zara-obsidian-rain-showers .zara-obsidian-rain-showers-hero-card {
  background: #eef2f6;
  padding: 30px;
  display: flex;
  flex-direction: column;
}
.zara-obsidian-rain-showers .zara-obsidian-rain-showers-media {
  display: flex;
  flex-direction: column;
  gap: 15px;
  margin-bottom: 15px;
}
.zara-obsidian-rain-showers .zara-obsidian-rain-showers-media img {
  width: 100%;
  border-radius: 16px;
  border: 1px solid #d0dae8;
}
.zara-obsidian-rain-showers .zara-obsidian-rain-showers-note {
  font-size: 13px;
  color: #4f5d6b;
  font-style: italic;
}

/* Hero list (inline-style list in original � keep it scoped) */
.zara-obsidian-rain-showers .zara-obsidian-rain-showers-hero-list {
  margin-bottom: 24px;
  list-style-type: none;
  padding-left: 0;
}
.zara-obsidian-rain-showers .zara-obsidian-rain-showers-hero-list li {
  margin-bottom: 8px;
  font-size: 15px;
  color: #2d3a4b;
}

/* ---- SECTIONS ---- */
.zara-obsidian-rain-showers .zara-obsidian-rain-showers-section {
  margin: 50px 0;
}
.zara-obsidian-rain-showers .zara-obsidian-rain-showers-section .zara-obsidian-rain-showers-label {
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #5f6b7a;
  margin-bottom: 15px;
}

/* ---- GRIDS ---- */
.zara-obsidian-rain-showers .zara-obsidian-rain-showers-grid {
  display: grid;
  gap: 20px;
}
.zara-obsidian-rain-showers .zara-obsidian-rain-showers-grid.zara-obsidian-rain-showers-cols-3 {
  grid-template-columns: repeat(3, 1fr);
}
.zara-obsidian-rain-showers .zara-obsidian-rain-showers-grid.zara-obsidian-rain-showers-cols-2 {
  grid-template-columns: repeat(2, 1fr);
}

/* ---- CARDS ---- */
.zara-obsidian-rain-showers .zara-obsidian-rain-showers-card {
  background: #ffffff;
  border-radius: 16px;
  padding: 20px;
  box-shadow: 0 4px 12px rgba(0, 20, 40, 0.08);
  border: 1px solid #d0dae8;
}
.zara-obsidian-rain-showers .zara-obsidian-rain-showers-card p,
.zara-obsidian-rain-showers .zara-obsidian-rain-showers-card ul {
  font-size: 14px;
  color: #2d3a4b;
}
.zara-obsidian-rain-showers .zara-obsidian-rain-showers-card ul {
  padding-left: 20px;
}
.zara-obsidian-rain-showers .zara-obsidian-rain-showers-card li {
  margin-bottom: 6px;
}

/* ---- MEDIA STRIP ---- */
.zara-obsidian-rain-showers .zara-obsidian-rain-showers-media-strip {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin: 30px 0;
}
.zara-obsidian-rain-showers .zara-obsidian-rain-showers-media-strip .zara-obsidian-rain-showers-card {
  padding: 15px;
}
.zara-obsidian-rain-showers .zara-obsidian-rain-showers-media-strip img {
  width: 100%;
  border-radius: 12px;
  margin-bottom: 10px;
}
.zara-obsidian-rain-showers .zara-obsidian-rain-showers-media-strip figcaption {
  font-size: 13px;
  color: #4f5d6b;
}

/* ---- SPEC TABLE ---- */
.zara-obsidian-rain-showers .zara-obsidian-rain-showers-spec {
  width: 100%;
  border-collapse: collapse;
  background: #ffffff;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0, 20, 40, 0.08);
}
.zara-obsidian-rain-showers .zara-obsidian-rain-showers-spec th,
.zara-obsidian-rain-showers .zara-obsidian-rain-showers-spec td {
  padding: 15px 20px;
  text-align: left;
  border-bottom: 1px solid #d0dae8;
  font-size: 15px;
  color: #2d3a4b;
}
.zara-obsidian-rain-showers .zara-obsidian-rain-showers-spec th {
  background: #f0f4fa;
  width: 30%;
  font-weight: 600;
  color: #1a2b3c;
}
.zara-obsidian-rain-showers .zara-obsidian-rain-showers-spec tr:last-child th,
.zara-obsidian-rain-showers .zara-obsidian-rain-showers-spec tr:last-child td {
  border-bottom: none;
}

/* ---- SPEC-BADGE-ROW margin-top helper ---- */
.zara-obsidian-rain-showers .zara-obsidian-rain-showers-badge-row-mt {
  margin-top: 22px;
}

/* ---- DIGITAL RESOURCES BANNER ---- */
.zara-obsidian-rain-showers .zara-obsidian-rain-showers-resources-hero-banner {
  position: relative;
  background: linear-gradient(135deg, #ffffff, #e0f6ff);
  border-radius: 24px;
  overflow: hidden;
  margin-bottom: 40px;
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.06);
  border: 1px solid #c7e2f6;
}
.zara-obsidian-rain-showers .zara-obsidian-rain-showers-banner-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: radial-gradient(circle at 20% 50%, rgba(127, 179, 221, 0.10) 0%, transparent 50%);
  pointer-events: none;
}

.zara-obsidian-rain-showers .zara-obsidian-rain-showers-banner-content {
  position: relative;
  padding: 35px 40px;
  display: flex;
  align-items: center;
  gap: 30px;
  z-index: 2;
}
.zara-obsidian-rain-showers .zara-obsidian-rain-showers-banner-icon {
  font-size: 64px;
  background: linear-gradient(135deg, #ffffff, #e3f2fd);
  width: 90px;
  height: 90px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 30px;
  border: 1px solid #c7e2f6;
  box-shadow: 0 8px 20px rgba(127, 179, 221, 0.25);
  flex-shrink: 0;
  color: #1f3444;
}
.zara-obsidian-rain-showers .zara-obsidian-rain-showers-banner-text {
  flex: 1;
}
.zara-obsidian-rain-showers .zara-obsidian-rain-showers-banner-kicker {
  display: inline-block;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #5a8db5;
  background: linear-gradient(135deg, #ffffff, #e0f6ff);
  padding: 5px 13px;
  border-radius: 30px;
  margin-bottom: 12px;
  border: 1px solid #c7e2f6;
  font-weight: 700;
}
.zara-obsidian-rain-showers .zara-obsidian-rain-showers-banner-title {
  font-size: 32px;
  color: #1f3444;
  margin-bottom: 15px;
  line-height: 1.3;
  font-weight: 700;
}
.zara-obsidian-rain-showers .zara-obsidian-rain-showers-banner-description {
  font-size: 16px;
  color: #4b5563;
  max-width: 700px;
  margin: 0;
  line-height: 1.6;
}
/* ---- RESOURCES GRID ---- */
.zara-obsidian-rain-showers .zara-obsidian-rain-showers-resources-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 25px;
  margin: 30px 0;
}
.zara-obsidian-rain-showers .zara-obsidian-rain-showers-resource-card {
  background: #ffffff;
  border-radius: 20px;
  padding: 25px;
  box-shadow: 0 4px 12px rgba(0, 20, 40, 0.08);
  border: 1px solid #d0dae8;
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
}
.zara-obsidian-rain-showers .zara-obsidian-rain-showers-resource-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #0f6cbf, #4a90e2);
  opacity: 0;
  transition: opacity 0.3s ease;
}
.zara-obsidian-rain-showers .zara-obsidian-rain-showers-resource-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 15px 35px rgba(0, 20, 40, 0.15);
  border-color: #0f6cbf;
}
.zara-obsidian-rain-showers .zara-obsidian-rain-showers-resource-card:hover::before {
  opacity: 1;
}
.zara-obsidian-rain-showers .zara-obsidian-rain-showers-resource-icon {
  font-size: 35px;
  margin-bottom: 15px;
  background: #e6f0fa;
  width: 55px;
  height: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
}
.zara-obsidian-rain-showers .zara-obsidian-rain-showers-resource-card h3 {
  font-size: 19px;
  margin-bottom: 12px;
  color: #0a1a2a;
}
.zara-obsidian-rain-showers .zara-obsidian-rain-showers-resource-card p {
  font-size: 14px;
  color: #4a5a6a;
  margin-bottom: 20px;
  line-height: 1.5;
  flex-grow: 1;
}
.zara-obsidian-rain-showers .zara-obsidian-rain-showers-resource-meta {
  margin-bottom: 13px;
}
.zara-obsidian-rain-showers .zara-obsidian-rain-showers-file-format {
  display: inline-block;
  background: #eef2f6;
  padding: 4px 12px;
  border-radius: 20px;
  color: #1e3a5f;
  font-weight: 600;
  font-size: 13px;
}
#content_area .zara-obsidian-rain-showers .zara-obsidian-rain-showers-resource-note {
  font-size: 12px !important;
  color: #5f6b7a !important;
  margin-top: 12px !important;
  font-style: italic;
  background: #f5f7fa;
  padding: 6px 12px;
  border-radius: 20px;
  text-align: center;
  border: 1px dashed #d0dae8;
}
.zara-obsidian-rain-showers .zara-obsidian-rain-showers-resource-actions {
  display: flex;
  flex-direction: column;
}

/* ---- RESOURCES FOOTER ---- */
.zara-obsidian-rain-showers .zara-obsidian-rain-showers-resources-footer {
  margin-top: 30px;
  background: linear-gradient(135deg, #f0f4fa 0%, #e6ecf5 100%);
  border-radius: 16px;
  padding: 0;
  border-left: 4px solid #0f6cbf;
  overflow: hidden;
}
.zara-obsidian-rain-showers .zara-obsidian-rain-showers-footer-note-content {
  padding: 18px 25px;
  display: flex;
  align-items: center;
  gap: 15px;
}
.zara-obsidian-rain-showers .zara-obsidian-rain-showers-note-icon {
  font-size: 29px;
  background: #ffffff;
  width: 45px;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
  flex-shrink: 0;
}
.zara-obsidian-rain-showers .zara-obsidian-rain-showers-footer-note-content p {
  margin: 0;
  font-size: 14px;
  color: #2d3a4b;
  flex: 1;
}
.zara-obsidian-rain-showers .zara-obsidian-rain-showers-footer-note-content a {
  color: #0f6cbf;
  font-weight: 600;
  text-decoration: none;
}
.zara-obsidian-rain-showers .zara-obsidian-rain-showers-footer-note-content a:hover {
  text-decoration: underline;
}

/* ---- FAQ STYLES ---- */
.zara-obsidian-rain-showers .zara-obsidian-rain-showers-faq-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 25px;
  margin: 30px 0;
}
.zara-obsidian-rain-showers .zara-obsidian-rain-showers-faq-card {
  background: #ffffff;
  border-radius: 20px;
  padding: 0;
  box-shadow: 0 4px 12px rgba(0, 20, 40, 0.08);
  border: 1px solid #d0dae8;
  transition: all 0.3s ease;
  overflow: hidden;
  position: relative;
}
.zara-obsidian-rain-showers .zara-obsidian-rain-showers-faq-card:nth-child(6n+1),
.zara-obsidian-rain-showers .zara-obsidian-rain-showers-faq-card:nth-child(6n+2),
.zara-obsidian-rain-showers .zara-obsidian-rain-showers-faq-card:nth-child(6n+3) {
  border-left: 4px solid #0f6cbf;
}
.zara-obsidian-rain-showers .zara-obsidian-rain-showers-faq-card:nth-child(6n+4),
.zara-obsidian-rain-showers .zara-obsidian-rain-showers-faq-card:nth-child(6n+5),
.zara-obsidian-rain-showers .zara-obsidian-rain-showers-faq-card:nth-child(6n+6) {
  border-left: 4px solid #1e3a5f;
}
.zara-obsidian-rain-showers .zara-obsidian-rain-showers-faq-question {
  padding: 20px 20px 15px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  user-select: none;
  background: transparent;
}
.zara-obsidian-rain-showers .zara-obsidian-rain-showers-faq-question h3 {
  margin: 0;
  font-size: 18px;
  line-height: 1.4;
  color: #0a1a2a;
  font-weight: 600;
  flex: 1;
}
.zara-obsidian-rain-showers .zara-obsidian-rain-showers-faq-icon {
  width: 30px;
  height: 30px;
  min-width: 30px;
  border-radius: 50%;
  background: #e6f0fa;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 19px;
  font-weight: 600;
  color: #0f6cbf;
  transition: all 0.3s ease;
  border: 1px solid #d0dae8;
}
.zara-obsidian-rain-showers .zara-obsidian-rain-showers-faq-card:hover .zara-obsidian-rain-showers-faq-icon {
  background: #0f6cbf;
  color: #ffffff;
}
.zara-obsidian-rain-showers .zara-obsidian-rain-showers-faq-answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease-out;
  background: transparent;
}
.zara-obsidian-rain-showers .zara-obsidian-rain-showers-faq-answer.zara-obsidian-rain-showers-show {
  max-height: 300px;
  padding: 0 20px 20px;
  border-top: 1px solid #d0dae8;
}
.zara-obsidian-rain-showers .zara-obsidian-rain-showers-faq-answer p {
  margin: 15px 0 0;
  color: #2d3a4b;
  font-size: 15px;
  line-height: 1.6;
}
.zara-obsidian-rain-showers .zara-obsidian-rain-showers-faq-answer a {
  color: #0f6cbf;
  text-decoration: none;
  font-weight: 500;
}
.zara-obsidian-rain-showers .zara-obsidian-rain-showers-faq-answer a:hover {
  text-decoration: underline;
}
.zara-obsidian-rain-showers .zara-obsidian-rain-showers-faq-card.zara-obsidian-rain-showers-active {
  box-shadow: 0 10px 30px rgba(15, 108, 191, 0.15);
  border-color: #0f6cbf;
}

/* ---- PRODUCTS (SKU cards) ---- */
.zara-obsidian-rain-showers .zara-obsidian-rain-showers-card h4 {
  font-size: 18px;
  margin-bottom: 10px;
  color: #0a1a2a;
}
.zara-obsidian-rain-showers .zara-obsidian-rain-showers-products-center {
  margin-top: 24px;
  text-align: center;
}

/* ---- AEC RESOURCES SECTION ---- */
.zara-obsidian-rain-showers .zara-obsidian-rain-showers-card h3 a {
  color: #0f6cbf;
}
.zara-obsidian-rain-showers .zara-obsidian-rain-showers-card ul li a {
  color: #0f6cbf;
}
.zara-obsidian-rain-showers .zara-obsidian-rain-showers-cta-row-mt {
  margin-top: 16px;
}

/* ---- PAGE FOOTER ---- */.zara-obsidian-rain-showers .zara-obsidian-rain-showers-page-footer {
  margin-top: 50px;
  padding: 20px;
  background: #f5faff;
  border: 1px solid #c7e2f6;
  border-radius: 16px;
  font-size: 13px;
  color: #6b7280;
  text-align: center;
}
/* ---- RESPONSIVE ---- */
@media (max-width: 900px) {
  .zara-obsidian-rain-showers .zara-obsidian-rain-showers-hero-inner {
    grid-template-columns: 1fr;
  }
  .zara-obsidian-rain-showers .zara-obsidian-rain-showers-grid.zara-obsidian-rain-showers-cols-3,
  .zara-obsidian-rain-showers .zara-obsidian-rain-showers-grid.zara-obsidian-rain-showers-cols-2,
  .zara-obsidian-rain-showers .zara-obsidian-rain-showers-media-strip,
  .zara-obsidian-rain-showers .zara-obsidian-rain-showers-resources-grid,
  .zara-obsidian-rain-showers .zara-obsidian-rain-showers-faq-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .zara-obsidian-rain-showers .zara-obsidian-rain-showers-sticky-inner {
    flex-direction: column;
    align-items: flex-start;
  }
  .zara-obsidian-rain-showers .zara-obsidian-rain-showers-sticky-inner h5 {
    max-width: 100%;
  }
  .zara-obsidian-rain-showers .zara-obsidian-rain-showers-banner-content {
    flex-direction: column;
    text-align: center;
    padding: 30px 20px;
  }
  .zara-obsidian-rain-showers .zara-obsidian-rain-showers-banner-title {
    font-size: 26px;
  }
  .zara-obsidian-rain-showers .zara-obsidian-rain-showers-footer-note-content {
    flex-direction: column;
    text-align: center;
  }
}
@media (max-width: 600px) {
  .zara-obsidian-rain-showers .zara-obsidian-rain-showers-faq-grid {
    grid-template-columns: 1fr;
  }
}
/*Category 7324 End Here */

.zara-bs-wall-mount-sensor-faucets {
  color: #1f3444;
  line-height: 1.6;
}

.zara-bs-wall-mount-sensor-faucets * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.zara-bs-wall-mount-sensor-faucets img {
  max-width: 100%;
  height: auto;
  display: block;
}

.zara-bs-wall-mount-sensor-faucets a {
  color: #5a8db5;
  text-decoration: none;
  transition: all 0.2s;
}
.zara-bs-wall-mount-sensor-faucets a:hover { text-decoration: underline; color: #1f3444; }

/* ---- TOP HERO IMAGE ---- */
.zara-bs-wall-mount-sensor-faucets-top-img {
  width: 100%;
  display: block;
}

/* ---- HERO SECTION ---- */
.zara-bs-wall-mount-sensor-faucets-hero {
  max-width: 1350px;
  margin: 40px auto;
  background: linear-gradient(145deg, #ffffff, #e0f6ff);
  border-radius: 40px;
  padding: 30px;
  position: relative;
  overflow: hidden;
  /* border: 1px solid #c7e2f6; */
  /* box-shadow: 0 18px 40px rgba(15, 23, 42, 0.06); */
}
.zara-bs-wall-mount-sensor-faucets-hero::before {
  content: '';
  position: absolute;
  top: -30%;
  right: -10%;
  width: 400px;
  height: 400px;
  background: radial-gradient(circle, rgba(127, 179, 221, 0.12) 0%, transparent 70%);
  border-radius: 50%;
  pointer-events: none;
}
.zara-bs-wall-mount-sensor-faucets-hero-grid {
  display: grid;
  grid-template-columns: 1.2fr 0.8fr;
  gap: 30px;
  align-items: center;
  position: relative;
  z-index: 5;
}

/* Hero main image */
.zara-bs-wall-mount-sensor-faucets-hero-main-img {
  position: relative;
  text-align: center;
}
.zara-bs-wall-mount-sensor-faucets-hero-img {
  width: 100%;
  max-width: 500px;
  height: auto;
  border-radius: 30px;
  box-shadow: 0 25px 40px rgba(15, 23, 42, 0.10);
  border: 1px solid #c7e2f6;
  transition: transform 0.5s ease;
  position: relative;
  z-index: 5;
}
.zara-bs-wall-mount-sensor-faucets-hero-main-img:hover .zara-bs-wall-mount-sensor-faucets-hero-img {
  transform: scale(1.02);
}
.zara-bs-wall-mount-sensor-faucets-img-accent {
  position: absolute;
  top: -15px;
  left: -15px;
  width: 100%;
  height: 100%;
  border: 3px solid #c7e2f6;
  border-radius: 40px;
  z-index: 1;
}

/* Hero promo side */
.zara-bs-wall-mount-sensor-faucets-hero-promo {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.zara-bs-wall-mount-sensor-faucets-promo-card {
  position: relative;
  border-radius: 25px;
  overflow: hidden;
  box-shadow: 0 12px 30px rgba(127, 179, 221, 0.15);
  border: 1px solid #c7e2f6;
}
.zara-bs-wall-mount-sensor-faucets-promo-img {
  width: 100%;
  height: auto;
  display: block;
  transition: transform 0.5s ease;
}
.zara-bs-wall-mount-sensor-faucets-promo-card:hover .zara-bs-wall-mount-sensor-faucets-promo-img {
  transform: scale(1.05);
}
.zara-bs-wall-mount-sensor-faucets-promo-overlay {
  position: absolute;
  top: 15px;
  left: 15px;
}
.zara-bs-wall-mount-sensor-faucets-promo-badge {
  background: rgba(199, 226, 246, 0.95);
  color: #1f3444;
  font-size: 13px;
  font-weight: 700;
  padding: 6px 16px;
  border-radius: 30px;
  box-shadow: 0 5px 15px rgba(127, 179, 221, 0.20);
  border: 1px solid #c7e2f6;
}
.zara-bs-wall-mount-sensor-faucets-hero-title {
  font-size: 36px;
  font-weight: 800;
  color: #1f3444;
  margin: 15px 0 10px;
  line-height: 1.1;
  letter-spacing: -0.02em;
  position: relative;
  display: inline-block;
}
.zara-bs-wall-mount-sensor-faucets-hero-title::after {
  content: '';
  position: absolute;
  bottom: -8px;
  left: 0;
  width: 80px;
  height: 4px;
  background: linear-gradient(90deg, #7fb3dd, #b5d8ef);
  border-radius: 4px;
}
.zara-bs-wall-mount-sensor-faucets-hero-desc {
  font-size: 16px;
  color: #4b5563;
  margin: 15px 0 20px;
  line-height: 1.6;
}
.zara-bs-wall-mount-sensor-faucets-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 10px;
}
.zara-bs-wall-mount-sensor-faucets-btn-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 24px;
  border-radius: 50px;
  font-weight: 700;
  font-size: 14px;
  text-decoration: none;
  transition: all 0.3s ease;
  background: linear-gradient(135deg, #e3f2fd, #c7e2f6);
  color: #1f3444;
  border: 1px solid #c7e2f6;
  box-shadow: 0 10px 24px rgba(127, 179, 221, 0.25);
}
.zara-bs-wall-mount-sensor-faucets-btn-primary:hover {
  background: linear-gradient(135deg, #d6ecfb, #b5d8ef);
  border-color: #b5d8ef;
  color: #1f3444;
  transform: translateY(-3px);
  box-shadow: 0 14px 28px rgba(127, 179, 221, 0.35);
  text-decoration: none;
}
.zara-bs-wall-mount-sensor-faucets-btn-secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 24px;
  border-radius: 50px;
  font-weight: 700;
  font-size: 14px;
  text-decoration: none;
  transition: all 0.3s ease;
  background: #ffffff;
  color: #1f3444;
  border: 2px solid #c7e2f6;
}
.zara-bs-wall-mount-sensor-faucets-btn-secondary:hover {
  background: #f5faff;
  border-color: #7fb3dd;
  color: #1f3444;
  transform: translateY(-3px);
  text-decoration: none;
}

/* ---- AUTHORITY BLOCK ---- */
.zara-bs-wall-mount-sensor-faucets-authority {
  max-width: 1350px;
  margin: 40px auto;
  padding: 18px 14px;
  background: #ffffff;
}
.zara-bs-wall-mount-sensor-faucets-authority-inner {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  align-items: flex-start;
}
.zara-bs-wall-mount-sensor-faucets-authority-left {
  flex: 1 1 660px;
  min-width: 280px;
}
.zara-bs-wall-mount-sensor-faucets-authority-eyebrow {
  font-size: 12px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #5a8db5;
  font-weight: 900;
}
.zara-bs-wall-mount-sensor-faucets-authority-h2 {
  margin: 8px 0;
  font-size: 22px;
  line-height: 1.25;
  color: #1f3444;
  font-weight: 700;
}
.zara-bs-wall-mount-sensor-faucets-authority-p {
  margin: 0 0 12px 0;
  font-size: 14px;
  line-height: 1.55;
  color: #4b5563;
}
.zara-bs-wall-mount-sensor-faucets-authority-p strong { color: #1f3444; }
.zara-bs-wall-mount-sensor-faucets-features-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 10px;
}
.zara-bs-wall-mount-sensor-faucets-feat-box {
  flex: 1 1 240px;
  padding: 10px;
  border: 1px solid #dde3ec;
  border-radius: 10px;
  background: #f5faff;
}
.zara-bs-wall-mount-sensor-faucets-feat-title {
  font-weight: 900;
  color: #1f3444;
  font-size: 13px;
  margin-bottom: 4px;
}
.zara-bs-wall-mount-sensor-faucets-feat-text {
  color: #4b5563;
  font-size: 13px;
  line-height: 1.45;
}
.zara-bs-wall-mount-sensor-faucets-applications {
  margin-top: 14px;
  padding: 12px;
  border: 1px dashed #c7e2f6;
  border-radius: 12px;
  background: #f5faff;
}
.zara-bs-wall-mount-sensor-faucets-app-title {
  font-weight: 900;
  color: #1f3444;
  font-size: 13px;
  margin-bottom: 6px;
}
.zara-bs-wall-mount-sensor-faucets-app-list {
  margin: 0;
  padding-left: 18px;
  color: #4b5563;
  font-size: 13px;
  line-height: 1.7;
}
.zara-bs-wall-mount-sensor-faucets-authority-cta {
  margin-top: 14px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.zara-bs-wall-mount-sensor-faucets-cta-dark {
  display: inline-block;
  padding: 10px 12px;
  border-radius: 10px;
  background: linear-gradient(135deg, #e3f2fd, #c7e2f6);
  color: #1f3444;
  text-decoration: none;
  font-weight: 900;
  font-size: 13px;
  border: 1px solid #c7e2f6;
  box-shadow: 0 8px 20px rgba(127, 179, 221, 0.20);
}
.zara-bs-wall-mount-sensor-faucets-cta-dark:hover {
  background: linear-gradient(135deg, #d6ecfb, #b5d8ef);
  border-color: #b5d8ef;
  text-decoration: none;
  color: #1f3444;
}
.zara-bs-wall-mount-sensor-faucets-cta-light {
  display: inline-block;
  padding: 10px 12px;
  border-radius: 10px;
  background: #ffffff;
  color: #5a8db5;
  text-decoration: none;
  font-weight: 900;
  font-size: 13px;
  border: 1px solid #c7e2f6;
}
.zara-bs-wall-mount-sensor-faucets-cta-light:hover {
  background: #f5faff;
  border-color: #7fb3dd;
  color: #1f3444;
  text-decoration: none;
}

/* Spec box right */
.zara-bs-wall-mount-sensor-faucets-spec-box {
  flex: 0 1 320px;
  min-width: 260px;
  border: 1px solid #dde3ec;
  border-radius: 12px;
  background: #f5faff;
  padding: 12px;
}
.zara-bs-wall-mount-sensor-faucets-spec-eyebrow {
  font-size: 12px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #5a8db5;
  font-weight: 900;
}
.zara-bs-wall-mount-sensor-faucets-spec-title {
  margin-top: 10px;
  color: #1f3444;
  font-weight: 900;
  font-size: 14px;
  line-height: 1.35;
}
.zara-bs-wall-mount-sensor-faucets-spec-list {
  margin: 10px 0 0;
  padding-left: 18px;
  color: #4b5563;
  font-size: 13px;
  line-height: 1.6;
}
.zara-bs-wall-mount-sensor-faucets-spec-cta {
  margin-top: 12px;
}
.zara-bs-wall-mount-sensor-faucets-spec-cta a {
  display: block;
  text-align: center;
  padding: 11px 12px;
  border-radius: 10px;
  background: linear-gradient(135deg, #e3f2fd, #c7e2f6);
  color: #1f3444;
  text-decoration: none;
  font-weight: 900;
  font-size: 13px;
  border: 1px solid #c7e2f6;
  box-shadow: 0 8px 20px rgba(127, 179, 221, 0.20);
}
.zara-bs-wall-mount-sensor-faucets-spec-cta a:hover {
  background: linear-gradient(135deg, #d6ecfb, #b5d8ef);
  border-color: #b5d8ef;
  text-decoration: none;
  color: #1f3444;
}

/* ---- FEATURES SHOWCASE ---- */
.zara-bs-wall-mount-sensor-faucets-showcase {
  max-width: 1350px;
  margin: 50px auto;
  padding: 40px;
  position: relative;
  overflow: hidden;
}
.zara-bs-wall-mount-sensor-faucets-showcase::before {
  content: '';
  position: absolute;
  top: -20%;
  right: -10%;
  width: 400px;
  height: 400px;
  background: radial-gradient(circle, rgba(127, 179, 221, 0.08) 0%, transparent 70%);
  border-radius: 50%;
  pointer-events: none;
}
.zara-bs-wall-mount-sensor-faucets-showcase-header {
  text-align: center;
  margin-bottom: 30px;
  position: relative;
}
.zara-bs-wall-mount-sensor-faucets-showcase-icon {
  display: flex;
  justify-content: center;
  margin-bottom: 15px;
}
.zara-bs-wall-mount-sensor-faucets-showcase-icon svg {
  width: 48px;
  height: 48px;
  stroke: #7fb3dd;
}
.zara-bs-wall-mount-sensor-faucets-showcase-title {
  font-size: 28px;
  font-weight: 700;
  color: #1f3444;
  margin-bottom: 10px;
  letter-spacing: -0.02em;
}
.zara-bs-wall-mount-sensor-faucets-showcase-subtitle {
  font-size: 16px;
  color: #6b7280;
  max-width: 600px;
  margin: 0 auto;
}

/* Description card */
.zara-bs-wall-mount-sensor-faucets-desc-card {
  background: #f5faff;
  border-left: 6px solid #7fb3dd;
  border-radius: 20px;
  padding: 25px 30px;
  margin-bottom: 25px;
  box-shadow: 0 8px 20px rgba(127, 179, 221, 0.08);
  border-top: 1px solid #c7e2f6;
  border-right: 1px solid #c7e2f6;
  border-bottom: 1px solid #c7e2f6;
}
.zara-bs-wall-mount-sensor-faucets-desc-text {
  font-size: 16px;
  line-height: 1.8;
  color: #1f3444;
  margin: 0;
}

/* Critical notes card */
.zara-bs-wall-mount-sensor-faucets-critical-card {
  background: #f5faff;
  border: 1px solid #c7e2f6;
  border-radius: 20px;
  padding: 20px 25px;
  margin-bottom: 35px;
  box-shadow: 0 8px 20px rgba(127, 179, 221, 0.08);
  position: relative;
  overflow: hidden;
}
.zara-bs-wall-mount-sensor-faucets-critical-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 4px;
  height: 100%;
  background: #7fb3dd;
}
.zara-bs-wall-mount-sensor-faucets-critical-header {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 10px;
}
.zara-bs-wall-mount-sensor-faucets-critical-icon { font-size: 24px; }
.zara-bs-wall-mount-sensor-faucets-critical-title {
  font-size: 18px;
  font-weight: 700;
  color: #1f3444;
}
.zara-bs-wall-mount-sensor-faucets-critical-text {
  font-size: 15px;
  line-height: 1.7;
  color: #4b5563;
  margin: 0;
  padding-left: 36px;
}

/* Feature grid */
.zara-bs-wall-mount-sensor-faucets-feat-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  margin-bottom: 35px;
}
.zara-bs-wall-mount-sensor-faucets-feat-item {
  background: #ffffff;
  border: 1px solid #dde3ec;
  border-radius: 20px;
  padding: 25px 20px;
  transition: all 0.3s ease;
  box-shadow: 0 8px 20px rgba(15, 23, 42, 0.03);
}
.zara-bs-wall-mount-sensor-faucets-feat-item:hover {
  transform: translateY(-5px);
  border-color: #7fb3dd;
  box-shadow: 0 15px 30px rgba(127, 179, 221, 0.15);
}
.zara-bs-wall-mount-sensor-faucets-feat-icon {
  width: 56px;
  height: 56px;
  background: #f5faff;
  border-radius: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  border: 1px solid #c7e2f6;
}
.zara-bs-wall-mount-sensor-faucets-feat-icon svg { stroke: #7fb3dd; }
.zara-bs-wall-mount-sensor-faucets-feat-h4 {
  font-size: 18px;
  font-weight: 700;
  color: #1f3444;
  margin-bottom: 10px;
}
.zara-bs-wall-mount-sensor-faucets-feat-p {
  font-size: 14px;
  line-height: 1.6;
  color: #4b5563;
  margin: 0;
}

/* Stats bar (was dark navy gradient � now airy, kept visible) */
.zara-bs-wall-mount-sensor-faucets-stats-bar {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  background: linear-gradient(135deg, #ffffff, #e0f6ff);
  border-radius: 30px;
  padding: 30px 25px;
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.06);
  border: 1px solid #c7e2f6;
}
.zara-bs-wall-mount-sensor-faucets-stat-item { text-align: center; }
.zara-bs-wall-mount-sensor-faucets-stat-number {
  display: block;
  font-size: 32px;
  font-weight: 800;
  color: #1f3444;
  line-height: 1.2;
  margin-bottom: 5px;
}
.zara-bs-wall-mount-sensor-faucets-stat-label {
  font-size: 14px;
  font-weight: 600;
  color: #5a8db5;
  letter-spacing: 0.5px;
}

/* ---- FEATURED CATEGORIES ---- */
.zara-bs-wall-mount-sensor-faucets-categories {
  max-width: 1350px;
  margin: 40px auto;
}
.zara-bs-wall-mount-sensor-faucets-cat-heading {
  text-align: center;
  margin-bottom: 24px;
}
.zara-bs-wall-mount-sensor-faucets-cat-eyebrow {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin-bottom: 6px;
}
.zara-bs-wall-mount-sensor-faucets-cat-eyebrow img { display: inline-block; }
.zara-bs-wall-mount-sensor-faucets-cat-style {
  font-size: 24px;
  color: #000;
  margin-bottom: 4px;
  font-family: 'Dancing Script', cursive;
}
.zara-bs-wall-mount-sensor-faucets-cat-h3 {
  font-size: 31px !important;
  font-weight: 700;
  color: #1f3444;
  margin-bottom: 2px;
  font-family: 'Montserrat-Bold', arial, helvetica, sans-serif !important;
}
.zara-bs-wall-mount-sensor-faucets-cat-below {
  font-size: 20px;
  color: #6b7280;
  color: #16A0DE;
  font-family: 'Montserrat-Bold', arial, helvetica, sans-serif !important;
  text-transform: uppercase;
  font-weight: 800;
}
.zara-bs-wall-mount-sensor-faucets-cat-inner {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: center;
}
.zara-bs-wall-mount-sensor-faucets-cat-box {
  width: 280px;
  background: #ffffff;
  border: 1px solid #dde3ec;
  border-radius: 20px;
  overflow: hidden;
  transition: all 0.2s;
}
.zara-bs-wall-mount-sensor-faucets-cat-box:hover {
  border-color: #7fb3dd;
  box-shadow: 0 8px 20px rgba(127, 179, 221, 0.15);
  transform: translateY(-3px);
}
.zara-bs-wall-mount-sensor-faucets-cat-img-wrap {
  position: relative;
  overflow: hidden;
}
.zara-bs-wall-mount-sensor-faucets-cat-img-wrap .zara-bs-wall-mount-sensor-faucets-cat-mask {
  position: absolute;
  inset: 0;
  background: rgba(31, 52, 68, 0);
  transition: background 0.3s;
}
.zara-bs-wall-mount-sensor-faucets-cat-box:hover .zara-bs-wall-mount-sensor-faucets-cat-mask {
  background: rgba(31, 52, 68, 0.05);
}
.zara-bs-wall-mount-sensor-faucets-cat-img-wrap img {
  width: 100%;
  height: 180px;
  object-fit: cover;
  display: block;
  transition: transform 0.4s;
}
.zara-bs-wall-mount-sensor-faucets-cat-box:hover .zara-bs-wall-mount-sensor-faucets-cat-img-wrap img {
  transform: scale(1.04);
}
.zara-bs-wall-mount-sensor-faucets-cat-info {
  padding: 12px 16px 4px;
  font-size: 14px;
  font-weight: 600;
  color: #1f3444;
}
.zara-bs-wall-mount-sensor-faucets-cat-view {
  display: block;
  padding: 8px 16px 14px;
  font-size: 13px;
  font-weight: 600;
  color: #5a8db5;
  text-decoration: none;
}
.zara-bs-wall-mount-sensor-faucets-cat-view:hover { text-decoration: underline; color: #1f3444; }

/* ---- AEC SECTION ---- */
.zara-bs-wall-mount-sensor-faucets-aec {
  max-width: 1350px;
  margin: 40px auto;
}
.zara-bs-wall-mount-sensor-faucets-aec-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  align-items: center;
  padding: 40px;
  background: #ffffff;
  border-radius: 32px;
  /* border: 1px solid #dde3ec; */
  margin-bottom: 24px;
  box-shadow: 0 8px 20px rgba(15, 23, 42, 0.04);
}
.zara-bs-wall-mount-sensor-faucets-aec-row.reverse { direction: rtl; }
.zara-bs-wall-mount-sensor-faucets-aec-row.reverse > * { direction: ltr; }
.zara-bs-wall-mount-sensor-faucets-aec-text h3 {
  font-size: 22px !important;
  font-weight: 700;
  color: #1f3444;
  margin-bottom: 16px;
}
.zara-bs-wall-mount-sensor-faucets-aec-text p {
  font-size: 14px;
  line-height: 1.75;
  color: #4b5563;
  margin-bottom: 12px;
}
.zara-bs-wall-mount-sensor-faucets-aec-text p:last-child { margin-bottom: 0; }
.zara-bs-wall-mount-sensor-faucets-aec-text a { color: #5a8db5; font-weight: 600; }
.zara-bs-wall-mount-sensor-faucets-aec-image img {
  width: 100%;
  border-radius: 20px;
  box-shadow: 0 12px 30px rgba(127, 179, 221, 0.15);
}

/* Read more toggle */
.zara-bs-wall-mount-sensor-faucets-readmore-row {
  text-align: center;
  margin: 16px 0;
}
.zara-bs-wall-mount-sensor-faucets-readmore-btn {
  display: inline-block;
  color: #1f3444;
  font-weight: 700;
  font-size: 14px;
  cursor: pointer;
  text-decoration: none;
  padding: 8px 24px;
  border: 1px solid #c7e2f6;
  border-radius: 40px;
  background: linear-gradient(135deg, #e3f2fd, #c7e2f6);
  transition: all 0.2s;
  box-shadow: 0 8px 20px rgba(127, 179, 221, 0.20);
}
.zara-bs-wall-mount-sensor-faucets-readmore-btn:hover {
  background: linear-gradient(135deg, #d6ecfb, #b5d8ef);
  border-color: #b5d8ef;
  color: #1f3444;
  text-decoration: none;
}

/* Toggle content */
.zara-bs-wall-mount-sensor-faucets-toggle-content { display: none; }
.zara-bs-wall-mount-sensor-faucets-toggle-p {
  font-size: 14px;
  line-height: 1.75;
  color: #4b5563;
  padding: 20px 0;
}

/* ---- SHOP SECTIONS ---- */
.zara-bs-wall-mount-sensor-faucets-shop-wrap {
  max-width: 1350px;
  margin: 32px auto;
  padding: 0 14px;
}
.zara-bs-wall-mount-sensor-faucets-shop-heading {
  text-align: center;
  font-size: 21px;
  font-weight: 500;
  color: #838080;
  margin-bottom: 20px;
  font-family: 'Montserrat-Light', arial, helvetica, sans-serif !important;
  font-style: oblique;
}
.zara-bs-wall-mount-sensor-faucets-shop-inner {
  display: flex;
  /* flex-wrap: wrap; */
  gap: 16px;
  justify-content: center;
}
.zara-bs-wall-mount-sensor-faucets-shop-box {
  width: 320px;
  background: #ffffff;
  border: none;
  border-radius: 0;
  overflow: hidden;
  text-align: center;
  transition: all 0.2s;
}
.zara-bs-wall-mount-sensor-faucets-shop-box:hover {
  transform: none;
  box-shadow: none;
}
.zara-bs-wall-mount-sensor-faucets-shop-box-img {
  width: 100%;
  height: 320px;
  overflow: hidden;
  position: relative;
  border-radius: 4px;
}
.zara-bs-wall-mount-sensor-faucets-shop-box-img img {
  width: 100%;
  height: 100%;
  /* object-fit: cover; */
  /* display: block !important; */
  transition: transform 0.3s;
}
.zara-bs-wall-mount-sensor-faucets-shop-box:hover .zara-bs-wall-mount-sensor-faucets-shop-box-img img {
  transform: scale(1.03);
}
.zara-bs-wall-mount-sensor-faucets-shop-box-label {
  padding: 12px 8px 4px;
}
.zara-bs-wall-mount-sensor-faucets-shop-box-label a {
  font-size: 16px;
  font-weight: 400;
  font-style: italic;
  color: #bab8b8 !important;
  text-decoration: none;
  font-family: Georgia !important;
}
.zara-bs-wall-mount-sensor-faucets-shop-box-label a:hover {
  color: #0f4c81;
  text-decoration: underline;
}

@media(max-width:1400px){
		.zara-bs-wall-mount-sensor-faucets-shop-inner{flex-wrap:wrap }

}
@media (max-width: 1000px) {
  .zara-bs-wall-mount-sensor-faucets-feat-grid,
  .zara-bs-wall-mount-sensor-faucets-stats-bar { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 900px) {
  .zara-bs-wall-mount-sensor-faucets-hero-grid,
  .zara-bs-wall-mount-sensor-faucets-aec-row { grid-template-columns: 1fr; }
  .zara-bs-wall-mount-sensor-faucets-aec-row.reverse { direction: ltr; }
  .zara-bs-wall-mount-sensor-faucets-hero-main-img { order: 2; }
  .zara-bs-wall-mount-sensor-faucets-hero-promo { order: 1; }
  .zara-bs-wall-mount-sensor-faucets-hero-title { font-size: 30px; }
  .zara-bs-wall-mount-sensor-faucets-showcase { padding: 30px 20px; }
  .zara-bs-wall-mount-sensor-faucets-aec-row { padding: 28px 20px; }
}
@media (max-width: 700px) {
  .zara-bs-wall-mount-sensor-faucets-feat-grid,
  .zara-bs-wall-mount-sensor-faucets-stats-bar { grid-template-columns: 1fr; }
  .zara-bs-wall-mount-sensor-faucets-hero-container,
  .zara-bs-wall-mount-sensor-faucets-hero { padding: 20px; }
  .zara-bs-wall-mount-sensor-faucets-hero-actions { flex-direction: column; }
  .zara-bs-wall-mount-sensor-faucets-btn-primary,
  .zara-bs-wall-mount-sensor-faucets-btn-secondary { width: 100%; }
  .zara-bs-wall-mount-sensor-faucets-showcase-title { font-size: 24px; }
}

.zara-bs-faucet-reliability-engineering {
  line-height: 1.6;
  color: #1f3444;
  background: #ffffff;
}

.zara-bs-faucet-reliability-engineering * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.zara-bs-faucet-reliability-engineering img {
  max-width: 100%;
  height: auto;
  display: block;
}

/* ---- CONTAINER ---- */
.zara-bs-faucet-reliability-engineering-container {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 2rem;
}

/* ---- HUB BANNER (was dark navy) ---- */
.zara-bs-faucet-reliability-engineering-hub-banner {
  background: linear-gradient(135deg, #ffffff 0%, #e0f6ff 100%);
  color: #1f3444;
  padding: 1rem 0;
  border-bottom: 3px solid #7fb3dd;
}
.zara-bs-faucet-reliability-engineering-hub-banner .zara-bs-faucet-reliability-engineering-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 1rem;
  font-size: 0.9rem;
}
.zara-bs-faucet-reliability-engineering-hub-links {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
}
.zara-bs-faucet-reliability-engineering-hub-banner a {
  color: #5a8db5;
  text-decoration: none;
  border-bottom: 1px dashed #c7e2f6;
  transition: border-color 0.3s;
  font-size: 0.85rem;
}
.zara-bs-faucet-reliability-engineering-hub-banner a:hover {
  border-bottom-color: #5a8db5;
  color: #1f3444;
}

/* ---- HERO (was dark navy gradient) ---- */
.zara-bs-faucet-reliability-engineering-hero {
  background: linear-gradient(135deg, #ffffff 0%, #e0f6ff 100%);
  color: #1f3444;
  padding: 4rem 0;
  margin-bottom: 3rem;
  position: relative;
  overflow: hidden;
  border-bottom: 1px solid #c7e2f6;
}
.zara-bs-faucet-reliability-engineering-hero::before {
  content: '';
  position: absolute;
  top: 0; right: 0; bottom: 0; left: 0;
  background: url('data:image/svg+xml;utf8,<svg xmlns="https://www.w3.org/2000/svg" viewBox="0 0 100 100" opacity="0.1"><path d="M20,50 L40,30 L60,40 L80,20" stroke="%237fb3dd" fill="none" stroke-width="2"/><circle cx="40" cy="30" r="2" fill="%237fb3dd"/><circle cx="60" cy="40" r="2" fill="%237fb3dd"/><circle cx="80" cy="20" r="2" fill="%237fb3dd"/></svg>');
  background-size: 100px 100px;
  pointer-events: none;
}
.zara-bs-faucet-reliability-engineering-hero h1 {
  font-size: 3.5rem;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 1.5rem;
  letter-spacing: -0.02em;
  max-width: 1000px;
  position: relative;
  color: #1f3444;
}
.zara-bs-faucet-reliability-engineering-hero-desc {
  font-size: 1.3rem;
  font-weight: 300;
  max-width: 900px;
  margin-bottom: 2rem;
  position: relative;
  line-height: 1.6;
  color: #4b5563;
}
.zara-bs-faucet-reliability-engineering-hero-stats {
  display: flex;
  gap: 3rem;
  margin-top: 2rem;
  position: relative;
  flex-wrap: wrap;
}
.zara-bs-faucet-reliability-engineering-hero-stat { text-align: center; }
.zara-bs-faucet-reliability-engineering-hero-stat-number {
  font-size: 26px;
  font-weight: 700;
  color: #5a8db5;
  display: block;
  line-height: 1.1;
}
.zara-bs-faucet-reliability-engineering-hero-stat-label {
  font-size: 12px;
  color: #6b7280;
  text-transform: uppercase;
  letter-spacing: 1px;
}

/* ---- MAIN CONTENT AREA ---- */
.zara-bs-faucet-reliability-engineering-main {
  padding-bottom: 2rem;
}

/* ---- SECTION HEADER ---- */
.zara-bs-faucet-reliability-engineering-section-header {
  margin: 3rem 0 2rem;
}
.zara-bs-faucet-reliability-engineering-section-header h2 {
  font-size: 2.2rem;
  font-weight: 700;
  color: #1f3444;
  margin-bottom: 1rem;
  letter-spacing: -0.01em;
  position: relative;
  display: inline-block;
}
.zara-bs-faucet-reliability-engineering-section-header h2::after {
  content: '';
  position: absolute;
  bottom: -10px;
  left: 0;
  width: 60px;
  height: 4px;
  background: #7fb3dd;
  border-radius: 2px;
}

/* ---- STATS GRID ---- */
.zara-bs-faucet-reliability-engineering-stats-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 2rem;
  margin: 3rem 0;
}
.zara-bs-faucet-reliability-engineering-stat-card {
  background: #f5faff;
  padding: 2rem;
  border-radius: 16px;
  text-align: center;
  border: 1px solid #c7e2f6;
}
.zara-bs-faucet-reliability-engineering-stat-value {
  font-size: 2.5rem;
  font-weight: 700;
  color: #5a8db5;
  margin-bottom: 0.5rem;
}
.zara-bs-faucet-reliability-engineering-stat-label {
  font-size: 1rem;
  color: #4b5563;
  font-weight: 600;
}
.zara-bs-faucet-reliability-engineering-stat-desc {
  font-size: 0.9rem;
  color: #6b7280;
  margin-top: 0.5rem;
}

/* ---- STUDIES GRID ---- */
.zara-bs-faucet-reliability-engineering-studies-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
  gap: 2rem;
  margin: 3rem 0;
}
.zara-bs-faucet-reliability-engineering-study-card {
  background: #ffffff;
  border: 1px solid #dde3ec;
  border-radius: 16px;
  overflow: hidden;
  transition: all 0.3s ease;
  box-shadow: 0 8px 20px rgba(15, 23, 42, 0.04);
}
.zara-bs-faucet-reliability-engineering-study-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 20px 30px rgba(127, 179, 221, 0.18);
  border-color: #7fb3dd;
}
.zara-bs-faucet-reliability-engineering-study-header {
  background: #f5faff;
  padding: 1.5rem;
  border-bottom: 1px solid #c7e2f6;
  position: relative;
}
.zara-bs-faucet-reliability-engineering-study-header h3 {
  font-size: 16px !important;
  font-weight: 600;
  color: #1f3444;
  margin-bottom: 0.5rem;
  padding-right: 40px;
}
.zara-bs-faucet-reliability-engineering-study-badge {
  position: absolute;
  top: 1.5rem;
  right: 1.5rem;
  background: linear-gradient(135deg, #e3f2fd, #c7e2f6);
  color: #1f3444;
  padding: 0.25rem 0.75rem;
  border-radius: 20px;
  font-size: 0.8rem;
  font-weight: 700;
  border: 1px solid #c7e2f6;
}
.zara-bs-faucet-reliability-engineering-study-meta {
  display: flex;
  gap: 1rem;
  font-size: 0.9rem;
  color: #6b7280;
  margin-top: 0.5rem;
  flex-wrap: wrap;
}
.zara-bs-faucet-reliability-engineering-study-body {
  padding: 1.5rem;
}
.zara-bs-faucet-reliability-engineering-study-body p {
  color: #4b5563;
  margin-bottom: 1.5rem;
  line-height: 1.6;
  font-size: 0.95rem;
}
.zara-bs-faucet-reliability-engineering-study-specs {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin: 1rem 0;
  font-size: 0.9rem;
}
.zara-bs-faucet-reliability-engineering-study-spec {
  background: #f5faff;
  padding: 0.25rem 0.75rem;
  border-radius: 20px;
  color: #5a8db5;
  font-weight: 600;
  border: 1px solid #c7e2f6;
}
.zara-bs-faucet-reliability-engineering-study-link {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  color: #5a8db5;
  text-decoration: none;
  font-weight: 600;
  margin-top: 1rem;
  transition: gap 0.3s;
  font-size: 16px;
}
.zara-bs-faucet-reliability-engineering-study-link:hover {
  gap: 1rem;
  color: #1f3444;
}

/* ---- SECONDARY DESCRIPTION ---- */
.zara-bs-faucet-reliability-engineering-secondary {
  background: #f5faff;
  padding: 3rem;
  border-radius: 24px;
  margin: 4rem 0;
  border: 1px solid #c7e2f6;
  position: relative;
  overflow: hidden;
}
.zara-bs-faucet-reliability-engineering-secondary::before {
  content: '&#9881;&#65039;';
  position: absolute;
  bottom: -20px;
  right: -20px;
  font-size: 150px;
  opacity: 0.03;
  transform: rotate(15deg);
}
.zara-bs-faucet-reliability-engineering-secondary h3 {
  font-size: 18px !important;
  color: #1f3444;
  margin-bottom: 1.5rem;
}
.zara-bs-faucet-reliability-engineering-secondary p {
  font-size: 1.1rem;
  color: #4b5563;
  margin-bottom: 1.5rem;
  max-width: 800px;
  line-height: 1.7;
}
.zara-bs-faucet-reliability-engineering-secondary p strong { color: #1f3444; }

/* Related links */
.zara-bs-faucet-reliability-engineering-related-links {
  margin-top: 2rem;
  padding-top: 2rem;
  border-top: 1px solid #c7e2f6;
}
.zara-bs-faucet-reliability-engineering-related-links h4 {
  font-size: 1.2rem;
  color: #1f3444;
  margin-bottom: 1rem;
}
.zara-bs-faucet-reliability-engineering-links-grid {
  list-style: none;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 1rem;
}
.zara-bs-faucet-reliability-engineering-links-grid li { margin: 0; }
.zara-bs-faucet-reliability-engineering-links-grid a {
  color: #5a8db5;
  text-decoration: none;
  font-weight: 600;
  padding: 0.5rem;
  display: block;
  border: 1px solid #dde3ec;
  border-radius: 8px;
  transition: all 0.3s;
  background: #ffffff;
  font-size: 0.9rem;
}
.zara-bs-faucet-reliability-engineering-links-grid a:hover {
  background: linear-gradient(135deg, #e3f2fd, #c7e2f6);
  color: #1f3444;
  border-color: #7fb3dd;
  transform: translateX(5px);
}

/* Standards box */
.zara-bs-faucet-reliability-engineering-standards-box {
  margin-top: 2rem;
  padding: 1rem;
  background: #f5faff;
  border-radius: 8px;
  /* border: 1px solid #c7e2f6; */
}
.zara-bs-faucet-reliability-engineering-standards-box p {
  margin: 0;
  font-family: 'JetBrains Mono', monospace;
  font-size: 0.9rem;
  color: #1f3444;
}

/* ---- FAQ SECTION ---- */
.zara-bs-faucet-reliability-engineering-faq-section {
  margin: 4rem 0;
}
.zara-bs-faucet-reliability-engineering-faq-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(450px, 1fr));
  gap: 1.5rem;
  margin-top: 2rem;
}
.zara-bs-faucet-reliability-engineering-faq-item {
  background: #ffffff;
  border: 1px solid #dde3ec;
  border-radius: 12px;
  padding: 1.5rem;
  transition: all 0.3s;
}
.zara-bs-faucet-reliability-engineering-faq-item:hover {
  border-color: #7fb3dd;
  box-shadow: 0 8px 20px rgba(127, 179, 221, 0.12);
}
.zara-bs-faucet-reliability-engineering-faq-question {
  font-size: 1.2rem;
  font-weight: 700;
  color: #1f3444;
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.zara-bs-faucet-reliability-engineering-faq-question::before {
  content: 'Q:';
  color: #5a8db5;
  font-weight: 700;
  flex-shrink: 0;
}
.zara-bs-faucet-reliability-engineering-faq-answer {
  color: #4b5563;
  line-height: 1.6;
  padding-left: 1.5rem;
  border-left: 2px solid #7fb3dd;
  font-size: 0.95rem;
}
.zara-bs-faucet-reliability-engineering-faq-answer::before {
  content: 'A: ';
  color: #7c7c7c;
  font-weight: 600;
}

/* ---- CTA SECTION (was dark navy gradient � now airy, kept visible) ---- */
.zara-bs-faucet-reliability-engineering-cta {
  background: linear-gradient(135deg, #ffffff 0%, #e0f6ff 100%);
  color: #1f3444;
  padding: 4rem;
  border-radius: 24px;
  margin: 4rem 0;
  text-align: center;
  border: 1px solid #c7e2f6;
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.06);
}
.zara-bs-faucet-reliability-engineering-cta h2 {
  font-size: 2.5rem;
  margin-bottom: 1rem;
  color: #1f3444;
  font-weight: 700;
}
.zara-bs-faucet-reliability-engineering-cta p {
  font-size: 1.2rem;
  color: #4b5563;
  margin-bottom: 2rem;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}
.zara-bs-faucet-reliability-engineering-cta-btn {
  display: inline-block;
  background: linear-gradient(135deg, #e3f2fd, #c7e2f6);
  color: #1f3444;
  padding: 1rem 2.5rem;
  border-radius: 50px;
  text-decoration: none;
  font-weight: 700;
  font-size: 1.1rem;
  transition: all 0.3s;
  border: 1px solid #c7e2f6;
  box-shadow: 0 10px 24px rgba(127, 179, 221, 0.25);
}
.zara-bs-faucet-reliability-engineering-cta-btn:hover {
  background: linear-gradient(135deg, #d6ecfb, #b5d8ef);
  border-color: #b5d8ef;
  color: #1f3444;
  transform: scale(1.05);
  text-decoration: none;
}

/* ---- FOOTER (was dark navy � kept visible, airy) ---- */
.zara-bs-faucet-reliability-engineering-footer {
  background: linear-gradient(135deg, #ffffff, #e0f6ff);
  color: #4b5563;
  padding: 3rem 0;
  margin-top: 5rem;
  border-top: 4px solid #7fb3dd;
}
.zara-bs-faucet-reliability-engineering-footer-content {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 2rem;
  margin-bottom: 2rem;
}
.zara-bs-faucet-reliability-engineering-footer-col h4 {
  font-size: 1.2rem;
  margin-bottom: 1rem;
  color: #5a8db5;
  font-weight: 700;
}
.zara-bs-faucet-reliability-engineering-footer-col ul {
  list-style: none;
  padding: 0;
}
.zara-bs-faucet-reliability-engineering-footer-col li {
  margin-bottom: 0.5rem;
  font-size: 0.9rem;
  color: #4b5563;
}
.zara-bs-faucet-reliability-engineering-footer-col a {
  color: #4b5563;
  text-decoration: none;
  transition: color 0.3s;
}
.zara-bs-faucet-reliability-engineering-footer-col a:hover { color: #5a8db5; }
.zara-bs-faucet-reliability-engineering-footer-bottom {
  text-align: center;
  padding-top: 2rem;
  border-top: 1px solid #c7e2f6;
  font-size: 0.9rem;
  color: #6b7280;
}
.zara-bs-faucet-reliability-engineering-footer-bottom p { margin-bottom: 0.5rem; }

/* ---- RESPONSIVE ---- */
@media (max-width: 768px) {
  .zara-bs-faucet-reliability-engineering-container { padding: 0 1.5rem; }
  .zara-bs-faucet-reliability-engineering-hero h1 { font-size: 2.5rem; }
  .zara-bs-faucet-reliability-engineering-hero-desc { font-size: 1.1rem; }
  .zara-bs-faucet-reliability-engineering-hero-stats { flex-direction: column; gap: 1rem; }
  .zara-bs-faucet-reliability-engineering-studies-grid { grid-template-columns: 1fr; }
  .zara-bs-faucet-reliability-engineering-secondary { padding: 2rem; }
  .zara-bs-faucet-reliability-engineering-faq-grid { grid-template-columns: 1fr; }
  .zara-bs-faucet-reliability-engineering-cta { padding: 2rem; }
  .zara-bs-faucet-reliability-engineering-cta h2 { font-size: 2rem; }
  .zara-bs-faucet-reliability-engineering-hub-links { gap: 0.75rem; }
}

@media print {
  .zara-bs-faucet-reliability-engineering-hub-banner,
  .zara-bs-faucet-reliability-engineering-cta,
  .zara-bs-faucet-reliability-engineering-footer { display: none; }
}

.zara-bs-wall-mount-sensor-faucets-sec {
  background: linear-gradient(135deg, #ffffff 0%, #e0f6ff 100%);
  padding: 5rem 0;
  margin: 4rem 0;
  border-top: 4px solid #7fb3dd;
  border-bottom: 4px solid #7fb3dd;
  position: relative;
  overflow: hidden;
  line-height: 1.6;
  color: #1f3444;
}
.zara-bs-wall-mount-sensor-faucets-sec::before {
  content: '';
  position: absolute;
  top: 0; right: 0; bottom: 0; left: 0;
  background: url('data:image/svg+xml;utf8,<svg xmlns="https://www.w3.org/2000/svg" viewBox="0 0 100 100" opacity="0.06"><path d="M20,50 L40,30 L60,40 L80,20" stroke="%237fb3dd" fill="none" stroke-width="2"></path><circle cx="40" cy="30" r="2" fill="%237fb3dd"></circle><circle cx="60" cy="40" r="2" fill="%237fb3dd"></circle><circle cx="80" cy="20" r="2" fill="%237fb3dd"></circle></svg>');
  background-size: 150px 150px;
  pointer-events: none;
}
.zara-bs-wall-mount-sensor-faucets-sec * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.zara-bs-wall-mount-sensor-faucets-sec img {
  max-width: 100%;
  height: auto;
  display: block;
}

/* ---- CONTAINER ---- */
.zara-bs-wall-mount-sensor-faucets-sec-container {
  max-width: 1300px;
  margin: 0 auto;
  padding: 0 2rem;
  position: relative;
  z-index: 2;
}

/* ---- SECTION HEADER ---- */
.zara-bs-wall-mount-sensor-faucets-sec-header {
  text-align: center;
  margin-bottom: 3rem;
}
.zara-bs-wall-mount-sensor-faucets-sec-icon {
  font-size: 2.5rem;
  display: block;
  margin-bottom: 1rem;
}
.zara-bs-wall-mount-sensor-faucets-sec-header h2 {
  font-size: 2.5rem;
  font-weight: 700;
  color: #1f3444;
  margin-bottom: 0.5rem;
  letter-spacing: -0.02em;
}
.zara-bs-wall-mount-sensor-faucets-sec-subhead {
  color: #5a8db5;
  font-family: 'JetBrains Mono', monospace;
  font-size: 1rem;
  letter-spacing: 1px;
}

/* ---- MAIN GRID ---- */
.zara-bs-wall-mount-sensor-faucets-sec-grid {
  display: grid;
  grid-template-columns: 1.5fr 1fr;
  gap: 2rem;
  margin-bottom: 3rem;
}

/* ---- CONCLUSION CARDS ---- */
.zara-bs-wall-mount-sensor-faucets-sec-card {
  background: #ffffff;
  border-radius: 20px;
  padding: 2rem;
  margin-bottom: 2rem;
  box-shadow: 0 8px 20px rgba(15, 23, 42, 0.05);
  border: 1px solid #dde3ec;
  transition: transform 0.3s;
}
.zara-bs-wall-mount-sensor-faucets-sec-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 20px 40px rgba(127, 179, 221, 0.18);
  border-color: #7fb3dd;
}
.zara-bs-wall-mount-sensor-faucets-sec-card h3 {
  font-size: 1.5rem;
  color: #1f3444;
  margin-bottom: 1.5rem;
  padding-bottom: 0.75rem;
  border-bottom: 2px solid #7fb3dd;
  display: inline-block;
  font-weight: 700;
}
.zara-bs-wall-mount-sensor-faucets-sec-text {
  font-size: 1.05rem;
  line-height: 1.8;
  color: #4b5563;
  margin-bottom: 1.5rem;
}
.zara-bs-wall-mount-sensor-faucets-sec-highlight {
  color: #1f3444;
  font-weight: 700;
  background: rgba(127, 179, 221, 0.12);
  padding: 0.1rem 0.3rem;
  border-radius: 4px;
}

/* ---- CONCLUSION STATS ---- */
.zara-bs-wall-mount-sensor-faucets-sec-stats {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1rem;
  margin-top: 2rem;
  padding-top: 1.5rem;
  border-top: 1px dashed #c7e2f6;
}
.zara-bs-wall-mount-sensor-faucets-sec-stat-item { text-align: center; }
.zara-bs-wall-mount-sensor-faucets-sec-stat-value {
  display: block;
  font-size: 1.8rem;
  font-weight: 700;
  color: #5a8db5;
  line-height: 1.2;
}
.zara-bs-wall-mount-sensor-faucets-sec-stat-label {
  font-size: 0.8rem;
  color: #6b7280;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* ---- SIDEBAR ---- */
.zara-bs-wall-mount-sensor-faucets-sec-sidebar {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

/* Validation card */
.zara-bs-wall-mount-sensor-faucets-sec-validation {
  background: #ffffff;
  border-radius: 20px;
  padding: 2rem;
  box-shadow: 0 8px 20px rgba(15, 23, 42, 0.05);
  border: 1px solid #dde3ec;
  border-left: 4px solid #7fb3dd;
}
.zara-bs-wall-mount-sensor-faucets-sec-validation h3 {
  font-size: 1.3rem;
  color: #1f3444;
  margin-bottom: 1.5rem;
  font-weight: 700;
}
.zara-bs-wall-mount-sensor-faucets-sec-validation p {
  font-size: 0.95rem;
  color: #4b5563;
  margin-bottom: 0.5rem;
}
.zara-bs-wall-mount-sensor-faucets-sec-val-list {
  list-style: none;
  padding: 0;
  margin: 1.5rem 0;
}
.zara-bs-wall-mount-sensor-faucets-sec-val-list li {
  padding: 0.5rem 0;
  color: #4b5563;
  border-bottom: 1px dashed #c7e2f6;
  font-size: 0.95rem;
}
.zara-bs-wall-mount-sensor-faucets-sec-val-list li:last-child { border-bottom: none; }
.zara-bs-wall-mount-sensor-faucets-sec-val-note {
  font-size: 0.95rem;
  color: #4b5563;
  background: #f5faff;
  padding: 1rem;
  border-radius: 8px;
  font-style: italic;
  border: 1px solid #c7e2f6;
}

/* Related card (was dark navy � now airy, kept visible) */
.zara-bs-wall-mount-sensor-faucets-sec-related {
  background: linear-gradient(135deg, #ffffff, #e0f6ff);
  border-radius: 20px;
  padding: 2rem;
  color: #1f3444;
  position: relative;
  overflow: hidden;
  border: 1px solid #c7e2f6;
  box-shadow: 0 12px 30px rgba(127, 179, 221, 0.12);
}
.zara-bs-wall-mount-sensor-faucets-sec-related::before {
  content: '&#128218;';
  position: absolute;
  bottom: -20px;
  right: -20px;
  font-size: 120px;
  opacity: 0.06;
  transform: rotate(15deg);
}
.zara-bs-wall-mount-sensor-faucets-sec-related h3 {
  font-size: 1.3rem;
  color: #1f3444;
  margin-bottom: 1rem;
  font-weight: 700;
  position: relative;
  z-index: 2;
}
.zara-bs-wall-mount-sensor-faucets-sec-related-intro {
  color: #4b5563;
  margin-bottom: 1.5rem;
  font-size: 0.95rem;
  position: relative;
  z-index: 2;
}
.zara-bs-wall-mount-sensor-faucets-sec-related-list {
  list-style: none;
  padding: 0;
  margin: 0 0 2rem;
  position: relative;
  z-index: 2;
}
.zara-bs-wall-mount-sensor-faucets-sec-related-list li {
  margin-bottom: 0.75rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.zara-bs-wall-mount-sensor-faucets-sec-related-list a {
  color: #5a8db5;
  text-decoration: none;
  border-bottom: 1px dashed #c7e2f6;
  transition: border-color 0.3s;
  font-size: 0.95rem;
  font-weight: 600;
}
.zara-bs-wall-mount-sensor-faucets-sec-related-list a:hover {
  border-bottom-color: #5a8db5;
  color: #1f3444;
}
.zara-bs-wall-mount-sensor-faucets-sec-study-badge {
  background: rgba(127, 179, 221, 0.15);
  padding: 0.2rem 0.6rem;
  border-radius: 20px;
  font-size: 0.7rem;
  font-family: 'JetBrains Mono', monospace;
  color: #5a8db5;
  white-space: nowrap;
  border: 1px solid #c7e2f6;
}
.zara-bs-wall-mount-sensor-faucets-sec-hub-link {
  margin-top: 1.5rem;
  position: relative;
  z-index: 2;
}
.zara-bs-wall-mount-sensor-faucets-sec-hub-cta {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  background: linear-gradient(135deg, #e3f2fd, #c7e2f6);
  color: #1f3444;
  text-decoration: none;
  padding: 0.75rem 1.5rem;
  border-radius: 30px;
  font-weight: 600;
  border: 1px solid #c7e2f6;
  transition: all 0.3s;
  font-size: 0.9rem;
  box-shadow: 0 8px 20px rgba(127, 179, 221, 0.20);
}
.zara-bs-wall-mount-sensor-faucets-sec-hub-cta:hover {
  background: linear-gradient(135deg, #d6ecfb, #b5d8ef);
  border-color: #b5d8ef;
  color: #1f3444;
  transform: translateX(5px);
  text-decoration: none;
}

/* ---- KEY TAKEAWAYS ---- */
.zara-bs-wall-mount-sensor-faucets-sec-takeaways {
  background: #ffffff;
  border-radius: 16px;
  padding: 2rem;
  margin: 2rem 0;
  border: 1px solid #dde3ec;
  box-shadow: 0 8px 20px rgba(15, 23, 42, 0.04);
}
.zara-bs-wall-mount-sensor-faucets-sec-takeaways h4 {
  font-size: 1.3rem;
  color: #1f3444;
  margin-bottom: 1.5rem;
  font-weight: 700;
}
.zara-bs-wall-mount-sensor-faucets-sec-takeaways-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.5rem;
}
.zara-bs-wall-mount-sensor-faucets-sec-takeaway-item {
  background: #f5faff;
  padding: 1.5rem;
  border-radius: 12px;
  border-left: 3px solid #7fb3dd;
  font-size: 0.95rem;
  line-height: 1.6;
  color: #4b5563;
}
.zara-bs-wall-mount-sensor-faucets-sec-takeaway-item strong {
  color: #1f3444;
  display: block;
  margin-bottom: 0.5rem;
  font-size: 1rem;
}

/* ---- CTA ---- */
.zara-bs-wall-mount-sensor-faucets-sec-cta {
  text-align: center;
  margin-top: 3rem;
  padding: 2rem;
  background: #ffffff;
  border-radius: 50px;
  border: 1px solid #c7e2f6;
  box-shadow: 0 8px 20px rgba(127, 179, 221, 0.10);
}
.zara-bs-wall-mount-sensor-faucets-sec-cta p {
  color: #4b5563;
  margin-bottom: 1.5rem;
  font-size: 1rem;
}
.zara-bs-wall-mount-sensor-faucets-sec-cta-actions {
  display: flex;
  gap: 1rem;
  justify-content: center;
  margin-bottom: 1rem;
  flex-wrap: wrap;
}
.zara-bs-wall-mount-sensor-faucets-sec-btn {
  padding: 0.8rem 2rem;
  border-radius: 30px;
  text-decoration: none;
  font-weight: 600;
  transition: all 0.3s;
  font-size: 0.95rem;
  display: inline-block;
}
.zara-bs-wall-mount-sensor-faucets-sec-btn-primary {
  background: linear-gradient(135deg, #e3f2fd, #c7e2f6);
  color: #1f3444;
  border: 1px solid #c7e2f6;
  box-shadow: 0 8px 20px rgba(127, 179, 221, 0.20);
}
.zara-bs-wall-mount-sensor-faucets-sec-btn-primary:hover {
  background: linear-gradient(135deg, #d6ecfb, #b5d8ef);
  border-color: #b5d8ef;
  color: #1f3444;
  text-decoration: none;
  transform: translateY(-2px);
}
.zara-bs-wall-mount-sensor-faucets-sec-btn-secondary {
  background: #ffffff;
  color: #1f3444;
  border: 2px solid #c7e2f6;
}
.zara-bs-wall-mount-sensor-faucets-sec-btn-secondary:hover {
  background: #f5faff;
  border-color: #7fb3dd;
  color: #1f3444;
  text-decoration: none;
}
.zara-bs-wall-mount-sensor-faucets-sec-revision {
  font-size: 0.8rem;
  color: #6b7280;
  font-family: 'JetBrains Mono', monospace;
  opacity: 0.7;
}

/* ---- RESPONSIVE ---- */
@media (max-width: 1024px) {
  .zara-bs-wall-mount-sensor-faucets-sec-grid { grid-template-columns: 1fr; }
  .zara-bs-wall-mount-sensor-faucets-sec-takeaways-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 768px) {
  .zara-bs-wall-mount-sensor-faucets-sec { padding: 3rem 0; }
  .zara-bs-wall-mount-sensor-faucets-sec-header h2 { font-size: 2rem; }
  .zara-bs-wall-mount-sensor-faucets-sec-stats { grid-template-columns: repeat(2, 1fr); gap: 1.5rem; }
  .zara-bs-wall-mount-sensor-faucets-sec-takeaways-grid { grid-template-columns: 1fr; }
  .zara-bs-wall-mount-sensor-faucets-sec-cta-actions { flex-direction: column; align-items: center; }
  .zara-bs-wall-mount-sensor-faucets-sec-btn { width: 100%; text-align: center; }
  .zara-bs-wall-mount-sensor-faucets-sec-cta { border-radius: 24px; }
}
@media print {
  .zara-bs-wall-mount-sensor-faucets-sec { background: none; border: none; padding: 2rem 0; }
  .zara-bs-wall-mount-sensor-faucets-sec-cta,
  .zara-bs-wall-mount-sensor-faucets-sec-hub-link { display: none; }
}

.zara-bs-infrastructure-reliability {
  background: #ffffff;
  color: #1f3444;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}
.zara-bs-infrastructure-reliability * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.zara-bs-infrastructure-reliability img {
  max-width: 100%;
  height: auto;
  display: block;
}

/* ---- CONTAINER ---- */
.zara-bs-infrastructure-reliability-container {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 2rem;
}

/* ---- TYPOGRAPHY BASICS ---- */
.zara-bs-infrastructure-reliability h1,
.zara-bs-infrastructure-reliability h2,
.zara-bs-infrastructure-reliability h3 {
  font-weight: 500;
  letter-spacing: -0.02em;
}
.zara-bs-infrastructure-reliability h2 {
  font-size: 2.2rem;
  margin-bottom: 1.5rem;
  font-weight: 400;
  border-bottom: 1px solid #dde3ec;
  padding-bottom: 0.5rem;
}
.zara-bs-infrastructure-reliability p {
  font-size: 1.05rem;
  color: #4b5563;
  margin-bottom: 1.5rem;
  font-weight: 300;
}
.zara-bs-infrastructure-reliability-section-label {
  font-size: 0.85rem;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #5a8db5;
  font-weight: 700;
  margin-bottom: 0.5rem;
  display: block;
}

/* ---- LINKS ---- */
.zara-bs-infrastructure-reliability-scholarly-link {
  color: #5a8db5;
  text-decoration: none;
  border-bottom: 1px dotted #c7e2f6;
  transition: 0.2s;
  font-weight: 400;
}
.zara-bs-infrastructure-reliability-scholarly-link:hover {
  border-bottom: 1px solid #5a8db5;
  background-color: #f5faff;
}
.zara-bs-infrastructure-reliability-product-link {
  color: #5a8db5;
  text-decoration: none;
  border-bottom: 1px dashed #7fb3dd;
  font-weight: 400;
  transition: all 0.2s;
  padding: 0 2px;
}
.zara-bs-infrastructure-reliability-product-link:hover {
  border-bottom-style: solid;
  background-color: #f5faff;
}

/* ---- HEADER ---- */
.zara-bs-infrastructure-reliability-header {
  background: transparent;
  border-bottom: none;
  margin-bottom: 3rem;
}
.zara-bs-infrastructure-reliability-header-inner {
  max-width: 1400px;
  margin: 0 auto;
  display: flex;
  min-height: 360px;
  background: linear-gradient(135deg, #ffffff 0%, #e0f6ff 100%);
  border-radius: 0 0 40px 40px;
  overflow: hidden;
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.08);
  position: relative;
  border: 1px solid #c7e2f6;
  border-top: none;
}
.zara-bs-infrastructure-reliability-header-pattern {
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background-image: url('data:image/svg+xml;utf8,<svg width="60" height="60" viewBox="0 0 60 60" xmlns="https://www.w3.org/2000/svg"><path d="M20 20 L40 20 L40 40 L20 40 Z" stroke="rgba(127,179,221,0.08)" fill="none" stroke-width="1"/><circle cx="30" cy="30" r="4" stroke="rgba(127,179,221,0.10)" fill="none"/></svg>');
  opacity: 0.5;
  pointer-events: none;
}
.zara-bs-infrastructure-reliability-header-text {
  flex: 1.1;
  padding: 3rem 2.5rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #1f3444;
  position: relative;
  z-index: 2;
}
.zara-bs-infrastructure-reliability-header-series {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  margin-bottom: 1rem;
}
.zara-bs-infrastructure-reliability-header-dot {
  background: #7fb3dd;
  width: 8px; height: 8px;
  border-radius: 50%;
  display: inline-block;
  box-shadow: 0 0 12px rgba(127, 179, 221, 0.6);
  flex-shrink: 0;
}
.zara-bs-infrastructure-reliability-header-series-text {
  color: #6b7280;
  font-size: 0.85rem;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  font-weight: 400;
}
.zara-bs-infrastructure-reliability-header h1 {
  font-size: 2.8rem;
  font-weight: 600;
  line-height: 1.2;
  margin: 0 0 1rem 0;
  color: #1f3444;
  letter-spacing: -0.02em;
}
.zara-bs-infrastructure-reliability-h1-accent {
  color: #5a8db5;
  border-bottom: 2px solid rgba(127, 179, 221, 0.5);
  padding-bottom: 4px;
}
.zara-bs-infrastructure-reliability-header-badges {
  display: flex;
  gap: 0.8rem;
  flex-wrap: wrap;
  margin: 1rem 0;
}
.zara-bs-infrastructure-reliability-header-badge {
  background: #ffffff;
  padding: 0.35rem 1.3rem;
  border-radius: 40px;
  font-size: 0.85rem;
  border: 1px solid #c7e2f6;
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  color: #1f3444;
}
.zara-bs-infrastructure-reliability-header-badge-icon { color: #7fb3dd; }
.zara-bs-infrastructure-reliability-header-stats {
  display: flex;
  gap: 2.5rem;
  margin: 1.5rem 0;
  flex-wrap: wrap;
}
.zara-bs-infrastructure-reliability-header-stat-number {
  font-size: 2rem;
  font-weight: 700;
  color: #5a8db5;
  display: block;
  line-height: 1.1;
}
.zara-bs-infrastructure-reliability-header-stat-label {
  display: block;
  font-size: 0.7rem;
  text-transform: uppercase;
  color: #6b7280;
  letter-spacing: 0.5px;
}
.zara-bs-infrastructure-reliability-cite-badge {
  margin-top: 0.8rem;
  padding: 12px 22px;
  background: #f5faff;
  border: 1px solid #c7e2f6;
  border-radius: 50px;
  display: inline-flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  box-shadow: 0 8px 20px rgba(127, 179, 221, 0.12);
}
.zara-bs-infrastructure-reliability-cite-label {
  font-weight: 700;
  color: #5a8db5;
  font-size: 0.9rem;
}
.zara-bs-infrastructure-reliability-cite-text {
  color: #4b5563;
  font-size: 0.9rem;
}
.zara-bs-infrastructure-reliability-cite-doi {
  padding: 4px 14px;
  background: linear-gradient(135deg, #e3f2fd, #c7e2f6);
  color: #1f3444;
  text-decoration: none;
  border-radius: 30px;
  font-size: 0.75rem;
  font-weight: 600;
  border: 1px solid #c7e2f6;
  transition: all 0.2s ease;
}
.zara-bs-infrastructure-reliability-cite-doi:hover {
  background: linear-gradient(135deg, #d6ecfb, #b5d8ef);
  border-color: #b5d8ef;
  color: #1f3444;
  text-decoration: none;
}

/* Header image side */
.zara-bs-infrastructure-reliability-header-img-side {
  flex: 0.9;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #e0f6ff, #f5faff);
  padding: 1.5rem;
}
.zara-bs-infrastructure-reliability-header-img-glow {
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: radial-gradient(ellipse at 70% 50%, rgba(127, 179, 221, 0.15) 0%, transparent 70%);
  pointer-events: none;
  z-index: 1;
}
.zara-bs-infrastructure-reliability-header-img {
  width: 95%;
  height: auto;
  max-height: 85%;
  object-fit: contain;
  border-radius: 16px;
  position: relative;
  z-index: 2;
  border: 1px solid #c7e2f6;
  filter: drop-shadow(0 15px 25px rgba(15, 23, 42, 0.12)) brightness(1.05) contrast(1.05);
  transform: perspective(1000px) rotateY(-3deg) rotateX(1deg);
  transition: all 0.4s ease;
}
.zara-bs-infrastructure-reliability-header-img:hover {
  transform: perspective(1000px) rotateY(-1deg) rotateX(0deg) scale(1.02);
  filter: brightness(1.08) contrast(1.08) drop-shadow(0 20px 30px rgba(15, 23, 42, 0.15));
}
.zara-bs-infrastructure-reliability-header-img-badge {
  position: absolute;
  bottom: 25px; right: 25px;
  background: rgba(255, 255, 255, 0.90);
  color: #1f3444;
  padding: 8px 18px;
  border-radius: 40px;
  font-size: 0.75rem;
  border: 1px solid #c7e2f6;
  display: flex;
  align-items: center;
  gap: 8px;
  z-index: 3;
  box-shadow: 0 4px 15px rgba(127, 179, 221, 0.20);
}
.zara-bs-infrastructure-reliability-header-img-badge-icon { color: #7fb3dd; font-size: 0.9rem; }
.zara-bs-infrastructure-reliability-header-deco {
  position: absolute;
  top: 20px; left: 20px;
  width: 60px; height: 60px;
  background: radial-gradient(circle, rgba(127, 179, 221, 0.20) 0%, transparent 70%);
  border-radius: 50%;
  z-index: 1;
}

/* ---- SERIES NAV ---- */
.zara-bs-infrastructure-reliability-series-nav {
  display: flex;
  justify-content: space-between;
  margin: 2rem 0 3rem;
  padding: 1rem 1.5rem;
  background: linear-gradient(135deg, #f5faff 0%, #ffffff 100%);
  border-radius: 60px;
  /* border: 1px solid #c7e2f6; */
  /* box-shadow: 0 8px 20px rgba(127, 179, 221, 0.08); */
  position: relative;
  overflow: hidden;
}
.zara-bs-infrastructure-reliability-series-nav-pattern {
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background-image: url('data:image/svg+xml;utf8,<svg width="60" height="60" viewBox="0 0 60 60" xmlns="https://www.w3.org/2000/svg"><circle cx="30" cy="30" r="4" stroke="rgba(127,179,221,0.08)" fill="none"/></svg>');
  opacity: 0.3;
  pointer-events: none;
}
.zara-bs-infrastructure-reliability-nav-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 0.5rem 1.2rem;
  background: #ffffff;
  border-radius: 40px;
  text-decoration: none;
  color: #1f3444;
  font-weight: 600;
  font-size: 0.9rem;
  border: 1px solid #c7e2f6;
  box-shadow: 0 4px 12px rgba(15, 23, 42, 0.03);
  transition: all 0.3s ease;
  position: relative;
  z-index: 2;
}
.zara-bs-infrastructure-reliability-nav-link:hover {
  background: linear-gradient(135deg, #e3f2fd, #c7e2f6);
  color: #1f3444;
  border-color: #7fb3dd;
  text-decoration: none;
}
.zara-bs-infrastructure-reliability-nav-link:first-child:hover { transform: translateX(-3px); }
.zara-bs-infrastructure-reliability-nav-link:last-child:hover { transform: translateX(3px); }
.zara-bs-infrastructure-reliability-nav-dim { opacity: 0.7; margin-left: 4px; }

/* ---- ABSTRACT ---- */
.zara-bs-infrastructure-reliability-abstract {
  background: linear-gradient(135deg, #f5faff 0%, #ffffff 100%);
  padding: 2.4rem 2.6rem;
  border-left: 5px solid #7fb3dd;
  border-radius: 16px;
  box-shadow: 0 8px 20px rgba(127, 179, 221, 0.08);
  border-top: 1px solid #c7e2f6;
  border-right: 1px solid #c7e2f6;
  border-bottom: 1px solid #c7e2f6;
  position: relative;
  overflow: hidden;
  margin-bottom: 3rem;
}
.zara-bs-infrastructure-reliability-abstract-glow {
  position: absolute;
  top: 0; right: 0;
  width: 180px; height: 180px;
  background: radial-gradient(circle, rgba(127, 179, 221, 0.12), transparent 70%);
  pointer-events: none;
}
.zara-bs-infrastructure-reliability-abstract-label {
  font-weight: 700;
  color: #5a8db5;
  letter-spacing: 1.5px;
  font-size: 0.85rem;
  margin-bottom: 0.6rem;
}
.zara-bs-infrastructure-reliability-abstract p {
  font-size: 1.08rem;
  color: #1f3444;
  line-height: 1.75;
  margin-bottom: 1.4rem;
  font-weight: 400;
}
.zara-bs-infrastructure-reliability-abstract p:last-of-type { margin-bottom: 0; }
.zara-bs-infrastructure-reliability-abstract-footer {
  margin-top: 1.6rem;
  padding-top: 0.9rem;
  border-top: 1px dashed #c7e2f6;
  font-size: 0.9rem;
  color: #6b7280;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}
.zara-bs-infrastructure-reliability-doi-link {
  padding: 6px 14px;
  border-radius: 20px;
  border: 1px solid #c7e2f6;
  text-decoration: none;
  color: #5a8db5;
  font-weight: 600;
  background: #ffffff;
  box-shadow: 0 2px 6px rgba(127, 179, 221, 0.12);
  transition: all 0.25s ease;
  font-size: 0.85rem;
}
.zara-bs-infrastructure-reliability-doi-link:hover {
  background: linear-gradient(135deg, #e3f2fd, #c7e2f6);
  border-color: #7fb3dd;
  color: #1f3444;
  text-decoration: none;
}

/* ---- TOC ---- */
.zara-bs-infrastructure-reliability-toc {
  margin: 3.5rem 0;
  padding: 28px 32px;
  background: linear-gradient(135deg, #f5faff 0%, #ffffff 100%);
  border: 1px solid #c7e2f6;
  border-radius: 18px;
  box-shadow: 0 8px 20px rgba(127, 179, 221, 0.08);
}
.zara-bs-infrastructure-reliability-toc-header {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 22px;
}
.zara-bs-infrastructure-reliability-toc-bar {
  width: 6px; height: 36px;
  background: linear-gradient(to bottom, #7fb3dd, #b5d8ef);
  border-radius: 20px;
  box-shadow: 0 0 8px rgba(127, 179, 221, 0.35);
  flex-shrink: 0;
}
.zara-bs-infrastructure-reliability-toc h2 {
  border-bottom: none;
  margin: 0;
  font-size: 1.7rem;
  color: #1f3444;
  letter-spacing: -0.02em;
  font-weight: 500;
}
.zara-bs-infrastructure-reliability-toc-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: 14px;
}
.zara-bs-infrastructure-reliability-toc-link {
  padding: 12px 16px;
  background: #ffffff;
  border-radius: 12px;
  text-decoration: none;
  color: #1f3444;
  border: 1px solid #dde3ec;
  box-shadow: 0 3px 10px rgba(127, 179, 221, 0.06);
  transition: all 0.25s ease;
  font-weight: 600;
  font-size: 0.9rem;
  display: block;
}
.zara-bs-infrastructure-reliability-toc-link:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 20px rgba(127, 179, 221, 0.18);
  border-color: #7fb3dd;
  color: #5a8db5;
  text-decoration: none;
}

/* ---- SECTION 1 DARK CARD (was dark navy � now airy) ---- */
.zara-bs-infrastructure-reliability-section-dark {
  display: flex;
  gap: 3rem;
  margin: 4rem 0 5rem;
  align-items: center;
  background: linear-gradient(135deg, #ffffff 0%, #e0f6ff 100%);
  border-radius: 32px;
  padding: 2.5rem;
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.06);
  position: relative;
  overflow: hidden;
  transition: all 0.4s ease;
  border: 1px solid #c7e2f6;
}
.zara-bs-infrastructure-reliability-section-dark:hover {
  box-shadow: 0 24px 50px rgba(127, 179, 221, 0.18);
  transform: translateY(-3px);
}
.zara-bs-infrastructure-reliability-section-dark-pattern {
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background-image: url('data:image/svg+xml;utf8,<svg width="60" height="60" viewBox="0 0 60 60" xmlns="https://www.w3.org/2000/svg"><path d="M20 20 L40 20 L40 40 L20 40 Z" stroke="rgba(127,179,221,0.06)" fill="none" stroke-width="1"/><circle cx="30" cy="30" r="4" stroke="rgba(127,179,221,0.08)" fill="none"/></svg>');
  opacity: 0.4;
  pointer-events: none;
}
.zara-bs-infrastructure-reliability-section-dark-glow {
  position: absolute;
  top: 0; right: 0;
  width: 300px; height: 300px;
  background: radial-gradient(circle, rgba(127, 179, 221, 0.12) 0%, transparent 70%);
  pointer-events: none;
  z-index: 1;
}
.zara-bs-infrastructure-reliability-dark-img-col {
  flex: 1;
  position: relative;
  z-index: 2;
}
.zara-bs-infrastructure-reliability-dark-img-deco {
  position: absolute;
  top: -15px; left: -15px;
  width: 100px; height: 100px;
  background: radial-gradient(circle, rgba(127, 179, 221, 0.18) 0%, transparent 70%);
  border-radius: 50%;
  z-index: 0;
}
.zara-bs-infrastructure-reliability-dark-img {
  width: 100%;
  height: auto;
  border-radius: 24px;
  object-fit: cover;
  border: 1px solid #c7e2f6;
  box-shadow: 0 12px 30px rgba(127, 179, 221, 0.15);
  transition: all 0.4s ease;
  position: relative;
  z-index: 1;
  transform: perspective(800px) rotateY(-2deg);
}
.zara-bs-infrastructure-reliability-dark-img:hover {
  transform: perspective(800px) rotateY(-1deg) scale(1.02);
  box-shadow: 0 20px 40px rgba(127, 179, 221, 0.22);
}
.zara-bs-infrastructure-reliability-dark-figcap {
  margin-top: 1.2rem;
  padding: 0.7rem 1.5rem;
  background: #f5faff;
  border: 1px solid #c7e2f6;
  border-radius: 40px;
  display: inline-block;
  color: #1f3444;
  font-size: 0.85rem;
  box-shadow: 0 4px 12px rgba(127, 179, 221, 0.10);
}
.zara-bs-infrastructure-reliability-dark-figcap-accent { font-weight: 700; color: #5a8db5; }
.zara-bs-infrastructure-reliability-dark-figcap a { color: #5a8db5; text-decoration: none; border-bottom: 1px dotted #7fb3dd; }
.zara-bs-infrastructure-reliability-dark-figcap a:hover { border-bottom-style: solid; }
.zara-bs-infrastructure-reliability-dark-text-col {
  flex: 1.2;
  padding: 0.5rem;
  position: relative;
  z-index: 2;
}
.zara-bs-infrastructure-reliability-dark-section-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #f5faff;
  padding: 0.4rem 1.3rem;
  border-radius: 40px;
  margin-bottom: 1.2rem;
  border: 1px solid #c7e2f6;
}
.zara-bs-infrastructure-reliability-dark-section-pill span:first-child {
  background: #7fb3dd;
  width: 8px; height: 8px;
  border-radius: 50%;
  box-shadow: 0 0 10px rgba(127, 179, 221, 0.6);
  display: inline-block;
}
.zara-bs-infrastructure-reliability-dark-section-pill span:last-child {
  font-size: 0.85rem;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  color: #5a8db5;
  font-weight: 600;
}
.zara-bs-infrastructure-reliability-dark-text-col h2 {
  font-size: 2.2rem;
  font-weight: 600;
  line-height: 1.2;
  margin: 0 0 1.2rem;
  color: #1f3444;
  letter-spacing: -0.02em;
  border-bottom: none;
  padding-bottom: 0;
}
.zara-bs-infrastructure-reliability-dark-text-col p {
  font-size: 1.05rem;
  color: #4b5563;
  margin-bottom: 1.5rem;
  font-weight: 300;
  line-height: 1.7;
}
.zara-bs-infrastructure-reliability-dark-text-col a { color: #5a8db5; border-bottom: 1px dashed #7fb3dd; text-decoration: none; }
.zara-bs-infrastructure-reliability-dark-text-col a:hover { border-bottom-style: solid; color: #1f3444; }
.zara-bs-infrastructure-reliability-dark-stats-pill {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  background: #ffffff;
  padding: 0.7rem 1.8rem;
  border-radius: 50px;
  border: 1px solid #c7e2f6;
  margin-top: 0.5rem;
  box-shadow: 0 8px 20px rgba(127, 179, 221, 0.12);
}
.zara-bs-infrastructure-reliability-dark-stats-pill-text { color: #1f3444; font-size: 0.9rem; font-weight: 600; }
.zara-bs-infrastructure-reliability-dark-dot {
  background: #7fb3dd;
  width: 6px; height: 6px;
  border-radius: 50%;
  box-shadow: 0 0 8px rgba(127, 179, 221, 0.6);
  display: inline-block;
}
.zara-bs-infrastructure-reliability-dark-figcap-dim { color: #6b7280; }

/* ---- SECTION FLEX (standard image+text rows) ---- */
.zara-bs-infrastructure-reliability-section-flex {
  display: flex;
  gap: 3rem;
  margin: 5rem 0;
  align-items: center;
}
.zara-bs-infrastructure-reliability-section-flex-reverse { flex-direction: row-reverse; }
.zara-bs-infrastructure-reliability-flex-text { flex: 1.2; }
.zara-bs-infrastructure-reliability-flex-text h2 {
  font-size: 2.2rem;
  font-weight: 400;
  color: #1f3444;
  border-bottom: 1px solid #dde3ec;
  padding-bottom: 0.5rem;
  margin-bottom: 1.5rem;
}
.zara-bs-infrastructure-reliability-flex-text p {
  font-size: 1.05rem;
  color: #4b5563;
  font-weight: 300;
  margin-bottom: 1.5rem;
}
.zara-bs-infrastructure-reliability-flex-text ul {
  margin-left: 1.5rem;
  margin-bottom: 1.5rem;
}
.zara-bs-infrastructure-reliability-flex-text li {
  font-size: 1.05rem;
  color: #4b5563;
  font-weight: 300;
  margin-bottom: 0.6rem;
  line-height: 1.6;
}
.zara-bs-infrastructure-reliability-flex-text a { color: #5a8db5; text-decoration: none; border-bottom: 1px dashed #7fb3dd; padding: 0 2px; }
.zara-bs-infrastructure-reliability-flex-text a:hover { border-bottom-style: solid; background: #f5faff; color: #1f3444; }
.zara-bs-infrastructure-reliability-flex-image { flex: 1; }
.zara-bs-infrastructure-reliability-flex-image img {
  width: 100%;
  height: auto;
  border-radius: 24px;
  background: #f5faff;
  object-fit: cover;
  box-shadow: 0 10px 30px rgba(127, 179, 221, 0.12);
  transition: all 0.4s ease;
  border: 1px solid #c7e2f6;
  cursor: zoom-in;
}
.zara-bs-infrastructure-reliability-flex-image img:hover {
  transform: scale(1.02) translateY(-5px);
  box-shadow: 0 25px 40px rgba(127, 179, 221, 0.22);
  border-color: #7fb3dd;
}
#content_area .zara-bs-infrastructure-reliability-figcaption {
  font-size: 14px !important;
  color: #6b7280 !IMPORTANT;
  margin-top: 0.8rem !important;
  font-style: italic;
  text-align: center;
  line-height: 1.2 !Important;
  padding: 0 1rem;
}
#content_area .zara-bs-infrastructure-reliability-figcaption a {
  color: #5a8db5 !important;
  text-decoration: none;
  border-bottom: 1px dotted #c7e2f6;
  font-size: 14px !important;
}
.zara-bs-infrastructure-reliability-figcaption a:hover { border-bottom: 1px solid #5a8db5; }

/* ---- TABLE ---- */
.zara-bs-infrastructure-reliability-table-wrap { margin: 4rem 0; }
.zara-bs-infrastructure-reliability-table {
  width: 100%;
  border-collapse: collapse;
  margin: 2rem 0;
  font-size: 0.95rem;
  background: #ffffff;
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(15, 23, 42, 0.04);
  border: 1px solid #dde3ec;
}
.zara-bs-infrastructure-reliability-table th {
  background: #f5faff;
  text-align: left;
  padding: 1rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-size: 0.85rem;
  color: #5a8db5;
  border-bottom: 2px solid #7fb3dd;
}
.zara-bs-infrastructure-reliability-table td {
  padding: 1rem;
  border-bottom: 1px solid #e5e7eb;
  font-size: 0.9rem;
  color: #4b5563;
}
.zara-bs-infrastructure-reliability-table tr:last-child td { border-bottom: none; }
.zara-bs-infrastructure-reliability-table tr:hover td { background: #f5faff; }
.zara-bs-infrastructure-reliability-table a { color: #5a8db5; text-decoration: none; border-bottom: 1px dashed #7fb3dd; }
.zara-bs-infrastructure-reliability-table-note {
  font-size: 0.9rem;
  color: #6b7280;
  margin-top: 0.5rem;
}

/* ---- RELATED RESOURCES ---- */
.zara-bs-infrastructure-reliability-related {
  margin: 4rem 0;
  background: #f5faff;
  padding: 2.5rem;
  border-radius: 24px;
  border: 1px solid #c7e2f6;
}
.zara-bs-infrastructure-reliability-related h2 {
  border-bottom: none;
  margin-top: 0;
  font-size: 2rem;
  color: #1f3444;
}
.zara-bs-infrastructure-reliability-related-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.2rem;
  margin-top: 2rem;
}
.zara-bs-infrastructure-reliability-related-link {
  display: block;
  padding: 0.8rem;
  background: #ffffff;
  border-radius: 12px;
  text-decoration: none;
  color: #1f3444;
  border: 1px solid #dde3ec;
  transition: all 0.2s;
}
.zara-bs-infrastructure-reliability-related-link:hover {
  border-color: #7fb3dd;
  transform: translateY(-2px);
  text-decoration: none;
  box-shadow: 0 8px 20px rgba(127, 179, 221, 0.12);
}
.zara-bs-infrastructure-reliability-related-link-title {
  font-size: 1rem;
  font-weight: 600;
  color: #5a8db5;
  display: block;
  margin-bottom: 4px;
}
.zara-bs-infrastructure-reliability-related-link-desc {
  font-size: 0.85rem;
  color: #6b7280;
}

/* ---- FAQ ---- */
.zara-bs-infrastructure-reliability-faq-wrap {
  margin: 4rem 0;
  padding: 2.5rem;
  background: linear-gradient(135deg, #f5faff 0%, #ffffff 100%);
  border-radius: 26px;
  box-shadow: 0 8px 20px rgba(127, 179, 221, 0.08);
  border: 1px solid #c7e2f6;
}
.zara-bs-infrastructure-reliability-faq-wrap h2 {
  border-bottom: none;
  margin-top: 0;
  color: #1f3444;
  letter-spacing: -0.02em;
}
.zara-bs-infrastructure-reliability-faq-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  margin-top: 24px;
}
.zara-bs-infrastructure-reliability-faq-item {
  background: #ffffff;
  border-radius: 999px;
  padding: 14px 18px;
  border: 1px solid #c7e2f6;
  box-shadow: 0 3px 12px rgba(127, 179, 221, 0.08);
  transition: all 0.25s ease;
}
.zara-bs-infrastructure-reliability-faq-item:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 22px rgba(127, 179, 221, 0.18);
}
.zara-bs-infrastructure-reliability-faq-btn {
  width: 100%;
  background: none;
  border: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: 600;
  color: #1f3444;
  cursor: pointer;
  font-size: 0.95rem;
  font-family: inherit;
}
.zara-bs-infrastructure-reliability-faq-plus {
  color: #5a8db5;
  font-size: 20px;
  transition: 0.3s;
  flex-shrink: 0;
}
.zara-bs-infrastructure-reliability-faq-answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.35s ease;
  font-size: 0.9rem;
  color: #4b5563;
  margin-top: 8px;
  padding-left: 4px;
}
.zara-bs-infrastructure-reliability-faq-answer a {
  color: #5a8db5;
  text-decoration: none;
  border-bottom: 1px dotted #7fb3dd;
}
.zara-bs-infrastructure-reliability-faq-answer a:hover { border-bottom-style: solid; }
.zara-bs-infrastructure-reliability-faq-item.active .zara-bs-infrastructure-reliability-faq-answer { max-height: 180px; }
.zara-bs-infrastructure-reliability-faq-item.active .zara-bs-infrastructure-reliability-faq-plus { transform: rotate(45deg); }

/* ---- TECH REFERENCES ---- */
.zara-bs-infrastructure-reliability-refs {
  position: relative;
  margin: 4rem 0;
  padding: 36px;
  background: linear-gradient(180deg, #f5faff 0%, #ffffff 100%);
  border-radius: 28px;
  border: 1px solid #c7e2f6;
  box-shadow: 0 12px 40px rgba(127, 179, 221, 0.10);
  overflow: hidden;
}
.zara-bs-infrastructure-reliability-refs-glow {
  position: absolute;
  top: -60px; right: -60px;
  width: 220px; height: 220px;
  background: radial-gradient(circle, rgba(127, 179, 221, 0.12) 0%, transparent 70%);
  border-radius: 50%;
}
.zara-bs-infrastructure-reliability-refs-header {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 26px;
  position: relative;
  z-index: 1;
}
.zara-bs-infrastructure-reliability-refs-bar {
  width: 6px; height: 42px;
  background: linear-gradient(to bottom, #7fb3dd, #b5d8ef);
  border-radius: 20px;
  box-shadow: 0 0 12px rgba(127, 179, 221, 0.35);
  flex-shrink: 0;
}
.zara-bs-infrastructure-reliability-refs h3 {
  margin: 0;
  font-size: 1.6rem;
  color: #1f3444;
  letter-spacing: -0.02em;
  font-weight: 500;
}
.zara-bs-infrastructure-reliability-refs-desc {
  margin-bottom: 28px;
  color: #4b5563;
  font-size: 1.05rem;
  max-width: 900px;
  position: relative;
  z-index: 1;
  font-weight: 300;
}
.zara-bs-infrastructure-reliability-refs-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 14px;
  position: relative;
  z-index: 1;
}
.zara-bs-infrastructure-reliability-ref-link {
  display: block;
  padding: 16px 22px;
  background: #ffffff;
  border-radius: 999px;
  border: 1px solid #dde3ec;
  text-decoration: none;
  color: #1f3444;
  font-weight: 600;
  font-size: 0.95rem;
  box-shadow: 0 4px 14px rgba(127, 179, 221, 0.08);
  transition: all 0.28s ease;
}
.zara-bs-infrastructure-reliability-ref-link:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 28px rgba(127, 179, 221, 0.20);
  border-color: #7fb3dd;
  color: #5a8db5;
  background: linear-gradient(180deg, #ffffff, #f5faff);
  text-decoration: none;
}

/* ---- CTA ---- */
.zara-bs-infrastructure-reliability-cta {
  background: #f5faff;
  text-align: center;
  padding: 4rem 2rem;
  border-radius: 24px;
  margin: 4rem 0;
  border: 1px solid #c7e2f6;
}
.zara-bs-infrastructure-reliability-cta h2 {
  border-bottom: none;
  margin-bottom: 1rem;
  color: #1f3444;
}
.zara-bs-infrastructure-reliability-cta p {
  font-size: 1rem;
  color: #4b5563;
  margin-bottom: 0;
}
.zara-bs-infrastructure-reliability-cta-actions {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin: 1.5rem 0 0;
}
.zara-bs-infrastructure-reliability-cta-btn-primary {
  border: 1px solid #c7e2f6;
  padding: 0.8rem 2.5rem;
  display: inline-block;
  margin: 1rem;
  color: #1f3444;
  text-decoration: none;
  border-radius: 40px;
  transition: all 0.3s;
  font-size: 0.95rem;
  background: linear-gradient(135deg, #e3f2fd, #c7e2f6);
  font-weight: 600;
  box-shadow: 0 8px 20px rgba(127, 179, 221, 0.20);
}
.zara-bs-infrastructure-reliability-cta-btn-primary:hover {
  background: linear-gradient(135deg, #d6ecfb, #b5d8ef);
  border-color: #b5d8ef;
  color: #1f3444;
  text-decoration: none;
  transform: translateY(-2px);
}
.zara-bs-infrastructure-reliability-cta-btn-secondary {
  border: 1px solid #dde3ec;
  padding: 0.8rem 2.5rem;
  display: inline-block;
  margin: 1rem;
  color: #6b7280;
  text-decoration: none;
  border-radius: 40px;
  transition: all 0.3s;
  font-size: 0.95rem;
  background: #ffffff;
}
.zara-bs-infrastructure-reliability-cta-btn-secondary:hover {
  border-color: #7fb3dd;
  color: #5a8db5;
  text-decoration: none;
}
.zara-bs-infrastructure-reliability-cta-note {
  margin-top: 2rem;
  font-size: 0.8rem;
  color: #6b7280;
}

/* ---- FOOTER ---- */
.zara-bs-infrastructure-reliability-footer {
  border-top: 1px solid #dde3ec;
  padding: 2rem;
  text-align: center;
}
.zara-bs-infrastructure-reliability-footer p {
  font-size: 0.9rem;
  color: #4b5563;
  margin-bottom: 0.5rem;
}
.zara-bs-infrastructure-reliability-footer-tiny {
  font-size: 0.7rem;
  color: #6b7280;
}
.zara-bs-infrastructure-reliability-footer-links {
  margin-top: 1rem;
  font-size: 0.75rem;
}
.zara-bs-infrastructure-reliability-footer-links a {
  color: #5a8db5;
  text-decoration: none;
  border-bottom: 1px dotted #c7e2f6;
  margin: 0 0.3rem;
  font-size: 14px;
}
.zara-bs-infrastructure-reliability-footer-links a:hover { border-bottom: 1px solid #5a8db5; }

/* ---- MATH BLOCK ---- */
.zara-bs-infrastructure-reliability-math {
  background: #f5faff;
  padding: 1.2rem 2rem;
  border-left: 5px solid #7fb3dd;
  font-family: 'Courier New', monospace;
  font-size: 1.1rem;
  margin: 2rem 0;
  border-radius: 0 12px 12px 0;
  border-top: 1px solid #c7e2f6;
  border-right: 1px solid #c7e2f6;
  border-bottom: 1px solid #c7e2f6;
}

/* ---- RESPONSIVE ---- */
@media (max-width: 900px) {
  .zara-bs-infrastructure-reliability-section-flex,
  .zara-bs-infrastructure-reliability-section-dark { flex-direction: column; }
  .zara-bs-infrastructure-reliability-section-flex-reverse { flex-direction: column; }
  .zara-bs-infrastructure-reliability-header-inner { flex-direction: column; min-height: auto; }
  .zara-bs-infrastructure-reliability-header h1 { font-size: 2rem; }
  .zara-bs-infrastructure-reliability-related-grid { grid-template-columns: 1fr; }
  .zara-bs-infrastructure-reliability-faq-grid { grid-template-columns: 1fr; }
  .zara-bs-infrastructure-reliability-refs-grid { grid-template-columns: 1fr; }
  .zara-bs-infrastructure-reliability-series-nav { flex-direction: column; align-items: flex-start; gap: 0.5rem; }
}

/* =============================================================
   ZARA BS INFRASTRUCTURE RELIABILITY SEC � AIRY LIGHT BLUE THEME
   No teal/green/amber/purple � soft blue palette
   ============================================================= */

.zara-bs-infrastructure-reliability-sec {
  margin: 3rem 0 4rem;
  font-family: 'Helvetica Neue', 'Inter', -apple-system, sans-serif;
}
.zara-bs-infrastructure-reliability-sec * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.zara-bs-infrastructure-reliability-sec img {
  max-width: 100%;
  height: auto;
  display: block;
}

/* ---- HEADER ---- */
.zara-bs-infrastructure-reliability-sec-header {
  margin-bottom: 3rem;
  padding-bottom: 1.5rem;
  border-bottom: 2px solid #dde3ec;
}
.zara-bs-infrastructure-reliability-sec-publisher-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 1.2rem;
  background: linear-gradient(135deg, #f5faff 0%, #e0f6ff 100%);
  border-radius: 40px;
  font-size: 0.85rem;
  color: #5a8db5;
  margin-bottom: 1.2rem;
  border: 1px solid #c7e2f6;
}
.zara-bs-infrastructure-reliability-sec-h2 {
  font-size: 2.2rem;
  font-weight: 350;
  color: #1f3444;
  margin-bottom: 1rem;
  font-family: 'Times New Roman', Georgia, serif;
  letter-spacing: -0.01em;
}
.zara-bs-infrastructure-reliability-sec-desc {
  font-size: 1.2rem;
  line-height: 1.7;
  color: #4b5563;
  max-width: 900px;
}
.zara-bs-infrastructure-reliability-sec-desc strong { color: #1f3444; }
.zara-bs-infrastructure-reliability-sec-publisher-link {
  color: #5a8db5;
  text-decoration: none;
  font-weight: 600;
  border-bottom: 2px solid #c7e2f6;
  transition: all 0.2s ease;
}
.zara-bs-infrastructure-reliability-sec-publisher-link:hover {
  border-bottom-color: #5a8db5;
  color: #1f3444;
}

/* ---- FEATURES GRID ---- */
.zara-bs-infrastructure-reliability-sec-features-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.8rem;
  margin: 3rem 0;
}
.zara-bs-infrastructure-reliability-sec-feature-card {
  padding: 2rem;
  border-radius: 16px;
  box-shadow: 0 8px 20px rgba(15, 23, 42, 0.04);
  transition: all 0.3s ease;
  border: 1px solid #dde3ec;
  position: relative;
  overflow: hidden;
}
.zara-bs-infrastructure-reliability-sec-feature-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 15px 35px rgba(127, 179, 221, 0.18);
  border-color: #7fb3dd;
}

/* All 3 colored cards &#8594; 3 shades of soft blue */
.zara-bs-infrastructure-reliability-sec-card-blue {
  background: linear-gradient(145deg, #f5faff 0%, #e0f6ff 100%);
  border-left: 5px solid #5a8db5;
}
.zara-bs-infrastructure-reliability-sec-card-green {
  background: linear-gradient(145deg, #e8f5ff 0%, #d6ecfb 100%);
  border-left: 5px solid #7fb3dd;
}
.zara-bs-infrastructure-reliability-sec-card-amber {
  background: linear-gradient(145deg, #e0f6ff 0%, #c7e2f6 100%);
  border-left: 5px solid #b5d8ef;
}
.zara-bs-infrastructure-reliability-sec-card-icon {
  font-size: 2.2rem;
  margin-bottom: 1rem;
}
.zara-bs-infrastructure-reliability-sec-card-title {
  font-size: 1.4rem;
  font-weight: 450;
  margin-bottom: 1rem;
  color: #1f3444;
  font-family: 'Times New Roman', Georgia, serif;
}
.zara-bs-infrastructure-reliability-sec-card-text {
  font-size: 1rem;
  line-height: 1.6;
  color: #4b5563;
  margin-bottom: 1.2rem;
}
.zara-bs-infrastructure-reliability-sec-card-text-small {
  font-size: 0.9rem;
  color: #6b7280;
  margin-bottom: 1rem;
}
.zara-bs-infrastructure-reliability-sec-card-link {
  color: #5a8db5;
  text-decoration: none;
  font-weight: 600;
  border-bottom: 1px dashed #c7e2f6;
  transition: all 0.2s ease;
}
.zara-bs-infrastructure-reliability-sec-card-link:hover {
  border-bottom: 1px solid #5a8db5;
  color: #1f3444;
}
.zara-bs-infrastructure-reliability-sec-issn {
  font-size: 1.4rem;
  font-family: monospace;
  color: #5a8db5;
  letter-spacing: 1px;
}
.zara-bs-infrastructure-reliability-sec-card-footer {
  margin-top: 1.2rem;
  display: flex;
  gap: 0.8rem;
  flex-wrap: wrap;
}
.zara-bs-infrastructure-reliability-sec-tag {
  padding: 0.2rem 0.8rem;
  background: #ffffff;
  border-radius: 20px;
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #5a8db5;
  border: 1px solid #c7e2f6;
}

/* ---- REPORTS SECTION ---- */
.zara-bs-infrastructure-reliability-sec-reports { margin-top: 3rem; }
.zara-bs-infrastructure-reliability-sec-reports-title {
  font-size: 1.8rem;
  font-weight: 350;
  color: #1f3444;
  margin-bottom: 2rem;
  font-family: 'Times New Roman', Georgia, serif;
  border-bottom: 1px solid #dde3ec;
  padding-bottom: 0.8rem;
}
.zara-bs-infrastructure-reliability-sec-reports-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.8rem;
}
.zara-bs-infrastructure-reliability-sec-report-card {
  padding: 2rem;
  border-radius: 16px;
  box-shadow: 0 8px 20px rgba(15, 23, 42, 0.03);
  transition: all 0.3s ease;
  border: 1px solid #dde3ec;
  position: relative;
  display: flex;
  flex-direction: column;
}
.zara-bs-infrastructure-reliability-sec-report-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 20px 35px rgba(127, 179, 221, 0.18);
  border-color: #7fb3dd;
}

/* All 3 report card colors &#8594; 3 soft blue shades */
.zara-bs-infrastructure-reliability-sec-card-purple {
  background: linear-gradient(145deg, #f5faff 0%, #e0f6ff 100%);
  border-left: 5px solid #5a8db5;
}
.zara-bs-infrastructure-reliability-sec-card-teal {
  background: linear-gradient(145deg, #e8f5ff 0%, #d6ecfb 100%);
  border-left: 5px solid #7fb3dd;
}
.zara-bs-infrastructure-reliability-sec-card-coral {
  background: linear-gradient(145deg, #e0f6ff 0%, #c7e2f6 100%);
  border-left: 5px solid #b5d8ef;
}
.zara-bs-infrastructure-reliability-sec-report-badge {
  display: inline-block;
  padding: 0.25rem 0.8rem;
  background: #ffffff;
  border-radius: 30px;
  font-size: 0.7rem;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  color: #5a8db5;
  margin-bottom: 1rem;
  width: fit-content;
  border: 1px solid #c7e2f6;
}
.zara-bs-infrastructure-reliability-sec-report-code {
  font-family: monospace;
  font-size: 0.9rem;
  color: #5a8db5;
  margin-bottom: 0.5rem;
  letter-spacing: 0.5px;
}
.zara-bs-infrastructure-reliability-sec-report-name {
  font-size: 1.3rem;
  font-weight: 450;
  margin-bottom: 1rem;
  line-height: 1.4;
}
.zara-bs-infrastructure-reliability-sec-report-link {
  color: #1f3444;
  text-decoration: none;
  transition: all 0.2s ease;
  font-family: 'Times New Roman', Georgia, serif;
  border-bottom: 1px solid transparent;
}
.zara-bs-infrastructure-reliability-sec-report-link:hover {
  color: #5a8db5;
  border-bottom: 1px solid #7fb3dd;
}
.zara-bs-infrastructure-reliability-sec-report-meta {
  font-size: 0.85rem;
  color: #6b7280;
  margin-bottom: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}
.zara-bs-infrastructure-reliability-sec-report-date,
.zara-bs-infrastructure-reliability-sec-report-doi { font-family: monospace; }
.zara-bs-infrastructure-reliability-sec-report-btn {
  display: inline-block;
  padding: 0.6rem 1.2rem;
  background: #ffffff;
  border: 1px solid #c7e2f6;
  border-radius: 30px;
  font-size: 0.8rem;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #5a8db5;
  text-decoration: none;
  transition: all 0.3s ease;
  margin-top: auto;
  width: fit-content;
}
.zara-bs-infrastructure-reliability-sec-report-btn:hover {
  background: linear-gradient(135deg, #e3f2fd, #c7e2f6);
  border-color: #7fb3dd;
  color: #1f3444;
  transform: translateX(3px);
  text-decoration: none;
}

/* ---- RESPONSIVE ---- */
@media (max-width: 900px) {
  .zara-bs-infrastructure-reliability-sec-features-grid,
  .zara-bs-infrastructure-reliability-sec-reports-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 600px) {
  .zara-bs-infrastructure-reliability-sec-features-grid,
  .zara-bs-infrastructure-reliability-sec-reports-grid { grid-template-columns: 1fr; }
  .zara-bs-infrastructure-reliability-sec-h2 { font-size: 1.8rem; }
  .zara-bs-infrastructure-reliability-sec-desc { font-size: 1rem; }
}
7343, 7344, 7345, 7346, 7348, 7349

.zara-bs-complete-shower-system {
  max-width: 1400px;
  margin: 0 auto;
  padding: 20px;
  direction: ltr;
}
.zara-bs-complete-shower-system * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.zara-bs-complete-shower-system img {
  max-width: 100%;
  height: auto;
  display: block;
}

/* ---- WRAP ---- */
.zara-bs-complete-shower-system-wrap {
  background: #ffffff;
  border-radius: 24px;
  padding: 30px;
  box-shadow: 0 10px 40px rgba(15, 23, 42, 0.05);
}

/* ---- HERO (was dark navy) ---- */
.zara-bs-complete-shower-system-hero {
  position: relative;
  background: linear-gradient(145deg, #ffffff, #e0f6ff, #f5faff);
  color: #1f3444;
  padding: 80px 40px;
  border-radius: 30px;
  text-align: center;
  overflow: hidden;
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.06);
  border: 1px solid #c7e2f6;
}
.zara-bs-complete-shower-system-hero::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background:
    radial-gradient(circle at 20% 30%, rgba(127, 179, 221, 0.12) 0%, transparent 30%),
    radial-gradient(circle at 80% 70%, rgba(199, 226, 246, 0.18) 0%, transparent 40%),
    repeating-linear-gradient(45deg, rgba(127, 179, 221, 0.02) 0px, rgba(127, 179, 221, 0.02) 2px, transparent 2px, transparent 8px);
  pointer-events: none;
}
.zara-bs-complete-shower-system-eyebrow {
  position: relative;
  font-size: 15px;
  text-transform: uppercase;
  letter-spacing: 3px;
  color: #5a8db5;
  margin-bottom: 20px;
  font-weight: 600;
  display: inline-block;
  padding: 6px 18px;
  background: #ffffff;
  border-radius: 50px;
  border: 1px solid #c7e2f6;
}
.zara-bs-complete-shower-system-hero h1 {
  position: relative;
  font-size: 52px;
  font-weight: 900;
  margin-bottom: 25px;
  line-height: 1.2;
  color: #1f3444;
}
.zara-bs-complete-shower-system-hero-desc {
  position: relative;
  font-size: 18px;
  max-width: 900px;
  margin: 0 auto 25px;
  line-height: 1.7;
  color: #4b5563;
  background: #ffffff;
  padding: 20px 30px;
  border-radius: 60px;
  border: 1px solid #c7e2f6;
  font-weight: 500;
  box-shadow: 0 8px 20px rgba(127, 179, 221, 0.10);
}
.zara-bs-complete-shower-system-hero-desc a { color: #5a8db5; text-decoration: underline; font-weight: 700; }
.zara-bs-complete-shower-system-hero-desc a:hover { color: #1f3444; }
.zara-bs-complete-shower-system-authority {
  position: relative;
  display: flex;
  justify-content: center;
  gap: 30px;
  margin: 20px 0 30px;
  flex-wrap: wrap;
}
.zara-bs-complete-shower-system-authority-link {
  color: #5a8db5;
  text-decoration: none;
  font-size: 14px;
  font-weight: 600;
  padding: 5px 15px;
  background: #f5faff;
  border-radius: 50px;
  border: 1px solid #c7e2f6;
}
.zara-bs-complete-shower-system-authority-link:hover { background: linear-gradient(135deg, #e3f2fd, #c7e2f6); color: #1f3444; }
.zara-bs-complete-shower-system-trust-bar {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 30px;
  margin: 30px 0 25px;
}
.zara-bs-complete-shower-system-trust-item {
  background: #ffffff;
  padding: 5px 25px;
  border-radius: 50px;
  border: 1px solid #c7e2f6;
  font-weight: 600;
  font-size: 16px;
  color: #1f3444;
  display: flex;
  align-items: center;
  gap: 8px;
  box-shadow: 0 4px 12px rgba(127, 179, 221, 0.12);
}
.zara-bs-complete-shower-system-trust-item a { color: #1f3444; text-decoration: none; }
.zara-bs-complete-shower-system-trust-item a:hover { text-decoration: underline; }
.zara-bs-complete-shower-system-cta-row {
  position: relative;
  display: flex;
  gap: 20px;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 20px;
}

/* ---- BUTTONS ---- */
.zara-bs-complete-shower-system-btn {
  padding: 11px 32px;
  border-radius: 50px;
  text-decoration: none;
  font-weight: 700;
  transition: all 0.3s ease;
  display: inline-block;
  font-size: 16px;
  letter-spacing: 0.5px;
  border: 2px solid transparent;
}
.zara-bs-complete-shower-system-btn-primary {
  background: linear-gradient(135deg, #e3f2fd, #c7e2f6);
  color: #1f3444;
  box-shadow: 0 10px 24px rgba(127, 179, 221, 0.25);
  border: 1px solid #c7e2f6;
}
.zara-bs-complete-shower-system-btn-primary:hover {
  background: linear-gradient(135deg, #d6ecfb, #b5d8ef);
  border-color: #b5d8ef;
  transform: translateY(-3px);
  box-shadow: 0 14px 28px rgba(127, 179, 221, 0.35);
  color: #1f3444; text-decoration: none;
}
.zara-bs-complete-shower-system-btn-secondary {
  background: #ffffff;
  color: #1f3444;
  border: 2px solid #c7e2f6;
}
.zara-bs-complete-shower-system-btn-secondary:hover {
  background: #f5faff;
  color: #1f3444;
  transform: translateY(-3px);
  border-color: #7fb3dd;
  text-decoration: none;
}
/* gold btn &#8594; soft deep blue */
.zara-bs-complete-shower-system-btn-gold {
  background: linear-gradient(135deg, #5a8db5, #7fb3dd);
  color: #ffffff;
  box-shadow: 0 10px 24px rgba(127, 179, 221, 0.30);
  border: 1px solid #7fb3dd;
}
.zara-bs-complete-shower-system-btn-gold:hover {
  background: linear-gradient(135deg, #4a7da5, #5a8db5);
  transform: translateY(-3px);
  box-shadow: 0 14px 28px rgba(127, 179, 221, 0.40);
  color: #ffffff; text-decoration: none;
}

/* ---- SECTION TITLE ---- */
.zara-bs-complete-shower-system-section-title {
  text-align: center;
  font-size: 36px;
  font-weight: 800;
  color: #1f3444;
  margin-bottom: 40px;
  position: relative;
  padding-bottom: 15px;
}
.zara-bs-complete-shower-system-section-title::after {
  content: '';
  position: absolute;
  bottom: 0; left: 50%;
  transform: translateX(-50%);
  width: 80px; height: 4px;
  background: linear-gradient(135deg, #7fb3dd, #b5d8ef);
  border-radius: 2px;
}
.zara-bs-complete-shower-system-section-title-white {
  color: #1f3444;
}
.zara-bs-complete-shower-system-section-title-white::after {
  background: linear-gradient(135deg, #7fb3dd, #b5d8ef);
}

/* ---- GRIDS ---- */
.zara-bs-complete-shower-system-grid-4 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 25px;
  margin: 40px 0;
}
.zara-bs-complete-shower-system-grid-3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  margin: 40px 0;
}
.zara-bs-complete-shower-system-grid-2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
}

/* ---- CATEGORY CARD ---- */
.zara-bs-complete-shower-system-cat-card {
  background: #f5faff;
  border-radius: 20px;
  padding: 30px 20px;
  text-align: center;
  transition: 0.3s;
  border: 1px solid #dde3ec;
  text-decoration: none;
  color: inherit;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 250px;
}
.zara-bs-complete-shower-system-cat-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 30px rgba(127, 179, 221, 0.18);
  border-color: #7fb3dd;
  text-decoration: none;
}
.zara-bs-complete-shower-system-cat-icon {
  width: 48px; height: 48px;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.zara-bs-complete-shower-system-cat-icon svg {
  width: 100%; height: 100%;
  stroke: #7fb3dd;
  transition: all 0.3s ease;
}
.zara-bs-complete-shower-system-cat-card:hover .zara-bs-complete-shower-system-cat-icon svg {
  stroke: #5a8db5;
  transform: scale(1.1);
}
.zara-bs-complete-shower-system-cat-card h3 {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 10px;
  color: #1f3444;
  transition: color 0.3s ease;
}
.zara-bs-complete-shower-system-cat-card:hover h3 { color: #5a8db5; }
.zara-bs-complete-shower-system-cat-card p {
  font-size: 14px;
  color: #6b7280;
  margin: 0;
  line-height: 1.6;
}

/* ---- ENGINEERING SECTION ---- */
.zara-bs-complete-shower-system-engineering {
  background: #f5faff;
  border-radius: 30px;
  padding: 50px;
  margin: 50px 0;
  border: 1px solid #c7e2f6;
}
.zara-bs-complete-shower-system-eng-item {
  background: #ffffff;
  padding: 30px;
  border-radius: 20px;
  box-shadow: 0 8px 20px rgba(15, 23, 42, 0.04);
  border-left: 5px solid #7fb3dd;
}
.zara-bs-complete-shower-system-eng-item h3 {
  font-size: 22px;
  margin-bottom: 15px;
  color: #1f3444;
  font-weight: 700;
}
.zara-bs-complete-shower-system-eng-item p {
  color: #4b5563;
  line-height: 1.6;
  margin: 0;
  font-size: 1rem;
}
.zara-bs-complete-shower-system-eng-item a {color: #5a8db5;text-decoration: none;font-weight: 600;/* text-align: center; */}
.zara-bs-complete-shower-system-eng-item a:hover { text-decoration: underline; color: #1f3444; }

/* ---- DARK SECTIONS (was dark navy � now airy, kept visible) ---- */
.zara-bs-complete-shower-system-dark-section {
  background: linear-gradient(135deg, #ffffff, #e0f6ff);
  color: #1f3444;
  border-radius: 30px;
  padding: 50px;
  margin: 50px 0;
  border: 1px solid #c7e2f6;
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.06);
}
.zara-bs-complete-shower-system-dark-section-desc {
  text-align: center;
  color: #4b5563;
  font-size: 18px;
  max-width: 800px;
  margin: 0 auto 30px;
  line-height: 1.6;
}
.zara-bs-complete-shower-system-specify-item {
  background: #ffffff;
  padding: 30px;
  border-radius: 20px;
  border: 1px solid #dde3ec;
  box-shadow: 0 8px 20px rgba(15, 23, 42, 0.03);
}
.zara-bs-complete-shower-system-specify-item h3 {
  font-size: 22px;
  margin-bottom: 15px;
  color: #5a8db5;
  font-weight: 700;
  text-align: center;
}
.zara-bs-complete-shower-system-specify-item p {
  color: #4b5563;
  line-height: 1.6;
  margin-bottom: 20px;
  font-size: 1rem;
}
.zara-bs-complete-shower-system-specify-item a { color: #5a8db5; text-decoration: none; font-weight: 600; }
.zara-bs-complete-shower-system-specify-item a:hover { text-decoration: underline; color: #1f3444; }

/* ---- WHY CARDS ---- */
.zara-bs-complete-shower-system-why-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 25px;
  margin: 40px 0;
}
.zara-bs-complete-shower-system-why-card {
  background: #ffffff;
  border-radius: 16px;
  padding: 25px;
  text-align: center;
  box-shadow: 0 8px 20px rgba(15, 23, 42, 0.03);
  border: 1px solid #dde3ec;
}
.zara-bs-complete-shower-system-why-card h3 {
  font-size: 20px;
  margin: 15px 0 10px;
  color: #1f3444;
}
.zara-bs-complete-shower-system-why-card p {
  color: #6b7280;
  font-size: 15px;
  line-height: 1.5;
  margin: 0;
}
.zara-bs-complete-shower-system-why-card a { color: #5a8db5; text-decoration: none; font-weight: 600; }
.zara-bs-complete-shower-system-why-card a:hover { text-decoration: underline; }

/* ---- COMMERCIAL GRID ---- */
.zara-bs-complete-shower-system-commercial-item {
  background: #ffffff;
  padding: 30px;
  border-radius: 20px;
  border: 1px solid #dde3ec;
  text-align: center;
  box-shadow: 0 8px 20px rgba(15, 23, 42, 0.03);
}
.zara-bs-complete-shower-system-commercial-item h3 {
  font-size: 22px;
  margin-bottom: 15px;
  color: #5a8db5;
  font-weight: 700;
}
.zara-bs-complete-shower-system-commercial-item p {
  color: #4b5563;
  line-height: 1.6;
}
.zara-bs-complete-shower-system-commercial-item a { color: #5a8db5; text-decoration: none; font-weight: 600; }
.zara-bs-complete-shower-system-commercial-item a:hover { text-decoration: underline; color: #1f3444; }

/* ---- APPLICATIONS GRID ---- */
.zara-bs-complete-shower-system-apps-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 20px;
  margin: 40px 0;
}
.zara-bs-complete-shower-system-app-card {
  background: #f5faff;
  border-radius: 16px;
  padding: 20px;
  text-align: center;
  font-weight: 700;
  color: #1f3444;
  border: 1px solid #c7e2f6;
  transition: 0.3s;
  text-decoration: none;
  display: block;
}
.zara-bs-complete-shower-system-app-card:hover {
  background: linear-gradient(135deg, #e3f2fd, #c7e2f6);
  color: #1f3444;
  transform: translateY(-3px);
  text-decoration: none;
  border-color: #7fb3dd;
}

/* ---- PRODUCTS ---- */
.zara-bs-complete-shower-system-products { margin: 60px 0; }
.zara-bs-complete-shower-system-products-desc {
  text-align: center;
  font-size: 18px;
  color: #6b7280;
  max-width: 800px;
  margin: -20px auto 40px;
  line-height: 1.6;
}
.zara-bs-complete-shower-system-products-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  margin: 40px 0;
}
.zara-bs-complete-shower-system-product-card {
  background: #ffffff;
  border: 1px solid #dde3ec;
  border-radius: 20px;
  overflow: hidden;
  transition: all 0.3s ease;
  position: relative;
  display: flex;
  flex-direction: column;
  box-shadow: 0 8px 20px rgba(15, 23, 42, 0.03);
}
.zara-bs-complete-shower-system-product-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 30px rgba(127, 179, 221, 0.18);
  border-color: #7fb3dd;
}
.zara-bs-complete-shower-system-product-badge {
  position: absolute;
  top: 15px; left: 15px;
  background: linear-gradient(135deg, #e3f2fd, #c7e2f6);
  color: #1f3444;
  padding: 5px 12px;
  border-radius: 50px;
  font-size: 12px;
  font-weight: 700;
  z-index: 2;
  border: 1px solid #c7e2f6;
}
.zara-bs-complete-shower-system-product-img {
  background: #f5faff;
  padding: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid #dde3ec;
}
.zara-bs-complete-shower-system-product-img svg {
  width: 120px; height: 120px;
  transition: transform 0.3s ease;
  stroke: #7fb3dd;
}
.zara-bs-complete-shower-system-product-card:hover .zara-bs-complete-shower-system-product-img svg {
  transform: scale(1.05);
}
.zara-bs-complete-shower-system-product-content {
  padding: 25px;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.zara-bs-complete-shower-system-product-content h3 {
  font-size: 20px;
  font-weight: 700;
  color: #1f3444;
  margin-bottom: 15px;
  line-height: 1.4;
}
.zara-bs-complete-shower-system-product-specs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 20px;
}
.zara-bs-complete-shower-system-product-spec {
  background: #f5faff;
  color: #5a8db5;
  padding: 4px 10px;
  border-radius: 50px;
  font-size: 12px;
  font-weight: 600;
  border: 1px solid #c7e2f6;
}
.zara-bs-complete-shower-system-product-footer {
  margin-top: auto;
  border-top: 1px solid #dde3ec;
  padding-top: 20px;
}
.zara-bs-complete-shower-system-product-link {
  color: #5a8db5;
  text-decoration: none;
  font-weight: 700;
  font-size: 15px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  transition: all 0.3s ease;
}
.zara-bs-complete-shower-system-product-link:hover { color: #1f3444; gap: 10px; }
.zara-bs-complete-shower-system-link-arrow {
  font-size: 18px;
  line-height: 1;
  transition: transform 0.3s ease;
}
.zara-bs-complete-shower-system-product-link:hover .zara-bs-complete-shower-system-link-arrow {
  transform: translateX(5px);
}
.zara-bs-complete-shower-system-view-all { text-align: center; margin-top: 40px; }
.zara-bs-complete-shower-system-view-all-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: linear-gradient(135deg, #e3f2fd, #c7e2f6);
  color: #1f3444;
  padding: 15px 35px;
  border-radius: 50px;
  text-decoration: none;
  font-weight: 700;
  font-size: 16px;
  transition: all 0.3s ease;
  box-shadow: 0 10px 24px rgba(127, 179, 221, 0.25);
  border: 1px solid #c7e2f6;
}
.zara-bs-complete-shower-system-view-all-link:hover {
  background: linear-gradient(135deg, #d6ecfb, #b5d8ef);
  border-color: #b5d8ef;
  transform: translateY(-3px);
  box-shadow: 0 14px 28px rgba(127, 179, 221, 0.35);
  gap: 12px;
  text-decoration: none;
  color: #1f3444;
}

/* ---- SPECS SECTION ---- */
.zara-bs-complete-shower-system-specs {
  background: #ffffff;
  border-radius: 30px;
  padding: 40px;
  margin: 50px 0;
  border: 1px solid #dde3ec;
  box-shadow: 0 8px 20px rgba(15, 23, 42, 0.04);
}
.zara-bs-complete-shower-system-specs-list {
  list-style: none;
  padding: 0;
}
.zara-bs-complete-shower-system-specs-list li {
  padding: 15px;
  border-bottom: 1px solid #e5e7eb;
  font-size: 16px;
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
.zara-bs-complete-shower-system-specs-list strong {
  color: #1f3444;
  min-width: 140px;
  flex-shrink: 0;
}
.zara-bs-complete-shower-system-specs-list a { color: #5a8db5; text-decoration: none; }
.zara-bs-complete-shower-system-specs-list a:hover { text-decoration: underline; }
.zara-bs-complete-shower-system-cert-badge {
  background: #f5faff;
  padding: 5px 12px;
  border-radius: 50px;
  font-size: 14px;
  font-weight: 600;
  color: #5a8db5;
  display: inline-block;
  margin: 5px;
  text-decoration: none;
  border: 1px solid #c7e2f6;
}
.zara-bs-complete-shower-system-cert-badge:hover { background: linear-gradient(135deg, #e3f2fd, #c7e2f6); color: #1f3444; }

/* ---- ABOUT ---- */
.zara-bs-complete-shower-system-about {
  background: #f5faff;
  border-radius: 30px;
  padding: 50px;
  margin: 50px 0;
  border: 1px solid #c7e2f6;
}
.zara-bs-complete-shower-system-about-content {
  max-width: 1000px;
  margin: 0 auto;
  text-align: center;
}
.zara-bs-complete-shower-system-about-content p {
  font-size: 18px;
  line-height: 1.8;
  color: #4b5563;
  margin-bottom: 30px;
}
.zara-bs-complete-shower-system-about-content a { color: #5a8db5; text-decoration: none; font-weight: 600; }
.zara-bs-complete-shower-system-about-content a:hover { text-decoration: underline; }

/* ---- SUPPORT CARDS (were dark translucent � now airy) ---- */
.zara-bs-complete-shower-system-support-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
  margin-top: 30px;
}
.zara-bs-complete-shower-system-support-card {
  background: #ffffff;
  padding: 30px;
  border-radius: 20px;
  border: 1px solid #dde3ec;
  text-align: center;
  text-decoration: none;
  color: #1f3444;
  transition: all 0.3s ease;
}
.zara-bs-complete-shower-system-support-card:hover {
  background: #f5faff;
  transform: translateY(-5px);
  border-color: #7fb3dd;
  box-shadow: 0 12px 30px rgba(127, 179, 221, 0.15);
  text-decoration: none;
}
.zara-bs-complete-shower-system-support-card h3 {
  font-size: 20px;
  margin-bottom: 15px;
  color: #5a8db5;
}
.zara-bs-complete-shower-system-support-card p {
  color: #4b5563;
  line-height: 1.6;
  margin-bottom: 20px;
  font-size: 1rem;
}
.zara-bs-complete-shower-system-support-link {
  color: #5a8db5;
  text-decoration: none;
  font-weight: 700;
}
.zara-bs-complete-shower-system-support-card:hover .zara-bs-complete-shower-system-support-link {
  color: #1f3444;
}

/* ---- COMPARISON ---- */
.zara-bs-complete-shower-system-comparison {
  background: #ffffff;
  border-radius: 30px;
  padding: 50px;
  margin: 50px 0;
  border: 1px solid #dde3ec;
  box-shadow: 0 8px 20px rgba(15, 23, 42, 0.04);
}
.zara-bs-complete-shower-system-comparison-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
  max-width: 800px;
  margin: 30px auto 0;
}
.zara-bs-complete-shower-system-comparison-card {
  background: #f5faff;
  padding: 30px;
  border-radius: 20px;
  text-align: center;
  text-decoration: none;
  color: inherit;
  border: 1px solid #c7e2f6;
  transition: all 0.3s ease;
}
.zara-bs-complete-shower-system-comparison-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 15px 30px rgba(127, 179, 221, 0.18);
  border-color: #7fb3dd;
  text-decoration: none;
}
.zara-bs-complete-shower-system-comparison-card h3 {
  font-size: 22px;
  margin-bottom: 10px;
  color: #1f3444;
}
.zara-bs-complete-shower-system-comparison-card p {
  color: #6b7280;
  font-size: 14px;
}
.zara-bs-complete-shower-system-comparison-link {
  color: #5a8db5;
  font-weight: 700;
  margin-top: 15px;
  display: inline-block;
}

/* ---- INTERNAL LINKS ---- */
.zara-bs-complete-shower-system-internal-links {
  background: #f5faff;
  border-radius: 30px;
  padding: 40px;
  margin: 50px 0;
  border: 1px solid #c7e2f6;
}
.zara-bs-complete-shower-system-links-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 25px;
}
.zara-bs-complete-shower-system-link-group h4 {
  font-size: 18px;
  color: #1f3444;
  margin-bottom: 20px;
  border-bottom: 2px solid #7fb3dd;
  padding-bottom: 8px;
}
.zara-bs-complete-shower-system-link-group ul { list-style: none; padding: 0; margin: 0; }
.zara-bs-complete-shower-system-link-group li { margin-bottom: 12px; }
.zara-bs-complete-shower-system-link-group a {
  color: #5a8db5;
  text-decoration: none;
  font-size: 15px;
  transition: 0.3s;
}
.zara-bs-complete-shower-system-link-group a:hover {
  color: #1f3444;
  text-decoration: underline;
  padding-left: 5px;
}

/* ---- FAQ ---- */
.zara-bs-complete-shower-system-faq {
  max-width: 900px;
  margin: 50px auto;
}
.zara-bs-complete-shower-system-faq details {
  background: #f5faff;
  border-radius: 16px;
  margin-bottom: 12px;
  border: 1px solid #c7e2f6;
}
.zara-bs-complete-shower-system-faq summary {
  padding: 20px 25px;
  font-weight: 600;
  color: #1f3444;
  cursor: pointer;
  border-radius: 16px;
  font-size: 18px;
  list-style: none;
}
.zara-bs-complete-shower-system-faq summary::-webkit-details-marker { display: none; }
.zara-bs-complete-shower-system-faq details[open] summary {
  border-bottom: 2px solid #7fb3dd;
}
.zara-bs-complete-shower-system-faq-answer {
  padding: 20px 25px;
  margin: 0;
  background: #ffffff;
  border-radius: 0 0 16px 16px;
  line-height: 1.7;
  color: #4b5563;
  font-size: 1rem;
}
.zara-bs-complete-shower-system-faq a { color: #5a8db5; text-decoration: none; }
.zara-bs-complete-shower-system-faq a:hover { text-decoration: underline; }

/* ---- CTA SECTION (was dark navy) ---- */
.zara-bs-complete-shower-system-cta-section {
  position: relative;
  margin: 60px 0 40px;
  border-radius: 40px;
  overflow: hidden;
  background: linear-gradient(135deg, #ffffff 0%, #e0f6ff 50%, #f5faff 100%);
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.06);
  border: 1px solid #c7e2f6;
}
.zara-bs-complete-shower-system-cta-pattern {
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background-image:
    radial-gradient(circle at 20% 30%, rgba(127, 179, 221, 0.12) 0%, transparent 30%),
    radial-gradient(circle at 80% 70%, rgba(199, 226, 246, 0.18) 0%, transparent 40%),
    repeating-linear-gradient(45deg, rgba(127, 179, 221, 0.02) 0px, rgba(127, 179, 221, 0.02) 2px, transparent 2px, transparent 8px);
  pointer-events: none;
  z-index: 1;
}
.zara-bs-complete-shower-system-cta-content {
  position: relative;
  z-index: 2;
  padding: 60px 40px;
  color: #1f3444;
}
.zara-bs-complete-shower-system-cta-subtitle {
  text-align: center;
  font-size: 20px;
  color: #4b5563;
  max-width: 800px;
  margin: 0 auto 40px;
  line-height: 1.6;
  font-weight: 400;
}
.zara-bs-complete-shower-system-cta-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 25px;
  margin: 40px 0;
}
.zara-bs-complete-shower-system-cta-card {
  background: #ffffff;
  border: 1px solid #c7e2f6;
  border-radius: 24px;
  padding: 30px 25px;
  text-decoration: none;
  color: #1f3444;
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  position: relative;
  overflow: hidden;
  box-shadow: 0 8px 20px rgba(127, 179, 221, 0.08);
}
.zara-bs-complete-shower-system-cta-card::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 4px;
  background: linear-gradient(90deg, #7fb3dd, #b5d8ef);
  opacity: 0;
  transition: opacity 0.3s ease;
}
.zara-bs-complete-shower-system-cta-card:hover {
  background: #f5faff;
  transform: translateY(-8px);
  border-color: #7fb3dd;
  box-shadow: 0 20px 30px rgba(127, 179, 221, 0.18);
  text-decoration: none;
}
.zara-bs-complete-shower-system-cta-card:hover::before { opacity: 1; }
.zara-bs-complete-shower-system-cta-card h3 {
  font-size: 20px;
  font-weight: 700;
  margin: 20px 0 10px;
  color: #1f3444;
}
.zara-bs-complete-shower-system-cta-card p {
  font-size: 14px;
  line-height: 1.6;
  color: #4b5563;
  margin-bottom: 20px;
}
.zara-bs-complete-shower-system-cta-link {
  color: #5a8db5;
  text-decoration: none;
  font-weight: 700;
  transition: all 0.3s ease;
}
.zara-bs-complete-shower-system-cta-card:hover .zara-bs-complete-shower-system-cta-link { color: #1f3444; }
.zara-bs-complete-shower-system-cta-trust {
  display: flex;
  justify-content: center;
  gap: 40px;
  margin-top: 40px;
  padding-top: 30px;
  border-top: 1px solid #c7e2f6;
  flex-wrap: wrap;
}
.zara-bs-complete-shower-system-cta-trust .zara-bs-complete-shower-system-trust-item {
  color: #4b5563;
  font-size: 15px;
  font-weight: 600;
}
.zara-bs-complete-shower-system-trust-icon {
  background: #f5faff;
  color: #7fb3dd;
  width: 24px; height: 24px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  flex-shrink: 0;
  border: 1px solid #c7e2f6;
}

/* ---- CLOSING ---- */
.zara-bs-complete-shower-system-closing {
  background: linear-gradient(135deg, #f5faff 0%, #ffffff 50%, #e0f6ff 100%);
  border-radius: 30px;
  padding: 50px;
  margin: 60px 0 40px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 12px 30px rgba(127, 179, 221, 0.10);
  border: 1px solid #c7e2f6;
}
.zara-bs-complete-shower-system-closing::before {
  content: '';
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background:
    radial-gradient(circle at 0% 0%, rgba(127, 179, 221, 0.06) 0%, transparent 50%),
    radial-gradient(circle at 100% 100%, rgba(127, 179, 221, 0.06) 0%, transparent 50%);
  pointer-events: none;
}
.zara-bs-complete-shower-system-closing-content {
  max-width: 1000px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}
.zara-bs-complete-shower-system-closing-text {
  font-size: 17px;
  line-height: 1.9;
  color: #4b5563;
  margin-bottom: 25px;
  font-weight: 400;
}
.zara-bs-complete-shower-system-closing-text:last-child { margin-bottom: 0; }
.zara-bs-complete-shower-system-closing-text a {
  color: #5a8db5;
  text-decoration: none;
  font-weight: 600;
  transition: all 0.2s ease;
  border-bottom: 1px solid transparent;
}
.zara-bs-complete-shower-system-closing-text a:hover {
  color: #1f3444;
  border-bottom-color: #1f3444;
}

/* ---- BREADCRUMB ---- */
.zara-bs-complete-shower-system-breadcrumb {
  margin-top: 40px;
  font-size: 14px;
  color: #6b7280;
}
.zara-bs-complete-shower-system-breadcrumb a { color: #5a8db5; text-decoration: none; }
.zara-bs-complete-shower-system-breadcrumb a:hover { text-decoration: underline; }

/* ---- SECTION WRAPPER ---- */
.zara-bs-complete-shower-system-section-light { margin: 60px 0; }

/* ---- SECTION TITLE MODIFIER ---- */
.zara-bs-complete-shower-system-section-title-no-mt {
  color: #1f3444;
  margin-top: 0;
}

/* ---- ENGINEERING INTRO ---- */
.zara-bs-complete-shower-system-engineering-intro {
  text-align: center;
  color: #4b5563;
  font-size: 18px;
  max-width: 800px;
  margin: 0 auto 30px;
  line-height: 1.6;
}

/* ---- RESPONSIVE ---- */
@media (max-width: 1024px) {
  .zara-bs-complete-shower-system-grid-4,
  .zara-bs-complete-shower-system-why-grid,
  .zara-bs-complete-shower-system-links-grid,
  .zara-bs-complete-shower-system-products-grid,
  .zara-bs-complete-shower-system-cta-grid,
  .zara-bs-complete-shower-system-support-grid,
  .zara-bs-complete-shower-system-comparison-grid { grid-template-columns: repeat(2, 1fr); }
  .zara-bs-complete-shower-system-apps-grid { grid-template-columns: repeat(3, 1fr); }
  .zara-bs-complete-shower-system-grid-2 { grid-template-columns: 1fr; }
}
@media (max-width: 768px) {
  .zara-bs-complete-shower-system-hero h1 { font-size: 32px; }
  .zara-bs-complete-shower-system-hero { padding: 50px 20px; }
  .zara-bs-complete-shower-system-hero-desc { padding: 15px; border-radius: 30px; font-size: 16px; }
  .zara-bs-complete-shower-system-grid-4,
  .zara-bs-complete-shower-system-why-grid,
  .zara-bs-complete-shower-system-links-grid,
  .zara-bs-complete-shower-system-apps-grid,
  .zara-bs-complete-shower-system-products-grid,
  .zara-bs-complete-shower-system-cta-grid,
  .zara-bs-complete-shower-system-support-grid,
  .zara-bs-complete-shower-system-comparison-grid { grid-template-columns: 1fr; }
  .zara-bs-complete-shower-system-grid-3 { grid-template-columns: 1fr; }
  .zara-bs-complete-shower-system-section-title { font-size: 28px; }
  .zara-bs-complete-shower-system-engineering,
  .zara-bs-complete-shower-system-about,
  .zara-bs-complete-shower-system-dark-section,
  .zara-bs-complete-shower-system-comparison,
  .zara-bs-complete-shower-system-closing { padding: 30px 20px; }
  .zara-bs-complete-shower-system-cta-trust { flex-direction: column; align-items: center; gap: 15px; }
  .zara-bs-complete-shower-system-cta-subtitle { font-size: 18px; }
}


/* ===== BASE ===== */
.zara-bs-shower-valves {
  max-width: 1400px;
  margin: 0 auto;
  padding: 20px;
  direction: ltr;
}
.zara-bs-shower-valves .zara-bs-sv-wrap {
  background: #ffffff;
  border-radius: 24px;
  padding: 30px;
  box-shadow: 0 10px 40px rgba(15, 23, 42, 0.05);
}

/* ===== HERO (was dark teal/cyan) ===== */
.zara-bs-shower-valves .zara-bs-sv-hero {
  position: relative;
  background: linear-gradient(145deg, #ffffff, #e0f6ff, #f5faff);
  color: #1f3444;
  padding: 80px 40px;
  border-radius: 30px;
  text-align: center;
  overflow: hidden;
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.06);
  border: 1px solid #c7e2f6;
}
.zara-bs-shower-valves .zara-bs-sv-hero::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background:
    radial-gradient(circle at 20% 30%, rgba(127, 179, 221, 0.12) 0%, transparent 30%),
    radial-gradient(circle at 80% 70%, rgba(199, 226, 246, 0.18) 0%, transparent 40%),
    repeating-linear-gradient(45deg, rgba(127, 179, 221, 0.02) 0px, rgba(127, 179, 221, 0.02) 2px, transparent 2px, transparent 8px),
    repeating-linear-gradient(135deg, rgba(127, 179, 221, 0.01) 0px, rgba(127, 179, 221, 0.01) 1px, transparent 1px, transparent 4px);
  pointer-events: none;
}
.zara-bs-shower-valves .zara-bs-sv-eyebrow {
  position: relative;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 4px;
  color: #5a8db5;
  margin-bottom: 20px;
  font-weight: 600;
  display: inline-block;
  padding: 5px 20px;
  background: #ffffff;
  border-radius: 50px;
  border: 1px solid #c7e2f6;
}
.zara-bs-shower-valves .zara-bs-sv-h1 {
  position: relative;
  font-size: 52px;
  font-weight: 900;
  margin-bottom: 25px;
  line-height: 1.2;
  color: #1f3444;
}
.zara-bs-shower-valves .zara-bs-sv-hero-desc {
  position: relative;
  font-size: 18px;
  max-width: 900px;
  margin: 0 auto 25px;
  line-height: 1.7;
  color: #4b5563;
  background: #ffffff;
  padding: 20px 30px;
  border-radius: 60px;
  border: 1px solid #c7e2f6;
  font-weight: 500;
  box-shadow: 0 8px 20px rgba(127, 179, 221, 0.10);
  justify-self: center;
}
.zara-bs-shower-valves .zara-bs-sv-hero-desc a { color: #5a8db5; text-decoration: underline; font-weight: 700; }
.zara-bs-shower-valves .zara-bs-sv-hero-desc a:hover { color: #1f3444; }

.zara-bs-shower-valves .zara-bs-sv-authority {
  display: flex;
  justify-content: center;
  gap: 30px;
  margin: 20px 0 30px;
  flex-wrap: wrap;
  position: relative;
}
.zara-bs-shower-valves .zara-bs-sv-authority-link {
  color: #5a8db5;
  text-decoration: none;
  font-size: 14px;
  font-weight: 600;
  padding: 5px 15px;
  background: #f5faff;
  border-radius: 50px;
  border: 1px solid #c7e2f6;
  transition: all 0.2s;
}
.zara-bs-shower-valves .zara-bs-sv-authority-link:hover { background: linear-gradient(135deg, #e3f2fd, #c7e2f6); color: #1f3444; border-color: #7fb3dd; }

.zara-bs-shower-valves .zara-bs-sv-trust-bar {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 30px;
  margin: 30px 0 25px;
}
.zara-bs-shower-valves .zara-bs-sv-trust-item {
  background: #ffffff;
  padding: 6px 25px;
  border-radius: 50px;
  border: 1px solid #c7e2f6;
  font-weight: 600;
  font-size: 16px;
  color: #1f3444;
  display: flex;
  align-items: center;
  gap: 8px;
  box-shadow: 0 4px 12px rgba(127, 179, 221, 0.12);
}
.zara-bs-shower-valves .zara-bs-sv-trust-item a { color: #1f3444; text-decoration: none; }
.zara-bs-shower-valves .zara-bs-sv-trust-item a:hover { color: #5a8db5; }

.zara-bs-shower-valves .zara-bs-sv-cta-row {
  position: relative;
  display: flex;
  gap: 20px;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 20px;
}
.zara-bs-shower-valves .zara-bs-sv-btn {
  padding: 12px 32px;
  border-radius: 50px;
  text-decoration: none;
  font-weight: 600;
  display: inline-block;
  font-size: 16px;
  letter-spacing: 0.5px;
  border: 2px solid transparent;
  transition: all 0.3s ease;
}
.zara-bs-shower-valves .zara-bs-sv-btn-primary {
  background: linear-gradient(135deg, #e3f2fd, #c7e2f6);
  color: #1f3444;
  box-shadow: 0 10px 24px rgba(127, 179, 221, 0.25);
  border: 1px solid #c7e2f6;
}
.zara-bs-shower-valves .zara-bs-sv-btn-primary:hover {
  background: linear-gradient(135deg, #d6ecfb, #b5d8ef);
  border-color: #b5d8ef;
  transform: translateY(-3px);
  box-shadow: 0 14px 28px rgba(127, 179, 221, 0.35);
  color: #1f3444;
  text-decoration: none;
}
/* gold btn &#8594; solid soft blue */
.zara-bs-shower-valves .zara-bs-sv-btn-gold {
  background: linear-gradient(135deg, #5a8db5, #7fb3dd);
  color: #ffffff;
  box-shadow: 0 10px 24px rgba(127, 179, 221, 0.30);
  border: 1px solid #7fb3dd;
}
.zara-bs-shower-valves .zara-bs-sv-btn-gold:hover {
  background: linear-gradient(135deg, #4a7da5, #5a8db5);
  transform: translateY(-3px);
  box-shadow: 0 14px 28px rgba(127, 179, 221, 0.40);
  color: #ffffff;
  text-decoration: none;
}

/* ===== SECTION TITLES ===== */
.zara-bs-shower-valves .zara-bs-sv-section-title {
  text-align: center;
  font-size: 36px;
  font-weight: 800;
  color: #1f3444;
  margin-bottom: 40px;
  position: relative;
  padding-bottom: 15px;
}
.zara-bs-shower-valves .zara-bs-sv-section-title::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 80px;
  height: 4px;
  background: linear-gradient(135deg, #7fb3dd, #b5d8ef);
  border-radius: 2px;
}
.zara-bs-shower-valves .zara-bs-sv-section-title-white {
  color: #1f3444;
}
.zara-bs-shower-valves .zara-bs-sv-section-title-white::after {
  background: linear-gradient(135deg, #7fb3dd, #b5d8ef);
}
.zara-bs-shower-valves .zara-bs-sv-section-title-no-mt {
  margin-top: 0;
  color: #1f3444;
}

/* ===== GRIDS ===== */
.zara-bs-shower-valves .zara-bs-sv-grid-2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
  margin-top: 20px;
}
.zara-bs-shower-valves .zara-bs-sv-grid-4 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 25px;
  margin: 40px 0;
}

/* ===== SECTION LIGHT ===== */
.zara-bs-shower-valves .zara-bs-sv-section-light {
  margin: 60px 0;
}

/* ===== CATEGORY CARDS ===== */
.zara-bs-shower-valves .zara-bs-sv-cat-card {
  background: #f5faff;
  border-radius: 20px;
  padding: 30px 20px;
  text-align: center;
  transition: 0.3s;
  border: 1px solid #dde3ec;
  text-decoration: none;
  color: inherit;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 250px;
}
.zara-bs-shower-valves .zara-bs-sv-cat-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 30px rgba(127, 179, 221, 0.18);
  border-color: #7fb3dd;
}
.zara-bs-shower-valves .zara-bs-sv-cat-icon {
  width: 48px;
  height: 48px;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.zara-bs-shower-valves .zara-bs-sv-cat-icon svg {
  width: 100%;
  height: 100%;
  stroke: #7fb3dd;
  transition: all 0.3s ease;
}
.zara-bs-shower-valves .zara-bs-sv-cat-card:hover .zara-bs-sv-cat-icon svg { stroke: #5a8db5; transform: scale(1.1); }
#content_area .zara-bs-shower-valves .zara-bs-sv-cat-card .zara-bs-sv-cat-h3 {
  font-size: 20px;
  font-weight: 700 !important;
  margin-bottom: 10px;
  color: #1f3444 !important;
  transition: color 0.3s ease;
}
.zara-bs-shower-valves .zara-bs-sv-cat-card:hover .zara-bs-sv-cat-h3 { color: #5a8db5; }
.zara-bs-shower-valves .zara-bs-sv-cat-card .zara-bs-sv-cat-p {
  font-size: 14px;
  color: #6b7280;
  margin: 0;
  line-height: 1.6;
}

/* ===== ENGINEERING SECTION ===== */
.zara-bs-shower-valves .zara-bs-sv-engineering {
  background: linear-gradient(135deg, #f5faff, #e0f6ff);
  border-radius: 30px;
  padding: 50px;
  margin: 50px 0;
  border: 1px solid #c7e2f6;
}
.zara-bs-shower-valves .zara-bs-sv-engineering-intro {
  text-align: center;
  color: #4b5563;
  font-size: 18px;
  max-width: 800px;
  margin: 0 auto 30px;
  line-height: 1.7;
}
.zara-bs-shower-valves .zara-bs-sv-eng-item {
  background: #ffffff;
  padding: 30px;
  border-radius: 20px;
  box-shadow: 0 8px 20px rgba(15, 23, 42, 0.04);
  border-left: 5px solid #7fb3dd;
}
.zara-bs-shower-valves .zara-bs-sv-eng-item h3 {
  font-size: 22px;
  margin-bottom: 15px;
  color: #1f3444;
  font-weight: 700;
}
.zara-bs-shower-valves .zara-bs-sv-eng-item p { color: #4b5563; line-height: 1.6; margin: 0; }
.zara-bs-shower-valves .zara-bs-sv-eng-item a { color: #5a8db5; text-decoration: none; font-weight: 600; }
.zara-bs-shower-valves .zara-bs-sv-eng-item a:hover { text-decoration: underline; color: #1f3444; }

/* ===== DARK SECTION (was dark navy � now airy) ===== */
.zara-bs-shower-valves .zara-bs-sv-dark-section {
  background: linear-gradient(135deg, #ffffff, #e0f6ff);
  color: #1f3444;
  border-radius: 30px;
  padding: 50px;
  margin: 50px 0;
  border: 1px solid #c7e2f6;
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.06);
}
.zara-bs-shower-valves .zara-bs-sv-dark-desc {
  text-align: center;
  color: #4b5563;
  font-size: 18px;
  max-width: 800px;
  margin: 0 auto 30px;
  line-height: 1.7;
}
.zara-bs-shower-valves .zara-bs-sv-specify-item {
  background: #ffffff;
  padding: 30px;
  border-radius: 20px;
  border: 1px solid #dde3ec;
  box-shadow: 0 8px 20px rgba(15, 23, 42, 0.03);
}
.zara-bs-shower-valves .zara-bs-sv-specify-item h3 {
  font-size: 22px;
  margin-bottom: 15px;
  color: #5a8db5;
  font-weight: 700;
}
.zara-bs-shower-valves .zara-bs-sv-specify-item p { color: #4b5563; line-height: 1.6; margin-bottom: 20px; }
.zara-bs-shower-valves .zara-bs-sv-specify-item a { color: #5a8db5; text-decoration: none; font-weight: 600; }
.zara-bs-shower-valves .zara-bs-sv-specify-item a:hover { text-decoration: underline; color: #1f3444; }

.zara-bs-shower-valves .zara-bs-sv-commercial-item {
  background: #ffffff;
  padding: 30px;
  border-radius: 20px;
  border: 1px solid #dde3ec;
  text-align: center;
  box-shadow: 0 8px 20px rgba(15, 23, 42, 0.03);
}
.zara-bs-shower-valves .zara-bs-sv-commercial-item h3 { font-size: 22px; margin-bottom: 15px; color: #5a8db5; font-weight: 700; }
.zara-bs-shower-valves .zara-bs-sv-commercial-item p { color: #4b5563; line-height: 1.6; }
.zara-bs-shower-valves .zara-bs-sv-commercial-item a { color: #5a8db5; text-decoration: none; font-weight: 600; }
.zara-bs-shower-valves .zara-bs-sv-commercial-item a:hover { text-decoration: underline; color: #1f3444; }

/* ===== SUPPORT CARDS (was dark translucent � now airy) ===== */
.zara-bs-shower-valves .zara-bs-sv-support-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
  margin-top: 30px;
}
.zara-bs-shower-valves .zara-bs-sv-support-card {
  background: #ffffff;
  padding: 30px;
  border-radius: 20px;
  border: 1px solid #dde3ec;
  text-align: center;
  text-decoration: none;
  color: #1f3444;
  transition: all 0.3s ease;
  display: block;
}
.zara-bs-shower-valves .zara-bs-sv-support-card:hover { background: #f5faff; transform: translateY(-5px); border-color: #7fb3dd; box-shadow: 0 12px 30px rgba(127, 179, 221, 0.15); }
.zara-bs-shower-valves .zara-bs-sv-support-card h3 { font-size: 20px; margin-bottom: 15px; color: #5a8db5; }
.zara-bs-shower-valves .zara-bs-sv-support-card p { color: #4b5563; line-height: 1.6; margin-bottom: 20px; }
.zara-bs-shower-valves .zara-bs-sv-support-link { color: #5a8db5; text-decoration: none; font-weight: 700; }
.zara-bs-shower-valves .zara-bs-sv-support-card:hover .zara-bs-sv-support-link { color: #1f3444; }

/* ===== APPS GRID ===== */
.zara-bs-shower-valves .zara-bs-sv-apps-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 20px;
  margin: 40px 0;
}
.zara-bs-shower-valves .zara-bs-sv-app-card {
  background: #f5faff;
  border-radius: 16px;
  padding: 20px;
  text-align: center;
  font-weight: 700;
  color: #1f3444;
  border: 1px solid #c7e2f6;
  transition: 0.3s;
  text-decoration: none;
  display: block;
}
.zara-bs-shower-valves .zara-bs-sv-app-card:hover { background: linear-gradient(135deg, #e3f2fd, #c7e2f6); color: #1f3444; transform: translateY(-3px); border-color: #7fb3dd; }

/* ===== PRODUCTS ===== */
.zara-bs-shower-valves .zara-bs-sv-products { margin: 60px 0; }
.zara-bs-shower-valves .zara-bs-sv-products-desc {
  text-align: center;
  font-size: 18px;
  color: #6b7280;
  max-width: 800px;
  margin: -20px auto 40px;
  line-height: 1.6;
}
.zara-bs-shower-valves .zara-bs-sv-products-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  margin: 40px 0;
}
.zara-bs-shower-valves .zara-bs-sv-product-card {
  background: #ffffff;
  border: 1px solid #dde3ec;
  border-radius: 20px;
  overflow: hidden;
  transition: all 0.3s ease;
  position: relative;
  display: flex;
  flex-direction: column;
  box-shadow: 0 8px 20px rgba(15, 23, 42, 0.03);
}
.zara-bs-shower-valves .zara-bs-sv-product-card:hover { transform: translateY(-8px); box-shadow: 0 20px 30px rgba(127, 179, 221, 0.18); border-color: #7fb3dd; }
.zara-bs-shower-valves .zara-bs-sv-product-badge {
  position: absolute;
  top: 15px;
  left: 15px;
  background: linear-gradient(135deg, #e3f2fd, #c7e2f6);
  color: #1f3444;
  padding: 5px 12px;
  border-radius: 50px;
  font-size: 12px;
  font-weight: 700;
  z-index: 2;
  border: 1px solid #c7e2f6;
}
.zara-bs-shower-valves .zara-bs-sv-product-img {
  background: #f5faff;
  padding: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid #dde3ec;
}
.zara-bs-shower-valves .zara-bs-sv-product-img svg {
  width: 120px;
  height: 120px;
  transition: transform 0.3s ease;
}
.zara-bs-shower-valves .zara-bs-sv-product-card:hover .zara-bs-sv-product-img svg { transform: scale(1.05); }
.zara-bs-shower-valves .zara-bs-sv-product-content {
  padding: 25px;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.zara-bs-shower-valves .zara-bs-sv-product-content h3 { font-size: 20px; font-weight: 700; color: #1f3444; margin-bottom: 15px; line-height: 1.4; }
.zara-bs-shower-valves .zara-bs-sv-product-specs { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 20px; }
.zara-bs-shower-valves .zara-bs-sv-product-spec {
  background: #f5faff;
  color: #5a8db5;
  padding: 4px 10px;
  border-radius: 50px;
  font-size: 12px;
  font-weight: 600;
  border: 1px solid #c7e2f6;
}
.zara-bs-shower-valves .zara-bs-sv-product-footer { margin-top: auto; border-top: 1px solid #dde3ec; padding-top: 20px; }
.zara-bs-shower-valves .zara-bs-sv-product-link {
  color: #5a8db5;
  text-decoration: none;
  font-weight: 700;
  font-size: 15px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  transition: all 0.3s ease;
}
.zara-bs-shower-valves .zara-bs-sv-product-link:hover { color: #1f3444; gap: 10px; }
.zara-bs-shower-valves .zara-bs-sv-link-arrow { font-size: 18px; line-height: 1; transition: transform 0.3s ease; }
.zara-bs-shower-valves .zara-bs-sv-product-link:hover .zara-bs-sv-link-arrow { transform: translateX(5px); }
.zara-bs-shower-valves .zara-bs-sv-view-all { text-align: center; margin-top: 40px; }
.zara-bs-shower-valves .zara-bs-sv-view-all-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: linear-gradient(135deg, #e3f2fd, #c7e2f6);
  color: #1f3444;
  padding: 15px 35px;
  border-radius: 50px;
  text-decoration: none;
  font-weight: 700;
  font-size: 16px;
  transition: all 0.3s ease;
  box-shadow: 0 10px 24px rgba(127, 179, 221, 0.25);
  border: 1px solid #c7e2f6;
}
.zara-bs-shower-valves .zara-bs-sv-view-all-link:hover { background: linear-gradient(135deg, #d6ecfb, #b5d8ef); border-color: #b5d8ef; transform: translateY(-3px); box-shadow: 0 14px 28px rgba(127, 179, 221, 0.35); gap: 12px; text-decoration: none; color: #1f3444; }

/* ===== SPECS ===== */
.zara-bs-shower-valves .zara-bs-sv-specs {
  background: #ffffff;
  border-radius: 30px;
  padding: 40px;
  margin: 50px 0;
  border: 1px solid #dde3ec;
  box-shadow: 0 8px 20px rgba(15, 23, 42, 0.04);
}
.zara-bs-shower-valves .zara-bs-sv-specs-list { list-style: none; padding: 0; }
.zara-bs-shower-valves .zara-bs-sv-specs-list li {
  padding: 15px;
  border-bottom: 1px solid #e5e7eb;
  font-size: 16px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.zara-bs-shower-valves .zara-bs-sv-specs-list li strong { color: #1f3444; min-width: 140px; }
.zara-bs-shower-valves .zara-bs-sv-specs-list a { color: #5a8db5; text-decoration: none; }
.zara-bs-shower-valves .zara-bs-sv-specs-list a:hover { text-decoration: underline; }
.zara-bs-shower-valves .zara-bs-sv-cert-badge {
  background: #f5faff;
  padding: 5px 12px;
  border-radius: 50px;
  font-size: 14px;
  font-weight: 700;
  color: #5a8db5;
  display: inline-block;
  margin: 5px;
  text-decoration: none;
  border: 1px solid #c7e2f6;
}
.zara-bs-shower-valves .zara-bs-sv-cert-badge:hover { background: linear-gradient(135deg, #e3f2fd, #c7e2f6); color: #1f3444; }

/* ===== COMPARISON ===== */
.zara-bs-shower-valves .zara-bs-sv-comparison {
  background: #ffffff;
  border-radius: 30px;
  padding: 50px;
  margin: 50px 0;
  border: 1px solid #dde3ec;
  box-shadow: 0 8px 20px rgba(15, 23, 42, 0.04);
}
.zara-bs-shower-valves .zara-bs-sv-comparison-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
  max-width: 800px;
  margin: 30px auto 0;
}
.zara-bs-shower-valves .zara-bs-sv-comparison-card {
  background: #f5faff;
  padding: 30px;
  border-radius: 20px;
  text-align: center;
  text-decoration: none;
  color: inherit;
  border: 1px solid #c7e2f6;
  transition: all 0.3s ease;
}
.zara-bs-shower-valves .zara-bs-sv-comparison-card:hover { transform: translateY(-5px); box-shadow: 0 15px 30px rgba(127, 179, 221, 0.18); border-color: #7fb3dd; }
.zara-bs-shower-valves .zara-bs-sv-comparison-card h3 { font-size: 22px; margin-bottom: 10px; color: #1f3444; }
.zara-bs-shower-valves .zara-bs-sv-comparison-card p { color: #6b7280; font-size: 14px; }
.zara-bs-shower-valves .zara-bs-sv-comparison-link { color: #5a8db5; font-weight: 700; margin-top: 15px; display: inline-block; }

/* ===== INTERNAL LINKS ===== */
.zara-bs-shower-valves .zara-bs-sv-internal-links {
  background: #f5faff;
  border-radius: 30px;
  padding: 40px;
  margin: 50px 0;
  border: 1px solid #c7e2f6;
}
.zara-bs-shower-valves .zara-bs-sv-links-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 25px;
}
.zara-bs-shower-valves .zara-bs-sv-link-group h4 {
  font-size: 18px;
  color: #1f3444;
  margin-bottom: 20px;
  border-bottom: 2px solid #7fb3dd;
  padding-bottom: 8px;
}
.zara-bs-shower-valves .zara-bs-sv-link-group ul { list-style: none; padding: 0; margin: 0; }
.zara-bs-shower-valves .zara-bs-sv-link-group li { margin-bottom: 12px; }
.zara-bs-shower-valves .zara-bs-sv-link-group a { color: #5a8db5; text-decoration: none; font-size: 15px; transition: 0.3s; }
.zara-bs-shower-valves .zara-bs-sv-link-group a:hover { color: #1f3444; text-decoration: underline; padding-left: 5px; }

/* ===== FAQ ===== */
.zara-bs-shower-valves .zara-bs-sv-faq { max-width: 900px; margin: 50px auto; }
.zara-bs-shower-valves .zara-bs-sv-faq details {
  background: #f5faff;
  border-radius: 16px;
  margin-bottom: 12px;
  border: 1px solid #c7e2f6;
}
.zara-bs-shower-valves .zara-bs-sv-faq summary {
  padding: 20px 25px;
  font-weight: 600;
  color: #1f3444;
  cursor: pointer;
  border-radius: 16px;
  font-size: 18px;
}
.zara-bs-shower-valves .zara-bs-sv-faq details[open] summary { border-bottom: 2px solid #7fb3dd; }
.zara-bs-shower-valves .zara-bs-sv-faq-answer {
  padding: 20px 25px;
  margin: 0;
  background: #ffffff;
  border-radius: 0 0 16px 16px;
  line-height: 1.7;
  color: #4b5563;
}
.zara-bs-shower-valves .zara-bs-sv-faq a { color: #5a8db5; text-decoration: none; }
.zara-bs-shower-valves .zara-bs-sv-faq a:hover { text-decoration: underline; }

/* ===== CTA SECTION (was dark navy) ===== */
.zara-bs-shower-valves .zara-bs-sv-cta-section {
  position: relative;
  margin: 60px 0 40px;
  border-radius: 40px;
  overflow: hidden;
  background: linear-gradient(135deg, #ffffff 0%, #e0f6ff 50%, #f5faff 100%);
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.06);
  border: 1px solid #c7e2f6;
}
.zara-bs-shower-valves .zara-bs-sv-cta-pattern {
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  background-image:
    radial-gradient(circle at 20% 30%, rgba(127, 179, 221, 0.12) 0%, transparent 30%),
    radial-gradient(circle at 80% 70%, rgba(199, 226, 246, 0.18) 0%, transparent 40%),
    repeating-linear-gradient(45deg, rgba(127, 179, 221, 0.02) 0px, rgba(127, 179, 221, 0.02) 2px, transparent 2px, transparent 8px);
  pointer-events: none;
}
.zara-bs-shower-valves .zara-bs-sv-cta-content {
  position: relative;
  z-index: 2;
  padding: 60px 40px;
  color: #1f3444;
}
.zara-bs-shower-valves .zara-bs-sv-cta-subtitle {
  text-align: center;
  font-size: 20px;
  color: #4b5563;
  max-width: 800px;
  margin: 0 auto 40px;
  line-height: 1.6;
  font-weight: 400;
}
.zara-bs-shower-valves .zara-bs-sv-cta-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 25px;
  margin: 40px 0;
}
.zara-bs-shower-valves .zara-bs-sv-cta-card {
  background: #ffffff;
  border: 1px solid #c7e2f6;
  border-radius: 24px;
  padding: 30px 25px;
  text-decoration: none;
  color: #1f3444;
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  position: relative;
  overflow: hidden;
  box-shadow: 0 8px 20px rgba(127, 179, 221, 0.08);
}
.zara-bs-shower-valves .zara-bs-sv-cta-card:hover { background: #f5faff; transform: translateY(-8px); border-color: #7fb3dd; box-shadow: 0 20px 30px rgba(127, 179, 221, 0.18); text-decoration: none; }
.zara-bs-shower-valves .zara-bs-sv-cta-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #7fb3dd, #b5d8ef); opacity: 0; transition: opacity 0.3s ease; }
.zara-bs-shower-valves .zara-bs-sv-cta-card:hover::before { opacity: 1; }
.zara-bs-shower-valves .zara-bs-sv-cta-card h3 { font-size: 20px; font-weight: 700; margin: 20px 0 10px; color: #1f3444; }
.zara-bs-shower-valves .zara-bs-sv-cta-card p { font-size: 14px; line-height: 1.6; color: #4b5563; margin-bottom: 20px; }
.zara-bs-shower-valves .zara-bs-sv-cta-link { color: #5a8db5; text-decoration: none; font-weight: 700; transition: all 0.3s ease; }
.zara-bs-shower-valves .zara-bs-sv-cta-card:hover .zara-bs-sv-cta-link { color: #1f3444; }
.zara-bs-shower-valves .zara-bs-sv-cta-trust {
  display: flex;
  justify-content: center;
  gap: 40px;
  margin-top: 40px;
  padding-top: 30px;
  border-top: 1px solid #c7e2f6;
}
.zara-bs-shower-valves .zara-bs-sv-cta-trust-item {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #4b5563;
  font-size: 15px;
  font-weight: 600;
}
.zara-bs-shower-valves .zara-bs-sv-trust-icon {
  background: #f5faff;
  color: #7fb3dd;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  border: 1px solid #c7e2f6;
}

/* ===== CLOSING ===== */
.zara-bs-shower-valves .zara-bs-sv-closing {
  background: linear-gradient(135deg, #f5faff 0%, #ffffff 50%, #e0f6ff 100%);
  border-radius: 30px;
  padding: 50px;
  margin: 60px 0 40px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 12px 30px rgba(127, 179, 221, 0.10);
  border: 1px solid #c7e2f6;
}
.zara-bs-shower-valves .zara-bs-sv-closing::before {
  content: '';
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background:
    radial-gradient(circle at 0% 0%, rgba(127, 179, 221, 0.06) 0%, transparent 50%),
    radial-gradient(circle at 100% 100%, rgba(127, 179, 221, 0.06) 0%, transparent 50%);
  pointer-events: none;
}
.zara-bs-shower-valves .zara-bs-sv-closing-content { max-width: 1000px; margin: 0 auto; position: relative; z-index: 2; }
.zara-bs-shower-valves .zara-bs-sv-closing-text {
  font-size: 17px;
  line-height: 1.9;
  color: #4b5563;
  margin-bottom: 25px;
  font-weight: 400;
  text-align: left;
}
.zara-bs-shower-valves .zara-bs-sv-closing-text:last-child { margin-bottom: 0; }
.zara-bs-shower-valves .zara-bs-sv-closing-text a { color: #5a8db5; text-decoration: none; font-weight: 600; border-bottom: 1px solid transparent; transition: all 0.2s ease; }
.zara-bs-shower-valves .zara-bs-sv-closing-text a:hover { color: #1f3444; border-bottom-color: #1f3444; }

/* ===== BREADCRUMB ===== */
.zara-bs-shower-valves .zara-bs-sv-breadcrumb { margin-top: 40px; font-size: 14px; color: #6b7280; }
.zara-bs-shower-valves .zara-bs-sv-breadcrumb a { color: #5a8db5; text-decoration: none; }
.zara-bs-shower-valves .zara-bs-sv-breadcrumb a:hover { text-decoration: underline; }

/* ===== RESPONSIVE ===== */
@media (max-width: 1024px) {
  .zara-bs-shower-valves .zara-bs-sv-grid-4,
  .zara-bs-shower-valves .zara-bs-sv-links-grid,
  .zara-bs-shower-valves .zara-bs-sv-products-grid,
  .zara-bs-shower-valves .zara-bs-sv-cta-grid,
  .zara-bs-shower-valves .zara-bs-sv-support-grid,
  .zara-bs-shower-valves .zara-bs-sv-comparison-grid { grid-template-columns: repeat(2, 1fr); }
  .zara-bs-shower-valves .zara-bs-sv-apps-grid { grid-template-columns: repeat(3, 1fr); }
  .zara-bs-shower-valves .zara-bs-sv-grid-2 { grid-template-columns: 1fr; }
}
@media (max-width: 768px) {
  .zara-bs-shower-valves .zara-bs-sv-hero { padding: 50px 20px; }
  .zara-bs-shower-valves .zara-bs-sv-h1 { font-size: 32px; }
  .zara-bs-shower-valves .zara-bs-sv-hero-desc { padding: 15px; border-radius: 30px; font-size: 16px; }
  .zara-bs-shower-valves .zara-bs-sv-grid-4,
  .zara-bs-shower-valves .zara-bs-sv-links-grid,
  .zara-bs-shower-valves .zara-bs-sv-apps-grid,
  .zara-bs-shower-valves .zara-bs-sv-products-grid,
  .zara-bs-shower-valves .zara-bs-sv-cta-grid,
  .zara-bs-shower-valves .zara-bs-sv-support-grid,
  .zara-bs-shower-valves .zara-bs-sv-comparison-grid { grid-template-columns: 1fr; }
  .zara-bs-shower-valves .zara-bs-sv-section-title { font-size: 28px; }
  .zara-bs-shower-valves .zara-bs-sv-dark-section,
  .zara-bs-shower-valves .zara-bs-sv-engineering,
  .zara-bs-shower-valves .zara-bs-sv-comparison,
  .zara-bs-shower-valves .zara-bs-sv-closing { padding: 30px 20px; }
  .zara-bs-shower-valves .zara-bs-sv-cta-trust { flex-direction: column; align-items: center; gap: 15px; }
  .zara-bs-shower-valves .zara-bs-sv-cta-subtitle { font-size: 18px; }
}


/* ===== BASE ===== */
.bs-best-faucet-brands {
  color: #1f3444;
  line-height: 1.6;
}
.bs-best-faucet-brands .bs-bfb-container {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 24px;
}
.bs-best-faucet-brands a {
  color: #5a8db5;
  text-decoration: none;
  font-weight: 600;
  transition: all 0.3s ease;
  border-bottom: 1px solid transparent;
}
.bs-best-faucet-brands a:hover {
  color: #1f3444;
  border-bottom-color: #5a8db5;
}

/* ===== HERO (was dark navy) ===== */
.bs-best-faucet-brands .bs-bfb-hero {
  position: relative;
  min-height: 90vh;
  background: linear-gradient(145deg, #ffffff 0%, #e0f6ff 100%);
  overflow: hidden;
  display: flex;
  align-items: center;
  margin-bottom: 40px;
  border-bottom: 1px solid #c7e2f6;
}
.bs-best-faucet-brands .bs-bfb-hero::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background: url('data:image/svg+xml,<svg xmlns="https://www.w3.org/2000/svg" viewBox="0 0 100 100" opacity="0.1"><path d="M20 20 L80 20 L80 80 L20 80 Z" fill="none" stroke="%237fb3dd" stroke-width="0.5"/><circle cx="50" cy="50" r="15" fill="none" stroke="%237fb3dd" stroke-width="0.5"/></svg>');
  background-size: 60px;
  opacity: 0.15;
  pointer-events: none;
}
.bs-best-faucet-brands .bs-bfb-hero-pattern {
  position: absolute;
  top: 0; right: 0;
  width: 40%;
  height: 100%;
  background: linear-gradient(45deg, transparent 30%, rgba(127, 179, 221, 0.06) 100%);
  clip-path: polygon(25% 0%, 100% 0%, 100% 100%, 0% 100%);
}
.bs-best-faucet-brands .bs-bfb-hero-content {
  position: relative;
  z-index: 2;
  /* max-width: 900px; */
  padding: 60px 40px;
  color: #1f3444;
}
.bs-best-faucet-brands .bs-bfb-breadcrumb {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 30px;
  font-size: 14px;
  color: #6b7280;
  flex-wrap: wrap;
}
.bs-best-faucet-brands .bs-bfb-breadcrumb a {
  color: #6b7280;
  text-decoration: none;
  border-bottom: none;
  transition: color 0.3s;
}
.bs-best-faucet-brands .bs-bfb-breadcrumb a:hover { color: #5a8db5; border-bottom: none; }
.bs-best-faucet-brands .bs-bfb-breadcrumb-sep { color: #d1d5db; }
.bs-best-faucet-brands .bs-bfb-breadcrumb-current { color: #1f3444; font-weight: 600; }
.bs-best-faucet-brands .bs-bfb-hero-badge {
  display: inline-block;
  background: #ffffff;
  border: 1px solid #c7e2f6;
  padding: 8px 20px;
  border-radius: 40px;
  font-size: 14px;
  font-weight: 600;
  color: #5a8db5;
  margin-bottom: 25px;
  letter-spacing: 0.5px;
}
.bs-best-faucet-brands .bs-bfb-hero-sub {
  display: block;
  font-size: 18px;
  font-weight: 400;
  color: #6b7280;
  margin-bottom: 8px;
}
.bs-best-faucet-brands .bs-bfb-hero-title {
  display: block;
  font-size: 58px;
  font-weight: 900;
  line-height: 1.2;
  color: #1f3444;
  margin-bottom: 25px;
}
.bs-best-faucet-brands .bs-bfb-hero-title-accent {
  color: #5a8db5;
  position: relative;
  display: inline-block;
}
.bs-best-faucet-brands .bs-bfb-hero-title-accent::after {
  content: '';
  position: absolute;
  bottom: 8px; left: 0;
  width: 100%; height: 8px;
  background: rgba(127, 179, 221, 0.25);
  z-index: -1;
}
.bs-best-faucet-brands .bs-bfb-stats {
  display: flex;
  gap: 40px;
  margin-bottom: 30px;
  flex-wrap: wrap;
}
.bs-best-faucet-brands .bs-bfb-stat-number {
  display: block;
  font-size: 32px;
  font-weight: 800;
  color: #1f3444;
  line-height: 1.2;
}
.bs-best-faucet-brands .bs-bfb-stat-label {
  display: block;
  font-size: 14px;
  color: #6b7280;
  letter-spacing: 0.3px;
}
.bs-best-faucet-brands .bs-bfb-hero-desc {
  font-size: 18px;
  line-height: 1.7;
  color: #4b5563;
  margin-bottom: 35px;
  /* max-width: 700px; */
}
.bs-best-faucet-brands .bs-bfb-hero-warning {
  background: #f5faff;
  border-left: 4px solid #7fb3dd;
  padding: 16px 24px;
  border-radius: 8px;
  margin-bottom: 35px;
  font-size: 16px;
  color: #5a8db5;
}
.bs-best-faucet-brands .bs-bfb-actions {
  display: flex;
  gap: 20px;
  margin-bottom: 40px;
  flex-wrap: wrap;
}
.bs-best-faucet-brands .bs-bfb-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 32px;
  border-radius: 50px;
  font-weight: 600;
  font-size: 16px;
  text-decoration: none;
  transition: all 0.3s ease;
  gap: 10px;
  border-bottom: none;
}
.bs-best-faucet-brands .bs-bfb-btn:hover { border-bottom: none; }
.bs-best-faucet-brands .bs-bfb-btn-primary {
  background: linear-gradient(135deg, #e3f2fd, #c7e2f6);
  color: #1f3444;
  box-shadow: 0 10px 24px rgba(127, 179, 221, 0.25);
  border: 1px solid #c7e2f6;
}
.bs-best-faucet-brands .bs-bfb-btn-primary: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;
}
.bs-best-faucet-brands .bs-bfb-btn-outline {
  background: #ffffff;
  color: #1f3444;
  border: 1px solid #c7e2f6;
}
.bs-best-faucet-brands .bs-bfb-btn-outline:hover {
  background: #f5faff;
  border-color: #7fb3dd;
  color: #1f3444;
}
.bs-best-faucet-brands .bs-bfb-trust-bar {
  display: flex;
  gap: 30px;
  padding-top: 25px;
  border-top: 1px solid #c7e2f6;
  flex-wrap: wrap;
}
.bs-best-faucet-brands .bs-bfb-trust-item {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #6b7280;
  font-size: 14px;
}
.bs-best-faucet-brands .bs-bfb-trust-icon { color: #22c55e; font-size: 18px; }

/* ===== METRICS ===== */
.bs-best-faucet-brands .bs-bfb-metrics-wrapper {
  margin: -20px 0 60px;
  position: relative;
  z-index: 10;
}
.bs-best-faucet-brands .bs-bfb-metrics-grid {
  background: #ffffff;
  border-radius: 30px;
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.08);
  padding: 40px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
  border: 1px solid #dde3ec;
}
.bs-best-faucet-brands .bs-bfb-metric-card {
  display: flex;
  align-items: center;
  gap: 18px;
  padding: 20px;
  border-radius: 20px;
  transition: all 0.3s;
  background: #f5faff;
}
.bs-best-faucet-brands .bs-bfb-metric-card:hover { background: #e0f6ff; transform: translateY(-5px); }
.bs-best-faucet-brands .bs-bfb-metric-icon {
  width: 54px; height: 54px;
  background: linear-gradient(145deg, #e3f2fd, #c7e2f6);
  border-radius: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #5a8db5;
  font-size: 24px;
  flex-shrink: 0;
  border: 1px solid #c7e2f6;
}
.bs-best-faucet-brands .bs-bfb-metric-card h4 { font-size: 16px; color: #1f3444; margin-bottom: 5px; font-weight: 700; }
.bs-best-faucet-brands .bs-bfb-metric-card p { color: #6b7280; font-size: 13px; font-weight: 600; }
.bs-best-faucet-brands .bs-bfb-metrics-note {
  margin-top: 20px;
  text-align: center;
  font-size: 13px;
  color: #6b7280;
  background: #f5faff;
  padding: 7px 24px;
  border-radius: 50px;
  display: inline-block;
  border: 1px solid #c7e2f6;
}

/* ===== SECTION HEADER ===== */
.bs-best-faucet-brands .bs-bfb-section-header { text-align: center; margin-bottom: 50px; }
.bs-best-faucet-brands .bs-bfb-overline {
  display: block;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 2px;
  color: #5a8db5;
  margin-bottom: 10px;
  text-transform: uppercase;
}
.bs-best-faucet-brands .bs-bfb-section-header h2 {
  font-size: 42px;
  font-weight: 800;
  color: #1f3444;
  margin-bottom: 15px;
  line-height: 1.2;
}
.bs-best-faucet-brands .bs-bfb-section-header p { font-size: 18px; color: #4b5563; max-width: 700px; margin: 0 auto; }
.bs-best-faucet-brands .bs-bfb-accent { color: #5a8db5; }

/* ===== METHODOLOGY ===== */
.bs-best-faucet-brands .bs-bfb-methodology {
  padding: 80px 0;
  background: #ffffff;
  border-radius: 50px 50px 0 0;
  margin-top: 40px;
}
.bs-best-faucet-brands .bs-bfb-method-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 25px;
}
.bs-best-faucet-brands .bs-bfb-method-card {
  background: #f5faff;
  padding: 35px 25px;
  border-radius: 30px;
  border: 1px solid #c7e2f6;
  transition: all 0.3s;
  text-align: center;
}
.bs-best-faucet-brands .bs-bfb-method-card:hover { transform: translateY(-10px); box-shadow: 0 20px 30px rgba(127, 179, 221, 0.15); border-color: #7fb3dd; }
.bs-best-faucet-brands .bs-bfb-method-icon { font-size: 48px; margin-bottom: 20px; }
.bs-best-faucet-brands .bs-bfb-method-card h3 { font-size: 22px; font-weight: 700; margin-bottom: 15px; color: #1f3444; }
.bs-best-faucet-brands .bs-bfb-method-card p { color: #4b5563; font-size: 15px; line-height: 1.7; }
.bs-best-faucet-brands .bs-bfb-neutrality-badge {
  background: #f5faff;
  color: #5a8db5;
  padding: 8px 20px;
  border-radius: 50px;
  display: inline-block;
  margin-top: 30px;
  font-weight: 700;
  font-size: 14px;
  border: 1px solid #c7e2f6;
}

/* ===== SEO INTRO ===== */
.bs-best-faucet-brands .bs-bfb-seo-intro { padding: 60px 0; background: #f5faff; }
.bs-best-faucet-brands .bs-bfb-seo-box {
  background: #ffffff;
  padding: 40px;
  border-radius: 30px;
  box-shadow: 0 8px 20px rgba(15, 23, 42, 0.04);
  border: 1px solid #dde3ec;
  font-size: 18px;
  color: #4b5563;
  line-height: 1.8;
}
.bs-best-faucet-brands .bs-bfb-seo-box strong { color: #5a8db5; }

/* ===== AUTHOR BIO ===== */
.bs-best-faucet-brands .bs-bfb-author-bio {
  background: #ffffff;
  border-radius: 30px;
  padding: 30px;
  margin: 40px 0;
  border: 1px solid #c7e2f6;
  display: flex;
  align-items: center;
  gap: 25px;
  flex-wrap: wrap;
}
.bs-best-faucet-brands .bs-bfb-author-avatar {
  width: 80px; height: 80px;
  background: linear-gradient(135deg, #e3f2fd, #c7e2f6);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #5a8db5;
  font-size: 32px;
  font-weight: 700;
  flex-shrink: 0;
  border: 2px solid #c7e2f6;
}
.bs-best-faucet-brands .bs-bfb-author-info h4 { font-size: 18px; font-weight: 700; color: #1f3444; margin-bottom: 5px; }
.bs-best-faucet-brands .bs-bfb-author-info p { color: #4b5563; font-size: 14px; max-width: 600px; }
.bs-best-faucet-brands .bs-bfb-author-creds { display: flex; gap: 15px; margin-top: 10px; flex-wrap: wrap; }
.bs-best-faucet-brands .bs-bfb-cred-badge {
  background: #f5faff;
  color: #5a8db5;
  padding: 4px 12px;
  border-radius: 50px;
  font-size: 12px;
  font-weight: 700;
  border: 1px solid #c7e2f6;
}

/* ===== WINNERS (was dark navy) ===== */
.bs-best-faucet-brands .bs-bfb-winners {
  padding: 60px 0;
  background: linear-gradient(145deg, #ffffff 0%, #e0f6ff 100%);
  border-top: 1px solid #c7e2f6;
  border-bottom: 1px solid #c7e2f6;
}
.bs-best-faucet-brands .bs-bfb-winners .bs-bfb-overline { color: #7fb3dd; }
.bs-best-faucet-brands .bs-bfb-winners .bs-bfb-section-header h2 { color: #1f3444; }
.bs-best-faucet-brands .bs-bfb-winners .bs-bfb-section-header p { color: #4b5563; }
.bs-best-faucet-brands .bs-bfb-winners-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 25px;
  margin-top: 40px;
}
.bs-best-faucet-brands .bs-bfb-winner-card {
  background: #ffffff;
  border: 1px solid #c7e2f6;
  border-radius: 30px;
  padding: 30px 25px;
  transition: all 0.3s;
  box-shadow: 0 8px 20px rgba(127, 179, 221, 0.08);
}
.bs-best-faucet-brands .bs-bfb-winner-card:hover { transform: translateY(-10px); background: #f5faff; box-shadow: 0 20px 30px rgba(127, 179, 221, 0.18); border-color: #7fb3dd; }
.bs-best-faucet-brands .bs-bfb-winner-medal { font-size: 48px; margin-bottom: 20px; }
.bs-best-faucet-brands .bs-bfb-winner-card h3 { font-size: 22px; font-weight: 700; margin-bottom: 10px; color: #1f3444; }
.bs-best-faucet-brands .bs-bfb-winner-brand { font-size: 28px; font-weight: 800; color: #5a8db5; margin-bottom: 15px; }
.bs-best-faucet-brands .bs-bfb-winner-desc { color: #4b5563; font-size: 14px; line-height: 1.6; }
.bs-best-faucet-brands .bs-bfb-winner-desc a { color: #5a8db5; border-bottom: none; }

/* ===== COMPARISON TABLE ===== */
.bs-best-faucet-brands .bs-bfb-comparison { padding: 80px 0; background: #ffffff; }
.bs-best-faucet-brands .bs-bfb-table-container {
  background: #ffffff;
  border-radius: 30px;
  border: 1px solid #dde3ec;
  overflow-x: auto;
  margin: 40px 0 20px;
  box-shadow: 0 12px 30px rgba(127, 179, 221, 0.10);
}
.bs-best-faucet-brands .bs-bfb-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 15px;
  min-width: 900px;
}
.bs-best-faucet-brands .bs-bfb-table th {
  background: #f5faff;
  color: #5a8db5;
  font-weight: 700;
  padding: 18px 16px;
  text-align: center;
  cursor: pointer;
  transition: background 0.3s;
  position: relative;
  border-bottom: 2px solid #7fb3dd;
  text-transform: uppercase;
  font-size: 13px;
  letter-spacing: 0.5px;
}
.bs-best-faucet-brands .bs-bfb-table th:hover { background: #e0f6ff; }
.bs-best-faucet-brands .bs-bfb-table td {
  padding: 16px;
  border-bottom: 1px solid #e5e7eb;
  text-align: center;
  color: #4b5563;
}
.bs-best-faucet-brands .bs-bfb-table tr:last-child td { border-bottom: none; }
.bs-best-faucet-brands .bs-bfb-table tbody tr:hover { background: #f5faff; }
.bs-best-faucet-brands .bs-bfb-brand-name { font-weight: 700; color: #1f3444; }
.bs-best-faucet-brands .bs-bfb-table-note {
  font-size: 14px;
  color: #6b7280;
  margin-top: 20px;
  padding: 15px 25px;
  background: #f5faff;
  border-radius: 50px;
  text-align: center;
  border: 1px solid #c7e2f6;
}

/* ===== POWER SOURCE ===== */
.bs-best-faucet-brands .bs-bfb-power { padding: 60px 0; background: #f5faff; }
.bs-best-faucet-brands .bs-bfb-power-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  margin-top: 40px;
}
.bs-best-faucet-brands .bs-bfb-power-card {
  background: #ffffff;
  border-radius: 30px;
  padding: 40px 30px;
  border: 1px solid #dde3ec;
  transition: all 0.3s;
  text-align: center;
}
.bs-best-faucet-brands .bs-bfb-power-card:hover { transform: translateY(-10px); box-shadow: 0 20px 30px rgba(127, 179, 221, 0.15); border-color: #7fb3dd; }
.bs-best-faucet-brands .bs-bfb-power-icon { font-size: 48px; margin-bottom: 20px; }
.bs-best-faucet-brands .bs-bfb-power-card h3 { font-size: 24px; font-weight: 700; margin-bottom: 25px; color: #1f3444; }
.bs-best-faucet-brands .bs-bfb-power-specs { text-align: left; margin: 25px 0; list-style: none; padding: 0; }
.bs-best-faucet-brands .bs-bfb-power-specs li { margin-bottom: 15px; padding-left: 20px; position: relative; font-size: 14px; color: #4b5563; }
.bs-best-faucet-brands .bs-bfb-power-badge {
  display: inline-block;
  background: #f5faff;
  color: #5a8db5;
  padding: 8px 24px;
  border-radius: 50px;
  font-weight: 700;
  font-size: 14px;
  margin-top: 20px;
  border: 1px solid #c7e2f6;
}

/* ===== FAILURE POINTS ===== */
.bs-best-faucet-brands .bs-bfb-failure { padding: 60px 0; background: #ffffff; }
.bs-best-faucet-brands .bs-bfb-failure-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
  margin-top: 40px;
}
.bs-best-faucet-brands .bs-bfb-failure-card {
  background: #f5faff;
  border-radius: 30px;
  padding: 35px;
  border: 1px solid #c7e2f6;
  transition: all 0.3s;
}
.bs-best-faucet-brands .bs-bfb-failure-card:hover { border-color: #7fb3dd; transform: translateY(-5px); box-shadow: 0 12px 30px rgba(127, 179, 221, 0.15); }
.bs-best-faucet-brands .bs-bfb-failure-header { display: flex; align-items: center; gap: 15px; margin-bottom: 20px; }
.bs-best-faucet-brands .bs-bfb-failure-icon { font-size: 32px; }
.bs-best-faucet-brands .bs-bfb-failure-header h3 { font-size: 20px; font-weight: 700; color: #1f3444; }
.bs-best-faucet-brands .bs-bfb-failure-problem {
  background: #fee2e2;
  color: #991b1b;
  padding: 15px;
  border-radius: 16px;
  margin: 15px 0;
  font-weight: 600;
  font-size: 14px;
}
.bs-best-faucet-brands .bs-bfb-failure-solution {
  background: #dcfce7;
  color: #166534;
  padding: 15px;
  border-radius: 16px;
  font-weight: 600;
  font-size: 14px;
}

/* ===== BRANDS SHOWCASE ===== */
.bs-best-faucet-brands .bs-bfb-brands { padding: 60px 0; background: #f5faff; }
.bs-best-faucet-brands .bs-bfb-brands-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  margin: 40px 0;
}
.bs-best-faucet-brands .bs-bfb-brand-card {
  background: #ffffff;
  border-radius: 30px;
  border: 1px solid #dde3ec;
  overflow: hidden;
  transition: all 0.4s;
}
.bs-best-faucet-brands .bs-bfb-brand-card:hover { transform: translateY(-10px); box-shadow: 0 30px 40px rgba(127, 179, 221, 0.18); border-color: #7fb3dd; }
.bs-best-faucet-brands .bs-bfb-brand-header {
  background: linear-gradient(145deg, #f5faff, #ffffff);
  padding: 25px 25px 15px;
  border-bottom: 1px solid #dde3ec;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.bs-best-faucet-brands .bs-bfb-brand-cat-group { display: flex; gap: 8px; flex-wrap: wrap; }
.bs-best-faucet-brands .bs-bfb-brand-cat {
  background: #f5faff;
  color: #5a8db5;
  padding: 6px 16px;
  border-radius: 50px;
  font-size: 12px;
  font-weight: 700;
  border: 1px solid #c7e2f6;
}
.bs-best-faucet-brands .bs-bfb-brand-badge-label {
  background: #f5faff;
  padding: 6px 12px;
  border-radius: 50px;
  font-size: 11px;
  font-weight: 700;
  color: #6b7280;
  border: 1px solid #dde3ec;
}
.bs-best-faucet-brands .bs-bfb-brand-logo {
  width: 60px; height: 60px;
  background: linear-gradient(135deg, #e3f2fd, #c7e2f6);
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #5a8db5;
  font-size: 24px;
  font-weight: 800;
  border: 1px solid #c7e2f6;
}
.bs-best-faucet-brands .bs-bfb-brand-card h3 { padding: 20px 25px 10px; font-size: 24px; color: #1f3444; }
.bs-best-faucet-brands .bs-bfb-brand-desc { padding: 0 25px 20px; color: #4b5563; font-size: 14px; line-height: 1.7; }
.bs-best-faucet-brands .bs-bfb-brand-highlight { color: #5a8db5; font-weight: 700; }
.bs-best-faucet-brands .bs-bfb-brand-specs {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
  padding: 0 25px 20px;
}
.bs-best-faucet-brands .bs-bfb-spec-item {
  background: #f5faff;
  padding: 8px 12px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  color: #4b5563;
  border: 1px solid #dde3ec;
}
.bs-best-faucet-brands .bs-bfb-brand-apps { display: flex; flex-wrap: wrap; gap: 8px; padding: 0 25px 20px; }
.bs-best-faucet-brands .bs-bfb-app-tag {
  background: #f5faff;
  padding: 4px 12px;
  border-radius: 50px;
  font-size: 11px;
  font-weight: 600;
  color: #6b7280;
  border: 1px solid #dde3ec;
}
.bs-best-faucet-brands .bs-bfb-brand-footer {
  padding: 20px 25px;
  border-top: 1px solid #dde3ec;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.bs-best-faucet-brands .bs-bfb-brand-link {
  color: #5a8db5;
  text-decoration: none;
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 8px;
  transition: gap 0.3s;
  border-bottom: none;
}
.bs-best-faucet-brands .bs-bfb-brand-link:hover { gap: 12px; border-bottom: none; color: #1f3444; }

/* ===== DISCLAIMER ===== */
.bs-best-faucet-brands .bs-bfb-disclaimer {
  background: #f5faff;
  border-left: 4px solid #7fb3dd;
  padding: 20px 30px;
  border-radius: 16px;
  margin: 30px 0;
  font-size: 14px;
  color: #4b5563;
  border-top: 1px solid #c7e2f6;
  border-right: 1px solid #c7e2f6;
  border-bottom: 1px solid #c7e2f6;
}

/* ===== FAQ ===== */
.bs-best-faucet-brands .bs-bfb-faq { padding: 60px 0; background: #f5faff; }
.bs-best-faucet-brands .bs-bfb-faq-grid { max-width: 900px; margin: 40px auto 0; }
.bs-best-faucet-brands .bs-bfb-faq-item {
  background: #ffffff;
  border-radius: 20px;
  margin-bottom: 20px;
  padding: 25px;
  border: 1px solid #c7e2f6;
  transition: border-color 0.2s, box-shadow 0.2s;
}
.bs-best-faucet-brands .bs-bfb-faq-item:hover { border-color: #7fb3dd; box-shadow: 0 8px 20px rgba(127, 179, 221, 0.12); }
.bs-best-faucet-brands .bs-bfb-faq-q {
  font-size: 18px;
  font-weight: 700;
  color: #1f3444;
  margin-bottom: 15px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.bs-best-faucet-brands .bs-bfb-faq-q::before { content: 'Q:'; color: #5a8db5; font-weight: 800; }
.bs-best-faucet-brands .bs-bfb-faq-a {
  color: #4b5563;
  padding-left: 30px;
  position: relative;
  font-size: 15px;
  line-height: 1.7;
}
.bs-best-faucet-brands .bs-bfb-faq-a::before {content: 'A:';position: absolute;left: 0;color: #5a8db5;font-weight: 700;}

/* ===== EXECUTIVE SUMMARY ===== */
.bs-best-faucet-brands .bs-bfb-exec-summary { padding: 0 0 60px; background: #f5faff; }
.bs-best-faucet-brands .bs-bfb-exec-summary h3 { margin-bottom: 20px; color: #1f3444; font-size: 22px; }
.bs-best-faucet-brands .bs-bfb-exec-summary ul { margin-top: 20px; padding-left: 20px; }
.bs-best-faucet-brands .bs-bfb-exec-summary li { margin-bottom: 12px; font-size: 15px; color: #4b5563; line-height: 1.7; }

/* ===== RESOURCES ===== */
.bs-best-faucet-brands .bs-bfb-resources {
  padding: 60px 0;
  background: #ffffff;
  border-top: 1px solid #dde3ec;
}
.bs-best-faucet-brands .bs-bfb-resources-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 25px;
  margin-top: 40px;
}
.bs-best-faucet-brands .bs-bfb-resource-card {
  background: #f5faff;
  padding: 25px;
  border-radius: 20px;
  border: 1px solid #c7e2f6;
  transition: all 0.3s;
}
.bs-best-faucet-brands .bs-bfb-resource-card:hover { transform: translateY(-5px); box-shadow: 0 15px 25px rgba(127, 179, 221, 0.15); border-color: #7fb3dd; }
.bs-best-faucet-brands .bs-bfb-resource-card h4 { font-size: 18px; font-weight: 700; margin-bottom: 15px; color: #1f3444; }
.bs-best-faucet-brands .bs-bfb-resource-card ul { list-style: none; padding: 0; }
.bs-best-faucet-brands .bs-bfb-resource-card li { margin-bottom: 10px; }
.bs-best-faucet-brands .bs-bfb-resource-card li a {
  color: #4b5563;
  font-size: 14px;
  border-bottom: 1px dotted #c7e2f6;
}
.bs-best-faucet-brands .bs-bfb-resource-card li a:hover { color: #5a8db5; border-bottom-color: #7fb3dd; }

/* ===== ENGINEERING SUMMARY ===== */
.bs-best-faucet-brands .bs-bfb-eng-summary {
  padding: 80px 0;
  background: linear-gradient(145deg, #ffffff 0%, #f5faff 100%);
  border-top: 1px solid #dde3ec;
  border-bottom: 1px solid #dde3ec;
}
.bs-best-faucet-brands .bs-bfb-summary-grid {
  display: grid;
  grid-template-columns: 1.5fr 1fr;
  gap: 40px;
  margin-bottom: 50px;
}
.bs-best-faucet-brands .bs-bfb-summary-badge {
  display: inline-block;
  background: linear-gradient(135deg, #e3f2fd, #c7e2f6);
  color: #1f3444;
  padding: 6px 18px;
  border-radius: 50px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.5px;
  margin-bottom: 20px;
  border: 1px solid #c7e2f6;
}
.bs-best-faucet-brands .bs-bfb-summary-findings h2 {
  font-size: 36px;
  font-weight: 800;
  color: #1f3444;
  margin-bottom: 25px;
  line-height: 1.2;
}
.bs-best-faucet-brands .bs-bfb-summary-accent {
  color: #5a8db5;
  position: relative;
  display: inline-block;
}
.bs-best-faucet-brands .bs-bfb-summary-accent::after {
  content: '';
  position: absolute;
  bottom: 8px; left: 0;
  width: 100%; height: 8px;
  background: rgba(127, 179, 221, 0.20);
  z-index: -1;
}
.bs-best-faucet-brands .bs-bfb-summary-lead {
  font-size: 18px;
  color: #4b5563;
  line-height: 1.7;
  margin-bottom: 35px;
  padding-right: 20px;
}
.bs-best-faucet-brands .bs-bfb-findings-grid { display: grid; gap: 25px; margin-bottom: 40px; }
.bs-best-faucet-brands .bs-bfb-finding-item {
  display: flex;
  gap: 18px;
  align-items: flex-start;
  padding: 20px;
  background: #ffffff;
  border-radius: 20px;
  border: 1px solid #dde3ec;
  transition: all 0.3s;
}
.bs-best-faucet-brands .bs-bfb-finding-item:hover { transform: translateX(10px); box-shadow: 0 10px 25px rgba(127, 179, 221, 0.15); border-color: #7fb3dd; }
.bs-best-faucet-brands .bs-bfb-finding-icon { font-size: 32px; flex-shrink: 0; }
.bs-best-faucet-brands .bs-bfb-finding-content h4 { font-size: 18px; font-weight: 700; color: #1f3444; margin-bottom: 6px; }
.bs-best-faucet-brands .bs-bfb-finding-content p { color: #4b5563; font-size: 14px; line-height: 1.6; }
.bs-best-faucet-brands .bs-bfb-traditional-content {
  background: #ffffff;
  padding: 30px;
  border-radius: 30px;
  border: 1px solid #dde3ec;
  margin-top: 30px;
}
.bs-best-faucet-brands .bs-bfb-traditional-content h3 { font-size: 20px; font-weight: 700; color: #1f3444; margin: 25px 0 15px; }
.bs-best-faucet-brands .bs-bfb-traditional-content h3:first-of-type { margin-top: 0; }
.bs-best-faucet-brands .bs-bfb-brand-list { list-style: none; padding: 0; display: flex; flex-wrap: wrap; gap: 12px; }
.bs-best-faucet-brands .bs-bfb-brand-list li {
  background: #f5faff;
  padding: 4px 20px;
  border-radius: 50px;
  font-size: 14px;
  font-weight: 600;
  color: #1f3444;
  border: 1px solid #c7e2f6;
}
.bs-best-faucet-brands .bs-bfb-eval-criteria {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
  list-style: none;
  padding: 0;
}
.bs-best-faucet-brands .bs-bfb-eval-criteria li {
  background: #f5faff;
  padding: 12px 16px;
  border-radius: 16px;
  font-size: 14px;
  color: #4b5563;
  border: 1px solid #c7e2f6;
}
.bs-best-faucet-brands .bs-bfb-eval-criteria li strong {
  color: #5a8db5;
  display: block;
  margin-bottom: 4px;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}
.bs-best-faucet-brands .bs-bfb-insights-card {
  background: #ffffff;
  border-radius: 30px;
  padding: 35px 30px;
  border: 1px solid #c7e2f6;
  box-shadow: 0 12px 30px rgba(127, 179, 221, 0.10);
  position: relative;
  overflow: hidden;
}
.bs-best-faucet-brands .bs-bfb-insights-card::before {
  content: '';
  position: absolute;
  top: 0; right: 0;
  width: 150px; height: 150px;
  background: linear-gradient(145deg, rgba(127, 179, 221, 0.06), transparent);
  border-radius: 50%;
  transform: translate(50px, -50px);
}
.bs-best-faucet-brands .bs-bfb-insights-card h3 {
  font-size: 22px;
  font-weight: 700;
  color: #1f3444;
  margin-bottom: 30px;
  position: relative;
  padding-bottom: 15px;
  border-bottom: 2px solid #c7e2f6;
}
.bs-best-faucet-brands .bs-bfb-insight-stat {
  display: flex;
  align-items: center;
  gap: 18px;
  margin-bottom: 25px;
  padding: 15px;
  background: #f5faff;
  border-radius: 18px;
  transition: all 0.3s;
}
.bs-best-faucet-brands .bs-bfb-insight-stat:hover { background: #e0f6ff; transform: scale(1.02); }
.bs-best-faucet-brands .bs-bfb-stat-circle {
  width: 65px;
  height: 65px;
  background: linear-gradient(145deg, #e3f2fd, #c7e2f6);
  color: #5a8db5;
  font-size: 13px;
  font-weight: 800;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  box-shadow: 0 8px 15px rgba(127, 179, 221, 0.20);
  border: 1px solid #c7e2f6;
}
.bs-best-faucet-brands .bs-bfb-insight-stat p { color: #4b5563; font-size: 14px; line-height: 1.6; margin: 0; }
.bs-best-faucet-brands .bs-bfb-risk-box {
  background: #f5faff;
  border-left: 4px solid #5a8db5;
  padding: 20px;
  border-radius: 16px;
  margin: 30px 0;
}
.bs-best-faucet-brands .bs-bfb-risk-box h4 { font-size: 16px; font-weight: 700; color: #4b5563; margin-bottom: 10px; }
.bs-best-faucet-brands .bs-bfb-risk-box p { color: #9a3412; font-size: 14px; margin-bottom: 12px; font-weight: 600; }
.bs-best-faucet-brands .bs-bfb-risk-list { list-style: none; padding: 0; }
.bs-best-faucet-brands .bs-bfb-risk-list li {
  color: #4b5563;
  font-size: 14px;
  padding: 8px 0 8px 24px;
  position: relative;
  border-bottom: 1px dashed #c7e2f6;
}
.bs-best-faucet-brands .bs-bfb-risk-list li:last-child { border-bottom: none; }

/* Insight CTA (was dark navy � now airy) */
.bs-best-faucet-brands .bs-bfb-insight-cta {
  margin-top: 35px;
  padding: 25px;
  background: linear-gradient(135deg, #f5faff, #e0f6ff);
  border-radius: 20px;
  color: #1f3444;
  position: relative;
  z-index: 2;
  border: 1px solid #c7e2f6;
}
.bs-best-faucet-brands .bs-bfb-insight-cta h4 { font-size: 18px; font-weight: 700; margin-bottom: 12px; color: #1f3444; }
.bs-best-faucet-brands .bs-bfb-insight-cta p { color: #4b5563; font-size: 14px; margin-bottom: 25px; line-height: 1.7; }
.bs-best-faucet-brands .bs-bfb-cta-group { display: flex; flex-direction: column; gap: 12px; }
.bs-best-faucet-brands .bs-bfb-cta-primary {
  background: linear-gradient(135deg, #e3f2fd, #c7e2f6);
  color: #1f3444;
  padding: 14px 24px;
  border-radius: 50px;
  font-weight: 700;
  font-size: 15px;
  text-align: center;
  transition: all 0.3s;
  border: 1px solid #c7e2f6;
  border-bottom: 1px solid #c7e2f6;
  display: block;
  box-shadow: 0 8px 20px rgba(127, 179, 221, 0.20);
}
.bs-best-faucet-brands .bs-bfb-cta-primary:hover { background: linear-gradient(135deg, #d6ecfb, #b5d8ef); border-color: #b5d8ef; transform: translateY(-3px); box-shadow: 0 12px 24px rgba(127, 179, 221, 0.30); color: #1f3444; border-bottom: 1px solid #b5d8ef; }
.bs-best-faucet-brands .bs-bfb-cta-secondary {
  background: #ffffff;
  color: #1f3444;
  padding: 12px 24px;
  border-radius: 50px;
  font-weight: 600;
  font-size: 14px;
  text-align: center;
  border: 1px solid #c7e2f6;
  transition: all 0.3s;
  border-bottom: 1px solid #c7e2f6;
  display: block;
}
.bs-best-faucet-brands .bs-bfb-cta-secondary:hover { background: #f5faff; border-color: #7fb3dd; color: #1f3444; border-bottom: 1px solid #7fb3dd; }
.bs-best-faucet-brands .bs-bfb-summary-disclaimer {
  margin-top: 25px;
  padding: 15px;
  background: #f5faff;
  border-radius: 16px;
  font-size: 13px;
  color: #6b7280;
  line-height: 1.6;
  border: 1px solid #c7e2f6;
}
.bs-best-faucet-brands .bs-bfb-summary-footer {
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: 30px;
  align-items: start;
  padding-top: 30px;
  border-top: 1px solid #dde3ec;
}
.bs-best-faucet-brands .bs-bfb-data-method-box {
  background: #ffffff;
  padding: 25px;
  border-radius: 20px;
  border: 1px solid #dde3ec;
}
.bs-best-faucet-brands .bs-bfb-data-method-box h4 { font-size: 16px; font-weight: 700; color: #1f3444; margin-bottom: 15px; }
.bs-best-faucet-brands .bs-bfb-data-method-list { list-style: none; padding: 0; }
.bs-best-faucet-brands .bs-bfb-data-method-list li {
  color: #4b5563;
  font-size: 14px;
  padding: 8px 0 8px 24px;
  position: relative;
  border-bottom: 1px dashed #c7e2f6;
}
.bs-best-faucet-brands .bs-bfb-data-method-list li:last-child { border-bottom: none; }
.bs-best-faucet-brands .bs-bfb-quick-links-box {
  background: #ffffff;
  padding: 25px;
  border-radius: 20px;
  border: 1px solid #dde3ec;
}
.bs-best-faucet-brands .bs-bfb-quick-links-label {
  display: block;
  font-weight: 700;
  color: #1f3444;
  font-size: 14px;
  margin-bottom: 15px;
}
.bs-best-faucet-brands .bs-bfb-quick-links { display: flex; gap: 12px; flex-wrap: wrap; }
.bs-best-faucet-brands .bs-bfb-quick-links a {
  color: #5a8db5;
  font-size: 14px;
  padding: 4px 18px;
  background: #f5faff;
  border-radius: 50px;
  border: 1px solid #c7e2f6;
  transition: all 0.3s;
  border-bottom: 1px solid #c7e2f6;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.bs-best-faucet-brands .bs-bfb-quick-links a:hover { background: linear-gradient(135deg, #e3f2fd, #c7e2f6); color: #1f3444; border-color: #7fb3dd; transform: translateY(-2px); border-bottom: 1px solid #7fb3dd; }

/* ===== RESPONSIVE ===== */
@media (max-width: 1024px) {
  .bs-best-faucet-brands .bs-bfb-metrics-grid,
  .bs-best-faucet-brands .bs-bfb-method-grid,
  .bs-best-faucet-brands .bs-bfb-brands-grid,
  .bs-best-faucet-brands .bs-bfb-resources-grid,
  .bs-best-faucet-brands .bs-bfb-winners-grid,
  .bs-best-faucet-brands .bs-bfb-power-grid,
  .bs-best-faucet-brands .bs-bfb-failure-grid { grid-template-columns: repeat(2, 1fr); }
  .bs-best-faucet-brands .bs-bfb-hero-title { font-size: 42px; }
  .bs-best-faucet-brands .bs-bfb-summary-grid { grid-template-columns: 1fr; gap: 30px; }
  .bs-best-faucet-brands .bs-bfb-summary-footer { grid-template-columns: 1fr; gap: 20px; }
  .bs-best-faucet-brands .bs-bfb-summary-findings h2 { font-size: 30px; }
}
@media (max-width: 768px) {
  .bs-best-faucet-brands .bs-bfb-metrics-grid,
  .bs-best-faucet-brands .bs-bfb-method-grid,
  .bs-best-faucet-brands .bs-bfb-brands-grid,
  .bs-best-faucet-brands .bs-bfb-resources-grid,
  .bs-best-faucet-brands .bs-bfb-winners-grid,
  .bs-best-faucet-brands .bs-bfb-power-grid,
  .bs-best-faucet-brands .bs-bfb-failure-grid { grid-template-columns: 1fr; }
  .bs-best-faucet-brands .bs-bfb-stats { flex-direction: column; gap: 15px; }
  .bs-best-faucet-brands .bs-bfb-actions { flex-direction: column; }
  .bs-best-faucet-brands .bs-bfb-btn { width: 100%; }
  .bs-best-faucet-brands .bs-bfb-trust-bar { flex-direction: column; gap: 15px; }
  .bs-best-faucet-brands .bs-bfb-section-header h2 { font-size: 32px; }
  .bs-best-faucet-brands .bs-bfb-hero-content { padding: 40px 24px; }
  .bs-best-faucet-brands .bs-bfb-hero-title { font-size: 32px; }
  .bs-best-faucet-brands .bs-bfb-author-bio { flex-direction: column; text-align: center; }
  .bs-best-faucet-brands .bs-bfb-eval-criteria { grid-template-columns: 1fr; }
  .bs-best-faucet-brands .bs-bfb-quick-links { justify-content: center; }
  .bs-best-faucet-brands .bs-bfb-eng-summary { padding: 50px 0; }
  .bs-best-faucet-brands .bs-bfb-finding-item { flex-direction: column; text-align: center; }
}
.bs-best-faucet-brands .bs-bfb-text-center { text-align: center; }
.bs-best-faucet-brands .bs-bfb-mt-20 { margin-top: 20px; }


.bs-best-faucet-brands-sec {
  padding: 80px 0;
  background: linear-gradient(145deg, #ffffff 0%, #f5faff 100%);
  border-top: 1px solid #c7e2f6;
  border-bottom: 1px solid #c7e2f6;
  color: #1f3444;
  line-height: 1.6;
}
.bs-best-faucet-brands-sec a {
  color: #5a8db5;
  text-decoration: none;
  font-weight: 600;
  transition: all 0.3s ease;
  border-bottom: 1px solid transparent;
}
.bs-best-faucet-brands-sec a:hover { color: #1f3444; border-bottom-color: #5a8db5; }

.bs-best-faucet-brands-sec .bs-bfb-sec-container {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 24px;
}

/* ===== GRID ===== */
.bs-best-faucet-brands-sec .bs-bfb-sec-summary-grid {
  display: grid;
  grid-template-columns: 1.5fr 1fr;
  gap: 40px;
  margin-bottom: 50px;
}

/* ===== BADGE ===== */
.bs-best-faucet-brands-sec .bs-bfb-sec-badge {
  display: inline-block;
  background: linear-gradient(135deg, #e3f2fd, #c7e2f6);
  color: #1f3444;
  padding: 6px 18px;
  border-radius: 50px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.5px;
  margin-bottom: 20px;
  border: 1px solid #c7e2f6;
}

/* ===== FINDINGS ===== */
.bs-best-faucet-brands-sec .bs-bfb-sec-findings h2 {
  font-size: 36px;
  font-weight: 800;
  color: #1f3444;
  margin-bottom: 25px;
  line-height: 1.2;
}
.bs-best-faucet-brands-sec .bs-bfb-sec-accent {
  color: #5a8db5;
  position: relative;
  display: inline-block;
}
.bs-best-faucet-brands-sec .bs-bfb-sec-accent::after {
  content: '';
  position: absolute;
  bottom: 8px;
  left: 0;
  width: 100%;
  height: 8px;
  background: rgba(127, 179, 221, 0.20);
  z-index: -1;
}
.bs-best-faucet-brands-sec .bs-bfb-sec-lead {
  font-size: 18px;
  color: #4b5563;
  line-height: 1.7;
  margin-bottom: 35px;
  padding-right: 20px;
}
.bs-best-faucet-brands-sec .bs-bfb-sec-findings-grid {
  display: grid;
  gap: 25px;
  margin-bottom: 40px;
}
.bs-best-faucet-brands-sec .bs-bfb-sec-finding-item {
  display: flex;
  gap: 18px;
  align-items: flex-start;
  padding: 20px;
  background: #ffffff;
  border-radius: 20px;
  border: 1px solid #dde3ec;
  transition: all 0.3s;
}
.bs-best-faucet-brands-sec .bs-bfb-sec-finding-item:hover {
  transform: translateX(10px);
  box-shadow: 0 10px 25px rgba(127, 179, 221, 0.15);
  border-color: #7fb3dd;
}
.bs-best-faucet-brands-sec .bs-bfb-sec-finding-icon { font-size: 32px; flex-shrink: 0; }
.bs-best-faucet-brands-sec .bs-bfb-sec-finding-content h4 {
  font-size: 18px;
  font-weight: 700;
  color: #1f3444;
  margin-bottom: 6px;
}
.bs-best-faucet-brands-sec .bs-bfb-sec-finding-content p {
  color: #4b5563;
  font-size: 14px;
  line-height: 1.6;
  margin: 0;
}

/* ===== INSIGHTS CARD ===== */
.bs-best-faucet-brands-sec .bs-bfb-sec-insights-card {
  background: #ffffff;
  border-radius: 30px;
  padding: 35px 30px;
  border: 1px solid #c7e2f6;
  box-shadow: 0 12px 30px rgba(127, 179, 221, 0.10);
  position: relative;
  overflow: hidden;
}
.bs-best-faucet-brands-sec .bs-bfb-sec-insights-card::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 150px;
  height: 150px;
  background: linear-gradient(145deg, rgba(127, 179, 221, 0.08), transparent);
  border-radius: 50%;
  transform: translate(50px, -50px);
}
.bs-best-faucet-brands-sec .bs-bfb-sec-insights-card h3 {
  font-size: 22px;
  font-weight: 700;
  color: #1f3444;
  margin-bottom: 30px;
  position: relative;
  padding-bottom: 15px;
  border-bottom: 2px solid #c7e2f6;
}

/* ===== INSIGHT STATS ===== */
.bs-best-faucet-brands-sec .bs-bfb-sec-insight-stat {
  display: flex;
  align-items: center;
  gap: 18px;
  margin-bottom: 25px;
  padding: 15px;
  background: #f5faff;
  border-radius: 18px;
  transition: all 0.3s;
}
.bs-best-faucet-brands-sec .bs-bfb-sec-insight-stat:hover { background: #e0f6ff; transform: scale(1.02); }
.bs-best-faucet-brands-sec .bs-bfb-sec-stat-circle {
  width: 65px;
  height: 65px;
  background: linear-gradient(145deg, #e3f2fd, #c7e2f6);
  color: #5a8db5;
  font-size: 17px;
  font-weight: 800;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  box-shadow: 0 8px 15px rgba(127, 179, 221, 0.20);
  border: 1px solid #c7e2f6;
}
.bs-best-faucet-brands-sec .bs-bfb-sec-insight-stat p {
  color: #4b5563;
  font-size: 14px;
  line-height: 1.6;
  margin: 0;
}

/* ===== INSIGHT CTA (was dark navy) ===== */
.bs-best-faucet-brands-sec .bs-bfb-sec-insight-cta {
  margin-top: 35px;
  padding: 25px;
  background: linear-gradient(135deg, #f5faff, #e0f6ff);
  border-radius: 20px;
  color: #1f3444;
  position: relative;
  z-index: 2;
  border: 1px solid #c7e2f6;
}
.bs-best-faucet-brands-sec .bs-bfb-sec-insight-cta h4 {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 12px;
  color: #1f3444;
}
.bs-best-faucet-brands-sec .bs-bfb-sec-insight-cta p {
  color: #4b5563;
  font-size: 14px;
  margin-bottom: 25px;
  line-height: 1.7;
}
.bs-best-faucet-brands-sec .bs-bfb-sec-cta-group { display: flex; flex-direction: column; gap: 12px; }
.bs-best-faucet-brands-sec .bs-bfb-sec-cta-primary {
  background: linear-gradient(135deg, #e3f2fd, #c7e2f6);
  color: #1f3444;
  padding: 14px 24px;
  border-radius: 50px;
  font-weight: 700;
  font-size: 15px;
  text-align: center;
  transition: all 0.3s;
  border: 1px solid #c7e2f6;
  border-bottom: 1px solid #c7e2f6;
  display: block;
  box-shadow: 0 8px 20px rgba(127, 179, 221, 0.20);
}
.bs-best-faucet-brands-sec .bs-bfb-sec-cta-primary:hover {
  background: linear-gradient(135deg, #d6ecfb, #b5d8ef);
  border-color: #b5d8ef;
  border-bottom-color: #b5d8ef;
  transform: translateY(-3px);
  box-shadow: 0 12px 24px rgba(127, 179, 221, 0.30);
  color: #1f3444;
}
.bs-best-faucet-brands-sec .bs-bfb-sec-cta-secondary {
  background: #ffffff;
  color: #1f3444;
  padding: 12px 24px;
  border-radius: 50px;
  font-weight: 600;
  font-size: 14px;
  text-align: center;
  border: 1px solid #c7e2f6;
  border-bottom: 1px solid #c7e2f6;
  transition: all 0.3s;
  display: block;
}
.bs-best-faucet-brands-sec .bs-bfb-sec-cta-secondary:hover {
  background: #f5faff;
  border-color: #7fb3dd;
  border-bottom-color: #7fb3dd;
  color: #1f3444;
}

/* ===== DISCLAIMER ===== */
.bs-best-faucet-brands-sec .bs-bfb-sec-disclaimer {
  margin-top: 25px;
  padding: 15px;
  background: #f5faff;
  border-radius: 16px;
  font-size: 13px;
  color: #6b7280;
  line-height: 1.6;
  border: 1px solid #c7e2f6;
}

/* ===== FOOTER / QUICK LINKS ===== */
.bs-best-faucet-brands-sec .bs-bfb-sec-footer {
  padding-top: 30px;
  border-top: 1px solid #dde3ec;
}
.bs-best-faucet-brands-sec .bs-bfb-sec-quick-links-box {
  background: #ffffff;
  padding: 25px;
  border-radius: 20px;
  border: 1px solid #dde3ec;
}
.bs-best-faucet-brands-sec .bs-bfb-sec-quick-links-label {
  display: block;
  font-weight: 700;
  color: #1f3444;
  font-size: 14px;
  margin-bottom: 15px;
}
.bs-best-faucet-brands-sec .bs-bfb-sec-quick-links { display: flex; gap: 12px; flex-wrap: wrap; }
.bs-best-faucet-brands-sec .bs-bfb-sec-quick-links a {
  color: #5a8db5;
  font-size: 14px;
  padding: 4px 18px;
  background: #f5faff;
  border-radius: 50px;
  border: 1px solid #c7e2f6;
  transition: all 0.3s;
  border-bottom: 1px solid #c7e2f6;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.bs-best-faucet-brands-sec .bs-bfb-sec-quick-links a:hover {
  background: linear-gradient(135deg, #e3f2fd, #c7e2f6);
  color: #1f3444;
  border-color: #7fb3dd;
  border-bottom-color: #7fb3dd;
  transform: translateY(-2px);
}

/* ===== RESPONSIVE ===== */
@media (max-width: 1024px) {
  .bs-best-faucet-brands-sec .bs-bfb-sec-summary-grid { grid-template-columns: 1fr; gap: 30px; }
  .bs-best-faucet-brands-sec .bs-bfb-sec-findings h2 { font-size: 30px; }
}
@media (max-width: 768px) {
  .bs-best-faucet-brands-sec { padding: 50px 0; }
  .bs-best-faucet-brands-sec .bs-bfb-sec-finding-item { flex-direction: column; text-align: center; }
  .bs-best-faucet-brands-sec .bs-bfb-sec-quick-links { justify-content: center; }
}

/* ===== BASE ===== */
.zara-bs-led-shower-head-guides {
  color: #1f3444;
  line-height: 1.7;
}
.zara-bs-led-shower-head-guides .zara-bs-led-img {
  max-width: 100%;
  height: auto;
}
.zara-bs-led-shower-head-guides a {
  color: #5a8db5;
  text-decoration: none;
  transition: all 0.3s ease;
}
.zara-bs-led-shower-head-guides a:hover { text-decoration: underline; color: #1f3444; }

/* ===== HERO ===== */
.zara-bs-led-shower-head-guides .zara-bs-led-hero {
  min-height: 85vh;
  /* background: linear-gradient(135deg, #f5faff 0%, #e0f6ff 100%); */
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 20px;
  position: relative;
  overflow: hidden;
}
.zara-bs-led-shower-head-guides .zara-bs-led-hero-wave {
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  opacity: 0.08;
  pointer-events: none;
  background: url('data:image/svg+xml;utf8,<svg xmlns=%22https://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22 preserveAspectRatio=%22none%22><path d=%22M0,50 Q25,30 50,50 T100,50 L100,100 L0,100 Z%22 fill=%22%237fb3dd%22/></svg>') repeat-x bottom;
}
.zara-bs-led-shower-head-guides .zara-bs-led-hero-box {
  max-width: 800px;
  margin: 0 auto;
  background: rgba(255, 255, 255, 0.95);
  padding: 50px 40px;
  border-radius: 20px;
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.08);
  border: 1px solid #c7e2f6;
  position: relative;
  z-index: 2;
  color: #1f3444;
}
.zara-bs-led-shower-head-guides .zara-bs-led-hero-box h1 {
  font-size: 52px;
  font-weight: 300;
  margin: 15px 0 10px;
  color: #1f3444;
}
.zara-bs-led-shower-head-guides .zara-bs-led-h1-bold { font-weight: 600; color: #1f3444; }
.zara-bs-led-shower-head-guides .zara-bs-led-hero-box p {
  font-size: 18px;
  color: #4b5563;
}
.zara-bs-led-shower-head-guides .zara-bs-led-divider {
  width: 100px;
  height: 3px;
  background: #7fb3dd;
  margin: 20px auto;
  border: none;
}
/* gold/amber highlight &#8594; soft blue */
.zara-bs-led-shower-head-guides .zara-bs-led-hero-highlight { color: #5a8db5; }
.zara-bs-led-shower-head-guides .zara-bs-led-bullets {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 15px 25px;
  margin: 30px 0 20px;
}
.zara-bs-led-shower-head-guides .zara-bs-led-bullet {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #f5faff;
  padding: 5px 18px;
  border-radius: 40px;
  font-size: 14px;
  color: #1f3444;
  border: 1px solid #c7e2f6;
}
.zara-bs-led-shower-head-guides .zara-bs-led-bullet-icon { color: #7fb3dd; font-weight: bold; }
.zara-bs-led-shower-head-guides .zara-bs-led-hero-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 16px;
  margin-top: 25px;
}
/* btn-dark &#8594; airy light blue gradient */
.zara-bs-led-shower-head-guides .zara-bs-led-btn-dark {
  display: inline-block;
  background: linear-gradient(135deg, #e3f2fd, #c7e2f6);
  color: #1f3444;
  padding: 14px 36px;
  border-radius: 50px;
  text-decoration: none;
  font-weight: 600;
  border: 1px solid #c7e2f6;
  transition: all 0.3s;
  box-shadow: 0 8px 20px rgba(127, 179, 221, 0.20);
}
.zara-bs-led-shower-head-guides .zara-bs-led-btn-dark:hover {
  background: linear-gradient(135deg, #d6ecfb, #b5d8ef);
  border-color: #b5d8ef;
  text-decoration: none;
  color: #1f3444;
  transform: translateY(-2px);
}
.zara-bs-led-shower-head-guides .zara-bs-led-btn-outline {
  display: inline-block;
  background: #ffffff;
  color: #1f3444;
  padding: 14px 36px;
  border-radius: 50px;
  text-decoration: none;
  font-weight: 600;
  border: 1px solid #c7e2f6;
  transition: all 0.3s;
}
.zara-bs-led-shower-head-guides .zara-bs-led-btn-outline:hover {
  background: #f5faff;
  border-color: #7fb3dd;
  text-decoration: none;
  color: #1f3444;
}
.zara-bs-led-shower-head-guides .zara-bs-led-hero-note {
  font-size: 14px;
  color: #6b7280;
  margin-top: 30px;
  border-top: 1px solid #c7e2f6;
  padding-top: 20px;
}

/* ===== GUIDE SECTION ===== */
.zara-bs-led-shower-head-guides .zara-bs-led-guide {
  background: linear-gradient(135deg, #f5faff, #e0f6ff);
  padding: 60px 20px;
  margin-top: 40px;
  border-radius: 16px;
  scroll-margin-top: 30px;
  border: 1px solid #c7e2f6;
}
.zara-bs-led-shower-head-guides .zara-bs-led-guide-inner { max-width: 1000px; margin: 0 auto; }
.zara-bs-led-shower-head-guides .zara-bs-led-guide h2 {
  font-size: 36px;
  font-weight: 300;
  color: #1f3444;
  margin-bottom: 20px;
  text-align: center;
}
.zara-bs-led-shower-head-guides .zara-bs-led-guide-h2-bold { font-weight: 600; }
.zara-bs-led-shower-head-guides .zara-bs-led-guide-divider {
  width: 80px;
  height: 3px;
  background: #7fb3dd;
  margin: 0 auto 40px;
  border: none;
}

/* How It Works */
.zara-bs-led-shower-head-guides .zara-bs-led-how-box {
  background: #ffffff;
  padding: 30px;
  border-radius: 16px;
  margin-bottom: 30px;
  border: 1px solid #dde3ec;
}
.zara-bs-led-shower-head-guides .zara-bs-led-how-box h3 {
  font-size: 24px !important;
  color: #1f3444;
  margin-top: 0;
  margin-bottom: 15px;
}
.zara-bs-led-shower-head-guides .zara-bs-led-how-box p { margin-bottom: 15px; }
.zara-bs-led-shower-head-guides .zara-bs-led-how-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-top: 20px;
}
.zara-bs-led-shower-head-guides .zara-bs-led-how-item {
  background: #f5faff;
  padding: 15px;
  border-radius: 10px;
  border: 1px solid #c7e2f6;
}
.zara-bs-led-shower-head-guides .zara-bs-led-how-label {
  font-size: 20px;
  font-weight: bold;
  color: #5a8db5;
  display: block;
  margin-bottom: 5px;
}
.zara-bs-led-shower-head-guides .zara-bs-led-how-item h4 { margin: 10px 0 5px; color: #1f3444; font-size: 16px; }
.zara-bs-led-shower-head-guides .zara-bs-led-how-item p { font-size: 14px; color: #4b5563; margin: 0 0 8px; }
.zara-bs-led-shower-head-guides .zara-bs-led-how-item a { font-size: 13px; color: #5a8db5; }
.zara-bs-led-shower-head-guides .zara-bs-led-how-cta {
  margin-top: 20px;
  text-align: center;
}
/* btn-gold &#8594; solid soft blue */
.zara-bs-led-shower-head-guides .zara-bs-led-btn-gold {
  display: inline-block;
  background: linear-gradient(135deg, #5a8db5, #7fb3dd);
  color: #ffffff;
  padding: 8px 25px;
  border-radius: 50px;
  text-decoration: none;
  font-size: 14px;
  font-weight: 600;
  transition: all 0.3s;
  border: 1px solid #7fb3dd;
}
.zara-bs-led-shower-head-guides .zara-bs-led-btn-gold:hover {
  background: linear-gradient(135deg, #4a7da5, #5a8db5);
  text-decoration: none;
  color: #ffffff;
  transform: translateY(-2px);
}

/* Temperature Chart � kept as blue/green/red (temperature indicators) */
.zara-bs-led-shower-head-guides .zara-bs-led-temp-box {
  background: #ffffff;
  padding: 30px;
  border-radius: 16px;
  margin-bottom: 30px;
  border: 1px solid #dde3ec;
}
.zara-bs-led-shower-head-guides .zara-bs-led-temp-box h3 {
  font-size: 24px;
  color: #1f3444;
  margin-top: 0;
  margin-bottom: 15px;
}
.zara-bs-led-shower-head-guides .zara-bs-led-temp-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 15px;
  margin-top: 20px;
}
/* Temperature colors KEPT � these are functional temperature indicators */
.zara-bs-led-shower-head-guides .zara-bs-led-temp-blue {
  background: #e3f2fd;
  padding: 15px;
  border-radius: 10px;
  text-align: center;
}
.zara-bs-led-shower-head-guides .zara-bs-led-temp-green {
  background: #e8f5e9;
  padding: 15px;
  border-radius: 10px;
  text-align: center;
}
.zara-bs-led-shower-head-guides .zara-bs-led-temp-red {
  background: #ffebee;
  padding: 15px;
  border-radius: 10px;
  text-align: center;
}
.zara-bs-led-shower-head-guides .zara-bs-led-temp-blue .zara-bs-led-temp-icon { font-size: 24px; font-weight: bold; color: #1976d2; display: block; margin-bottom: 5px; }
.zara-bs-led-shower-head-guides .zara-bs-led-temp-green .zara-bs-led-temp-icon { font-size: 24px; font-weight: bold; color: #388e3c; display: block; margin-bottom: 5px; }
.zara-bs-led-shower-head-guides .zara-bs-led-temp-red .zara-bs-led-temp-icon { font-size: 24px; font-weight: bold; color: #d32f2f; display: block; margin-bottom: 5px; }
.zara-bs-led-shower-head-guides .zara-bs-led-temp-blue h4,
.zara-bs-led-shower-head-guides .zara-bs-led-temp-green h4,
.zara-bs-led-shower-head-guides .zara-bs-led-temp-red h4 { margin: 10px 0 5px; font-size: 16px; color: #1f3444; }
.zara-bs-led-shower-head-guides .zara-bs-led-temp-blue p,
.zara-bs-led-shower-head-guides .zara-bs-led-temp-green p,
.zara-bs-led-shower-head-guides .zara-bs-led-temp-red p { font-size: 14px; color: #4b5563; margin: 0 0 8px; }
.zara-bs-led-shower-head-guides .zara-bs-led-temp-blue a,
.zara-bs-led-shower-head-guides .zara-bs-led-temp-green a,
.zara-bs-led-shower-head-guides .zara-bs-led-temp-red a { font-size: 13px; color: #5a8db5; }
.zara-bs-led-shower-head-guides .zara-bs-led-safety-note {
  margin-top: 20px;
  padding: 15px;
  background: #e3f2fd;
  border-radius: 10px;
  font-size: 14px;
  border-left: 3px solid #5a8db5;
}
.zara-bs-led-shower-head-guides .zara-bs-led-safety-note p { margin: 0; }

/* Benefits */
.zara-bs-led-shower-head-guides .zara-bs-led-benefits-box {
  background: #ffffff;
  padding: 30px;
  border-radius: 16px;
  margin-bottom: 30px;
  border: 1px solid #dde3ec;
}
.zara-bs-led-shower-head-guides .zara-bs-led-benefits-box h3 {
  font-size: 24px;
  color: #1f3444;
  margin-top: 0;
  margin-bottom: 15px;
}
.zara-bs-led-shower-head-guides .zara-bs-led-benefits-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 8px;
  list-style: none;
  padding: 0;
  margin: 0;
}
.zara-bs-led-shower-head-guides .zara-bs-led-benefits-list li { margin-bottom: 10px; font-size: 15px; color: #1f3444; }
.zara-bs-led-shower-head-guides .zara-bs-led-benefits-list a { color: #5a8db5; }

/* Related Links Row */
.zara-bs-led-shower-head-guides .zara-bs-led-related-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 15px;
  margin-top: 30px;
}
.zara-bs-led-shower-head-guides .zara-bs-led-related-links .zara-bs-led-btn-gold { padding: 12px 25px; font-size: 14px; }
.zara-bs-led-shower-head-guides .zara-bs-led-btn-dark-sm {
  background: linear-gradient(135deg, #e3f2fd, #c7e2f6);
  color: #1f3444;
  padding: 12px 25px;
  border-radius: 50px;
  text-decoration: none;
  font-size: 14px;
  font-weight: 600;
  transition: all 0.3s;
  border: 1px solid #c7e2f6;
}
.zara-bs-led-shower-head-guides .zara-bs-led-btn-dark-sm:hover {
  background: linear-gradient(135deg, #d6ecfb, #b5d8ef);
  border-color: #b5d8ef;
  text-decoration: none;
  color: #1f3444;
}
.zara-bs-led-shower-head-guides .zara-bs-led-btn-outline-sm {
  background: #ffffff;
  color: #1f3444;
  padding: 12px 25px;
  border-radius: 50px;
  text-decoration: none;
  font-size: 14px;
  border: 1px solid #c7e2f6;
  transition: all 0.3s;
  font-weight: 600;
}
.zara-bs-led-shower-head-guides .zara-bs-led-btn-outline-sm:hover {
  background: #f5faff;
  border-color: #7fb3dd;
  text-decoration: none;
  color: #1f3444;
}

/* ===== FEATURES SECTION ===== */
.zara-bs-led-shower-head-guides .zara-bs-led-features-section {
  background: linear-gradient(135deg, #f5faff, #e0f6ff);
  padding: 60px 8%;
  border-radius: 16px;
  margin: 40px 0;
  border: 1px solid #c7e2f6;
}
.zara-bs-led-shower-head-guides .zara-bs-led-features-header { text-align: center; margin-bottom: 40px; }
.zara-bs-led-shower-head-guides .zara-bs-led-badge {
  display: inline-block;
  background: linear-gradient(135deg, #e3f2fd, #c7e2f6);
  color: #1f3444;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1px;
  padding: 6px 18px;
  border-radius: 50px;
  margin-bottom: 15px;
  text-transform: uppercase;
  border: 1px solid #c7e2f6;
}
.zara-bs-led-shower-head-guides .zara-bs-led-features-header h2 {
  font-size: 36px;
  font-weight: 300;
  color: #1f3444;
  margin: 0;
}
.zara-bs-led-shower-head-guides .zara-bs-led-features-header .zara-bs-led-h2-bold { font-weight: 600; }
.zara-bs-led-shower-head-guides .zara-bs-led-features-divider {
  width: 80px;
  height: 3px;
  background: #7fb3dd;
  margin: 15px auto 0;
  border: none;
}
.zara-bs-led-shower-head-guides .zara-bs-led-features-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 35px;
}
.zara-bs-led-shower-head-guides .zara-bs-led-feature {
  background: #ffffff;
  padding: 30px;
  border-radius: 12px;
  box-shadow: 0 8px 20px rgba(127, 179, 221, 0.10);
  opacity: 0;
  transform: translateY(40px);
  transition: opacity 0.8s ease, transform 0.8s ease;
  border: 1px solid #dde3ec;
}
.zara-bs-led-shower-head-guides .zara-bs-led-feature.zara-bs-led-visible {
  opacity: 1;
  transform: translateY(0);
}
.zara-bs-led-shower-head-guides .zara-bs-led-feature img {
  border-radius: 10px;
  margin-bottom: 15px;
  width: 100%;
  height: auto;
}
.zara-bs-led-shower-head-guides .zara-bs-led-feature h3 { font-size: 20px; color: #1f3444; margin-bottom: 10px; }
.zara-bs-led-shower-head-guides .zara-bs-led-feature p { font-size: 15px; color: #4b5563; line-height: 1.6; }
.zara-bs-led-shower-head-guides .zara-bs-led-feature-links {
  margin-top: 15px;
  border-top: 1px solid #c7e2f6;
  padding-top: 15px;
}
.zara-bs-led-shower-head-guides .zara-bs-led-feature-links h4 {
  font-size: 15px;
  font-weight: 700;
  color: #1f3444;
  margin-bottom: 10px;
}
.zara-bs-led-shower-head-guides .zara-bs-led-feature-links-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.zara-bs-led-shower-head-guides .zara-bs-led-feature-links-list a {
  color: #5a8db5;
  text-decoration: none;
  font-size: 14px;
}
.zara-bs-led-shower-head-guides .zara-bs-led-feature-links-list a:hover { text-decoration: underline; color: #1f3444; }
.zara-bs-led-shower-head-guides .zara-bs-led-features-cta { text-align: center; margin-top: 40px; }

/* ===== PARALLAX ===== */
.zara-bs-led-shower-head-guides .zara-bs-led-parallax {
  height: 420px;
  background: url("/v/vspfiles/assets/images/led_shower_spa.jpg") center center / cover fixed;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 32px;
  color: #ffffff;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
  margin: 50px 0;
  border-radius: 12px;
  overflow: hidden;
}

/* ===== SEO LINKS SECTION ===== */
.zara-bs-led-shower-head-guides .zara-bs-led-seo-links {
  background: linear-gradient(135deg, #f5faff 0%, #e0f6ff 100%);
  padding: 60px 10%;
  border-radius: 30px;
  margin: 40px 0;
  text-align: center;
  border: 1px solid #c7e2f6;
}
.zara-bs-led-shower-head-guides .zara-bs-led-seo-header { margin-bottom: 40px; }
.zara-bs-led-shower-head-guides .zara-bs-led-seo-header h2 {
  font-size: 42px;
  font-weight: 300;
  color: #1f3444;
  margin: 10px 0 20px;
}
.zara-bs-led-shower-head-guides .zara-bs-led-seo-header .zara-bs-led-h2-bold { font-weight: 600; }
.zara-bs-led-shower-head-guides .zara-bs-led-seo-divider {
  width: 120px;
  height: 3px;
  background: #7fb3dd;
  margin: 0 auto 20px;
  border: none;
}
.zara-bs-led-shower-head-guides .zara-bs-led-cat-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
  max-width: 1000px;
  margin: 0 auto;
}
.zara-bs-led-shower-head-guides .zara-bs-led-cat-card {
  background: #ffffff;
  padding: 20px;
  border-radius: 20px;
  min-width: 140px;
  text-decoration: none;
  display: block;
  transition: all 0.3s;
  border: 1px solid #dde3ec;
}
.zara-bs-led-shower-head-guides .zara-bs-led-cat-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 20px rgba(127, 179, 221, 0.15);
  text-decoration: none;
  border-color: #7fb3dd;
}
.zara-bs-led-shower-head-guides .zara-bs-led-cat-icon {
  font-size: 15px;
  font-weight: 600;
  color: #1f3444;
  display: block;
  margin-bottom: 5px;
}
.zara-bs-led-shower-head-guides .zara-bs-led-cat-card h3 { font-size: 16px; margin: 10px 0 0; color: #1f3444; }
.zara-bs-led-shower-head-guides .zara-bs-led-cat-card-active { border: 2px solid #7fb3dd; }
.zara-bs-led-shower-head-guides .zara-bs-led-cat-card-active .zara-bs-led-cat-icon { color: #5a8db5; }
.zara-bs-led-shower-head-guides .zara-bs-led-cat-card-active h3 { color: #5a8db5; }
.zara-bs-led-shower-head-guides .zara-bs-led-cat-you-are-here { color: #5a8db5; font-size: 12px; display: block; margin-top: 4px; }
.zara-bs-led-shower-head-guides .zara-bs-led-seo-cta { margin-top: 40px; }

/* ===== WHY CHOOSE SECTION ===== */
.zara-bs-led-shower-head-guides .zara-bs-led-why {
  background: linear-gradient(135deg, #f5faff, #e0f6ff);
  padding: 50px 10%;
  border-radius: 16px;
  margin: 40px 0;
  border: 1px solid #c7e2f6;
}
.zara-bs-led-shower-head-guides .zara-bs-led-why h2 {
  font-size: 32px;
  font-weight: 600;
  color: #1f3444;
  text-align: center;
  margin-bottom: 20px;
}
.zara-bs-led-shower-head-guides .zara-bs-led-why p {
  font-size: 16px;
  color: #4b5563;
  line-height: 1.8;
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
}

/* ===== FAQ SECTION ===== */
.zara-bs-led-shower-head-guides .zara-bs-led-faq {
  padding: 60px 10%;
  background: linear-gradient(135deg, #f5faff, #e0f6ff);
  border-radius: 16px;
  margin: 40px 0;
  border: 1px solid #c7e2f6;
}
.zara-bs-led-shower-head-guides .zara-bs-led-faq h2 {
  text-align: center;
  font-size: 32px;
  font-weight: 400;
  color: #1f3444;
  margin-bottom: 30px;
}
.zara-bs-led-shower-head-guides .zara-bs-led-faq-inner { max-width: 900px; margin: 0 auto; }
.zara-bs-led-shower-head-guides .zara-bs-led-faq-item {
  margin-bottom: 20px;
  background: #ffffff;
  padding: 16px 20px;
  border-radius: 12px;
  border: 1px solid #c7e2f6;
  cursor: pointer;
  transition: all 0.3s;
}
.zara-bs-led-shower-head-guides .zara-bs-led-faq-item:hover { background: #f5faff; border-color: #7fb3dd; }
.zara-bs-led-shower-head-guides .zara-bs-led-faq-item strong { font-size: 16px; color: #1f3444; display: block; }
.zara-bs-led-shower-head-guides .zara-bs-led-faq-answer {
  font-size: 14px;
  color: #4b5563;
  line-height: 1.6;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease;
  margin: 0;
}
.zara-bs-led-shower-head-guides .zara-bs-led-faq-item.zara-bs-led-faq-active .zara-bs-led-faq-answer {
  max-height: 200px;
  margin-top: 10px;
}

/* ===== FLOATING CTA ===== */
.zara-bs-led-shower-head-guides .zara-bs-led-floating-cta {
  position: fixed;
  bottom: 25px;
  right: 25px;
  background: linear-gradient(135deg, #5a8db5, #7fb3dd);
  color: #ffffff;
  padding: 16px 30px;
  border-radius: 40px;
  text-decoration: none;
  box-shadow: 0 10px 25px rgba(127, 179, 221, 0.30);
  z-index: 999;
  transition: transform 0.3s;
  font-weight: 600;
  font-size: 15px;
  border: 1px solid #7fb3dd;
}
.zara-bs-led-shower-head-guides .zara-bs-led-floating-cta:hover {
  transform: scale(1.05);
  background: linear-gradient(135deg, #4a7da5, #5a8db5);
  text-decoration: none;
  color: #ffffff;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 1024px) {
  .zara-bs-led-shower-head-guides .zara-bs-led-features-grid { grid-template-columns: repeat(2, 1fr); }
  .zara-bs-led-shower-head-guides .zara-bs-led-how-grid { grid-template-columns: repeat(2, 1fr); }
  .zara-bs-led-shower-head-guides .zara-bs-led-temp-grid { grid-template-columns: repeat(2, 1fr); }
  .zara-bs-led-shower-head-guides .zara-bs-led-benefits-list { grid-template-columns: 1fr; }
}
@media (max-width: 768px) {
  .zara-bs-led-shower-head-guides .zara-bs-led-hero { min-height: 70vh; }
  .zara-bs-led-shower-head-guides .zara-bs-led-hero-box { padding: 40px 25px; margin: 0 15px; }
  .zara-bs-led-shower-head-guides .zara-bs-led-hero-box h1 { font-size: 38px; }
  .zara-bs-led-shower-head-guides .zara-bs-led-hero-box p { font-size: 16px; }
  .zara-bs-led-shower-head-guides .zara-bs-led-parallax { font-size: 24px; height: 300px; }
  .zara-bs-led-shower-head-guides .zara-bs-led-features-section { padding: 40px 5%; }
  .zara-bs-led-shower-head-guides .zara-bs-led-features-grid { grid-template-columns: 1fr; }
  .zara-bs-led-shower-head-guides .zara-bs-led-how-grid { grid-template-columns: 1fr; }
  .zara-bs-led-shower-head-guides .zara-bs-led-temp-grid { grid-template-columns: 1fr; }
}

.zara-bs-led-shower-head-guides .zara-bs-led-feature-btn { margin-top: 15px; display: inline-block; }


.zara-bs-led-shower-head-guides-sec {
  color: #1f3444;
  line-height: 1.7;
}

/* ===== OUTER WRAPPER ===== */
.zara-bs-led-shower-head-guides-sec .zara-bs-led-sec-wrap {
  background: linear-gradient(to bottom, #f5faff, #e0f6ff);
  border-radius: 16px;
  padding: 30px;
  margin-top: 40px;
  margin-bottom: 20px;
  border: 1px solid #c7e2f6;
  box-shadow: 0 8px 20px rgba(127, 179, 221, 0.08);
}

/* ===== SECTION HEADER ===== */
.zara-bs-led-shower-head-guides-sec .zara-bs-led-sec-header {
  text-align: center;
  margin-bottom: 30px;
}
.zara-bs-led-shower-head-guides-sec .zara-bs-led-sec-overline {
  font-size: 14px;
  font-weight: 700;
  color: #5a8db5;
  letter-spacing: 1px;
  text-transform: uppercase;
  display: block;
  margin-bottom: 8px;
}
.zara-bs-led-shower-head-guides-sec .zara-bs-led-sec-h2 {
  font-size: 32px;
  font-weight: 400;
  color: #1f3444;
  margin-top: 8px;
  margin-bottom: 8px;
}
.zara-bs-led-shower-head-guides-sec .zara-bs-led-sec-h2-bold {
  font-weight: 600;
  color: #1f3444;
}
.zara-bs-led-shower-head-guides-sec .zara-bs-led-sec-divider {
  width: 80px;
  height: 3px;
  background: #7fb3dd;
  margin: 15px auto 0;
  border: none;
}

/* ===== TWO COLUMN ROW ===== */
.zara-bs-led-shower-head-guides-sec .zara-bs-led-sec-row {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  margin-bottom: 24px;
}

/* ===== COLUMN CARDS ===== */
.zara-bs-led-shower-head-guides-sec .zara-bs-led-sec-col {
  flex: 1;
  min-width: 300px;
  background: #ffffff;
  border-radius: 12px;
  padding: 24px;
  box-shadow: 0 4px 12px rgba(127, 179, 221, 0.08);
  border: 1px solid #c7e2f6;
}
.zara-bs-led-shower-head-guides-sec .zara-bs-led-sec-col-header {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.zara-bs-led-shower-head-guides-sec .zara-bs-led-sec-col-icon {
  font-size: 24px;
  margin-right: 12px;
  flex-shrink: 0;
}
.zara-bs-led-shower-head-guides-sec .zara-bs-led-sec-col h3 {
  font-size: 20px;
  font-weight: 700;
  margin: 0;
  color: #1f3444;
}

/* ===== CONTENT BLOCKS ===== */
.zara-bs-led-shower-head-guides-sec .zara-bs-led-sec-block {
  margin-bottom: 24px;
}
.zara-bs-led-shower-head-guides-sec .zara-bs-led-sec-block:last-child {
  margin-bottom: 0;
}
.zara-bs-led-shower-head-guides-sec .zara-bs-led-sec-block h4 {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 8px;
  color: #1f3444;
}
.zara-bs-led-shower-head-guides-sec .zara-bs-led-sec-block p {
  font-size: 14px;
  line-height: 1.6;
  color: #4b5563;
  margin-bottom: 12px;
}
.zara-bs-led-shower-head-guides-sec .zara-bs-led-sec-link {
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  color: #5a8db5;
  text-decoration: none;
  border-bottom: 1px solid #7fb3dd;
  padding-bottom: 2px;
  transition: all 0.3s;
}
.zara-bs-led-shower-head-guides-sec .zara-bs-led-sec-link:hover { color: #1f3444; border-bottom-color: #1f3444; }
.zara-bs-led-shower-head-guides-sec .zara-bs-led-sec-link-sm {
  display: inline-block;
  font-size: 13px;
  font-weight: 600;
  color: #5a8db5;
  text-decoration: none;
  margin-top: 6px;
  transition: all 0.3s;
}
.zara-bs-led-shower-head-guides-sec .zara-bs-led-sec-link-sm:hover { color: #1f3444; text-decoration: underline; }

/* Color indicators � KEPT (functional temperature colors) */
.zara-bs-led-shower-head-guides-sec .zara-bs-led-sec-color-blue { color: #1976d2; font-weight: bold; }
.zara-bs-led-shower-head-guides-sec .zara-bs-led-sec-color-green { color: #388e3c; font-weight: bold; }
.zara-bs-led-shower-head-guides-sec .zara-bs-led-sec-color-red { color: #d32f2f; font-weight: bold; }

/* ===== TYPE GRID ===== */
.zara-bs-led-shower-head-guides-sec .zara-bs-led-sec-type-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
  margin-top: 16px;
}
.zara-bs-led-shower-head-guides-sec .zara-bs-led-sec-type-item {
  background: #f5faff;
  padding: 12px;
  border-radius: 8px;
  border: 1px solid #c7e2f6;
}
.zara-bs-led-shower-head-guides-sec .zara-bs-led-sec-type-item strong {
  color: #1f3444;
  display: block;
  margin-bottom: 4px;
  font-size: 14px;
}
.zara-bs-led-shower-head-guides-sec .zara-bs-led-sec-type-item p {
  font-size: 13px;
  color: #4b5563;
  margin: 0 0 8px;
  line-height: 1.5;
}
.zara-bs-led-shower-head-guides-sec .zara-bs-led-sec-type-item a {
  font-size: 12px;
  color: #5a8db5;
  text-decoration: none;
}
.zara-bs-led-shower-head-guides-sec .zara-bs-led-sec-type-item a:hover { text-decoration: underline; color: #1f3444; }

/* ===== INSTALL NOTE ===== */
.zara-bs-led-shower-head-guides-sec .zara-bs-led-sec-install h4 {
  font-size: 15px;
  font-weight: 700;
  margin-bottom: 8px;
  color: #1f3444;
}
.zara-bs-led-shower-head-guides-sec .zara-bs-led-sec-install p {
  font-size: 14px;
  line-height: 1.6;
  color: #4b5563;
  margin: 0;
}

/* ===== FINAL CTA ===== */
.zara-bs-led-shower-head-guides-sec .zara-bs-led-sec-cta {
  text-align: center;
  margin-top: 30px;
  padding-top: 20px;
  border-top: 1px solid #c7e2f6;
}
.zara-bs-led-shower-head-guides-sec .zara-bs-led-sec-cta p {
  font-size: 16px;
  color: #1f3444;
  margin-bottom: 15px;
}
.zara-bs-led-shower-head-guides-sec .zara-bs-led-sec-cta-btn {
  display: inline-block;
  background: linear-gradient(135deg, #e3f2fd, #c7e2f6);
  color: #1f3444;
  padding: 14px 32px;
  border-radius: 40px;
  text-decoration: none;
  font-weight: 700;
  letter-spacing: 0.5px;
  border: 1px solid #c7e2f6;
  transition: all 0.2s;
  box-shadow: 0 8px 20px rgba(127, 179, 221, 0.20);
  margin: 17px 0;
}
.zara-bs-led-shower-head-guides-sec .zara-bs-led-sec-cta-btn:hover {
  background: linear-gradient(135deg, #d6ecfb, #b5d8ef);
  border-color: #b5d8ef;
  text-decoration: none;
  color: #1f3444;
  transform: translateY(-2px);
}
.zara-bs-led-shower-head-guides-sec .zara-bs-led-sec-cta-note {
  font-size: 13px;
  color: #6b7280;
  margin-top: 12px;
  margin-bottom: 0;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 768px) {
  .zara-bs-led-shower-head-guides-sec .zara-bs-led-sec-row { flex-direction: column; }
  .zara-bs-led-shower-head-guides-sec .zara-bs-led-sec-col { min-width: unset; }
  .zara-bs-led-shower-head-guides-sec .zara-bs-led-sec-h2 { font-size: 26px; }
  .zara-bs-led-shower-head-guides-sec .zara-bs-led-sec-type-grid { grid-template-columns: 1fr; }
}


/* ===== BASE ===== */
.zara-bs-rainfall-shower-heads-guide {
  color: #1f3444;
  line-height: 1.7;
}
.zara-bs-rainfall-shower-heads-guide .zara-bs-rain-img { max-width: 100%; height: auto; }
.zara-bs-rainfall-shower-heads-guide a { color: #5a8db5; text-decoration: none; transition: all 0.3s ease; }
.zara-bs-rainfall-shower-heads-guide a:hover { text-decoration: underline; color: #1f3444; }

/* ===== HERO ===== */
.zara-bs-rainfall-shower-heads-guide .zara-bs-rain-hero {
  min-height: 85vh;
  background: linear-gradient(135deg, #f5faff 0%, #e0f6ff 100%);
  display: flex; align-items: center; justify-content: center;
  text-align: center; padding: 20px; position: relative; overflow: hidden;
}
.zara-bs-rainfall-shower-heads-guide .zara-bs-rain-hero-wave {
  position: absolute; top: 0; left: 0; width: 100%; height: 100%;
  opacity: 0.08; pointer-events: none;
  background: url('data:image/svg+xml;utf8,<svg xmlns=%22https://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22 preserveAspectRatio=%22none%22><path d=%22M0,50 Q25,30 50,50 T100,50 L100,100 L0,100 Z%22 fill=%22%237fb3dd%22/></svg>') repeat-x bottom;
}
.zara-bs-rainfall-shower-heads-guide .zara-bs-rain-hero-box {
  max-width: 800px; margin: 0 auto;
  background: rgba(255, 255, 255, 0.95);
  padding: 50px 40px; border-radius: 20px;
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.08);
  border: 1px solid #c7e2f6;
  position: relative; z-index: 2; color: #1f3444;
}
.zara-bs-rainfall-shower-heads-guide .zara-bs-rain-hero-box h1 { font-size: 52px; font-weight: 300; margin: 15px 0 10px; color: #1f3444; }
.zara-bs-rainfall-shower-heads-guide .zara-bs-rain-h1-bold { font-weight: 600; color: #1f3444; }
.zara-bs-rainfall-shower-heads-guide .zara-bs-rain-hero-box p { font-size: 18px; color: #4b5563; }
.zara-bs-rainfall-shower-heads-guide .zara-bs-rain-hero-highlight { color: #5a8db5; }
.zara-bs-rainfall-shower-heads-guide .zara-bs-rain-divider { width: 100px; height: 3px; background: #7fb3dd; margin: 20px auto; border: none; }
.zara-bs-rainfall-shower-heads-guide .zara-bs-rain-bullets {
  display: flex; flex-wrap: wrap; justify-content: center;
  gap: 15px 25px; margin: 30px 0 20px;
}
.zara-bs-rainfall-shower-heads-guide .zara-bs-rain-bullet {
  display: inline-flex; align-items: center; gap: 8px;
  background: #f5faff; padding: 8px 18px;
  border-radius: 40px; font-size: 15px; color: #1f3444;
  border: 1px solid #c7e2f6;
}
.zara-bs-rainfall-shower-heads-guide .zara-bs-rain-bullet-icon { color: #7fb3dd; font-weight: bold; }
.zara-bs-rainfall-shower-heads-guide .zara-bs-rain-hero-actions {
  display: flex; flex-wrap: wrap; justify-content: center; gap: 16px; margin-top: 25px;
}
.zara-bs-rainfall-shower-heads-guide .zara-bs-rain-btn-dark {
  display: inline-block;
  background: linear-gradient(135deg, #e3f2fd, #c7e2f6);
  color: #1f3444; padding: 14px 36px; border-radius: 50px;
  text-decoration: none; font-weight: 700; border: 1px solid #c7e2f6;
  transition: all 0.3s; box-shadow: 0 8px 20px rgba(127, 179, 221, 0.20);
}
.zara-bs-rainfall-shower-heads-guide .zara-bs-rain-btn-dark:hover {
  background: linear-gradient(135deg, #d6ecfb, #b5d8ef);
  border-color: #b5d8ef; text-decoration: none; color: #1f3444; transform: translateY(-2px);
}
.zara-bs-rainfall-shower-heads-guide .zara-bs-rain-btn-outline {
  display: inline-block; background: #ffffff; color: #1f3444;
  padding: 14px 36px; border-radius: 50px;
  text-decoration: none; font-weight: 700; border: 1px solid #c7e2f6; transition: all 0.3s;
}
.zara-bs-rainfall-shower-heads-guide .zara-bs-rain-btn-outline:hover {
  background: #f5faff; border-color: #7fb3dd; text-decoration: none; color: #1f3444;
}
.zara-bs-rainfall-shower-heads-guide .zara-bs-rain-hero-note {
  font-size: 14px; color: #6b7280; margin-top: 30px;
  border-top: 1px solid #c7e2f6; padding-top: 20px;
}

/* ===== GUIDE SECTION ===== */
.zara-bs-rainfall-shower-heads-guide .zara-bs-rain-guide {
  background: linear-gradient(135deg, #f5faff, #e0f6ff);
  padding: 60px 20px; margin-top: 40px; border-radius: 16px;
  scroll-margin-top: 30px; border: 1px solid #c7e2f6;
}
.zara-bs-rainfall-shower-heads-guide .zara-bs-rain-guide-inner { max-width: 1000px; margin: 0 auto; }
.zara-bs-rainfall-shower-heads-guide .zara-bs-rain-guide h2 {
  font-size: 36px; font-weight: 300; color: #1f3444; margin-bottom: 20px; text-align: center;
}
.zara-bs-rainfall-shower-heads-guide .zara-bs-rain-guide-h2-bold { font-weight: 600; }
.zara-bs-rainfall-shower-heads-guide .zara-bs-rain-guide-divider {
  width: 80px; height: 3px; background: #7fb3dd; margin: 0 auto 40px; border: none;
}

/* White content boxes */
.zara-bs-rainfall-shower-heads-guide .zara-bs-rain-box {
  background: #ffffff; padding: 30px; border-radius: 16px;
  margin-bottom: 30px; border: 1px solid #dde3ec;
}
.zara-bs-rainfall-shower-heads-guide .zara-bs-rain-box h3 { font-size: 24px; color: #1f3444; margin-top: 0; margin-bottom: 15px; }
.zara-bs-rainfall-shower-heads-guide .zara-bs-rain-box p { margin-bottom: 15px; }

/* Size grid */
.zara-bs-rainfall-shower-heads-guide .zara-bs-rain-size-grid {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-top: 20px;
}
.zara-bs-rainfall-shower-heads-guide .zara-bs-rain-size-item {
  background: #f5faff; padding: 15px; border-radius: 10px;
  text-align: center; border: 1px solid #c7e2f6;
}
.zara-bs-rainfall-shower-heads-guide .zara-bs-rain-size-label {
  font-size: 20px; font-weight: bold; color: #5a8db5; display: block; margin-bottom: 5px;
}
.zara-bs-rainfall-shower-heads-guide .zara-bs-rain-size-item h4 { margin: 10px 0 5px; color: #1f3444; font-size: 16px; }
.zara-bs-rainfall-shower-heads-guide .zara-bs-rain-size-item p { font-size: 14px; color: #4b5563; margin: 0 0 8px; }
.zara-bs-rainfall-shower-heads-guide .zara-bs-rain-size-item a { font-size: 13px; color: #5a8db5; }
.zara-bs-rainfall-shower-heads-guide .zara-bs-rain-size-cta {
  margin-top: 20px; text-align: center; display: flex; flex-wrap: wrap; justify-content: center; gap: 10px;
}

/* Install grid */
.zara-bs-rainfall-shower-heads-guide .zara-bs-rain-install-grid {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px;
}
.zara-bs-rainfall-shower-heads-guide .zara-bs-rain-install-item {
  background: #f5faff; padding: 20px; border-radius: 10px; border: 1px solid #c7e2f6;
}
.zara-bs-rainfall-shower-heads-guide .zara-bs-rain-install-item h4 { color: #5a8db5; margin-top: 0; margin-bottom: 8px; font-size: 16px; }
.zara-bs-rainfall-shower-heads-guide .zara-bs-rain-install-item p { font-size: 14px; color: #4b5563; margin-bottom: 8px; }
.zara-bs-rainfall-shower-heads-guide .zara-bs-rain-install-item a { font-size: 13px; color: #5a8db5; }

/* Pressure grid � KEPT green/orange/red (functional indicators) */
.zara-bs-rainfall-shower-heads-guide .zara-bs-rain-pressure-grid {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px;
}
.zara-bs-rainfall-shower-heads-guide .zara-bs-rain-psi-green { background: #e8f5e9; padding: 15px; border-radius: 10px; }
.zara-bs-rainfall-shower-heads-guide .zara-bs-rain-psi-orange { background: #fff3e0; padding: 15px; border-radius: 10px; }
.zara-bs-rainfall-shower-heads-guide .zara-bs-rain-psi-red { background: #ffebee; padding: 15px; border-radius: 10px; }
.zara-bs-rainfall-shower-heads-guide .zara-bs-rain-psi-green .zara-bs-rain-psi-label { font-weight: bold; color: #2e7d32; display: block; margin-bottom: 5px; }
.zara-bs-rainfall-shower-heads-guide .zara-bs-rain-psi-orange .zara-bs-rain-psi-label { font-weight: bold; color: #e65100; display: block; margin-bottom: 5px; }
.zara-bs-rainfall-shower-heads-guide .zara-bs-rain-psi-red .zara-bs-rain-psi-label { font-weight: bold; color: #b71c1c; display: block; margin-bottom: 5px; }
.zara-bs-rainfall-shower-heads-guide .zara-bs-rain-psi-green p,
.zara-bs-rainfall-shower-heads-guide .zara-bs-rain-psi-orange p,
.zara-bs-rainfall-shower-heads-guide .zara-bs-rain-psi-red p { font-size: 14px; margin: 0 0 8px; color: #4b5563; }

/* Materials list */
.zara-bs-rainfall-shower-heads-guide .zara-bs-rain-materials-list {
  display: grid; grid-template-columns: repeat(2, 1fr);
  gap: 8px; list-style: none; padding: 0; margin: 0;
}
.zara-bs-rainfall-shower-heads-guide .zara-bs-rain-materials-list li { margin-bottom: 10px; font-size: 15px; color: #1f3444; }
.zara-bs-rainfall-shower-heads-guide .zara-bs-rain-materials-list a { color: #5a8db5; }

/* Related links row */
.zara-bs-rainfall-shower-heads-guide .zara-bs-rain-related-links {
  display: flex; flex-wrap: wrap; justify-content: center; gap: 15px; margin-top: 30px;
}
/* btn-teal &#8594; airy light blue */
.zara-bs-rainfall-shower-heads-guide .zara-bs-rain-btn-teal {
  background: linear-gradient(135deg, #e3f2fd, #c7e2f6);
  color: #1f3444; padding: 12px 20px;
  border-radius: 50px; text-decoration: none; font-size: 14px; font-weight: 700;
  transition: all 0.3s; border: 1px solid #c7e2f6;
}
.zara-bs-rainfall-shower-heads-guide .zara-bs-rain-btn-teal:hover {
  background: linear-gradient(135deg, #d6ecfb, #b5d8ef);
  border-color: #b5d8ef; text-decoration: none; color: #1f3444;
}
/* btn-gold &#8594; solid soft blue */
.zara-bs-rainfall-shower-heads-guide .zara-bs-rain-btn-gold {
  display: inline-block;
  background: linear-gradient(135deg, #5a8db5, #7fb3dd);
  color: #ffffff; padding: 8px 20px; border-radius: 50px;
  text-decoration: none; font-size: 13px; font-weight: 700;
  transition: all 0.3s; border: 1px solid #7fb3dd;
}
.zara-bs-rainfall-shower-heads-guide .zara-bs-rain-btn-gold:hover {
  background: linear-gradient(135deg, #4a7da5, #5a8db5); text-decoration: none; color: #ffffff;
}
.zara-bs-rainfall-shower-heads-guide .zara-bs-rain-btn-gold-lg {
  display: inline-block;
  background: linear-gradient(135deg, #5a8db5, #7fb3dd);
  color: #ffffff; padding: 14px 38px; border-radius: 50px;
  text-decoration: none; font-weight: 700; font-size: 16px;
  transition: all 0.3s; border: 1px solid #7fb3dd;
}
.zara-bs-rainfall-shower-heads-guide .zara-bs-rain-btn-gold-lg:hover {
  background: linear-gradient(135deg, #4a7da5, #5a8db5); text-decoration: none; color: #ffffff;
}

/* ===== FEATURES SECTION ===== */
.zara-bs-rainfall-shower-heads-guide .zara-bs-rain-features-section {
  background: linear-gradient(135deg, #f5faff, #e0f6ff);
  padding: 60px 8%; border-radius: 16px; margin: 40px 0; border: 1px solid #c7e2f6;
}
.zara-bs-rainfall-shower-heads-guide .zara-bs-rain-features-header { text-align: center; margin-bottom: 40px; }
.zara-bs-rainfall-shower-heads-guide .zara-bs-rain-badge {
  display: inline-block;
  background: linear-gradient(135deg, #e3f2fd, #c7e2f6);
  color: #1f3444; font-size: 14px; font-weight: 700; letter-spacing: 1px;
  padding: 6px 18px; border-radius: 50px; margin-bottom: 15px;
  text-transform: uppercase; border: 1px solid #c7e2f6;
}
.zara-bs-rainfall-shower-heads-guide .zara-bs-rain-features-header h2 { font-size: 36px; font-weight: 300; color: #1f3444; margin: 0; }
.zara-bs-rainfall-shower-heads-guide .zara-bs-rain-h2-bold { font-weight: 600; }
.zara-bs-rainfall-shower-heads-guide .zara-bs-rain-features-divider {
  width: 80px; height: 3px; background: #7fb3dd; margin: 15px auto 0; border: none;
}
.zara-bs-rainfall-shower-heads-guide .zara-bs-rain-features-grid {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 35px;
}
.zara-bs-rainfall-shower-heads-guide .zara-bs-rain-feature {
  background: #ffffff; padding: 30px; border-radius: 12px;
  box-shadow: 0 8px 20px rgba(127, 179, 221, 0.10);
  opacity: 0; transform: translateY(40px);
  transition: opacity 0.8s ease, transform 0.8s ease;
  border: 1px solid #dde3ec;
}
.zara-bs-rainfall-shower-heads-guide .zara-bs-rain-feature.zara-bs-rain-visible { opacity: 1; transform: translateY(0); }
.zara-bs-rainfall-shower-heads-guide .zara-bs-rain-feature img { border-radius: 10px; margin-bottom: 15px; width: 100%; height: auto; }
.zara-bs-rainfall-shower-heads-guide .zara-bs-rain-feature h3 { font-size: 20px; color: #1f3444; margin-bottom: 10px; }
.zara-bs-rainfall-shower-heads-guide .zara-bs-rain-feature p { font-size: 15px; color: #4b5563; line-height: 1.6; }
.zara-bs-rainfall-shower-heads-guide .zara-bs-rain-feature-links {
  margin-top: 15px; border-top: 1px solid #c7e2f6; padding-top: 15px;
}
.zara-bs-rainfall-shower-heads-guide .zara-bs-rain-feature-links h4 { font-size: 15px; font-weight: 700; color: #1f3444; margin-bottom: 10px; }
.zara-bs-rainfall-shower-heads-guide .zara-bs-rain-feature-links-list { display: flex; flex-direction: column; gap: 8px; }
.zara-bs-rainfall-shower-heads-guide .zara-bs-rain-feature-links-list a { color: #5a8db5; text-decoration: none; font-size: 14px; }
.zara-bs-rainfall-shower-heads-guide .zara-bs-rain-feature-links-list a:hover { text-decoration: underline; color: #1f3444; }
.zara-bs-rainfall-shower-heads-guide .zara-bs-rain-feature-btn {
  display: inline-block;
  background: linear-gradient(135deg, #e3f2fd, #c7e2f6);
  color: #1f3444; padding: 10px 20px; border-radius: 50px;
  text-decoration: none; font-size: 14px; font-weight: 700;
  margin-top: 15px; transition: all 0.3s; border: 1px solid #c7e2f6;
}
.zara-bs-rainfall-shower-heads-guide .zara-bs-rain-feature-btn:hover {
  background: linear-gradient(135deg, #d6ecfb, #b5d8ef); border-color: #b5d8ef; text-decoration: none; color: #1f3444;
}
.zara-bs-rainfall-shower-heads-guide .zara-bs-rain-features-cta { text-align: center; margin-top: 40px; }

/* ===== PARALLAX ===== */
.zara-bs-rainfall-shower-heads-guide .zara-bs-rain-parallax {
  height: 420px;
  background: url("/v/vspfiles/assets/images/rainfall_shower_spa.jpg") center center / cover fixed;
  display: flex; align-items: center; justify-content: center;
  font-size: 32px; color: #ffffff;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
  margin: 50px 0; border-radius: 12px; overflow: hidden;
}

/* ===== SEO LINKS ===== */
.zara-bs-rainfall-shower-heads-guide .zara-bs-rain-seo-links {
  background: linear-gradient(135deg, #f5faff 0%, #e0f6ff 100%);
  padding: 60px 10%; border-radius: 30px; margin: 40px 0;
  text-align: center; border: 1px solid #c7e2f6;
}
.zara-bs-rainfall-shower-heads-guide .zara-bs-rain-seo-header { margin-bottom: 40px; }
.zara-bs-rainfall-shower-heads-guide .zara-bs-rain-seo-header h2 {
  font-size: 42px; font-weight: 300; color: #1f3444; margin: 10px 0 20px;
}
.zara-bs-rainfall-shower-heads-guide .zara-bs-rain-seo-header .zara-bs-rain-h2-bold { font-weight: 600; }
.zara-bs-rainfall-shower-heads-guide .zara-bs-rain-seo-divider {
  width: 120px; height: 3px; background: #7fb3dd; margin: 0 auto 20px; border: none;
}
.zara-bs-rainfall-shower-heads-guide .zara-bs-rain-cat-links {
  display: flex; flex-wrap: wrap; justify-content: center;
  gap: 15px; max-width: 1000px; margin: 0 auto;
}
.zara-bs-rainfall-shower-heads-guide .zara-bs-rain-cat-link {
  background: #ffffff; padding: 12px 20px; border-radius: 30px;
  text-decoration: none; color: #1f3444; font-weight: 600;
  transition: all 0.3s; border: 1px solid #dde3ec;
}
.zara-bs-rainfall-shower-heads-guide .zara-bs-rain-cat-link:hover {
  background: linear-gradient(135deg, #e3f2fd, #c7e2f6);
  border-color: #7fb3dd; color: #1f3444; text-decoration: none;
}
.zara-bs-rainfall-shower-heads-guide .zara-bs-rain-seo-cta { margin-top: 40px; }
.zara-bs-rainfall-shower-heads-guide .zara-bs-rain-btn-dark-lg {
  display: inline-block;
  background: linear-gradient(135deg, #e3f2fd, #c7e2f6);
  color: #1f3444; padding: 14px 38px; border-radius: 50px;
  text-decoration: none; font-weight: 700;
  transition: all 0.3s; border: 1px solid #c7e2f6;
}
.zara-bs-rainfall-shower-heads-guide .zara-bs-rain-btn-dark-lg:hover {
  background: linear-gradient(135deg, #d6ecfb, #b5d8ef); border-color: #b5d8ef; text-decoration: none; color: #1f3444;
}

/* ===== WHY CHOOSE ===== */
.zara-bs-rainfall-shower-heads-guide .zara-bs-rain-why {
  background: linear-gradient(135deg, #f5faff, #e0f6ff);
  padding: 50px 10%; border-radius: 16px; margin: 40px 0; border: 1px solid #c7e2f6;
}
.zara-bs-rainfall-shower-heads-guide .zara-bs-rain-why h2 {
  font-size: 32px; font-weight: 600; color: #1f3444; text-align: center; margin-bottom: 20px;
}
.zara-bs-rainfall-shower-heads-guide .zara-bs-rain-why p {
  font-size: 16px; color: #4b5563; line-height: 1.8; max-width: 900px; margin: 0 auto; text-align: center;
}

/* ===== FAQ ===== */
.zara-bs-rainfall-shower-heads-guide .zara-bs-rain-faq {
  padding: 60px 10%;
  background: linear-gradient(135deg, #f5faff, #e0f6ff);
  border-radius: 16px; margin: 40px 0; border: 1px solid #c7e2f6;
}
.zara-bs-rainfall-shower-heads-guide .zara-bs-rain-faq h2 {
  text-align: center; font-size: 32px; font-weight: 400; color: #1f3444; margin-bottom: 30px;
}
.zara-bs-rainfall-shower-heads-guide .zara-bs-rain-faq-inner { max-width: 900px; margin: 0 auto; }
.zara-bs-rainfall-shower-heads-guide .zara-bs-rain-faq-item {
  margin-bottom: 20px; background: #ffffff; padding: 16px 20px;
  border-radius: 12px; border: 1px solid #c7e2f6; cursor: pointer; transition: all 0.3s;
}
.zara-bs-rainfall-shower-heads-guide .zara-bs-rain-faq-item:hover { background: #f5faff; border-color: #7fb3dd; }
.zara-bs-rainfall-shower-heads-guide .zara-bs-rain-faq-item strong { font-size: 16px; color: #1f3444; display: block; }
.zara-bs-rainfall-shower-heads-guide .zara-bs-rain-faq-answer {
  font-size: 14px; color: #4b5563; line-height: 1.6;
  max-height: 0; overflow: hidden; transition: max-height 0.4s ease; margin: 0;
}
.zara-bs-rainfall-shower-heads-guide .zara-bs-rain-faq-item.zara-bs-rain-faq-active .zara-bs-rain-faq-answer {
  max-height: 200px; margin-top: 10px;
}

/* ===== FLOATING CTA ===== */
.zara-bs-rainfall-shower-heads-guide .zara-bs-rain-floating-cta {
  position: fixed; bottom: 25px; right: 25px;
  background: linear-gradient(135deg, #5a8db5, #7fb3dd);
  color: #ffffff; padding: 16px 30px; border-radius: 40px;
  text-decoration: none; box-shadow: 0 10px 25px rgba(127, 179, 221, 0.30);
  z-index: 999; transition: transform 0.3s; font-weight: 700; font-size: 15px;
  border: 1px solid #7fb3dd;
}
.zara-bs-rainfall-shower-heads-guide .zara-bs-rain-floating-cta:hover {
  transform: scale(1.05);
  background: linear-gradient(135deg, #4a7da5, #5a8db5); text-decoration: none; color: #ffffff;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 1024px) {
  .zara-bs-rainfall-shower-heads-guide .zara-bs-rain-features-grid { grid-template-columns: repeat(2, 1fr); }
  .zara-bs-rainfall-shower-heads-guide .zara-bs-rain-size-grid { grid-template-columns: repeat(2, 1fr); }
  .zara-bs-rainfall-shower-heads-guide .zara-bs-rain-install-grid { grid-template-columns: repeat(2, 1fr); }
  .zara-bs-rainfall-shower-heads-guide .zara-bs-rain-pressure-grid { grid-template-columns: repeat(2, 1fr); }
  .zara-bs-rainfall-shower-heads-guide .zara-bs-rain-materials-list { grid-template-columns: 1fr; }
}
@media (max-width: 768px) {
  .zara-bs-rainfall-shower-heads-guide .zara-bs-rain-hero { min-height: 70vh; }
  .zara-bs-rainfall-shower-heads-guide .zara-bs-rain-hero-box { padding: 40px 25px; margin: 0 15px; }
  .zara-bs-rainfall-shower-heads-guide .zara-bs-rain-hero-box h1 { font-size: 38px; }
  .zara-bs-rainfall-shower-heads-guide .zara-bs-rain-hero-box p { font-size: 16px; }
  .zara-bs-rainfall-shower-heads-guide .zara-bs-rain-parallax { font-size: 24px; height: 300px; }
  .zara-bs-rainfall-shower-heads-guide .zara-bs-rain-features-section { padding: 40px 5%; }
  .zara-bs-rainfall-shower-heads-guide .zara-bs-rain-features-grid,
  .zara-bs-rainfall-shower-heads-guide .zara-bs-rain-size-grid,
  .zara-bs-rainfall-shower-heads-guide .zara-bs-rain-install-grid,
  .zara-bs-rainfall-shower-heads-guide .zara-bs-rain-pressure-grid { grid-template-columns: 1fr; }
}


.zara-bs-rainfall-shower-heads-guide-sec {
  color: #1f3444;
  line-height: 1.7;
}
.zara-bs-rainfall-shower-heads-guide-sec a { color: #5a8db5; text-decoration: none; transition: all 0.3s; }
.zara-bs-rainfall-shower-heads-guide-sec a:hover { text-decoration: underline; color: #1f3444; }

/* ===== OUTER WRAP ===== */
.zara-bs-rainfall-shower-heads-guide-sec .zara-bs-rain-sec-wrap {
  background: linear-gradient(to bottom, #f5faff, #e0f6ff);
  border-radius: 16px; padding: 30px;
  margin-top: 40px; margin-bottom: 20px;
  border: 1px solid #c7e2f6;
  box-shadow: 0 8px 20px rgba(127, 179, 221, 0.08);
}

/* ===== HEADER ===== */
.zara-bs-rainfall-shower-heads-guide-sec .zara-bs-rain-sec-header { text-align: center; margin-bottom: 30px; }
.zara-bs-rainfall-shower-heads-guide-sec .zara-bs-rain-sec-overline {
  font-size: 14px; font-weight: 700; color: #5a8db5;
  letter-spacing: 1px; text-transform: uppercase; display: block; margin-bottom: 8px;
}
.zara-bs-rainfall-shower-heads-guide-sec .zara-bs-rain-sec-h2 {
  font-size: 32px; font-weight: 400; color: #1f3444; margin-top: 8px; margin-bottom: 8px;
}
.zara-bs-rainfall-shower-heads-guide-sec .zara-bs-rain-sec-h2-bold { font-weight: 600; color: #1f3444; }
.zara-bs-rainfall-shower-heads-guide-sec .zara-bs-rain-sec-divider {
  width: 80px; height: 3px; background: #7fb3dd; margin: 15px auto 0; border: none;
}

/* ===== ROW ===== */
.zara-bs-rainfall-shower-heads-guide-sec .zara-bs-rain-sec-row {
  display: flex; flex-wrap: wrap; gap: 24px; margin-bottom: 24px;
}

/* ===== COLUMNS ===== */
.zara-bs-rainfall-shower-heads-guide-sec .zara-bs-rain-sec-col {
  flex: 1; min-width: 300px; background: #ffffff;
  border-radius: 12px; padding: 24px;
  box-shadow: 0 4px 12px rgba(127, 179, 221, 0.08);
  border: 1px solid #c7e2f6;
}
.zara-bs-rainfall-shower-heads-guide-sec .zara-bs-rain-sec-col-header {
  display: flex; align-items: center; margin-bottom: 20px;
}
.zara-bs-rainfall-shower-heads-guide-sec .zara-bs-rain-sec-col-icon { font-size: 24px; margin-right: 12px; flex-shrink: 0; }
.zara-bs-rainfall-shower-heads-guide-sec .zara-bs-rain-sec-col h3 {
  font-size: 20px; font-weight: 700; margin: 0; color: #1f3444;
}

/* ===== CONTENT BLOCKS ===== */
.zara-bs-rainfall-shower-heads-guide-sec .zara-bs-rain-sec-block { margin-bottom: 24px; }
.zara-bs-rainfall-shower-heads-guide-sec .zara-bs-rain-sec-block:last-child { margin-bottom: 0; }
.zara-bs-rainfall-shower-heads-guide-sec .zara-bs-rain-sec-block h4 {
  font-size: 16px; font-weight: 700; margin-bottom: 8px; color: #1f3444;
}
.zara-bs-rainfall-shower-heads-guide-sec .zara-bs-rain-sec-block p {
  font-size: 14px; line-height: 1.6; color: #4b5563; margin-bottom: 12px;
}
.zara-bs-rainfall-shower-heads-guide-sec .zara-bs-rain-sec-link {
  display: inline-block; font-size: 14px; font-weight: 700; color: #5a8db5;
  text-decoration: none; border-bottom: 1px solid #7fb3dd; padding-bottom: 2px; transition: all 0.3s;
}
.zara-bs-rainfall-shower-heads-guide-sec .zara-bs-rain-sec-link:hover { color: #1f3444; border-bottom-color: #1f3444; }
.zara-bs-rainfall-shower-heads-guide-sec .zara-bs-rain-sec-link-sm {
  display: inline-block; font-size: 13px; font-weight: 700; color: #5a8db5;
  text-decoration: none; margin-top: 6px; transition: all 0.3s;
}
.zara-bs-rainfall-shower-heads-guide-sec .zara-bs-rain-sec-link-sm:hover { color: #1f3444; text-decoration: underline; }

/* ===== SHAPE GRID ===== */
.zara-bs-rainfall-shower-heads-guide-sec .zara-bs-rain-sec-shape-grid {
  display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; margin-top: 16px;
}
.zara-bs-rainfall-shower-heads-guide-sec .zara-bs-rain-sec-shape-item {
  background: #f5faff; padding: 12px; border-radius: 8px; border: 1px solid #c7e2f6;
}
.zara-bs-rainfall-shower-heads-guide-sec .zara-bs-rain-sec-shape-item strong {
  color: #1f3444; display: block; margin-bottom: 4px; font-size: 14px;
}
.zara-bs-rainfall-shower-heads-guide-sec .zara-bs-rain-sec-shape-item p {
  font-size: 13px; color: #4b5563; margin: 0 0 8px; line-height: 1.5;
}
.zara-bs-rainfall-shower-heads-guide-sec .zara-bs-rain-sec-shape-item a {
  font-size: 12px; color: #5a8db5; text-decoration: none;
}
.zara-bs-rainfall-shower-heads-guide-sec .zara-bs-rain-sec-shape-item a:hover { text-decoration: underline; color: #1f3444; }

/* ===== PRESSURE NOTE ===== */
.zara-bs-rainfall-shower-heads-guide-sec .zara-bs-rain-sec-pressure { margin-top: 20px; }
.zara-bs-rainfall-shower-heads-guide-sec .zara-bs-rain-sec-pressure h4 {
  font-size: 15px; font-weight: 700; margin-bottom: 8px; color: #1f3444;
}
.zara-bs-rainfall-shower-heads-guide-sec .zara-bs-rain-sec-pressure p {
  font-size: 14px; line-height: 1.6; color: #4b5563; margin: 0;
}

/* ===== CTA ===== */
.zara-bs-rainfall-shower-heads-guide-sec .zara-bs-rain-sec-cta {
  text-align: center; margin-top: 30px; padding-top: 20px; border-top: 1px solid #c7e2f6;
}
.zara-bs-rainfall-shower-heads-guide-sec .zara-bs-rain-sec-cta p {
  font-size: 16px; color: #1f3444; margin-bottom: 15px;
}
.zara-bs-rainfall-shower-heads-guide-sec .zara-bs-rain-sec-cta-btn {
  display: inline-block;
  background: linear-gradient(135deg, #e3f2fd, #c7e2f6);
  color: #1f3444;
  padding: 14px 32px;
  border-radius: 40px;
  text-decoration: none;
  font-weight: 700;
  letter-spacing: 0.5px;
  border: 1px solid #c7e2f6;
  transition: all 0.2s;
  box-shadow: 0 8px 20px rgba(127, 179, 221, 0.20);
  margin: 20px 0;
}
.zara-bs-rainfall-shower-heads-guide-sec .zara-bs-rain-sec-cta-btn:hover {
  background: linear-gradient(135deg, #d6ecfb, #b5d8ef);
  border-color: #b5d8ef; text-decoration: none; color: #1f3444; transform: translateY(-2px);
}
.zara-bs-rainfall-shower-heads-guide-sec .zara-bs-rain-sec-cta-note {
  font-size: 13px; color: #6b7280; margin-top: 12px; margin-bottom: 0;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 768px) {
  .zara-bs-rainfall-shower-heads-guide-sec .zara-bs-rain-sec-row { flex-direction: column; }
  .zara-bs-rainfall-shower-heads-guide-sec .zara-bs-rain-sec-col { min-width: unset; }
  .zara-bs-rainfall-shower-heads-guide-sec .zara-bs-rain-sec-h2 { font-size: 26px; }
  .zara-bs-rainfall-shower-heads-guide-sec .zara-bs-rain-sec-shape-grid { grid-template-columns: 1fr; }
}

.zara-bs-high-pressure-heads {
  color: #1f3444;
  line-height: 1.7;
}
.zara-bs-high-pressure-heads .zara-bs-hp-img { max-width: 100%; height: auto; }
.zara-bs-high-pressure-heads a { color: #5a8db5; text-decoration: none; transition: all 0.3s; }
.zara-bs-high-pressure-heads a:hover { text-decoration: underline; color: #1f3444; }

/* ===== HERO ===== */
.zara-bs-high-pressure-heads .zara-bs-hp-hero {
  min-height: 85vh;
  background: linear-gradient(135deg, #f5faff 0%, #e0f6ff 100%);
  display: flex; align-items: center; justify-content: center;
  text-align: center; padding: 20px; position: relative; overflow: hidden;
}
.zara-bs-high-pressure-heads .zara-bs-hp-hero-wave {
  position: absolute; top: 0; left: 0; width: 100%; height: 100%;
  opacity: 0.08; pointer-events: none;
  background: url('data:image/svg+xml;utf8,<svg xmlns=%22https://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22 preserveAspectRatio=%22none%22><path d=%22M0,50 Q25,30 50,50 T100,50 L100,100 L0,100 Z%22 fill=%22%237fb3dd%22/></svg>') repeat-x bottom;
}
.zara-bs-high-pressure-heads .zara-bs-hp-hero-box {
  max-width: 800px; margin: 0 auto;
  background: rgba(255, 255, 255, 0.95);
  padding: 50px 40px; border-radius: 20px;
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.08);
  border: 1px solid #c7e2f6;
  position: relative; z-index: 2; color: #1f3444;
}
.zara-bs-high-pressure-heads .zara-bs-hp-hero-box h1 { font-size: 52px; font-weight: 300; margin: 15px 0 10px; color: #1f3444; }
.zara-bs-high-pressure-heads .zara-bs-hp-h1-bold { font-weight: 600; color: #1f3444; }
.zara-bs-high-pressure-heads .zara-bs-hp-hero-box p { font-size: 18px; color: #4b5563; }
.zara-bs-high-pressure-heads .zara-bs-hp-hero-highlight { color: #5a8db5; }
.zara-bs-high-pressure-heads .zara-bs-hp-divider { width: 100px; height: 3px; background: #7fb3dd; margin: 20px auto; border: none; }
.zara-bs-high-pressure-heads .zara-bs-hp-bullets {
  display: flex; flex-wrap: wrap; justify-content: center; gap: 15px 25px; margin: 30px 0 20px;
}
.zara-bs-high-pressure-heads .zara-bs-hp-bullet {
  display: inline-flex; align-items: center; gap: 8px;
  background: #f5faff; padding: 8px 18px;
  border-radius: 40px; font-size: 15px; color: #1f3444; border: 1px solid #c7e2f6;
}
.zara-bs-high-pressure-heads .zara-bs-hp-bullet-icon { color: #7fb3dd; font-weight: bold; }
.zara-bs-high-pressure-heads .zara-bs-hp-hero-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 16px; margin-top: 25px; }
.zara-bs-high-pressure-heads .zara-bs-hp-btn-dark {
  display: inline-block; background: linear-gradient(135deg, #e3f2fd, #c7e2f6); color: #1f3444;
  padding: 14px 36px; border-radius: 50px; text-decoration: none;
  font-weight: 700; border: 1px solid #c7e2f6; transition: all 0.3s;
  box-shadow: 0 8px 20px rgba(127, 179, 221, 0.20);
}
.zara-bs-high-pressure-heads .zara-bs-hp-btn-dark:hover { background: linear-gradient(135deg, #d6ecfb, #b5d8ef); border-color: #b5d8ef; text-decoration: none; color: #1f3444; }
.zara-bs-high-pressure-heads .zara-bs-hp-btn-outline {
  display: inline-block; background: #ffffff; color: #1f3444;
  padding: 14px 36px; border-radius: 50px; text-decoration: none;
  font-weight: 700; border: 1px solid #c7e2f6; transition: all 0.3s;
}
.zara-bs-high-pressure-heads .zara-bs-hp-btn-outline:hover { background: #f5faff; border-color: #7fb3dd; text-decoration: none; color: #1f3444; }
.zara-bs-high-pressure-heads .zara-bs-hp-hero-note { font-size: 14px; color: #6b7280; margin-top: 30px; border-top: 1px solid #c7e2f6; padding-top: 20px; }

/* ===== GUIDE ===== */
.zara-bs-high-pressure-heads .zara-bs-hp-guide { background: linear-gradient(135deg, #f5faff, #e0f6ff); padding: 60px 20px; margin-top: 40px; border-radius: 16px; scroll-margin-top: 30px; border: 1px solid #c7e2f6; }
.zara-bs-high-pressure-heads .zara-bs-hp-guide-inner { max-width: 1000px; margin: 0 auto; }
.zara-bs-high-pressure-heads .zara-bs-hp-guide h2 { font-size: 36px; font-weight: 300; color: #1f3444; margin-bottom: 20px; text-align: center; }
.zara-bs-high-pressure-heads .zara-bs-hp-guide-h2-bold { font-weight: 600; }
.zara-bs-high-pressure-heads .zara-bs-hp-guide-divider { width: 80px; height: 3px; background: #7fb3dd; margin: 0 auto 40px; border: none; }

/* White boxes */
.zara-bs-high-pressure-heads .zara-bs-hp-box { background: #ffffff; padding: 30px; border-radius: 16px; margin-bottom: 30px; border: 1px solid #dde3ec; }
.zara-bs-high-pressure-heads .zara-bs-hp-box h3 { font-size: 24px; color: #1f3444; margin-top: 0; margin-bottom: 15px; }
.zara-bs-high-pressure-heads .zara-bs-hp-box p { margin-bottom: 15px; }

/* How it works grid */
.zara-bs-high-pressure-heads .zara-bs-hp-how-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-top: 20px; }
.zara-bs-high-pressure-heads .zara-bs-hp-how-item { background: #f5faff; padding: 15px; border-radius: 10px; border: 1px solid #c7e2f6; }
.zara-bs-high-pressure-heads .zara-bs-hp-how-label { font-size: 20px; font-weight: bold; color: #5a8db5; display: block; margin-bottom: 5px; }
.zara-bs-high-pressure-heads .zara-bs-hp-how-item h4 { margin: 10px 0 5px; color: #1f3444; font-size: 16px; }
.zara-bs-high-pressure-heads .zara-bs-hp-how-item p { font-size: 14px; color: #4b5563; margin: 0 0 8px; }
.zara-bs-high-pressure-heads .zara-bs-hp-how-item a { font-size: 13px; color: #5a8db5; }
.zara-bs-high-pressure-heads .zara-bs-hp-how-cta { margin-top: 20px; text-align: center; }

/* Pressure grid � KEPT green/orange/red (functional indicators) */
.zara-bs-high-pressure-heads .zara-bs-hp-psi-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; margin-top: 20px; }
.zara-bs-high-pressure-heads .zara-bs-hp-psi-green { background: #e8f5e9; padding: 15px; border-radius: 10px; text-align: center; }
.zara-bs-high-pressure-heads .zara-bs-hp-psi-orange { background: #fff3e0; padding: 15px; border-radius: 10px; text-align: center; }
.zara-bs-high-pressure-heads .zara-bs-hp-psi-red { background: #ffebee; padding: 15px; border-radius: 10px; text-align: center; }
.zara-bs-high-pressure-heads .zara-bs-hp-psi-green .zara-bs-hp-psi-label { font-size: 20px; font-weight: bold; color: #2e7d32; display: block; margin-bottom: 5px; }
.zara-bs-high-pressure-heads .zara-bs-hp-psi-orange .zara-bs-hp-psi-label { font-size: 20px; font-weight: bold; color: #e65100; display: block; margin-bottom: 5px; }
.zara-bs-high-pressure-heads .zara-bs-hp-psi-red .zara-bs-hp-psi-label { font-size: 20px; font-weight: bold; color: #b71c1c; display: block; margin-bottom: 5px; }
.zara-bs-high-pressure-heads .zara-bs-hp-psi-green h4,
.zara-bs-high-pressure-heads .zara-bs-hp-psi-orange h4,
.zara-bs-high-pressure-heads .zara-bs-hp-psi-red h4 { margin: 10px 0 5px; font-size: 16px; color: #1f3444; }
.zara-bs-high-pressure-heads .zara-bs-hp-psi-green p,
.zara-bs-high-pressure-heads .zara-bs-hp-psi-orange p,
.zara-bs-high-pressure-heads .zara-bs-hp-psi-red p { font-size: 14px; color: #4b5563; margin: 0 0 8px; }
.zara-bs-high-pressure-heads .zara-bs-hp-pressure-note { margin-top: 20px; padding: 15px; background: #f5faff; border-radius: 10px; font-size: 14px; border: 1px solid #c7e2f6; }
.zara-bs-high-pressure-heads .zara-bs-hp-pressure-note p { margin: 0; }

/* Types grid */
.zara-bs-high-pressure-heads .zara-bs-hp-box-types { background: #ffffff; padding: 30px; border-radius: 16px; margin-bottom: 30px; box-shadow: 0 8px 20px rgba(15, 23, 42, 0.04); border: 1px solid #dde3ec; }
.zara-bs-high-pressure-heads .zara-bs-hp-types-title { font-size: 24px; color: #1f3444; margin-top: 0; margin-bottom: 25px; position: relative; display: inline-block; }
.zara-bs-high-pressure-heads .zara-bs-hp-types-underline { display: block; width: 60px; height: 3px; background: #7fb3dd; margin-top: 8px; }
.zara-bs-high-pressure-heads .zara-bs-hp-types-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; }
.zara-bs-high-pressure-heads .zara-bs-hp-type-card {
  background: linear-gradient(145deg, #ffffff 0%, #f5faff 100%);
  padding: 20px; border-radius: 14px;
  box-shadow: 0 8px 20px rgba(127, 179, 221, 0.08);
  border: 1px solid #c7e2f6; transition: all 0.3s;
}
.zara-bs-high-pressure-heads .zara-bs-hp-type-card:hover { transform: translateY(-3px); box-shadow: 0 14px 28px rgba(127, 179, 221, 0.18); border-color: #7fb3dd; }
.zara-bs-high-pressure-heads .zara-bs-hp-type-header { display: flex; align-items: center; margin-bottom: 12px; }
.zara-bs-high-pressure-heads .zara-bs-hp-type-num {
  background: linear-gradient(135deg, #e3f2fd, #c7e2f6); color: #1f3444; width: 32px; height: 32px;
  border-radius: 8px; display: flex; align-items: center; justify-content: center;
  margin-right: 12px; font-weight: bold; font-size: 16px; flex-shrink: 0; border: 1px solid #c7e2f6;
}
.zara-bs-high-pressure-heads .zara-bs-hp-type-header h4 { color: #1f3444; margin: 0; font-size: 18px; font-weight: 700; }
.zara-bs-high-pressure-heads .zara-bs-hp-type-specs { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; margin-bottom: 15px; }
.zara-bs-high-pressure-heads .zara-bs-hp-type-spec { background: #ffffff; padding: 8px; border-radius: 8px; border-left: 3px solid #7fb3dd; }
.zara-bs-high-pressure-heads .zara-bs-hp-type-spec-label { font-size: 12px; color: #6b7280; display: block; }
.zara-bs-high-pressure-heads .zara-bs-hp-type-spec-val { font-size: 15px; font-weight: 700; color: #1f3444; }
.zara-bs-high-pressure-heads .zara-bs-hp-type-card p { font-size: 14px; color: #4b5563; line-height: 1.5; margin: 10px 0 15px; }
.zara-bs-high-pressure-heads .zara-bs-hp-type-btn {
  display: inline-flex; align-items: center;
  background: linear-gradient(135deg, #e3f2fd, #c7e2f6); color: #1f3444;
  padding: 8px 18px; border-radius: 30px; text-decoration: none;
  font-size: 13px; font-weight: 700; transition: all 0.3s; border: 1px solid #c7e2f6;
}
.zara-bs-high-pressure-heads .zara-bs-hp-type-btn:hover { background: linear-gradient(135deg, #d6ecfb, #b5d8ef); border-color: #b5d8ef; text-decoration: none; color: #1f3444; }
.zara-bs-high-pressure-heads .zara-bs-hp-types-tags { display: flex; flex-wrap: wrap; gap: 15px; justify-content: center; margin-top: 25px; padding-top: 15px; border-top: 1px dashed #c7e2f6; }
.zara-bs-high-pressure-heads .zara-bs-hp-tag { font-size: 13px; color: #6b7280; background: #f5faff; padding: 5px 12px; border-radius: 20px; border: 1px solid #c7e2f6; }

/* Benefits */
.zara-bs-high-pressure-heads .zara-bs-hp-benefits-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; list-style: none; padding: 0; margin: 0; }
.zara-bs-high-pressure-heads .zara-bs-hp-benefits-list li { margin-bottom: 10px; font-size: 15px; color: #1f3444; }
.zara-bs-high-pressure-heads .zara-bs-hp-benefits-list a { color: #5a8db5; }

/* Related links */
.zara-bs-high-pressure-heads .zara-bs-hp-related-links { display: flex; flex-wrap: wrap; justify-content: center; gap: 15px; margin-top: 30px; }
.zara-bs-high-pressure-heads .zara-bs-hp-btn-gold { background: linear-gradient(135deg, #5a8db5, #7fb3dd); color: #ffffff; padding: 12px 25px; border-radius: 50px; text-decoration: none; font-size: 14px; font-weight: 700; transition: all 0.3s; display: inline-block; border: 1px solid #7fb3dd; }
.zara-bs-high-pressure-heads .zara-bs-hp-btn-gold:hover { background: linear-gradient(135deg, #4a7da5, #5a8db5); text-decoration: none; color: #ffffff; }
.zara-bs-high-pressure-heads .zara-bs-hp-btn-dark-sm { background: linear-gradient(135deg, #e3f2fd, #c7e2f6); color: #1f3444; padding: 12px 25px; border-radius: 50px; text-decoration: none; font-size: 14px; font-weight: 700; transition: all 0.3s; display: inline-block; border: 1px solid #c7e2f6; }
.zara-bs-high-pressure-heads .zara-bs-hp-btn-dark-sm:hover { background: linear-gradient(135deg, #d6ecfb, #b5d8ef); border-color: #b5d8ef; text-decoration: none; color: #1f3444; }
.zara-bs-high-pressure-heads .zara-bs-hp-btn-outline-sm { background: #ffffff; color: #1f3444; padding: 12px 25px; border-radius: 50px; text-decoration: none; font-size: 14px; font-weight: 700; border: 1px solid #c7e2f6; transition: all 0.3s; display: inline-block; }
.zara-bs-high-pressure-heads .zara-bs-hp-btn-outline-sm:hover { background: #f5faff; border-color: #7fb3dd; text-decoration: none; color: #1f3444; }

/* ===== FEATURES SECTION ===== */
.zara-bs-high-pressure-heads .zara-bs-hp-features-section { background: linear-gradient(135deg, #f5faff, #e0f6ff); padding: 60px 8%; border-radius: 16px; margin: 40px 0; border: 1px solid #c7e2f6; }
.zara-bs-high-pressure-heads .zara-bs-hp-features-header { text-align: center; margin-bottom: 40px; }
.zara-bs-high-pressure-heads .zara-bs-hp-badge { display: inline-block; background: linear-gradient(135deg, #e3f2fd, #c7e2f6); color: #1f3444; font-size: 14px; font-weight: 700; letter-spacing: 1px; padding: 6px 18px; border-radius: 50px; margin-bottom: 15px; text-transform: uppercase; border: 1px solid #c7e2f6; }
.zara-bs-high-pressure-heads .zara-bs-hp-features-header h2 { font-size: 36px; font-weight: 300; color: #1f3444; margin: 0; }
.zara-bs-high-pressure-heads .zara-bs-hp-h2-bold { font-weight: 600; }
.zara-bs-high-pressure-heads .zara-bs-hp-features-divider { width: 80px; height: 3px; background: #7fb3dd; margin: 15px auto 0; border: none; }
.zara-bs-high-pressure-heads .zara-bs-hp-features-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 35px; }
.zara-bs-high-pressure-heads .zara-bs-hp-feature { background: #ffffff; padding: 30px; border-radius: 12px; box-shadow: 0 8px 20px rgba(127, 179, 221, 0.10); opacity: 0; transform: translateY(40px); transition: opacity 0.8s ease, transform 0.8s ease; border: 1px solid #dde3ec; }
.zara-bs-high-pressure-heads .zara-bs-hp-feature.zara-bs-hp-visible { opacity: 1; transform: translateY(0); }
.zara-bs-high-pressure-heads .zara-bs-hp-feature img { border-radius: 10px; margin-bottom: 15px; width: 100%; height: auto; }
.zara-bs-high-pressure-heads .zara-bs-hp-feature h3 { font-size: 20px; color: #1f3444; margin-bottom: 10px; }
.zara-bs-high-pressure-heads .zara-bs-hp-feature p { font-size: 15px; color: #4b5563; line-height: 1.6; }
.zara-bs-high-pressure-heads .zara-bs-hp-feature-links { margin-top: 15px; border-top: 1px solid #c7e2f6; padding-top: 15px; }
.zara-bs-high-pressure-heads .zara-bs-hp-feature-links h4 { font-size: 15px; font-weight: 700; color: #1f3444; margin-bottom: 10px; }
.zara-bs-high-pressure-heads .zara-bs-hp-feature-links-list { display: flex; flex-direction: column; gap: 8px; }
.zara-bs-high-pressure-heads .zara-bs-hp-feature-links-list a { color: #5a8db5; text-decoration: none; font-size: 14px; }
.zara-bs-high-pressure-heads .zara-bs-hp-feature-links-list a:hover { text-decoration: underline; color: #1f3444; }
.zara-bs-high-pressure-heads .zara-bs-hp-feature-btn { display: inline-block; background: linear-gradient(135deg, #e3f2fd, #c7e2f6); color: #1f3444; padding: 10px 20px; border-radius: 50px; text-decoration: none; font-size: 14px; font-weight: 700; margin-top: 15px; transition: all 0.3s; border: 1px solid #c7e2f6; }
.zara-bs-high-pressure-heads .zara-bs-hp-feature-btn:hover { background: linear-gradient(135deg, #d6ecfb, #b5d8ef); border-color: #b5d8ef; text-decoration: none; color: #1f3444; }
.zara-bs-high-pressure-heads .zara-bs-hp-features-extra { margin-top: 50px; text-align: center; border-top: 2px solid #c7e2f6; padding-top: 30px; }
.zara-bs-high-pressure-heads .zara-bs-hp-features-extra p { font-size: 18px; color: #1f3444; margin-bottom: 15px; font-weight: 600; }
.zara-bs-high-pressure-heads .zara-bs-hp-btn-outline-bordered { display: inline-block; background: #ffffff; color: #1f3444; padding: 12px 30px; border-radius: 50px; text-decoration: none; font-weight: 700; font-size: 16px; border: 2px solid #7fb3dd; margin-bottom: 20px; transition: all 0.3s; }
.zara-bs-high-pressure-heads .zara-bs-hp-btn-outline-bordered:hover { background: linear-gradient(135deg, #e3f2fd, #c7e2f6); border-color: #7fb3dd; text-decoration: none; color: #1f3444; }
.zara-bs-high-pressure-heads .zara-bs-hp-btn-gold-lg { display: inline-block; background: linear-gradient(135deg, #5a8db5, #7fb3dd); color: #ffffff; padding: 16px 42px; border-radius: 50px; text-decoration: none; font-weight: 700; font-size: 18px; box-shadow: 0 8px 20px rgba(127, 179, 221, 0.30); transition: all 0.3s; border: 1px solid #7fb3dd; }
.zara-bs-high-pressure-heads .zara-bs-hp-btn-gold-lg:hover { background: linear-gradient(135deg, #4a7da5, #5a8db5); text-decoration: none; transform: scale(1.05); color: #ffffff; }
.zara-bs-high-pressure-heads .zara-bs-hp-features-note { font-size: 14px; color: #6b7280; margin-top: 20px; }

/* ===== PARALLAX ===== */
.zara-bs-high-pressure-heads .zara-bs-hp-parallax { height: 420px; background: url("/v/vspfiles/assets/images/high-pressure-shower-spa.jpg") center center / cover fixed; display: flex; align-items: center; justify-content: center; font-size: 32px; color: #ffffff; text-shadow: 0 2px 10px rgba(0,0,0,0.5); margin: 50px 0; border-radius: 12px; overflow: hidden; text-align: center; padding: 0 20px; }

/* ===== SEO LINKS ===== */
.zara-bs-high-pressure-heads .zara-bs-hp-seo-links { background: linear-gradient(135deg, #f5faff 0%, #e0f6ff 100%); padding: 60px 10%; border-radius: 30px; margin: 40px 0; text-align: center; border: 1px solid #c7e2f6; }
.zara-bs-high-pressure-heads .zara-bs-hp-seo-header { margin-bottom: 40px; }
.zara-bs-high-pressure-heads .zara-bs-hp-seo-header h2 { font-size: 42px; font-weight: 300; color: #1f3444; margin: 10px 0 20px; }
.zara-bs-high-pressure-heads .zara-bs-hp-seo-divider { width: 120px; height: 3px; background: #7fb3dd; margin: 0 auto 20px; border: none; }
.zara-bs-high-pressure-heads .zara-bs-hp-cat-links { display: flex; flex-wrap: wrap; justify-content: center; gap: 15px; max-width: 1000px; margin: 0 auto; }
.zara-bs-high-pressure-heads .zara-bs-hp-cat-link { background: #ffffff; padding: 12px 20px; border-radius: 30px; text-decoration: none; color: #1f3444; font-weight: 700; transition: all 0.3s; border: 1px solid #dde3ec; }
.zara-bs-high-pressure-heads .zara-bs-hp-cat-link:hover { background: linear-gradient(135deg, #e3f2fd, #c7e2f6); border-color: #7fb3dd; color: #1f3444; text-decoration: none; }
.zara-bs-high-pressure-heads .zara-bs-hp-seo-cta { margin-top: 40px; }
.zara-bs-high-pressure-heads .zara-bs-hp-btn-dark-lg { display: inline-block; background: linear-gradient(135deg, #e3f2fd, #c7e2f6); color: #1f3444; padding: 14px 38px; border-radius: 50px; text-decoration: none; font-weight: 700; transition: all 0.3s; border: 1px solid #c7e2f6; }
.zara-bs-high-pressure-heads .zara-bs-hp-btn-dark-lg:hover { background: linear-gradient(135deg, #d6ecfb, #b5d8ef); border-color: #b5d8ef; text-decoration: none; color: #1f3444; }

/* ===== WHY CHOOSE ===== */
.zara-bs-high-pressure-heads .zara-bs-hp-why { background: linear-gradient(135deg, #f5faff, #e0f6ff); padding: 50px 10%; border-radius: 16px; margin: 40px 0; border: 1px solid #c7e2f6; }
.zara-bs-high-pressure-heads .zara-bs-hp-why h2 { font-size: 32px; font-weight: 600; color: #1f3444; text-align: center; margin-bottom: 20px; }
.zara-bs-high-pressure-heads .zara-bs-hp-why p { font-size: 16px; color: #4b5563; line-height: 1.8; max-width: 900px; margin: 0 auto; text-align: center; }

/* ===== FAQ ===== */
.zara-bs-high-pressure-heads .zara-bs-hp-faq { padding: 60px 10%; background: linear-gradient(135deg, #f5faff, #e0f6ff); border-radius: 16px; margin: 40px 0; border: 1px solid #c7e2f6; }
.zara-bs-high-pressure-heads .zara-bs-hp-faq h2 { text-align: center; font-size: 32px; font-weight: 400; color: #1f3444; margin-bottom: 30px; }
.zara-bs-high-pressure-heads .zara-bs-hp-faq-inner { max-width: 900px; margin: 0 auto; }
.zara-bs-high-pressure-heads .zara-bs-hp-faq-item { margin-bottom: 20px; background: #ffffff; padding: 16px 20px; border-radius: 12px; border: 1px solid #c7e2f6; cursor: pointer; transition: all 0.3s; }
.zara-bs-high-pressure-heads .zara-bs-hp-faq-item:hover { background: #f5faff; border-color: #7fb3dd; }
.zara-bs-high-pressure-heads .zara-bs-hp-faq-item strong { font-size: 16px; color: #1f3444; display: block; }
.zara-bs-high-pressure-heads .zara-bs-hp-faq-answer { font-size: 14px; color: #4b5563; line-height: 1.6; max-height: 0; overflow: hidden; transition: max-height 0.4s ease; margin: 0; }
.zara-bs-high-pressure-heads .zara-bs-hp-faq-item.zara-bs-hp-faq-active .zara-bs-hp-faq-answer { max-height: 200px; margin-top: 10px; }

/* ===== FLOATING CTA ===== */
.zara-bs-high-pressure-heads .zara-bs-hp-floating-cta { position: fixed; bottom: 25px; right: 25px; background: linear-gradient(135deg, #5a8db5, #7fb3dd); color: #ffffff; padding: 16px 30px; border-radius: 40px; text-decoration: none; box-shadow: 0 10px 25px rgba(127, 179, 221, 0.30); z-index: 999; transition: transform 0.3s; font-weight: 700; font-size: 15px; border: 1px solid #7fb3dd; }
.zara-bs-high-pressure-heads .zara-bs-hp-floating-cta:hover { transform: scale(1.05); background: linear-gradient(135deg, #4a7da5, #5a8db5); text-decoration: none; color: #ffffff; }

/* ===== RESPONSIVE ===== */
@media (max-width: 1024px) {
  .zara-bs-high-pressure-heads .zara-bs-hp-features-grid { grid-template-columns: repeat(2, 1fr); }
  .zara-bs-high-pressure-heads .zara-bs-hp-how-grid,
  .zara-bs-high-pressure-heads .zara-bs-hp-psi-grid { grid-template-columns: repeat(2, 1fr); }
  .zara-bs-high-pressure-heads .zara-bs-hp-benefits-list { grid-template-columns: 1fr; }
}
@media (max-width: 768px) {
  .zara-bs-high-pressure-heads .zara-bs-hp-hero { min-height: 70vh; }
  .zara-bs-high-pressure-heads .zara-bs-hp-hero-box { padding: 40px 25px; margin: 0 15px; }
  .zara-bs-high-pressure-heads .zara-bs-hp-hero-box h1 { font-size: 38px; }
  .zara-bs-high-pressure-heads .zara-bs-hp-parallax { font-size: 22px; height: 300px; }
  .zara-bs-high-pressure-heads .zara-bs-hp-features-section { padding: 40px 5%; }
  .zara-bs-high-pressure-heads .zara-bs-hp-features-grid,
  .zara-bs-high-pressure-heads .zara-bs-hp-types-grid,
  .zara-bs-high-pressure-heads .zara-bs-hp-how-grid,
  .zara-bs-high-pressure-heads .zara-bs-hp-psi-grid { grid-template-columns: 1fr; }
}

.zara-bs-high-pressure-heads-sec {
  color: #1f3444;
  line-height: 1.7;
}
.zara-bs-high-pressure-heads-sec a { color: #5a8db5; text-decoration: none; transition: all 0.3s; }
.zara-bs-high-pressure-heads-sec a:hover { text-decoration: underline; color: #1f3444; }

/* ===== OUTER WRAP ===== */
.zara-bs-high-pressure-heads-sec .zara-bs-hp-sec-wrap {
  background: linear-gradient(to bottom, #f5faff, #e0f6ff);
  padding: 40px; border-radius: 16px; margin: 40px 0;
  border: 1px solid #c7e2f6;
  box-shadow: 0 8px 20px rgba(127, 179, 221, 0.08);
}

/* ===== HEADER ===== */
.zara-bs-high-pressure-heads-sec .zara-bs-hp-sec-header { text-align: center; margin-bottom: 30px; }
.zara-bs-high-pressure-heads-sec .zara-bs-hp-sec-overline {
  display: inline-block;
  background: linear-gradient(135deg, #e3f2fd, #c7e2f6);
  color: #1f3444; font-size: 13px; font-weight: 700; letter-spacing: 1px;
  padding: 5px 16px; border-radius: 30px; margin-bottom: 15px;
  text-transform: uppercase; border: 1px solid #c7e2f6;
}
.zara-bs-high-pressure-heads-sec .zara-bs-hp-sec-h2 { font-size: 32px; font-weight: 300; color: #1f3444; margin: 0; }
.zara-bs-high-pressure-heads-sec .zara-bs-hp-sec-h2-bold { font-weight: 600; }
.zara-bs-high-pressure-heads-sec .zara-bs-hp-sec-divider { width: 80px; height: 3px; background: #7fb3dd; margin: 15px auto 0; border: none; }

/* ===== TWO COLUMN GRID ===== */
.zara-bs-high-pressure-heads-sec .zara-bs-hp-sec-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px; }

/* ===== LEFT COLUMN ===== */
.zara-bs-high-pressure-heads-sec .zara-bs-hp-sec-left h3 { font-size: 22px; color: #1f3444; margin-top: 0; margin-bottom: 15px; }
.zara-bs-high-pressure-heads-sec .zara-bs-hp-sec-left p { font-size: 15px; color: #4b5563; line-height: 1.7; margin-bottom: 15px; }
.zara-bs-high-pressure-heads-sec .zara-bs-hp-sec-psi-box { background: #ffffff; padding: 20px; border-radius: 12px; margin-top: 20px; border: 1px solid #dde3ec; }
.zara-bs-high-pressure-heads-sec .zara-bs-hp-sec-psi-box h4 { margin: 0 0 10px; color: #1f3444; font-size: 16px; }
.zara-bs-high-pressure-heads-sec .zara-bs-hp-sec-psi-rows { display: flex; flex-direction: column; gap: 8px; }
.zara-bs-high-pressure-heads-sec .zara-bs-hp-sec-psi-row { display: flex; align-items: center; font-size: 14px; }
.zara-bs-high-pressure-heads-sec .zara-bs-hp-sec-psi-label { width: 90px; font-weight: 700; color: #1f3444; flex-shrink: 0; }
/* PSI status colors KEPT � functional indicators */
.zara-bs-high-pressure-heads-sec .zara-bs-hp-sec-psi-green {color: #4b5563;}
.zara-bs-high-pressure-heads-sec .zara-bs-hp-sec-psi-orange {color: #4b5563;}
.zara-bs-high-pressure-heads-sec .zara-bs-hp-sec-psi-red {color: #4b5563;}

/* ===== RIGHT COLUMN ===== */
.zara-bs-high-pressure-heads-sec .zara-bs-hp-sec-right h3 { font-size: 22px; color: #1f3444; margin-top: 0; margin-bottom: 15px; }
.zara-bs-high-pressure-heads-sec .zara-bs-hp-sec-type-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 15px; margin-bottom: 20px; }
.zara-bs-high-pressure-heads-sec .zara-bs-hp-sec-type-item { background: #f5faff; padding: 15px; border-radius: 10px; border: 1px solid #c7e2f6; }
.zara-bs-high-pressure-heads-sec .zara-bs-hp-sec-type-item h4 { margin: 0 0 5px; color: #5a8db5; font-size: 16px; }
.zara-bs-high-pressure-heads-sec .zara-bs-hp-sec-type-item .zara-bs-hp-sec-type-stat { font-size: 13px; margin: 5px 0; color: #1f3444; }
.zara-bs-high-pressure-heads-sec .zara-bs-hp-sec-type-item .zara-bs-hp-sec-type-desc { font-size: 12px; color: #6b7280; margin: 0; }
.zara-bs-high-pressure-heads-sec .zara-bs-hp-sec-install h3 { font-size: 20px; color: #1f3444; margin: 20px 0 10px; }
.zara-bs-high-pressure-heads-sec .zara-bs-hp-sec-install-list { list-style: none; padding: 0; margin: 0; }
.zara-bs-high-pressure-heads-sec .zara-bs-hp-sec-install-list li { margin-bottom: 8px; display: flex; align-items: flex-start; font-size: 14px; color: #4b5563; }
.zara-bs-high-pressure-heads-sec .zara-bs-hp-sec-install-icon { color: #7fb3dd; margin-right: 8px; flex-shrink: 0; }
.zara-bs-high-pressure-heads-sec .zara-bs-hp-sec-pro-tip { background: #f5faff; padding: 15px; border-radius: 10px; margin-top: 15px; font-size: 14px; color: #1f3444; border: 1px solid #c7e2f6; }
.zara-bs-high-pressure-heads-sec .zara-bs-hp-sec-pro-tip p { margin: 0; }

/* ===== FINISHES ROW ===== */
.zara-bs-high-pressure-heads-sec .zara-bs-hp-sec-finishes { margin-top: 30px; padding-top: 20px; border-top: 1px solid #c7e2f6; }
.zara-bs-high-pressure-heads-sec .zara-bs-hp-sec-finishes h4 { text-align: center; color: #1f3444; margin-bottom: 15px; font-size: 16px; }
.zara-bs-high-pressure-heads-sec .zara-bs-hp-sec-finishes-list { display: flex; flex-wrap: wrap; justify-content: center; gap: 15px; }
.zara-bs-high-pressure-heads-sec .zara-bs-hp-sec-finish-tag { background: #ffffff; padding: 6px 15px; border-radius: 30px; font-size: 14px; color: #1f3444; border: 1px solid #c7e2f6; }

/* ===== CTA ===== */
.zara-bs-high-pressure-heads-sec .zara-bs-hp-sec-cta { text-align: center; margin-top: 30px; }
.zara-bs-high-pressure-heads-sec .zara-bs-hp-sec-cta-btn {
  display: inline-block;
  background: linear-gradient(135deg, #e3f2fd, #c7e2f6);
  color: #1f3444; padding: 12px 30px; border-radius: 40px;
  text-decoration: none; font-weight: 700; transition: all 0.3s;
  border: 1px solid #c7e2f6;
  box-shadow: 0 8px 20px rgba(127, 179, 221, 0.20);
}
.zara-bs-high-pressure-heads-sec .zara-bs-hp-sec-cta-btn:hover {
  background: linear-gradient(135deg, #d6ecfb, #b5d8ef);
  border-color: #b5d8ef; text-decoration: none; color: #1f3444; transform: translateY(-2px);
}

/* ===== RESPONSIVE ===== */
@media (max-width: 768px) {
  .zara-bs-high-pressure-heads-sec .zara-bs-hp-sec-grid { grid-template-columns: 1fr; }
  .zara-bs-high-pressure-heads-sec .zara-bs-hp-sec-type-grid { grid-template-columns: 1fr; }
  .zara-bs-high-pressure-heads-sec .zara-bs-hp-sec-wrap { padding: 25px 20px; }
  .zara-bs-high-pressure-heads-sec .zara-bs-hp-sec-h2 { font-size: 26px; }
}


.zara-bs-black-showerhead,
.zara-bs-black-showerhead * { box-sizing: border-box; }

.zara-bs-black-showerhead {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
    background: #ffffff;
    color: #111827;
}
.zara-bs-black-showerhead .mbx-shell {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
}
.zara-bs-black-showerhead .mbx-hero {
    width: 100%;
    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
    border-top: 1px solid #edf1f5;
    border-bottom: 1px solid #edf1f5;
    padding: 34px 28px;
}
.zara-bs-black-showerhead .mbx-hero-inner {
    width: 100%;
    max-width: 100%;
    margin: 0;
}
.zara-bs-black-showerhead .mbx-title {
    margin: 0 0 14px;
    font-size: clamp(30px, 4vw, 50px);
    line-height: 1.08;
    font-weight: 700;
    letter-spacing: -0.02em;
    color: #0f172a;
}
.zara-bs-black-showerhead .mbx-intro-card,
.zara-bs-black-showerhead .mbx-section,
.zara-bs-black-showerhead .mbx-read-card {
    width: 100%;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 0;
    box-shadow: 0 14px 36px rgba(15,23,42,0.05);
}
.zara-bs-black-showerhead .mbx-intro-wrap,
.zara-bs-black-showerhead .mbx-section-wrap,
.zara-bs-black-showerhead .mbx-read-wrap { padding: 0 0 24px; }
.zara-bs-black-showerhead .mbx-intro-card {
    padding: 28px;
    margin: 0;
    border-left: 0;
    border-right: 0;
}
.zara-bs-black-showerhead .mbx-copy {
    margin: 0;
    font-size: 16px;
    line-height: 1.85;
    color: #374151;
}
.zara-bs-black-showerhead .mbx-section {
    margin: 0 0 24px;
    padding: 28px;
    border-left: 0;
    border-right: 0;
}
.zara-bs-black-showerhead .mbx-section-title {
    margin: 0 0 20px;
    font-size: 24px;
    line-height: 1.2;
    font-weight: 700;
    color: #0f172a;
}
.zara-bs-black-showerhead .mbx-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 22px;
    width: 100%;
}
.zara-bs-black-showerhead .mbx-tile {
    display: flex;
    flex-direction: column;
    min-width: 0;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 18px;
    overflow: hidden;
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
    box-shadow: 0 8px 22px rgba(15,23,42,0.05);
    height: 100%;
}
.zara-bs-black-showerhead .mbx-tile:hover {
    transform: translateY(-3px);
    box-shadow: 0 16px 30px rgba(15,23,42,0.08);
    border-color: #dbe3ec;
}
.zara-bs-black-showerhead .mbx-media {
    width: 100%;
    aspect-ratio: 4/3;
    overflow: hidden;
    background: #f3f4f6;
    border-bottom: 1px solid #e5e7eb;
}
.zara-bs-black-showerhead .mbx-media img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}
.zara-bs-black-showerhead .mbx-body {
    padding: 16px 16px 18px;
    display: flex;
    align-items: center;
    flex: 1 1 auto;
}
.zara-bs-black-showerhead .mbx-tile-title {
    margin: 0;
    font-size: 16px;
    line-height: 1.45;
    font-weight: 700;
    color: #111827;
}
.zara-bs-black-showerhead .mbx-tile-title a { color: #111827; text-decoration: none; }
.zara-bs-black-showerhead .mbx-tile-title a:hover { color: #1d4ed8; }
.zara-bs-black-showerhead .mbx-read-block { width: 100%; padding: 0 0 26px; }
.zara-bs-black-showerhead .mbx-read-card {
    padding: 0;
    overflow: hidden;
    border-left: 0;
    border-right: 0;
}
.zara-bs-black-showerhead .mbx-read-summary {
    list-style: none;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin: 0;
    padding: 14px 22px;
    background: #0f172a;
    color: #ffffff;
    font-size: 14px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    border-radius: 999px;
    transition: background 0.2s ease, transform 0.2s ease;
}
.zara-bs-black-showerhead .mbx-read-summary:hover { background: #1e293b; transform: translateY(-1px); }
.zara-bs-black-showerhead .mbx-read-summary::-webkit-details-marker { display: none; }
.zara-bs-black-showerhead .mbx-read-header { padding: 26px 28px 0; }
.zara-bs-black-showerhead .mbx-read-content { padding: 18px 28px 28px; }
.zara-bs-black-showerhead .mbx-read-content p {
    margin: 0;
    font-size: 16px;
    line-height: 1.85;
    color: #374151;
}

@media (max-width: 1280px) {
    .zara-bs-black-showerhead .mbx-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (max-width: 1024px) {
    .zara-bs-black-showerhead .mbx-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 768px) {
    .zara-bs-black-showerhead .mbx-hero,
    .zara-bs-black-showerhead .mbx-intro-card,
    .zara-bs-black-showerhead .mbx-section,
    .zara-bs-black-showerhead .mbx-read-header,
    .zara-bs-black-showerhead .mbx-read-content { padding-left: 20px; padding-right: 20px; }
    .zara-bs-black-showerhead .mbx-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
}
@media (max-width: 560px) {
    .zara-bs-black-showerhead .mbx-grid { grid-template-columns: 1fr; }
    .zara-bs-black-showerhead .mbx-title { font-size: 30px; }
}
/* ============================================================
   zara-bs-black-showerhead-sec.css
   Wrapper: .zara-bs-black-showerhead-sec
   All original bwx-* and aec-* styles scoped under wrapper.
   ============================================================ */

.zara-bs-black-showerhead-sec,
.zara-bs-black-showerhead-sec * { box-sizing: border-box; }

.zara-bs-black-showerhead-sec {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
    background: #ffffff;
    color: #0f172a;
    font-family: Arial, Helvetica, sans-serif;
}
.zara-bs-black-showerhead-sec .bwx-shell { width: 100%; max-width: 100%; margin: 0; padding: 0; }

.zara-bs-black-showerhead-sec .bwx-hero {
    width: 100%;
    display: grid;
    grid-template-columns: 1.05fr 0.95fr;
    gap: 0;
    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
    border-top: 1px solid #e5e7eb;
    border-bottom: 1px solid #e5e7eb;
}
.zara-bs-black-showerhead-sec .bwx-hero-copy,
.zara-bs-black-showerhead-sec .bwx-hero-media,
.zara-bs-black-showerhead-sec .bwx-card,
.zara-bs-black-showerhead-sec .bwx-panel,
.zara-bs-black-showerhead-sec .bwx-strip {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    box-shadow: 0 14px 34px rgba(15,23,42,0.05);
}
.zara-bs-black-showerhead-sec .bwx-hero-copy {
    border-left: 0; border-top: 0; border-bottom: 0;
    padding: 38px 34px;
    display: flex; flex-direction: column; justify-content: center;
}
.zara-bs-black-showerhead-sec .bwx-eyebrow {
    display: inline-block; margin: 0 0 14px;
    font-size: 12px; font-weight: 700; letter-spacing: 0.12em;
    text-transform: uppercase; color: #475569;
}
.zara-bs-black-showerhead-sec .bwx-title {
    margin: 0; font-size: clamp(34px, 4.2vw, 56px);
    line-height: 1.02; font-weight: 700; letter-spacing: -0.03em; color: #0f172a;
}
.zara-bs-black-showerhead-sec .bwx-title + .bwx-title { margin-top: 4px; }
.zara-bs-black-showerhead-sec .bwx-copy,
.zara-bs-black-showerhead-sec .bwx-copy p,
.zara-bs-black-showerhead-sec .bwx-note,
.zara-bs-black-showerhead-sec .bwx-table,
.zara-bs-black-showerhead-sec .bwx-table td,
.zara-bs-black-showerhead-sec .bwx-table th { font-size: 16px; line-height: 1.8; color: #334155; }
.zara-bs-black-showerhead-sec .bwx-copy { margin-top: 18px; }
.zara-bs-black-showerhead-sec .bwx-copy p { margin: 0; }
.zara-bs-black-showerhead-sec .bwx-hero-media { border-right: 0; border-top: 0; border-bottom: 0; min-height: 100%; overflow: hidden; }
.zara-bs-black-showerhead-sec .bwx-hero-media img { width: 100%; height: 100%; min-height: 420px; display: block; object-fit: cover; }
.zara-bs-black-showerhead-sec .bwx-section { width: 100%; padding: 0 0 26px; }
.zara-bs-black-showerhead-sec .bwx-panel { width: 100%; border-left: 0; border-right: 0; padding: 28px; }
.zara-bs-black-showerhead-sec .bwx-section-title { margin: 0 0 18px; font-size: 28px; line-height: 1.15; font-weight: 700; color: #0f172a; letter-spacing: -0.02em; }
.zara-bs-black-showerhead-sec .bwx-subtitle { margin: 0 0 18px; font-size: 22px; line-height: 1.2; font-weight: 700; color: #0f172a; }
.zara-bs-black-showerhead-sec .bwx-tag-grid { display: flex; flex-wrap: wrap; gap: 12px; }
.zara-bs-black-showerhead-sec .bwx-tag-grid a {
    display: inline-flex; align-items: center; justify-content: center;
    min-height: 44px; padding: 10px 16px;
    background: #ffffff; border: 1px solid #dbe3ec; border-radius: 999px;
    color: #0f172a; text-decoration: none; font-size: 14px; font-weight: 600;
    transition: all 0.2s ease;
}
.zara-bs-black-showerhead-sec .bwx-tag-grid a:hover { border-color: #cbd5e1; color: #1d4ed8; box-shadow: 0 10px 20px rgba(15,23,42,0.06); }
.zara-bs-black-showerhead-sec .bwx-intro-grid {
    display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(260px, 0.8fr);
    gap: 22px; align-items: start; margin-bottom: 22px;
}
.zara-bs-black-showerhead-sec .bwx-note {
    display: flex; align-items: center; justify-content: center;
    min-height: 100%; padding: 24px; text-align: center;
    background: #f8fafc; border: 1px solid #e5e7eb; border-radius: 20px; font-weight: 700; color: #0f172a;
}
.zara-bs-black-showerhead-sec .bwx-table-wrap { width: 100%; overflow-x: auto; border: 1px solid #e5e7eb; border-radius: 18px; background: #ffffff; }
.zara-bs-black-showerhead-sec .bwx-table { width: 100%; border-collapse: collapse; min-width: 720px; }
.zara-bs-black-showerhead-sec .bwx-table thead th { background: #f8fafc; color: #0f172a; font-size: 15px; font-weight: 700; text-align: left; padding: 16px 18px; border-bottom: 1px solid #e5e7eb; }
.zara-bs-black-showerhead-sec .bwx-table tbody td { padding: 16px 18px; border-bottom: 1px solid #e5e7eb; vertical-align: top; }
.zara-bs-black-showerhead-sec .bwx-table tbody tr:last-child td { border-bottom: 0; }
.zara-bs-black-showerhead-sec .bwx-highlight { font-weight: 700; color: #0f172a; width: 240px; }
.zara-bs-black-showerhead-sec .bwx-image-row { margin-top: 24px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.zara-bs-black-showerhead-sec .bwx-image-frame { overflow: hidden; border: 1px solid #e5e7eb; border-radius: 20px; background: #f8fafc; box-shadow: 0 10px 24px rgba(15,23,42,0.04); }
.zara-bs-black-showerhead-sec .bwx-image-frame img { width: 100%; aspect-ratio: 16/10; display: block; object-fit: cover; }
.zara-bs-black-showerhead-sec .bwx-policy-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; }
.zara-bs-black-showerhead-sec .bwx-policy-card { padding: 26px; border-radius: 22px; }
.zara-bs-black-showerhead-sec .bwx-policy-card h3 { margin: 0 0 14px; font-size: 22px; line-height: 1.2; font-weight: 700; color: #0f172a; }
.zara-bs-black-showerhead-sec .bwx-policy-card p { margin: 0 0 14px; font-size: 16px; line-height: 1.8; color: #334155; }
.zara-bs-black-showerhead-sec .bwx-policy-card p:last-child { margin-bottom: 0; }
.zara-bs-black-showerhead-sec .bwx-policy-card a { color: #1d4ed8; text-decoration: none; }
.zara-bs-black-showerhead-sec .bwx-policy-card a:hover { text-decoration: underline; }
.zara-bs-black-showerhead-sec .bwx-read summary {
    list-style: none; cursor: pointer; display: inline-flex; align-items: center; justify-content: center;
    padding: 13px 22px; background: #0f172a; color: #ffffff; border-radius: 999px;
    font-size: 14px; font-weight: 700; letter-spacing: 0.02em; text-transform: uppercase;
    transition: background 0.2s ease, transform 0.2s ease;
}
.zara-bs-black-showerhead-sec .bwx-read summary:hover { background: #1e293b; transform: translateY(-1px); }
.zara-bs-black-showerhead-sec .bwx-read summary::-webkit-details-marker { display: none; }
.zara-bs-black-showerhead-sec .bwx-read-content { margin-top: 16px; }
.zara-bs-black-showerhead-sec .bwx-read-content p,
.zara-bs-black-showerhead-sec .bwx-read-content h2 { margin-top: 0; }
.zara-bs-black-showerhead-sec .bwx-category-grid,
.zara-bs-black-showerhead-sec .bwx-topic-grid { display: grid; gap: 22px; }
.zara-bs-black-showerhead-sec .bwx-category-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.zara-bs-black-showerhead-sec .bwx-topic-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); margin-top: 18px; }
.zara-bs-black-showerhead-sec .bwx-category-card,
.zara-bs-black-showerhead-sec .bwx-topic-card {
    display: flex; flex-direction: column; text-decoration: none;
    background: #ffffff; border: 1px solid #e5e7eb; border-radius: 22px;
    overflow: hidden; box-shadow: 0 12px 28px rgba(15,23,42,0.05);
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
    color: #0f172a; height: 100%;
}
.zara-bs-black-showerhead-sec .bwx-category-card:hover,
.zara-bs-black-showerhead-sec .bwx-topic-card:hover { transform: translateY(-3px); box-shadow: 0 16px 32px rgba(15,23,42,0.08); border-color: #d7dee8; }
.zara-bs-black-showerhead-sec .bwx-category-card img { width: 100%; aspect-ratio: 4/3; display: block; object-fit: cover; border-bottom: 1px solid #e5e7eb; }
.zara-bs-black-showerhead-sec .bwx-category-card span { padding: 16px 16px 18px; font-size: 16px; line-height: 1.45; font-weight: 700; color: #0f172a; }
.zara-bs-black-showerhead-sec .bwx-topic-card { padding: 22px; }
.zara-bs-black-showerhead-sec .bwx-topic-icon { width: 72px; height: 72px; display: flex; align-items: center; justify-content: center; background: #f8fafc; border: 1px solid #e5e7eb; border-radius: 18px; margin-bottom: 16px; }
.zara-bs-black-showerhead-sec .bwx-topic-icon img { max-width: 42px; max-height: 42px; display: block; }
.zara-bs-black-showerhead-sec .bwx-topic-card h4 { margin: 0 0 10px; font-size: 18px; line-height: 1.3; font-weight: 700; color: #0f172a; }
.zara-bs-black-showerhead-sec .bwx-topic-card p { margin: 0 0 18px; font-size: 15px; line-height: 1.75; color: #475569; flex: 1 1 auto; }
.zara-bs-black-showerhead-sec .bwx-button-link {
    display: inline-flex; align-items: center; justify-content: center;
    width: fit-content; min-height: 42px; padding: 10px 16px;
    border-radius: 999px; background: #0f172a; color: #ffffff;
    font-size: 13px; font-weight: 700; letter-spacing: 0.02em; text-transform: uppercase;
}

/* ===== AEC TABS ===== */
.zara-bs-black-showerhead-sec .aec-container { width: 100%; max-width: 1400px; margin: auto; font-family: Arial, sans-serif; text-align: center; }
.zara-bs-black-showerhead-sec .aec-tabs { display: flex; justify-content: center; flex-wrap: wrap; gap: 10px; margin-bottom: 30px; }
.zara-bs-black-showerhead-sec .aec-tab-btn { padding: 12px 20px; border: none; background: #111111; color: #ffffff; cursor: pointer; border-radius: 6px; }
.zara-bs-black-showerhead-sec .aec-tab-btn.active,
.zara-bs-black-showerhead-sec .aec-tab-btn:hover { background: #0073e6; }
.zara-bs-black-showerhead-sec .aec-content { display: none; }
.zara-bs-black-showerhead-sec .aec-card { background: #ffffff; padding: 25px; margin-bottom: 25px; border-radius: 10px; box-shadow: 0 2px 10px rgba(0,0,0,0.08); }
.zara-bs-black-showerhead-sec .aec-img-row { display: flex; justify-content: center; gap: 15px; flex-wrap: wrap; margin-bottom: 20px; }
.zara-bs-black-showerhead-sec .aec-img-row img { width: 32%; min-width: 250px; border-radius: 8px; }
.zara-bs-black-showerhead-sec .aec-table { width: 100%; border-collapse: collapse; margin-top: 20px; }
.zara-bs-black-showerhead-sec .aec-table th,
.zara-bs-black-showerhead-sec .aec-table td { border: 1px solid #eeeeee; padding: 12px; }
.zara-bs-black-showerhead-sec .aec-table th { background: #f7f7f7; }
.zara-bs-black-showerhead-sec .aec-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 15px; }

@media (max-width: 1200px) { .zara-bs-black-showerhead-sec .bwx-topic-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 1024px) {
    .zara-bs-black-showerhead-sec .bwx-hero { grid-template-columns: 1fr; }
    .zara-bs-black-showerhead-sec .bwx-hero-copy,
    .zara-bs-black-showerhead-sec .bwx-hero-media { border-left: 0; border-right: 0; }
    .zara-bs-black-showerhead-sec .bwx-intro-grid,
    .zara-bs-black-showerhead-sec .bwx-policy-grid,
    .zara-bs-black-showerhead-sec .bwx-category-grid { grid-template-columns: 1fr; }
}
@media (max-width: 820px) {
    .zara-bs-black-showerhead-sec .bwx-hero-copy,
    .zara-bs-black-showerhead-sec .bwx-panel { padding: 22px 20px; }
    .zara-bs-black-showerhead-sec .bwx-topic-grid,
    .zara-bs-black-showerhead-sec .bwx-image-row { grid-template-columns: 1fr; }
    .zara-bs-black-showerhead-sec .bwx-hero-media img { min-height: 280px; }
    .zara-bs-black-showerhead-sec .aec-img-row img { width: 100%; }
}
@media (max-width: 560px) {
    .zara-bs-black-showerhead-sec .bwx-title { font-size: 32px; }
    .zara-bs-black-showerhead-sec .bwx-tag-grid a { width: 100%; justify-content: flex-start; border-radius: 16px; }
}
/* ===== LIGHT BLUE THEME OVERRIDES ===== */
.zara-bs-black-showerhead { color: #1f3444; }
.zara-bs-black-showerhead .mbx-hero { background: linear-gradient(180deg, #ffffff 0%, #f5faff 100%); border-top-color: #c7e2f6; border-bottom-color: #c7e2f6; }
.zara-bs-black-showerhead .mbx-title { color: #1f3444; }
.zara-bs-black-showerhead .mbx-copy { color: #4b5563; }
.zara-bs-black-showerhead .mbx-intro-card,
.zara-bs-black-showerhead .mbx-section,
.zara-bs-black-showerhead .mbx-read-card { border-color: #c7e2f6; box-shadow: 0 14px 36px rgba(100,160,210,0.08); }
.zara-bs-black-showerhead .mbx-tile { border-color: #dde3ec; box-shadow: 0 8px 22px rgba(100,160,210,0.08); }
.zara-bs-black-showerhead .mbx-tile:hover { border-color: #7fb3dd; box-shadow: 0 16px 30px rgba(100,160,210,0.15); }
.zara-bs-black-showerhead .mbx-media { background: #f5faff; border-bottom-color: #c7e2f6; }
.zara-bs-black-showerhead .mbx-tile-title a { color: #1f3444; }
.zara-bs-black-showerhead .mbx-tile-title a:hover { color: #5a8db5; }
.zara-bs-black-showerhead .mbx-read-summary {
    background: linear-gradient(135deg, #daeef9, #b8d9f0);
    color: #1f3444;
    border: 1px solid #7fb3dd;
}
.zara-bs-black-showerhead .mbx-read-summary:hover { background: linear-gradient(135deg, #c8e5f5, #a3cceb); transform: translateY(-1px); }
/* ===== LIGHT BLUE THEME OVERRIDES ===== */
.zara-bs-black-showerhead-sec { color: #1f3444; }
.zara-bs-black-showerhead-sec .bwx-hero { background: linear-gradient(180deg, #ffffff 0%, #f5faff 100%); border-top-color: #c7e2f6; border-bottom-color: #c7e2f6; }
.zara-bs-black-showerhead-sec .bwx-hero-copy,
.zara-bs-black-showerhead-sec .bwx-hero-media,
.zara-bs-black-showerhead-sec .bwx-card,
.zara-bs-black-showerhead-sec .bwx-panel,
.zara-bs-black-showerhead-sec .bwx-strip { border-color: #c7e2f6; box-shadow: 0 14px 34px rgba(100,160,210,0.08); }
.zara-bs-black-showerhead-sec .bwx-eyebrow { color: #6b7280; }
.zara-bs-black-showerhead-sec .bwx-title { color: #1f3444; }
.zara-bs-black-showerhead-sec .bwx-copy,
.zara-bs-black-showerhead-sec .bwx-copy p { color: #4b5563; }
.zara-bs-black-showerhead-sec .bwx-read summary {
    background: linear-gradient(135deg, #daeef9, #b8d9f0);
    color: #1f3444;
    border: 1px solid #7fb3dd;
}
.zara-bs-black-showerhead-sec .bwx-read summary:hover { background: linear-gradient(135deg, #c8e5f5, #a3cceb); }
.zara-bs-black-showerhead-sec .bwx-tag-grid a { border-color: #c7e2f6; color: #1f3444; }
.zara-bs-black-showerhead-sec .bwx-tag-grid a:hover { border-color: #7fb3dd; color: #5a8db5; box-shadow: 0 10px 20px rgba(100,160,210,0.1); }
.zara-bs-black-showerhead-sec .bwx-note { background: #f5faff; border-color: #c7e2f6; color: #1f3444; }
.zara-bs-black-showerhead-sec .bwx-table-wrap { border-color: #c7e2f6; }
.zara-bs-black-showerhead-sec .bwx-table thead th { background: #f5faff; color: #1f3444; border-bottom: 2px solid #7fb3dd; text-transform: uppercase; font-size: 13px; letter-spacing: 0.04em; }
.zara-bs-black-showerhead-sec .bwx-table tbody td { border-bottom-color: #c7e2f6; }
.zara-bs-black-showerhead-sec .bwx-table tbody tr:hover td { background: #f5faff; }
.zara-bs-black-showerhead-sec .bwx-image-frame { background: #f5faff; border-color: #c7e2f6; }
.zara-bs-black-showerhead-sec .bwx-policy-card { border-color: #dde3ec; }
.zara-bs-black-showerhead-sec .bwx-policy-card a { color: #5a8db5; }
.zara-bs-black-showerhead-sec .bwx-category-card,
.zara-bs-black-showerhead-sec .bwx-topic-card { border-color: #dde3ec; }
.zara-bs-black-showerhead-sec .bwx-category-card:hover,
.zara-bs-black-showerhead-sec .bwx-topic-card:hover { border-color: #7fb3dd; box-shadow: 0 16px 32px rgba(100,160,210,0.12); }
.zara-bs-black-showerhead-sec .bwx-topic-icon { background: #f5faff; border-color: #c7e2f6; }
.zara-bs-black-showerhead-sec .bwx-topic-card p { color: #4b5563; }
.zara-bs-black-showerhead-sec .bwx-button-link {
    background: linear-gradient(135deg, #daeef9, #b8d9f0);
    color: #1f3444;
    border: 1px solid #7fb3dd;
}
.zara-bs-black-showerhead-sec .aec-tab-btn {
    background: #f5faff;
    color: #1f3444;
    border: 1px solid #c7e2f6;
}
.zara-bs-black-showerhead-sec .aec-tab-btn:hover,
.zara-bs-black-showerhead-sec .aec-tab-btn.active { background: linear-gradient(135deg, #daeef9, #b8d9f0); border-color: #7fb3dd; color: #1f3444; }
.zara-bs-black-showerhead-sec .aec-card { border: 1px solid #dde3ec; box-shadow: 0 2px 10px rgba(100,160,210,0.08); }
.zara-bs-black-showerhead-sec .aec-table th { background: #f5faff; color: #1f3444; }
.zara-bs-black-showerhead-sec .aec-table th,
.zara-bs-black-showerhead-sec .aec-table td { border-color: #c7e2f6; }


.zara-timber-spa-col {
  position: relative;
  color: #1f3444;
  line-height: 1.6;
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 20px 40px;
}

.zara-timber-spa-col * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.zara-timber-spa-col img {
  max-width: 100%;
  height: auto;
  display: block;
}

/* TYPOGRAPHY */
.zara-timber-spa-col h1 {
  font-size: 40px;
  line-height: 1.2;
  margin-bottom: 20px;
  color: #1f3444;
  font-weight: 700;
}
.zara-timber-spa-col h2 {
  font-size: 32px;
  margin-bottom: 25px;
  color: #1f3444;
  font-weight: 700;
  border-bottom: 2px solid #c7e2f6;
  padding-bottom: 10px;
}
.zara-timber-spa-col h3 {
  font-size: 21px;
  margin-bottom: 15px;
  color: #1f3444;
  font-weight: 700;
}
.zara-timber-spa-col h4 {
  font-size: 18px;
  margin-bottom: 10px;
  color: #1f3444;
  font-weight: 700;
}
.zara-timber-spa-col p {
  font-size: 16px;
  color: #4b5563;
}

/* LINKS */
.zara-timber-spa-col a {
  color: #5a8db5;
  text-decoration: none;
  cursor: pointer;
}
.zara-timber-spa-col a:hover {
  text-decoration: underline;
  color: #1f3444;
}

/* CONTAINER */
.zara-timber-spa-col .zara-timber-spa-col-wrapper { width: 100%; }
.zara-timber-spa-col .zara-timber-spa-col-container { width: 100%; }

/* ---- STICKY HEADER (card style) ---- */
.zara-timber-spa-col .zara-timber-spa-col-sticky {
  background: linear-gradient(135deg, #ffffff, #e0f6ff);
  border-radius: 16px;
  box-shadow: 0 8px 20px rgba(127, 179, 221, 0.15);
  margin-bottom: 30px;
  padding: 24px 0;
  border: 1px solid #c7e2f6;
}
.zara-timber-spa-col .zara-timber-spa-col-sticky-inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 0 30px;
}
.zara-timber-spa-col .zara-timber-spa-col-sticky-inner h5 {
  font-size: 18px !important;
  font-weight: 700;
  color: #1f3444;
  margin: 0;
  max-width: 450px;
  line-height: 1.5;
}

/* ---- BUTTONS ---- */
.zara-timber-spa-col .zara-timber-spa-col-cta-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.zara-timber-spa-col .zara-timber-spa-col-btn {
  display: inline-flex;
  align-items: center;
  padding: 9px 18px;
  border-radius: 40px;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  background: #ffffff;
  color: #1f3444;
  border: 1px solid #c7e2f6;
  transition: all 0.2s;
  cursor: pointer;
  font-family: system-ui, -apple-system, sans-serif;
  justify-content: center;
}
.zara-timber-spa-col .zara-timber-spa-col-btn:hover {
  background: #f5faff;
  border-color: #7fb3dd;
  text-decoration: none;
  transform: translateY(-2px);
}
.zara-timber-spa-col .zara-timber-spa-col-btn--primary {
  background: linear-gradient(135deg, #e3f2fd, #c7e2f6);
  color: #1f3444;
  border-color: #c7e2f6;
  box-shadow: 0 10px 24px rgba(127, 179, 221, 0.25);
}
.zara-timber-spa-col .zara-timber-spa-col-btn--primary:hover {
  background: linear-gradient(135deg, #d6ecfb, #b5d8ef);
  border-color: #b5d8ef;
  color: #1f3444;
}
.zara-timber-spa-col .zara-timber-spa-col-btn--wood {
  background: linear-gradient(135deg, #b5d8ef, #7fb3dd);
  color: #1f3444;
  border: 1px solid #c7e2f6;
  box-shadow: 0 10px 24px rgba(127, 179, 221, 0.25);
}
.zara-timber-spa-col .zara-timber-spa-col-btn--wood:hover {
  background: linear-gradient(135deg, #7fb3dd, #5a8db5);
  color: #ffffff;
}

/* ---- HERO ---- */
.zara-timber-spa-col .zara-timber-spa-col-hero { margin-bottom: 50px; }
.zara-timber-spa-col .zara-timber-spa-col-hero-inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
  background: #ffffff;
  border-radius: 24px;
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.06);
  overflow: hidden;
  border: 1px solid #c7e2f6;
}
.zara-timber-spa-col .zara-timber-spa-col-hero-inner-top { padding: 40px; }
.zara-timber-spa-col .zara-timber-spa-col-kicker {
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #5a8db5;
  margin-bottom: 12px;
  font-family: system-ui, -apple-system, sans-serif;
  font-weight: 700;
}
.zara-timber-spa-col .zara-timber-spa-col-sub {
  font-size: 18px;
  color: #4b5563;
  margin-bottom: 25px;
}
.zara-timber-spa-col .zara-timber-spa-col-badge-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 25px 0;
}
.zara-timber-spa-col .zara-timber-spa-col-badge {
  background: #f5faff;
  color: #5a8db5;
  padding: 5px 14px;
  border-radius: 40px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.3px;
  font-family: system-ui, -apple-system, sans-serif;
  border: 1px solid #c7e2f6;
}
.zara-timber-spa-col .zara-timber-spa-col-badge--wood {
  background: linear-gradient(135deg, #e3f2fd, #c7e2f6);
  color: #1f3444;
  border-color: #c7e2f6;
}
.zara-timber-spa-col .zara-timber-spa-col-hero-card {
  background: linear-gradient(135deg, #f5faff, #e0f6ff);
  padding: 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.zara-timber-spa-col .zara-timber-spa-col-media {
  display: flex;
  flex-direction: column;
  gap: 15px;
  margin-bottom: 15px;
}
.zara-timber-spa-col .zara-timber-spa-col-media img {
  width: 100%;
  border-radius: 16px;
  border: 1px solid #c7e2f6;
  box-shadow: 0 8px 20px rgba(127, 179, 221, 0.10);
}
.zara-timber-spa-col .zara-timber-spa-col-note {
  font-size: 13px;
  color: #6b7280;
  font-style: italic;
  font-family: system-ui, -apple-system, sans-serif;
}
.zara-timber-spa-col .zara-timber-spa-col-hero-list {
  margin-bottom: 29px;
  list-style-type: none;
  padding-left: 0;
}
.zara-timber-spa-col .zara-timber-spa-col-hero-list li {
  margin-bottom: 10px;
  font-size: 16px;
  color: #4b5563;
}

/* ---- SECTIONS ---- */
.zara-timber-spa-col .zara-timber-spa-col-section { margin: 60px 0; }
.zara-timber-spa-col .zara-timber-spa-col-section .zara-timber-spa-col-label {
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #5a8db5;
  margin-bottom: 15px;
  font-family: system-ui, -apple-system, sans-serif;
  font-weight: 700;
}

/* ---- GRIDS ---- */
.zara-timber-spa-col .zara-timber-spa-col-grid { display: grid; gap: 25px; }
.zara-timber-spa-col .zara-timber-spa-col-grid.zara-timber-spa-col-cols-3 { grid-template-columns: repeat(3, 1fr); }
.zara-timber-spa-col .zara-timber-spa-col-grid.zara-timber-spa-col-cols-2 { grid-template-columns: repeat(2, 1fr); }
.zara-timber-spa-col .zara-timber-spa-col-grid.zara-timber-spa-col-cols-4 { grid-template-columns: repeat(4, 1fr); }

/* ---- CARDS ---- */
.zara-timber-spa-col .zara-timber-spa-col-card {
  background: #ffffff;
  border-radius: 20px;
  padding: 25px;
  box-shadow: 0 12px 30px rgba(15, 23, 42, 0.05);
  border: 1px solid #dde3ec;
  transition: all 0.3s ease;
}
.zara-timber-spa-col .zara-timber-spa-col-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 15px 30px rgba(127, 179, 221, 0.20);
  border-color: #c7e2f6;
}
.zara-timber-spa-col .zara-timber-spa-col-card p,
.zara-timber-spa-col .zara-timber-spa-col-card ul { font-size: 15px; color: #4b5563; }
.zara-timber-spa-col .zara-timber-spa-col-card ul { padding-left: 20px; }
.zara-timber-spa-col .zara-timber-spa-col-card li { margin-bottom: 8px; }
.zara-timber-spa-col .zara-timber-spa-col-card--wood-accent { border-left: 5px solid #7fb3dd; }

/* ---- MEDIA STRIP ---- */
.zara-timber-spa-col .zara-timber-spa-col-media-strip {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 25px;
  margin: 30px 0;
}
.zara-timber-spa-col .zara-timber-spa-col-media-strip .zara-timber-spa-col-card { padding: 15px; }
.zara-timber-spa-col .zara-timber-spa-col-media-strip img {
  width: 100%;
  border-radius: 12px;
  margin-bottom: 12px;
}
.zara-timber-spa-col .zara-timber-spa-col-media-strip figcaption {
  font-size: 14px;
  color: #6b7280;
  font-style: italic;
}

/* ---- SPEC TABLE ---- */
.zara-timber-spa-col .zara-timber-spa-col-spec {
  width: 100%;
  border-collapse: collapse;
  background: #ffffff;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 12px 30px rgba(15, 23, 42, 0.05);
  border: 1px solid #dde3ec;
}
.zara-timber-spa-col .zara-timber-spa-col-spec th,
.zara-timber-spa-col .zara-timber-spa-col-spec td {
  padding: 16px 24px;
  text-align: left;
  border-bottom: 1px solid #e5e7eb;
  font-size: 15px;
  color: #4b5563;
}
.zara-timber-spa-col .zara-timber-spa-col-spec th {
  background: #f5faff;
  width: 30%;
  font-weight: 700;
  color: #5a8db5;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 13px;
}
.zara-timber-spa-col .zara-timber-spa-col-spec tr:last-child th,
.zara-timber-spa-col .zara-timber-spa-col-spec tr:last-child td { border-bottom: none; }

/* ---- HELPERS ---- */
.zara-timber-spa-col .zara-timber-spa-col-products-center { margin-top: 32px; text-align: center; }
.zara-timber-spa-col .zara-timber-spa-col-cta-row-mt { margin-top: 24px; }
.zara-timber-spa-col .zara-timber-spa-col-badge-row-mt { margin-top: 25px; }

/* ---- SPA SHOWCASE ---- */
.zara-timber-spa-col .zara-timber-spa-col-spa-showcase {
  background: linear-gradient(135deg, #ffffff 0%, #e0f6ff 100%);
  border-radius: 24px;
  padding: 40px;
  border: 1px solid #c7e2f6;
  margin-bottom: 40px;
}
.zara-timber-spa-col .zara-timber-spa-col-spa-showcase h2 {
  border-bottom: none;
  text-align: center;
  padding-bottom: 0;
}
.zara-timber-spa-col .zara-timber-spa-col-spa-showcase-intro {
  text-align: center;
  /* max-width: 800px; */
  margin: 0 auto 30px;
  font-size: 16px;
  color: #4b5563;
}
.zara-timber-spa-col .zara-timber-spa-col-spa-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
  margin-top: 40px;
}
.zara-timber-spa-col .zara-timber-spa-col-spa-item {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.zara-timber-spa-col .zara-timber-spa-col-spa-image-container {
  width: 100%;
  aspect-ratio: 4 / 3;
  border-radius: 30px 30px 20px 20px;
  overflow: hidden;
  margin-bottom: 20px;
  border: 4px solid #c7e2f6;
  box-shadow: 0 15px 30px rgba(127, 179, 221, 0.18);
  background-color: #f5faff;
  transition: all 0.4s ease;
}
.zara-timber-spa-col .zara-timber-spa-col-spa-image-container:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 40px rgba(127, 179, 221, 0.30);
  border-color: #7fb3dd;
}
.zara-timber-spa-col .zara-timber-spa-col-spa-image-container img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  display: block;
  transition: transform 0.5s ease;
}
.zara-timber-spa-col .zara-timber-spa-col-spa-image-container:hover img {
  transform: scale(1.05);
}
.zara-timber-spa-col .zara-timber-spa-col-spa-item h4 {
  margin-bottom: 8px;
  color: #1f3444;
  font-size: 19px;
  font-weight: 700;
}
.zara-timber-spa-col .zara-timber-spa-col-spa-item p {
  font-size: 14px;
  color: #6b7280;
  max-width: 220px;
  margin: 0 auto;
  line-height: 1.5;
}

/* ---- WOOD DIVIDER (now soft blue striped divider) ---- */
.zara-timber-spa-col .zara-timber-spa-col-wood-divider {
  height: 4px;
  background: repeating-linear-gradient(45deg, #7fb3dd, #7fb3dd 10px, #c7e2f6 10px, #c7e2f6 20px);
  margin: 40px 0;
  border-radius: 2px;
}

/* ---- DIGITAL RESOURCES BANNER (was dark wood gradient) ---- */
.zara-timber-spa-col .zara-timber-spa-col-resources-hero-banner {
  position: relative;
  background: linear-gradient(135deg, #ffffff 0%, #e0f6ff 100%);
  border-radius: 24px;
  overflow: hidden;
  margin-bottom: 40px;
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.06);
  border: 1px solid #c7e2f6;
}
.zara-timber-spa-col .zara-timber-spa-col-banner-overlay {
  position: absolute;
  top: 0; right: 0; bottom: 0; left: 0;
  background: radial-gradient(circle at 20% 50%, rgba(127, 179, 221, 0.12) 0%, transparent 60%);
  pointer-events: none;
}
.zara-timber-spa-col .zara-timber-spa-col-banner-content {
  position: relative;
  padding: 40px 45px;
  display: flex;
  align-items: center;
  gap: 30px;
  z-index: 2;
}
.zara-timber-spa-col .zara-timber-spa-col-banner-icon {
  font-size: 64px;
  background: linear-gradient(135deg, #ffffff, #e3f2fd);
  width: 100px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 2px solid #c7e2f6;
  box-shadow: 0 8px 20px rgba(127, 179, 221, 0.25);
  flex-shrink: 0;
  color: #1f3444;
}
.zara-timber-spa-col .zara-timber-spa-col-banner-text { flex: 1; }
.zara-timber-spa-col .zara-timber-spa-col-banner-kicker {
  display: inline-block;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #5a8db5;
  background: #ffffff;
  padding: 5px 13px;
  border-radius: 30px;
  margin-bottom: 12px;
  border: 1px solid #c7e2f6;
  font-family: system-ui, -apple-system, sans-serif;
  font-weight: 700;
}
.zara-timber-spa-col .zara-timber-spa-col-banner-title {
  font-size: 35px;
  color: #1f3444;
  margin-bottom: 15px;
  line-height: 1.3;
  font-weight: 700;
}
.zara-timber-spa-col .zara-timber-spa-col-banner-description {
  font-size: 18px;
  color: #4b5563;
  max-width: 700px;
  margin: 0;
  line-height: 1.6;
}

/* ---- RESOURCES GRID ---- */
.zara-timber-spa-col .zara-timber-spa-col-resources-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 25px;
  margin: 30px 0;
}
.zara-timber-spa-col .zara-timber-spa-col-resource-card {
  background: #ffffff;
  border-radius: 20px;
  padding: 28px;
  box-shadow: 0 12px 30px rgba(15, 23, 42, 0.05);
  border: 1px solid #dde3ec;
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
}
.zara-timber-spa-col .zara-timber-spa-col-resource-card::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 4px;
  background: linear-gradient(90deg, #7fb3dd, #b5d8ef);
  opacity: 0;
  transition: opacity 0.3s ease;
}
.zara-timber-spa-col .zara-timber-spa-col-resource-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 20px 40px rgba(127, 179, 221, 0.20);
  border-color: #7fb3dd;
}
.zara-timber-spa-col .zara-timber-spa-col-resource-card:hover::before { opacity: 1; }
.zara-timber-spa-col .zara-timber-spa-col-resource-icon {
  font-size: 35px;
  margin-bottom: 18px;
  background: linear-gradient(135deg, #ffffff, #e3f2fd);
  width: 55px;
  height: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
  border: 1px solid #c7e2f6;
  color: #1f3444;
}
.zara-timber-spa-col .zara-timber-spa-col-resource-card h3 {
  font-size: 19px;
  margin-bottom: 12px;
  color: #1f3444;
}
#content_area .zara-timber-spa-col .zara-timber-spa-col-resource-card p {
  font-size: 15px !important;
  color: #4b5563;
  margin-bottom: 20px;
  line-height: 1.5;
  flex-grow: 1;
}
.zara-timber-spa-col .zara-timber-spa-col-resource-meta { margin-bottom: 20px; }
.zara-timber-spa-col .zara-timber-spa-col-file-format {
  display: inline-block;
  background: #f5faff;
  padding: 5px 14px;
  border-radius: 30px;
  color: #5a8db5;
  font-weight: 700;
  font-size: 13px;
  font-family: system-ui, -apple-system, sans-serif;
  border: 1px solid #c7e2f6;
}
#content_area .zara-timber-spa-col .zara-timber-spa-col-resource-note {
  font-size: 13px !important;
  color: #5a8db5;
  margin-top: 15px !important;
  font-style: italic;
  background: #f5faff;
  padding: 8px 15px;
  border-radius: 30px;
  text-align: center;
  border: 1px dashed #c7e2f6;
  font-family: system-ui, -apple-system, sans-serif;
}
.zara-timber-spa-col .zara-timber-spa-col-resource-actions { display: flex; flex-direction: column; }

/* ---- RESOURCES FOOTER (in-card) ---- */
.zara-timber-spa-col .zara-timber-spa-col-resources-footer {
  margin-top: 30px;
  background: linear-gradient(135deg, #ffffff 0%, #e0f6ff 100%);
  border-radius: 16px;
  padding: 0;
  border: 1px solid #c7e2f6;
  border-left: 4px solid #7fb3dd;
  overflow: hidden;
}
.zara-timber-spa-col .zara-timber-spa-col-footer-note-content {
  padding: 20px 28px;
  display: flex;
  align-items: center;
  gap: 18px;
}
.zara-timber-spa-col .zara-timber-spa-col-note-icon {
  font-size: 32px;
  background: #ffffff;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  box-shadow: 0 6px 15px rgba(127, 179, 221, 0.15);
  flex-shrink: 0;
  border: 1px solid #c7e2f6;
  color: #1f3444;
}
.zara-timber-spa-col .zara-timber-spa-col-footer-note-content p {
  margin: 0;
  font-size: 15px;
  color: #4b5563;
  flex: 1;
}
.zara-timber-spa-col .zara-timber-spa-col-footer-note-content a {
  color: #5a8db5;
  font-weight: 700;
  text-decoration: none;
}
.zara-timber-spa-col .zara-timber-spa-col-footer-note-content a:hover { text-decoration: underline; }

/* ---- FAQ SECTION (3-row color-coded � kept rotation, remapped to soft blue shades) ---- */
.zara-timber-spa-col .zara-timber-spa-col-faq-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 25px;
  margin: 30px 0;
}
.zara-timber-spa-col .zara-timber-spa-col-faq-card {
  background: #ffffff;
  border-radius: 20px;
  padding: 0;
  box-shadow: 0 12px 30px rgba(15, 23, 42, 0.05);
  border: 1px solid #c7e2f6;
  transition: all 0.3s ease;
  overflow: hidden;
  position: relative;
  cursor: pointer;
}
.zara-timber-spa-col .zara-timber-spa-col-faq-card:nth-child(3n+1) { border-left: 5px solid #5a8db5; }
.zara-timber-spa-col .zara-timber-spa-col-faq-card:nth-child(3n+2) { border-left: 5px solid #7fb3dd; }
.zara-timber-spa-col .zara-timber-spa-col-faq-card:nth-child(3n+3) { border-left: 5px solid #b5d8ef; }
.zara-timber-spa-col .zara-timber-spa-col-faq-question {
  padding: 20px 20px 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  user-select: none;
  background: transparent;
}
.zara-timber-spa-col .zara-timber-spa-col-faq-question h3 {
  margin: 0;
  font-size: 18px;
  line-height: 1.4;
  color: #1f3444;
  font-weight: 700;
  flex: 1;
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}
.zara-timber-spa-col .zara-timber-spa-col-faq-icon {
  width: 30px;
  height: 30px;
  min-width: 30px;
  border-radius: 50%;
  background: #f5faff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 19px;
  font-weight: 700;
  color: #5a8db5;
  transition: all 0.3s ease;
  border: 1px solid #c7e2f6;
}
.zara-timber-spa-col .zara-timber-spa-col-faq-card:hover .zara-timber-spa-col-faq-icon {
  background: linear-gradient(135deg, #e3f2fd, #c7e2f6);
  color: #1f3444;
  border-color: #7fb3dd;
}
.zara-timber-spa-col .zara-timber-spa-col-faq-answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease-out;
  background: transparent;
}
.zara-timber-spa-col .zara-timber-spa-col-faq-answer.zara-timber-spa-col-show {
  max-height: 800px;
  padding: 0 20px 20px;
  border-top: 1px solid #c7e2f6;
}
.zara-timber-spa-col .zara-timber-spa-col-faq-answer p {
  margin: 15px 0 0;
  color: #4b5563;
  font-size: 15px;
  line-height: 1.6;
}
.zara-timber-spa-col .zara-timber-spa-col-faq-answer a {
  color: #5a8db5;
  text-decoration: none;
  font-weight: 600;
}
.zara-timber-spa-col .zara-timber-spa-col-faq-answer a:hover { text-decoration: underline; color: #1f3444; }
.zara-timber-spa-col .zara-timber-spa-col-faq-card.zara-timber-spa-col-active {
  box-shadow: 0 15px 35px rgba(127, 179, 221, 0.20);
}

/* ---- PAGE FOOTER (kept visible � airy theme) ---- */
.zara-timber-spa-col .zara-timber-spa-col-page-footer {
  margin-top: 60px;
  padding: 25px;
  background: linear-gradient(135deg, #ffffff, #e0f6ff);
  border: 1px solid #c7e2f6;
  border-radius: 20px;
  font-size: 14px;
  color: #6b7280;
  text-align: center;
  font-family: system-ui, -apple-system, sans-serif;
  box-shadow: 0 8px 20px rgba(127, 179, 221, 0.15);
}

/* ---- RESPONSIVE ---- */
@media (max-width: 1100px) {
  .zara-timber-spa-col .zara-timber-spa-col-spa-grid { gap: 20px; }
}
@media (max-width: 1000px) {
  .zara-timber-spa-col .zara-timber-spa-col-hero-inner,
  .zara-timber-spa-col .zara-timber-spa-col-grid.zara-timber-spa-col-cols-4 { grid-template-columns: repeat(2, 1fr); }
  .zara-timber-spa-col .zara-timber-spa-col-spa-grid { grid-template-columns: repeat(2, 1fr); gap: 30px; }
  .zara-timber-spa-col .zara-timber-spa-col-banner-title { font-size: 29px; }
}
@media (max-width: 900px) {
  .zara-timber-spa-col .zara-timber-spa-col-grid.zara-timber-spa-col-cols-3,
  .zara-timber-spa-col .zara-timber-spa-col-grid.zara-timber-spa-col-cols-2,
  .zara-timber-spa-col .zara-timber-spa-col-media-strip,
  .zara-timber-spa-col .zara-timber-spa-col-resources-grid,
  .zara-timber-spa-col .zara-timber-spa-col-faq-grid { grid-template-columns: repeat(2, 1fr); }
  .zara-timber-spa-col .zara-timber-spa-col-sticky-inner {
    flex-direction: column;
    align-items: flex-start;
  }
  .zara-timber-spa-col .zara-timber-spa-col-sticky-inner h5 { max-width: 100%; }
  .zara-timber-spa-col .zara-timber-spa-col-banner-content {
    flex-direction: column;
    text-align: center;
    padding: 30px 20px;
  }
  .zara-timber-spa-col .zara-timber-spa-col-footer-note-content {
    flex-direction: column;
    text-align: center;
  }
}
@media (max-width: 650px) {
  .zara-timber-spa-col .zara-timber-spa-col-hero-inner,
  .zara-timber-spa-col .zara-timber-spa-col-grid.zara-timber-spa-col-cols-3,
  .zara-timber-spa-col .zara-timber-spa-col-grid.zara-timber-spa-col-cols-2,
  .zara-timber-spa-col .zara-timber-spa-col-grid.zara-timber-spa-col-cols-4,
  .zara-timber-spa-col .zara-timber-spa-col-media-strip,
  .zara-timber-spa-col .zara-timber-spa-col-resources-grid,
  .zara-timber-spa-col .zara-timber-spa-col-faq-grid,
  .zara-timber-spa-col .zara-timber-spa-col-spa-grid { grid-template-columns: 1fr; }
  .zara-timber-spa-col .zara-timber-spa-col-spa-image-container {
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
  }
}
/* ===== BANNER ===== */
.zara-bs-touchless-faucets .zara-bs-tf-banner {
  position: relative;
  width: 100%;
  overflow: hidden;
  border-radius: 12px;
  background: #ffffff;
  margin-bottom: 30px;
}
.zara-bs-touchless-faucets .zara-bs-tf-banner picture {
  display: block;
  width: 100%;
  height: auto;
}
.zara-bs-touchless-faucets .zara-bs-tf-banner img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
}
@media (max-width: 768px) {
  .zara-bs-touchless-faucets .zara-bs-tf-banner {
    border-radius: 8px;
  }
}

/* ===== OUTER WRAPPER ===== */
.zara-bs-touchless-faucets {
  max-width: 1400px;
  margin: 0 auto;
  padding: 20px;
  direction: ltr;
}
.zara-bs-touchless-faucets .zara-bs-tf-wrap {
  background: #ffffff;
  border-radius: 24px;
  padding: 30px;
  box-shadow: 0 10px 40px rgba(15, 23, 42, 0.05);
}

/* ===== TECH HERO (was dark teal/cyan) ===== */
.zara-bs-touchless-faucets .zara-bs-tf-hero {
  position: relative;
  background: linear-gradient(145deg, #ffffff, #e0f6ff, #f5faff);
  color: #1f3444;
  padding: 80px 40px;
  border-radius: 30px;
  text-align: center;
  overflow: hidden;
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.06);
  border: 1px solid #c7e2f6;
}
.zara-bs-touchless-faucets .zara-bs-tf-hero::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background:
    radial-gradient(circle at 20% 30%, rgba(127, 179, 221, 0.12) 0%, transparent 30%),
    radial-gradient(circle at 80% 70%, rgba(199, 226, 246, 0.18) 0%, transparent 40%),
    repeating-linear-gradient(45deg, rgba(127, 179, 221, 0.02) 0px, rgba(127, 179, 221, 0.02) 2px, transparent 2px, transparent 8px),
    repeating-linear-gradient(135deg, rgba(127, 179, 221, 0.01) 0px, rgba(127, 179, 221, 0.01) 1px, transparent 1px, transparent 6px);
  pointer-events: none;
}

/* Eyebrow */
.zara-bs-touchless-faucets .zara-bs-tf-eyebrow {
  position: relative;
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 4px;
  color: #5a8db5;
  margin-bottom: 20px;
  font-weight: 700;
  display: inline-block;
  padding: 8px 20px;
  background: #ffffff;
  border-radius: 50px;
  border: 1px solid #c7e2f6;
}

/* H1 */
.zara-bs-touchless-faucets .zara-bs-tf-hero h1 {
  position: relative;
  font-size: 52px;
  font-weight: 900;
  margin-bottom: 25px;
  line-height: 1.2;
  color: #1f3444;
}

/* Hero desc */
.zara-bs-touchless-faucets .zara-bs-tf-hero-desc {
  position: relative;
  font-size: 18px;
  max-width: 900px;
  margin: 0 auto 25px;
  line-height: 1.7;
  color: #4b5563;
  background: #ffffff;
  padding: 20px 30px;
  border-radius: 60px;
  border: 1px solid #c7e2f6;
  font-weight: 500;
  box-shadow: 0 8px 20px rgba(127, 179, 221, 0.10);
}
.zara-bs-touchless-faucets .zara-bs-tf-hero-desc a {
  color: #5a8db5;
  text-decoration: underline;
  font-weight: 700;
  text-decoration-thickness: 2px;
  text-underline-offset: 4px;
}
.zara-bs-touchless-faucets .zara-bs-tf-hero-desc a:hover { color: #1f3444; }

/* Authority links */
.zara-bs-touchless-faucets .zara-bs-tf-authority {
  display: flex;
  justify-content: center;
  gap: 30px;
  margin: 20px 0 30px;
  flex-wrap: wrap;
  position: relative;
}
.zara-bs-touchless-faucets .zara-bs-tf-authority-link {
  color: #5a8db5;
  text-decoration: none;
  font-size: 14px;
  font-weight: 700;
  padding: 5px 15px;
  background: #f5faff;
  border-radius: 50px;
  border: 1px solid #c7e2f6;
  transition: all 0.2s;
}
.zara-bs-touchless-faucets .zara-bs-tf-authority-link:hover {
  background: linear-gradient(135deg, #e3f2fd, #c7e2f6);
  color: #1f3444;
  border-color: #7fb3dd;
}

/* Trust bar */
.zara-bs-touchless-faucets .zara-bs-tf-trust-bar {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 30px;
  margin: 30px 0 25px;
}
.zara-bs-touchless-faucets .zara-bs-tf-trust-item {
  background: #ffffff;
  padding: 7px 25px;
  border-radius: 50px;
  border: 1px solid #c7e2f6;
  font-weight: 600;
  font-size: 16px;
  color: #1f3444;
  display: flex;
  align-items: center;
  gap: 8px;
  box-shadow: 0 4px 12px rgba(127, 179, 221, 0.12);
}
.zara-bs-touchless-faucets .zara-bs-tf-trust-item a { color: #1f3444; text-decoration: none; }
.zara-bs-touchless-faucets .zara-bs-tf-trust-item a:hover { color: #5a8db5; }

/* CTA row */
.zara-bs-touchless-faucets .zara-bs-tf-cta-row {
  position: relative;
  display: flex;
  gap: 20px;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 20px;
}
.zara-bs-touchless-faucets .zara-bs-tf-btn {
  padding: 10px 32px;
  border-radius: 50px;
  text-decoration: none;
  font-weight: 700;
  display: inline-block;
  font-size: 16px;
  letter-spacing: 0.5px;
  border: 2px solid transparent;
  transition: all 0.3s ease;
}
.zara-bs-touchless-faucets .zara-bs-tf-btn-primary {
  background: linear-gradient(135deg, #e3f2fd, #c7e2f6);
  color: #1f3444;
  box-shadow: 0 10px 24px rgba(127, 179, 221, 0.25);
  border: 1px solid #c7e2f6;
}
.zara-bs-touchless-faucets .zara-bs-tf-btn-primary:hover {
  background: linear-gradient(135deg, #d6ecfb, #b5d8ef);
  border-color: #b5d8ef;
  transform: translateY(-3px);
  box-shadow: 0 14px 28px rgba(127, 179, 221, 0.35);
  color: #1f3444;
  text-decoration: none;
}
/* gold btn &#8594; solid soft blue */
.zara-bs-touchless-faucets .zara-bs-tf-btn-gold {
  background: linear-gradient(135deg, #5a8db5, #7fb3dd);
  color: #ffffff;
  box-shadow: 0 10px 24px rgba(127, 179, 221, 0.30);
  border: 1px solid #7fb3dd;
}
.zara-bs-touchless-faucets .zara-bs-tf-btn-gold:hover {
  background: linear-gradient(135deg, #4a7da5, #5a8db5);
  transform: translateY(-3px);
  box-shadow: 0 14px 28px rgba(127, 179, 221, 0.40);
  color: #ffffff;
  text-decoration: none;
}

/* ===== RESPONSIVE HERO ===== */
@media (max-width: 768px) {
  .zara-bs-touchless-faucets .zara-bs-tf-hero { padding: 50px 20px; }
  .zara-bs-touchless-faucets .zara-bs-tf-hero h1 { font-size: 32px; }
  .zara-bs-touchless-faucets .zara-bs-tf-hero-desc { padding: 15px; border-radius: 30px; font-size: 16px; }
  .zara-bs-touchless-faucets .zara-bs-tf-trust-bar { gap: 15px; }
}
#content_area .zara-bs-bathroom-faucets-57-category-main-hd,
#content_area h1.zara-bs-bathroom-faucets-57-category-main-hd {
	background-color:transparent!important;
	position:relative;
	font-family: 'Raleway' ,arial,helvetica,sans-serif !important;
	font-weight: 100 !important;
	letter-spacing: 1.5px !important;
	text-transform: inherit !important;
	margin:15px 0 18px!important;
	font-size: 60px !important;
	line-height: 80px;
	text-align: center !important;
	color: #000 !important;
}
@media all and (max-width:800px){
	#content_area .zara-bs-bathroom-faucets-57-category-main-hd,
	#content_area h1.zara-bs-bathroom-faucets-57-category-main-hd {
		font-size: 40px !important;
		line-height: 55px;
	}
}
 
/* ===== CATEGORY DESCRIPTION ===== */
.zara-bs-bathroom-faucets-57 .zara-bs-bathroom-faucets-57-category-custom-description {
	font-size: 17px !important;
	line-height: 33px !important;
	font-family: Helvetica !important;
	color: #7C7C7C !important;
	text-align: left;
	font-style: normal;
	font-weight: 400;
	margin: 0 !important;
	background-color: transparent !important;
}
 
/* ===== QUICK CATEGORY LINKS ===== */
.zara-bs-bathroom-faucets-57 .zara-bs-bathroom-faucets-57-quick-links {
	max-width: 1100px;
	margin: 30px auto;
	padding: 0 20px;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	justify-content: center;
}
.zara-bs-bathroom-faucets-57 .zara-bs-bathroom-faucets-57-quick-link {
	padding: 8px 16px;
	background: #f1f5f9;
	color: #0f2742;
	border-radius: 30px;
	font-size: 14px;
	font-weight: 500;
	transition: all 0.2s;
	border: 1px solid #e2e8f0;
	text-decoration: none;
}
.zara-bs-bathroom-faucets-57 .zara-bs-bathroom-faucets-57-quick-link:hover {
	background: #0f4c81;
	color: white;
	border-color: #0f4c81;
	transform: translateY(-2px);
}
 
/* ===== INTRO SECTION ===== */
.zara-bs-bathroom-faucets-57 .zara-bs-bathroom-faucets-57-intro-section {
	max-width: 1000px;
	margin: 50px auto;
	padding: 0 20px;
	text-align: center;
}
.zara-bs-bathroom-faucets-57 .zara-bs-bathroom-faucets-57-intro-section h2 {
	font-size: 28px;
	color: #0f2742;
	margin-bottom: 15px;
	font-weight: 600;
}
 
/* ===== SHOP FAUCETS WRAPPER ===== */
.zara-bs-bathroom-faucets-57 .zara-bs-bathroom-faucets-57-shop-faucets-wrapper {
	/* max-width: 1100px !important; */
	margin: 30px auto;
	/* padding: 0 20px; */
}
.zara-bs-bathroom-faucets-57 .zara-bs-bathroom-faucets-57-shop-faucets-wrapper .zara-bs-bathroom-faucets-57-heading {
	text-align: center;
	margin-bottom: 20px;
}
.zara-bs-bathroom-faucets-57 .zara-bs-bathroom-faucets-57-shop-faucets-wrapper .zara-bs-bathroom-faucets-57-heading span {
	font-family: Georgia !important;
	font-size: 24px;
	color: #838080;
	font-style: italic;
}
.zara-bs-bathroom-faucets-57 .zara-bs-bathroom-faucets-57-shop-faucets-inner {
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
	justify-content: center;
}
.zara-bs-bathroom-faucets-57 .zara-bs-bathroom-faucets-57-box {
	flex: 0 1 260px;
	text-align: center;
}
.zara-bs-bathroom-faucets-57 .zara-bs-bathroom-faucets-57-box a {
	text-decoration: none;
	color: inherit;
}
.zara-bs-bathroom-faucets-57 .zara-bs-bathroom-faucets-57-image-detail img {
	width: 100%;
	/* border-radius: 10px; */
	display: block;
}
.zara-bs-bathroom-faucets-57 .zara-bs-bathroom-faucets-57-text-detail {
	margin-top: 8px;
	font-size: 14px;
	color: #334155;
	font-weight: 500;
}
 .zara-bs-bathroom-faucets-57 .zara-bs-bathroom-faucets-57-text-detail:hover{
	 color: #2797d1
 }
/* ===== READ MORE TOGGLE ===== */
.zara-bs-bathroom-faucets-57 .zara-bs-bathroom-faucets-57-toggle-btn {
	cursor: pointer;
    text-align: center;
  padding: 8px�16px !important;
    background: #f1f5f9;
    color: #0f2742;
    border-radius: 30px;
    font-size: 14px;
    font-weight: 500;
  transition: all�0.2s;   
 border: 1px�solid�#e2e8f0 !important;   
 text-decoration: none;
display: block;
    width: fit-content;
    margin: 15px auto;

}
.zara-bs-bathroom-faucets-57 .zara-bs-bathroom-faucets-57-toggle-content {
	display: none;
}
 
/* ===== AUTHORITY SECTION ===== */
.zara-bs-bathroom-faucets-57 .zara-bs-bathroom-faucets-57-authority-section {
	max-width: 1100px;
	margin: 50px auto;
	padding: 30px;
	border: 1px solid #e6eef7;
	border-radius: 20px;
	background: #ffffff;
	box-shadow: 0 10px 30px rgba(0,0,0,0.03);
}
.zara-bs-bathroom-faucets-57 .zara-bs-bathroom-faucets-57-authority-flex {
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
	align-items: flex-start;
}
.zara-bs-bathroom-faucets-57 .zara-bs-bathroom-faucets-57-authority-main {
	flex: 1 1 640px;
	min-width: 280px;
}
.zara-bs-bathroom-faucets-57 .zara-bs-bathroom-faucets-57-authority-main h2 {
	font-size: 24px;
	color: #0f2742;
	margin-bottom: 15px;
	font-weight: 700;
}
.zara-bs-bathroom-faucets-57 .zara-bs-bathroom-faucets-57-authority-main-p {
	font-size: 15px;
	line-height: 1.7;
	color: #334155;
	margin-bottom: 20px;
}
.zara-bs-bathroom-faucets-57 .zara-bs-bathroom-faucets-57-features-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 15px;
	margin-top: 15px;
}
.zara-bs-bathroom-faucets-57 .zara-bs-bathroom-faucets-57-feature-card {
	padding: 18px;
	border: 1px solid #e6eef7;
	border-radius: 14px;
	background: #f7fbff;
	transition: all 0.3s;
}
.zara-bs-bathroom-faucets-57 .zara-bs-bathroom-faucets-57-feature-card:hover {
	transform: translateY(-3px);
	box-shadow: 0 10px 20px rgba(15,76,129,0.1);
	border-color: #0f4c81;
}
.zara-bs-bathroom-faucets-57 .zara-bs-bathroom-faucets-57-feature-card strong {
	color: #0f2742;
	font-size: 16px;
	display: block;
	margin-bottom: 6px;
}
.zara-bs-bathroom-faucets-57 .zara-bs-bathroom-faucets-57-feature-card div {
	font-size: 14px;
	color: #475569;
	line-height: 1.5;
}
.zara-bs-bathroom-faucets-57 .zara-bs-bathroom-faucets-57-finishes-box {
	margin-top: 20px;
	padding: 18px;
	border: 1px dashed #cfe0f5;
	border-radius: 14px;
	background: #fbfdff;
}
.zara-bs-bathroom-faucets-57 .zara-bs-bathroom-faucets-57-finishes-box strong {
	font-size: 14px;
	color: #0f2742;
	letter-spacing: 0.5px;
}
.zara-bs-bathroom-faucets-57 .zara-bs-bathroom-faucets-57-finishes-box ul {
	margin-top: 10px;
	font-size: 14px;
	color: #334155;
	line-height: 1.8;
	padding-left: 20px;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 5px;
}
.zara-bs-bathroom-faucets-57 .zara-bs-bathroom-faucets-57-finishes-box ul li a {
	color: #0f4c81;
	transition: color 0.2s;
}
.zara-bs-bathroom-faucets-57 .zara-bs-bathroom-faucets-57-finishes-box ul li a:hover {
	color: #0a3a61;
	text-decoration: underline;
}
.zara-bs-bathroom-faucets-57 .zara-bs-bathroom-faucets-57-spec-box {
	flex: 0 1 300px;
	border: 1px solid #e6eef7;
	border-radius: 16px;
	padding: 22px;
	background: #ffffff;
	box-shadow: 0 8px 20px rgba(0,0,0,0.02);
}
.zara-bs-bathroom-faucets-57 .zara-bs-bathroom-faucets-57-spec-box h3 {
	font-size: 18px;
	color: #0f2742;
	margin-bottom: 15px;
	font-weight: 700;
}
.zara-bs-bathroom-faucets-57 .zara-bs-bathroom-faucets-57-spec-box ul {
	font-size: 14px;
	color: #334155;
	line-height: 1.8;
	padding-left: 20px;
	margin-bottom: 20px;
}
.zara-bs-bathroom-faucets-57 .zara-bs-bathroom-faucets-57-spec-box li {
	margin-bottom: 8px;
}
.zara-bs-bathroom-faucets-57 .zara-bs-bathroom-faucets-57-btn-primary {
	display: block;
	text-align: center;
	background: #0f4c81;
	color: white;
	padding: 12px;
	border-radius: 8px;
	font-weight: 600;
	text-decoration: none;
}
 
/* ===== RESPONSIVE ===== */
@media all and (max-width:800px){
	.zara-bs-bathroom-faucets-57 .zara-bs-bathroom-faucets-57-features-grid {
		grid-template-columns: 1fr;
	}
	.zara-bs-bathroom-faucets-57 .zara-bs-bathroom-faucets-57-finishes-box ul {
		grid-template-columns: 1fr;
	}
}

/* ===== AUTHORITY SECTION ===== */
.zara-bs-bathroom-faucets-sec .zara-bs-bathroom-faucets-sec-authority-section {
  max-width: 1100px;
  margin: 50px auto;
  padding: 30px;
  border: 1px solid #c7e2f6;
  border-radius: 20px;
  background: #ffffff;
  box-shadow: 0 10px 30px rgba(127, 179, 221, 0.08);
}
.zara-bs-bathroom-faucets-sec .zara-bs-bathroom-faucets-sec-authority-flex { display: flex; flex-wrap: wrap; gap: 30px; align-items: flex-start; }
.zara-bs-bathroom-faucets-sec .zara-bs-bathroom-faucets-sec-authority-main { flex: 1 1 640px; min-width: 280px; }
.zara-bs-bathroom-faucets-sec .zara-bs-bathroom-faucets-sec-authority-main h2 { font-size: 24px; color: #1f3444; margin-bottom: 15px; font-weight: 700; }
.zara-bs-bathroom-faucets-sec .zara-bs-bathroom-faucets-sec-authority-main-p { font-size: 15px; line-height: 1.7; color: #4b5563; margin-bottom: 20px; }

/* Feature cards */
.zara-bs-bathroom-faucets-sec .zara-bs-bathroom-faucets-sec-features-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 15px; margin-top: 15px; }
.zara-bs-bathroom-faucets-sec .zara-bs-bathroom-faucets-sec-feature-card {
  padding: 18px;
  border: 1px solid #c7e2f6;
  border-radius: 14px;
  background: #f5faff;
  transition: all 0.3s;
}
.zara-bs-bathroom-faucets-sec .zara-bs-bathroom-faucets-sec-feature-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 20px rgba(127, 179, 221, 0.18);
  border-color: #7fb3dd;
}
.zara-bs-bathroom-faucets-sec .zara-bs-bathroom-faucets-sec-feature-card strong { color: #1f3444; font-size: 16px; display: block; margin-bottom: 6px; }
.zara-bs-bathroom-faucets-sec .zara-bs-bathroom-faucets-sec-feature-card div { font-size: 14px; color: #4b5563; line-height: 1.5; }

/* Finishes box */
.zara-bs-bathroom-faucets-sec .zara-bs-bathroom-faucets-sec-finishes-box {
  margin-top: 20px;
  padding: 18px;
  border: 1px dashed #c7e2f6;
  border-radius: 14px;
  background: #f5faff;
}
.zara-bs-bathroom-faucets-sec .zara-bs-bathroom-faucets-sec-finishes-box strong { font-size: 14px; color: #1f3444; letter-spacing: 0.5px; }
.zara-bs-bathroom-faucets-sec .zara-bs-bathroom-faucets-sec-finishes-box ul {
  margin-top: 10px;
  font-size: 14px;
  color: #4b5563;
  line-height: 1.8;
  padding-left: 20px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 5px;
}
.zara-bs-bathroom-faucets-sec .zara-bs-bathroom-faucets-sec-finishes-box ul li a { color: #5a8db5; transition: color 0.2s; }
.zara-bs-bathroom-faucets-sec .zara-bs-bathroom-faucets-sec-finishes-box ul li a:hover { color: #1f3444; text-decoration: underline; }

/* Spec box */
.zara-bs-bathroom-faucets-sec .zara-bs-bathroom-faucets-sec-spec-box {
  flex: 0 1 300px;
  border: 1px solid #c7e2f6;
  border-radius: 16px;
  padding: 22px;
  background: #ffffff;
  box-shadow: 0 8px 20px rgba(127, 179, 221, 0.08);
}
.zara-bs-bathroom-faucets-sec .zara-bs-bathroom-faucets-sec-spec-box h3 { font-size: 18px; color: #1f3444; margin-bottom: 15px; font-weight: 700; }
.zara-bs-bathroom-faucets-sec .zara-bs-bathroom-faucets-sec-spec-box ul { font-size: 14px; color: #4b5563; line-height: 1.8; padding-left: 20px; margin-bottom: 20px; }
.zara-bs-bathroom-faucets-sec .zara-bs-bathroom-faucets-sec-spec-box li { margin-bottom: 8px; }
/* spec btn: dark navy &#8594; soft blue */
.zara-bs-bathroom-faucets-sec .zara-bs-bathroom-faucets-sec-spec-btn-primary {
  display: block;
  text-align: center;
  background: linear-gradient(135deg, #5a8db5, #7fb3dd);
  color: #ffffff;
  padding: 12px;
  border-radius: 8px;
  font-weight: 700;
  text-decoration: none;
  border: 1px solid #7fb3dd;
  transition: all 0.2s;
}
.zara-bs-bathroom-faucets-sec .zara-bs-bathroom-faucets-sec-spec-btn-primary:hover { background: linear-gradient(135deg, #4a7da5, #5a8db5); }

/* ===== FAQ SECTION ===== */
.zara-bs-bathroom-faucets-sec .zara-bs-bathroom-faucets-sec-faq-section {
  max-width: 1100px;
  margin: 60px auto;
  padding: 40px;
  background: linear-gradient(145deg, #ffffff, #f5faff);
  border-radius: 32px;
  box-shadow: 0 25px 50px rgba(127, 179, 221, 0.08);
  border: 1px solid #c7e2f6;
}
.zara-bs-bathroom-faucets-sec .zara-bs-bathroom-faucets-sec-faq-header { text-align: center; margin-bottom: 40px; }
.zara-bs-bathroom-faucets-sec .zara-bs-bathroom-faucets-sec-faq-header h2 { font-size: 32px; color: #1f3444; margin-bottom: 10px; }
.zara-bs-bathroom-faucets-sec .zara-bs-bathroom-faucets-sec-faq-grid {display: grid;grid-template-columns: 1fr 1fr;gap: 10px 12px;/* row-gap: 20px; */}
.zara-bs-bathroom-faucets-sec .zara-bs-bathroom-faucets-sec-faq-details {
  border: 1px solid #dde3ec;
  border-radius: 20px;
  padding: 15px 20px;
  background: white;
  transition: all 0.3s;
  /* margin-bottom: 20px; */
}
.zara-bs-bathroom-faucets-sec .zara-bs-bathroom-faucets-sec-faq-details:hover { border-color: #7fb3dd; box-shadow: 0 10px 20px rgba(127, 179, 221, 0.15); }
.zara-bs-bathroom-faucets-sec .zara-bs-bathroom-faucets-sec-faq-details summary { font-weight: 700; color: #1f3444; cursor: pointer; display: flex; align-items: center; gap: 12px; list-style: none; }
.zara-bs-bathroom-faucets-sec .zara-bs-bathroom-faucets-sec-faq-details summary::-webkit-details-marker { display: none; }
.zara-bs-bathroom-faucets-sec .zara-bs-bathroom-faucets-sec-faq-arrow { margin-left: auto; font-size: 18px; color: #5a8db5; }
.zara-bs-bathroom-faucets-sec .zara-bs-bathroom-faucets-sec-faq-details p { padding: 15px 0 5px 44px; font-size: 14px; color: #4b5563; border-top: 1px dashed #c7e2f6; margin-top: 10px; }

/* ===== SECONDARY DESCRIPTION ===== */
.zara-bs-bathroom-faucets-sec .zara-bs-bathroom-faucets-sec-secondary-description {
  max-width: 1100px;
  margin: 60px auto;
  padding: 40px;
  background: #ffffff;
  border: 1px solid #c7e2f6;
  border-radius: 24px;
  box-shadow: 0 15px 35px rgba(127, 179, 221, 0.06);
}
.zara-bs-bathroom-faucets-sec .zara-bs-bathroom-faucets-sec-secondary-description h2 { font-size: 28px; color: #1f3444; margin-bottom: 20px; font-weight: 700; }
/* h3: navy `#0f4c81` &#8594; soft blue */
.zara-bs-bathroom-faucets-sec .zara-bs-bathroom-faucets-sec-secondary-description h3 { font-size: 22px; color: #5a8db5; margin: 25px 0 15px; font-weight: 700; }
.zara-bs-bathroom-faucets-sec .zara-bs-bathroom-faucets-sec-secondary-description p { font-size: 15px; line-height: 1.8; color: #4b5563; margin-bottom: 15px; }

/* ===== CLOSING SECTION ===== */
.zara-bs-bathroom-faucets-sec .zara-bs-bathroom-faucets-sec-closing-section {
  position: relative;
  max-width: 1200px;
  margin: 80px auto;
  padding: 60px 40px;
  background: linear-gradient(145deg, #ffffff, #f5faff);
  border-radius: 40px;
  border: 1px solid #c7e2f6;
  box-shadow: 0 30px 60px rgba(127, 179, 221, 0.08);
  overflow: hidden;
}
/* radial accents: gold/navy &#8594; soft blue */
.zara-bs-bathroom-faucets-sec .zara-bs-bathroom-faucets-sec-closing-pattern {
  position: absolute;
  top: -20%; right: -10%;
  width: 400px; height: 400px;
  background: radial-gradient(circle, rgba(127, 179, 221, 0.06) 0%, transparent 70%);
  border-radius: 50%;
  pointer-events: none;
  z-index: 0;
}
.zara-bs-bathroom-faucets-sec .zara-bs-bathroom-faucets-sec-closing-shape {
  position: absolute;
  bottom: -10%; left: -5%;
  width: 300px; height: 300px;
  background: radial-gradient(circle, rgba(127, 179, 221, 0.04) 0%, transparent 70%);
  border-radius: 50%;
  pointer-events: none;
  z-index: 0;
}
.zara-bs-bathroom-faucets-sec .zara-bs-bathroom-faucets-sec-closing-container { position: relative; z-index: 2; max-width: 900px; margin: 0 auto; text-align: center; }
.zara-bs-bathroom-faucets-sec .zara-bs-bathroom-faucets-sec-closing-title {
  font-size: 36px;
  font-weight: 700;
  color: #1f3444;
  margin-bottom: 25px;
  line-height: 1.2;
  position: relative;
  display: inline-block;
}
/* underline: navy+gold &#8594; soft blue */
.zara-bs-bathroom-faucets-sec .zara-bs-bathroom-faucets-sec-closing-title::after {
  content: '';
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
  width: 80px;
  height: 3px;
  background: linear-gradient(90deg, #5a8db5, #7fb3dd);
  border-radius: 3px;
}
.zara-bs-bathroom-faucets-sec .zara-bs-bathroom-faucets-sec-closing-description { margin: 40px 0; }
.zara-bs-bathroom-faucets-sec .zara-bs-bathroom-faucets-sec-closing-description p { font-size: 16px; line-height: 1.8; color: #4b5563; margin-bottom: 20px; text-align: left; }
/* brand-name: navy &#8594; soft blue */
.zara-bs-bathroom-faucets-sec .zara-bs-bathroom-faucets-sec-brand-name { color: #5a8db5; font-weight: 700; }
/* highlight: gold &#8594; soft blue */
.zara-bs-bathroom-faucets-sec .zara-bs-bathroom-faucets-sec-highlight { color: #5a8db5; font-weight: 700; }

/* feature tags */
.zara-bs-bathroom-faucets-sec .zara-bs-bathroom-faucets-sec-feature-tag {
  display: inline-block;
  background: #e0f6ff;
  color: #5a8db5;
  padding: 4px 12px;
  border-radius: 20px;
  font-size: 14px;
  font-weight: 700;
  margin: 0 2px 5px 0;
  transition: all 0.2s;
}
.zara-bs-bathroom-faucets-sec .zara-bs-bathroom-faucets-sec-feature-tag:hover { background: linear-gradient(135deg, #5a8db5, #7fb3dd); color: #ffffff; transform: translateY(-2px); }

/* closing highlight: gold border &#8594; soft blue */
.zara-bs-bathroom-faucets-sec .zara-bs-bathroom-faucets-sec-closing-highlight {
  margin: 30px 0 20px;
  padding: 20px;
  background: linear-gradient(145deg, #f5faff, #ffffff);
  border-left: 4px solid #7fb3dd;
  border-radius: 16px;
  text-align: center;
  box-shadow: 0 10px 20px rgba(127, 179, 221, 0.08);
}
.zara-bs-bathroom-faucets-sec .zara-bs-bathroom-faucets-sec-closing-highlight p { margin: 0; font-size: 17px; color: #1f3444; font-weight: 500; text-align: center; }
.zara-bs-bathroom-faucets-sec .zara-bs-bathroom-faucets-sec-closing-highlight strong { color: #5a8db5; font-weight: 700; }

/* closing buttons */
.zara-bs-bathroom-faucets-sec .zara-bs-bathroom-faucets-sec-closing-actions { display: flex; gap: 20px; justify-content: center; margin: 40px 0; flex-wrap: wrap; }
.zara-bs-bathroom-faucets-sec .zara-bs-bathroom-faucets-sec-closing-btn { display: inline-flex; align-items: center; gap: 10px; padding: 16px 32px; border-radius: 50px; font-weight: 700; font-size: 16px; transition: all 0.3s; text-decoration: none; }
/* btn-primary: dark navy &#8594; soft blue gradient */
.zara-bs-bathroom-faucets-sec .zara-bs-bathroom-faucets-sec-closing-btn-primary {
  background: linear-gradient(135deg, #5a8db5, #7fb3dd);
  color: #ffffff;
  box-shadow: 0 10px 20px rgba(127, 179, 221, 0.25);
  border: 1px solid #7fb3dd;
}
.zara-bs-bathroom-faucets-sec .zara-bs-bathroom-faucets-sec-closing-btn-primary:hover { background: linear-gradient(135deg, #4a7da5, #5a8db5); transform: translateY(-2px); box-shadow: 0 15px 30px rgba(127, 179, 221, 0.35); }
/* btn-secondary: navy border &#8594; soft blue border */
.zara-bs-bathroom-faucets-sec .zara-bs-bathroom-faucets-sec-closing-btn-secondary { background: white; color: #5a8db5; border: 2px solid #7fb3dd; }
.zara-bs-bathroom-faucets-sec .zara-bs-bathroom-faucets-sec-closing-btn-secondary:hover { background: #f5faff; transform: translateY(-2px); box-shadow: 0 10px 20px rgba(127, 179, 221, 0.15); color: #1f3444; }
.zara-bs-bathroom-faucets-sec .zara-bs-bathroom-faucets-sec-btn-arrow { font-size: 18px; transition: transform 0.2s; }
.zara-bs-bathroom-faucets-sec .zara-bs-bathroom-faucets-sec-closing-btn:hover .zara-bs-bathroom-faucets-sec-btn-arrow { transform: translateX(5px); }

/* trust badges: gold border &#8594; soft blue */
.zara-bs-bathroom-faucets-sec .zara-bs-bathroom-faucets-sec-trust-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: center;
  margin-top: 30px;
  padding: 20px;
  background: rgba(245, 250, 255, 0.9);
  border-radius: 50px;
  border: 1px solid #c7e2f6;
}
.zara-bs-bathroom-faucets-sec .zara-bs-bathroom-faucets-sec-trust-item { display: flex; align-items: center; gap: 8px; padding: 5px 15px; background: rgba(127, 179, 221, 0.07); border-radius: 30px; }
/* trust icon: gold `#D4AF37` &#8594; soft blue */
.zara-bs-bathroom-faucets-sec .zara-bs-bathroom-faucets-sec-trust-icon { color: #7fb3dd; font-weight: bold; font-size: 16px; }
.zara-bs-bathroom-faucets-sec .zara-bs-bathroom-faucets-sec-trust-text { font-size: 14px; color: #1f3444; font-weight: 600; }

/* ===== RESPONSIVE ===== */
@media (max-width: 900px) {
  .zara-bs-bathroom-faucets-sec .zara-bs-bathroom-faucets-sec-features-grid { grid-template-columns: 1fr; }
  .zara-bs-bathroom-faucets-sec .zara-bs-bathroom-faucets-sec-faq-grid { grid-template-columns: 1fr; }
  .zara-bs-bathroom-faucets-sec .zara-bs-bathroom-faucets-sec-finishes-box ul { grid-template-columns: 1fr; }
}
@media (max-width: 768px) {
  .zara-bs-bathroom-faucets-sec .zara-bs-bathroom-faucets-sec-authority-flex { flex-direction: column; }
  .zara-bs-bathroom-faucets-sec .zara-bs-bathroom-faucets-sec-closing-section { padding: 40px 25px; margin: 40px auto; }
  .zara-bs-bathroom-faucets-sec .zara-bs-bathroom-faucets-sec-closing-title { font-size: 28px; }
  .zara-bs-bathroom-faucets-sec .zara-bs-bathroom-faucets-sec-closing-description p { font-size: 15px; text-align: center; }
  .zara-bs-bathroom-faucets-sec .zara-bs-bathroom-faucets-sec-closing-actions { flex-direction: column; }
  .zara-bs-bathroom-faucets-sec .zara-bs-bathroom-faucets-sec-closing-btn { width: 100%; justify-content: center; }
  .zara-bs-bathroom-faucets-sec .zara-bs-bathroom-faucets-sec-trust-badges { flex-direction: column; align-items: center; border-radius: 30px; }
  .zara-bs-bathroom-faucets-sec .zara-bs-bathroom-faucets-sec-feature-tag { font-size: 13px; padding: 3px 10px; }
}
@media (max-width: 480px) {
  .zara-bs-bathroom-faucets-sec .zara-bs-bathroom-faucets-sec-closing-title { font-size: 24px; }
	
}
.zara-bs-bathroom-faucets-sec .zara-bs-bathroom-faucets-sec-faq-header p {
    color: #334155;
}
.zara-bs-bathroom-faucets-sec #shop-products {
    height: 20px;
}


/*start here 16 july*/