#tbs-bath{
          --royal:#0f0889;
          --accent:#f4c613;
          --ink:#0f172a;
          --muted:#556070;
          --border:#e9eef7;
          --soft:#f7fbff;
          --radius:16px;
          --shadow:0 8px 24px rgba(15,8,137,.10);
          color:var(--ink);
          font-family:Arial,Helvetica,sans-serif;
          line-height:1.6;
          isolation:isolate;
        }
        #tbs-bath *{box-sizing:border-box}
        #tbs-bath .wrap{max-width:1100px;margin:0 auto;padding:24px}
        #tbs-bath .panel{
          background:#fff;
          border:1px solid var(--border);
          border-radius:var(--radius);
          padding:24px;
          margin:18px 0;
          box-shadow:0 4px 14px rgba(0,0,0,.06);
        }
        #tbs-bath .panel.accent{
          background:var(--soft);
          border-color:#e6f0ff;
        }
        #tbs-bath h1,#tbs-bath h2,#tbs-bath h3{
          margin:0 0 10px;
          font-weight:900;
          letter-spacing:.2px;
          color:var(--ink);
        }
        #tbs-bath h2{font-size:clamp(1.25rem,2.8vw,1.75rem)}
        #tbs-bath h3{font-size:1.05rem}
        #tbs-bath p,#tbs-bath li{color:var(--ink)}
        #tbs-bath .muted{color:var(--muted)}
        #tbs-bath ul{margin:0;padding-left:18px}
        #tbs-bath a:not(.btn):not(.svc-card):not([role="button"]){
          color:#0f0889;
          text-decoration:none;
          font:inherit;
        }
        #tbs-bath a:not(.btn):not(.svc-card):not([role="button"]):hover{text-decoration:underline}

        #tbs-bath .breadcrumbs{
          background:#fff;
          border-bottom:1px solid var(--border);
        }
        #tbs-bath .breadcrumbs .wrap{padding:12px 24px}
        #tbs-bath .breadcrumbs ol{
          list-style:none;
          margin:0;
          padding:0;
          display:flex;
          flex-wrap:wrap;
          gap:6px;
          align-items:center;
          font-size:.95rem;
          color:#475569;
        }
        #tbs-bath .breadcrumbs li{display:flex;align-items:center;gap:6px}
        #tbs-bath .breadcrumbs li+li::before{content:"›";color:#94a3b8}
        #tbs-bath .breadcrumbs .current{color:#0f172a;font-weight:800}

        #tbs-bath .actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
        #tbs-bath .btn{
          display:inline-flex;
          align-items:center;
          justify-content:center;
          padding:12px 18px;
          border-radius:999px;
          border:1px solid transparent;
          font-weight:900;
          line-height:1.1;
          text-decoration:none!important;
          transition:transform .06s ease,box-shadow .2s ease,filter .12s ease;
          white-space:nowrap;
        }
        #tbs-bath .btn:active{transform:translateY(1px)}
        #tbs-bath .btn-primary{
          background:var(--royal);
          color:#fff!important;
          border-color:var(--royal);
          box-shadow:0 8px 22px rgba(15,8,137,.25);
        }
        #tbs-bath .btn-accent{
          background:var(--accent);
          color:#000!important;
          border-color:var(--accent);
          box-shadow:0 6px 18px rgba(0,0,0,.12);
        }
        #tbs-bath .btn-outline{
          background:#fff;
          color:var(--royal)!important;
          border:2px solid var(--royal);
          box-shadow:0 6px 16px rgba(0,0,0,.08);
        }

        #tbs-bath .hero{position:relative;padding:0;overflow:hidden}
        #tbs-bath .hero-media{position:relative}
        #tbs-bath .hero-media img{
          width:100%;
          height:auto;
          display:block;
          border-radius:var(--radius);
        }
        #tbs-bath .overlay{
          position:absolute;
          inset:0;
          background:linear-gradient(180deg,rgba(0,0,0,.08) 0%,rgba(0,0,0,.28) 55%,rgba(0,0,0,.68) 100%);
          border-radius:var(--radius);
        }
        #tbs-bath .hero-text{padding:18px}
        #tbs-bath .hero-title{
          font-size:clamp(1.65rem,1.1rem + 1.6vw,2.6rem);
          line-height:1.12;
          letter-spacing:-.01em;
        }
        @media (min-width:768px){
          #tbs-bath .hero{min-height:420px}
          #tbs-bath .hero-media img{height:420px;width:100%;object-fit:cover;object-position:center 55%}
          #tbs-bath .hero-text{
            position:absolute;
            left:0;right:0;bottom:0;
            z-index:2;
            padding:0 24px 24px;
          }
          #tbs-bath .hero-text .inner{max-width:720px;color:#fff}
          #tbs-bath .hero-text .inner *{color:#fff}
          #tbs-bath .hero-text .lead{color:#eef3ff;font-size:1.05rem}
          #tbs-bath .hero-text .btn-outline{background:rgba(255,255,255,.12);color:#fff!important;border-color:rgba(255,255,255,.42)}
        }
        @media (max-width:767.98px){
          #tbs-bath .overlay{display:none!important}
          #tbs-bath .actions{flex-direction:column}
          #tbs-bath .btn{width:100%}
        }

        #tbs-bath .grid{display:grid;gap:14px}
        @media(min-width:700px){#tbs-bath .grid.cols-2{grid-template-columns:repeat(2,1fr)}}
        @media(min-width:900px){#tbs-bath .grid.cols-3{grid-template-columns:repeat(3,1fr)}}
        #tbs-bath .card{
          background:#fff;
          border:1px solid var(--border);
          border-radius:16px;
          padding:18px;
          box-shadow:0 4px 14px rgba(0,0,0,.04);
        }

        #tbs-bath .table-responsive{overflow-x:auto}
        #tbs-bath table.compare{width:100%;border-collapse:collapse}
        #tbs-bath table.compare th,
        #tbs-bath table.compare td{border-bottom:1px solid #eef2f7;padding:10px;text-align:left;vertical-align:top}
        #tbs-bath table.compare thead th{background:#f3f7ff}

        #tbs-bath details{
          border:1px solid var(--border);
          border-radius:12px;
          background:#fff;
          padding:10px 14px;
        }
        #tbs-bath details+details{margin-top:8px}
        #tbs-bath summary{cursor:pointer;font-weight:900;color:#0f172a}

        #tbs-bath .svc-grid{display:grid;gap:12px}
        @media(min-width:1024px){#tbs-bath .svc-grid{grid-template-columns:repeat(3,minmax(260px,1fr))}}
        @media(max-width:1023.98px){#tbs-bath .svc-grid{grid-template-columns:repeat(2,minmax(240px,1fr))}}
        @media(max-width:539.98px){#tbs-bath .svc-grid{grid-template-columns:1fr}}
        #tbs-bath .svc-card{
          display:flex;
          flex-direction:column;
          text-decoration:none!important;
          color:inherit;
          border:1px solid var(--border);
          border-radius:16px;
          background:#fff;
          overflow:hidden;
          transition:transform .06s ease,box-shadow .2s ease;
        }
        #tbs-bath .svc-card:hover{box-shadow:0 10px 28px rgba(15,8,137,.12);transform:translateY(-2px)}
        #tbs-bath .svc-card .media{background:#fff}
        #tbs-bath .svc-card .media img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover}
        #tbs-bath .svc-card .body{padding:12px 12px 14px}
        #tbs-bath .svc-card .title{font-size:1rem;font-weight:900;letter-spacing:.02em;color:var(--royal);text-align:center;margin:4px 0 6px}
        #tbs-bath .svc-card .desc{font-size:.9rem;color:#556070;text-align:center;margin:0}

        #tbs-bath .cta-strong{
          background:linear-gradient(180deg,#0b0670 0%,#0b0670 45%,#0a0666 100%);
          border-color:#0a0666;
          text-align:center;
        }
        #tbs-bath .cta-strong h2,
        #tbs-bath .cta-strong p{color:#fff}
        #tbs-bath .cta-strong .muted{color:#eef1ff}
        #tbs-bath a:focus-visible,
        #tbs-bath summary:focus-visible,
        #tbs-bath .btn:focus-visible{
          outline:3px solid var(--accent);
          outline-offset:2px;
          border-radius:8px;
        }
