#tr-cleaning{
      --tr-brand: #bb003b;
      --tr-brand-hover: #93002e;
      --tr-brand-light: #fff4f7;
      --tr-brand-soft: #fbe4e9;
      --tr-brand-border: #f5c2cd;
      --tr-text-dark: #1e293b;
      --tr-text-body: #334155;
      --tr-text-muted: #64748b;
      --tr-border: #dce0e7;
      --tr-border-light: #eef2f5;
      --tr-bg-card: #ffffff;
      --tr-bg-alt: #f8fafc;
      --tr-success: #0f766e;
      --tr-success-light: #e6f4f2;
      --tr-warning: #9a6700;
      --tr-warning-light: #fff8e6;
      --tr-danger: #b91c1c;
      --tr-danger-light: #fee2e2;
      --tr-radius: 12px;
      --tr-radius-sm: 8px;
    }#tr-cleaning *{ box-sizing: border-box; margin: 0; padding: 0; }#tr-cleaning{
      background-color: var(--tr-bg-alt);
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
      color: var(--tr-text-body);
      line-height: 1.5;
      padding-bottom: 40px;
    }#tr-cleaning .top-toolbar{
      background: #ffffff;
      border-bottom: 1px solid var(--tr-border);
      padding: 8px 16px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      flex-wrap: wrap;
      gap: 10px;
      font-size: 13px;
    }#tr-cleaning .top-toolbar .preview-tag{
      display: flex;
      align-items: center;
      gap: 8px;
      color: var(--tr-text-muted);
      font-weight: 500;
    }#tr-cleaning .top-toolbar .pulse-dot{
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background: #10b981;
      display: inline-block;
    }#tr-cleaning .export-btns{ display: flex; gap: 8px; }#tr-cleaning .btn-tool{
      background: var(--tr-bg-alt);
      border: 1px solid var(--tr-border);
      color: var(--tr-text-body);
      padding: 6px 12px;
      border-radius: 6px;
      font-size: 12px;
      font-weight: 600;
      cursor: pointer;
      display: inline-flex;
      align-items: center;
      gap: 6px;
      transition: all 0.2s;
    }#tr-cleaning .btn-tool:hover{
      background: var(--tr-brand-light);
      border-color: var(--tr-brand-border);
      color: var(--tr-brand);
    }#tr-cleaning header.tr-header-main{
      background: #ffffff;
      border-bottom: 1px solid var(--tr-border);
      padding: 14px 24px;
    }#tr-cleaning .header-inner{
      max-width: 1120px;
      margin: 0 auto;
      display: flex;
      justify-content: space-between;
      align-items: center;
    }#tr-cleaning .brand-logo{
      display: flex;
      align-items: center;
      gap: 12px;
    }#tr-cleaning .logo-badge{
      width: 40px;
      height: 40px;
      background: var(--tr-brand);
      color: #ffffff;
      border-radius: 10px;
      font-size: 18px;
      font-weight: 800;
      display: flex;
      align-items: center;
      justify-content: center;
      box-shadow: 0 2px 6px rgba(187, 0, 59, 0.25);
    }#tr-cleaning .brand-logo h1{
      font-size: 20px;
      font-weight: 800;
      color: var(--tr-text-dark);
      letter-spacing: -0.5px;
      line-height: 1.1;
    }#tr-cleaning .brand-logo h1 span{ color: var(--tr-brand); }#tr-cleaning .brand-logo small{
      display: block;
      font-size: 12px;
      color: var(--tr-text-muted);
      font-weight: 500;
    }#tr-cleaning .header-location{
      font-size: 12.5px;
      font-weight: 600;
      color: var(--tr-text-dark);
      background: var(--tr-bg-alt);
      padding: 6px 14px;
      border-radius: 20px;
      border: 1px solid var(--tr-border);
    }#tr-cleaning main.main-content{
      max-width: 1120px;
      margin: 20px auto 0;
      padding: 0 16px;
    }#tr-cleaning .tr-price-banner{
      background: #ffffff;
      border: 1px solid var(--tr-border);
      border-radius: var(--tr-radius);
      padding: 24px 20px;
      box-shadow: 0 4px 16px rgba(0,0,0,0.03);
      margin-bottom: 24px;
    }#tr-cleaning .banner-header{
      text-align: center;
      margin-bottom: 20px;
    }#tr-cleaning .banner-eyebrow{
      font-size: 11px;
      font-weight: 700;
      color: var(--tr-brand);
      letter-spacing: 1.5px;
      text-transform: uppercase;
    }#tr-cleaning .banner-header h3{
      font-size: 22px;
      color: var(--tr-text-dark);
      margin: 4px 0 6px;
      font-weight: 800;
    }#tr-cleaning .banner-header p{
      font-size: 13.5px;
      color: var(--tr-text-muted);
      max-width: 720px;
      margin: 0 auto;
    }#tr-cleaning .banner-grid{
      display: grid;
      grid-template-columns: repeat(5, 1fr);
      gap: 12px;
    }#tr-cleaning .banner-col{
      background: var(--tr-bg-alt);
      border: 1px solid var(--tr-border);
      border-radius: var(--tr-radius-sm);
      padding: 14px 12px;
      display: flex;
      flex-direction: column;
      text-align: center;
      position: relative;
      transition: all 0.2s;
    }#tr-cleaning .banner-col:hover{
      border-color: #cbd5e1;
      background: #ffffff;
      transform: translateY(-2px);
      box-shadow: 0 4px 12px rgba(0,0,0,0.05);
    }#tr-cleaning .banner-col.featured{
      background: var(--tr-brand-light);
      border-color: var(--tr-brand-border);
    }#tr-cleaning .col-badge{
      align-self: center;
      font-size: 9.5px;
      font-weight: 700;
      text-transform: uppercase;
      padding: 2px 7px;
      border-radius: 20px;
      background: #e2e8f0;
      color: #475569;
      margin-bottom: 8px;
    }#tr-cleaning .col-badge.warning{ background: var(--tr-warning-light); color: var(--tr-warning); }#tr-cleaning .col-badge.brand{ background: var(--tr-brand); color: #ffffff; }#tr-cleaning .banner-col h4{
      font-size: 14.5px;
      color: var(--tr-text-dark);
      margin-bottom: 3px;
      font-weight: 800;
    }#tr-cleaning .col-sub{
      font-size: 11px;
      color: var(--tr-text-muted);
      margin-bottom: 8px;
      min-height: 28px;
      display: block;
      line-height: 1.3;
    }#tr-cleaning .price-box{ margin: 2px 0; }#tr-cleaning .price-value{
      font-size: 20px;
      font-weight: 800;
      color: var(--tr-text-dark);
    }#tr-cleaning .banner-col.featured .price-value{ color: var(--tr-brand); }#tr-cleaning .price-unit{
      font-size: 11px;
      color: var(--tr-text-muted);
      display: block;
      margin-top: -2px;
    }#tr-cleaning .sample-price{
      font-size: 11px;
      background: #ffffff;
      border: 1px solid var(--tr-border);
      border-radius: 6px;
      padding: 4px;
      margin: 8px 0 10px;
      color: var(--tr-text-dark);
    }#tr-cleaning .col-features{
      list-style: none;
      font-size: 11px;
      color: var(--tr-text-body);
      text-align: left;
      display: flex;
      flex-direction: column;
      gap: 5px;
      border-top: 1px dashed var(--tr-border);
      padding-top: 8px;
      margin-top: auto;
    }#tr-cleaning .col-features li{
      display: flex;
      align-items: flex-start;
      gap: 5px;
      line-height: 1.3;
    }#tr-cleaning .col-features li::before{
      content: "✓";
      color: var(--tr-success);
      font-weight: bold;
      flex-shrink: 0;
    }#tr-cleaning .banner-col.featured .col-features li::before{
      color: var(--tr-brand);
    }#tr-cleaning .stepper-nav{
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 12px;
      margin-bottom: 24px;
    }#tr-cleaning .step-btn{
      background: #ffffff;
      border: 1px solid var(--tr-border);
      border-radius: var(--tr-radius);
      padding: 14px 18px;
      text-align: left;
      cursor: pointer;
      display: flex;
      align-items: center;
      gap: 12px;
      transition: all 0.2s;
    }#tr-cleaning .step-btn:hover{ border-color: var(--tr-brand-border); }#tr-cleaning .step-btn.active{
      border-color: var(--tr-brand);
      background: var(--tr-brand-light);
      box-shadow: 0 2px 8px rgba(187, 0, 59, 0.08);
    }#tr-cleaning .step-circle{
      width: 32px;
      height: 32px;
      border-radius: 50%;
      background: var(--tr-bg-alt);
      color: var(--tr-text-muted);
      border: 2px solid var(--tr-border);
      display: flex;
      align-items: center;
      justify-content: center;
      font-weight: 700;
      font-size: 13px;
      flex-shrink: 0;
      transition: all 0.2s;
    }#tr-cleaning .step-btn.active .step-circle{
      background: var(--tr-brand);
      border-color: var(--tr-brand);
      color: #ffffff;
    }#tr-cleaning .step-btn.completed .step-circle{
      background: var(--tr-success);
      border-color: var(--tr-success);
      color: #ffffff;
    }#tr-cleaning .step-label strong{
      display: block;
      font-size: 14.5px;
      color: var(--tr-text-dark);
      font-weight: 700;
    }#tr-cleaning .step-label span{
      display: block;
      font-size: 11.5px;
      color: var(--tr-text-muted);
    }#tr-cleaning .form-panel{
      background: #ffffff;
      border: 1px solid var(--tr-border);
      border-radius: var(--tr-radius);
      padding: 28px;
      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.03);
      margin-bottom: 24px;
    }#tr-cleaning .panel-header{
      border-bottom: 1px solid var(--tr-border-light);
      padding-bottom: 16px;
      margin-bottom: 22px;
    }#tr-cleaning .step-tag{
      font-size: 11px;
      font-weight: 800;
      text-transform: uppercase;
      letter-spacing: 1px;
      color: var(--tr-brand);
      display: inline-block;
      margin-bottom: 4px;
    }#tr-cleaning .panel-header h3{
      font-size: 20px;
      color: var(--tr-text-dark);
      font-weight: 800;
    }#tr-cleaning .panel-header p{
      font-size: 13.5px;
      color: var(--tr-text-muted);
      margin-top: 4px;
    }#tr-cleaning .section-block{ margin-bottom: 24px; }#tr-cleaning .section-title{
      font-size: 15px;
      font-weight: 700;
      color: var(--tr-text-dark);
      margin-bottom: 12px;
      display: flex;
      justify-content: space-between;
      align-items: center;
    }#tr-cleaning .grid-options{
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
      gap: 12px;
    }#tr-cleaning .opt-card{
      position: relative;
      background: #ffffff;
      border: 1.5px solid var(--tr-border);
      border-radius: var(--tr-radius-sm);
      padding: 14px 16px;
      cursor: pointer;
      transition: all 0.2s;
      display: flex;
      align-items: flex-start;
      gap: 12px;
    }#tr-cleaning .opt-card:hover{
      border-color: var(--tr-brand-border);
      background: #fffbfa;
    }#tr-cleaning .opt-card.active{
      border-color: var(--tr-brand);
      background: var(--tr-brand-light);
      box-shadow: 0 0 0 1px var(--tr-brand);
    }#tr-cleaning .opt-card input[type="radio"]{
      margin-top: 3px;
      accent-color: var(--tr-brand);
      width: 17px;
      height: 17px;
      flex-shrink: 0;
    }#tr-cleaning .opt-card-body strong{
      display: block;
      font-size: 14px;
      color: var(--tr-text-dark);
      font-weight: 700;
      line-height: 1.25;
      margin-bottom: 3px;
    }#tr-cleaning .opt-card-body span{
      display: block;
      font-size: 12px;
      color: var(--tr-text-muted);
      line-height: 1.35;
    }#tr-cleaning .sub-preset-box{
      background: var(--tr-bg-alt);
      border: 1px solid var(--tr-border);
      border-radius: var(--tr-radius-sm);
      padding: 14px 18px;
      margin-bottom: 22px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      flex-wrap: wrap;
      gap: 12px;
    }#tr-cleaning .btn-preset{
      background: #ffffff;
      border: 1px solid var(--tr-border);
      color: var(--tr-text-dark);
      padding: 7px 14px;
      border-radius: 6px;
      font-size: 12.5px;
      font-weight: 600;
      cursor: pointer;
      transition: all 0.15s;
    }#tr-cleaning .btn-preset:hover{
      border-color: var(--tr-brand);
      color: var(--tr-brand);
    }#tr-cleaning .btn-preset.active{
      background: var(--tr-brand-light);
      border-color: var(--tr-brand);
      color: var(--tr-brand);
      font-weight: 700;
    }#tr-cleaning .mattress-accordion-item{
      background: #ffffff;
      border: 1px solid var(--tr-border);
      border-radius: var(--tr-radius-sm);
      margin-bottom: 14px;
      overflow: hidden;
      transition: border-color 0.2s;
    }#tr-cleaning .mattress-accordion-item:hover{ border-color: #cbd5e1; }#tr-cleaning .mattress-summary{
      padding: 14px 18px;
      background: #ffffff;
      cursor: pointer;
      display: flex;
      justify-content: space-between;
      align-items: center;
      user-select: none;
      transition: background 0.15s;
    }#tr-cleaning .mattress-summary:hover{ background: var(--tr-bg-alt); }#tr-cleaning .mattress-header-left{
      display: flex;
      align-items: center;
      gap: 12px;
    }#tr-cleaning .mat-index-badge{
      width: 28px;
      height: 28px;
      background: var(--tr-brand);
      color: #ffffff;
      border-radius: 6px;
      font-size: 12px;
      font-weight: 700;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
    }#tr-cleaning .mat-title-box strong{
      font-size: 14.5px;
      color: var(--tr-text-dark);
    }#tr-cleaning .mat-title-box span{
      display: block;
      font-size: 12px;
      color: var(--tr-text-muted);
      margin-top: 2px;
    }#tr-cleaning .mattress-header-right{
      display: flex;
      align-items: center;
      gap: 12px;
    }#tr-cleaning .mat-price-tag{
      font-size: 15px;
      font-weight: 800;
      color: var(--tr-brand);
      background: var(--tr-brand-light);
      padding: 4px 10px;
      border-radius: 6px;
      border: 1px solid var(--tr-brand-border);
    }#tr-cleaning .btn-delete-mat{
      background: transparent;
      border: none;
      color: var(--tr-danger);
      font-size: 12px;
      font-weight: 600;
      padding: 4px 8px;
      border-radius: 4px;
      cursor: pointer;
    }#tr-cleaning .btn-delete-mat:hover{ background: var(--tr-danger-light); }#tr-cleaning .chevron-icon{
      font-size: 12px;
      color: var(--tr-text-muted);
      transition: transform 0.2s;
    }#tr-cleaning .mattress-accordion-item[open] .chevron-icon{
      transform: rotate(180deg);
    }#tr-cleaning .mattress-body{
      padding: 20px;
      background: var(--tr-bg-alt);
      border-top: 1px solid var(--tr-border);
      display: flex;
      flex-direction: column;
      gap: 18px;
    }#tr-cleaning .field-row-2{
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 14px;
    }#tr-cleaning .field-row-3{
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 12px;
    }#tr-cleaning .field-group{
      display: flex;
      flex-direction: column;
      gap: 6px;
    }#tr-cleaning .field-group label{
      font-size: 13px;
      font-weight: 700;
      color: var(--tr-text-dark);
    }#tr-cleaning .field-group input,#tr-cleaning .field-group select,#tr-cleaning .field-group textarea{
      width: 100%;
      padding: 9px 12px;
      border: 1px solid var(--tr-border);
      border-radius: 6px;
      font-size: 13.5px;
      background: #ffffff;
      color: var(--tr-text-dark);
      font-family: inherit;
    }#tr-cleaning .field-group input:focus,#tr-cleaning .field-group select:focus,#tr-cleaning .field-group textarea:focus{
      outline: none;
      border-color: var(--tr-brand);
      box-shadow: 0 0 0 2px var(--tr-brand-soft);
    }#tr-cleaning .field-hint{
      font-size: 11px;
      color: var(--tr-text-muted);
    }#tr-cleaning .radio-card-row{
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 10px;
    }#tr-cleaning .choice-card{
      background: #ffffff;
      border: 1.5px solid var(--tr-border);
      border-radius: var(--tr-radius-sm);
      padding: 12px 14px;
      cursor: pointer;
      display: flex;
      align-items: flex-start;
      gap: 10px;
      transition: all 0.2s;
      position: relative;
    }#tr-cleaning .choice-card:hover{ border-color: var(--tr-brand-border); }#tr-cleaning .choice-card.active{
      border-color: var(--tr-brand);
      background: var(--tr-brand-light);
      box-shadow: 0 0 0 1px var(--tr-brand);
    }#tr-cleaning .choice-card input[type="radio"]{
      position: absolute;
      top: 12px;
      right: 12px;
      accent-color: var(--tr-brand);
      width: 16px;
      height: 16px;
    }#tr-cleaning .choice-symbol{
      font-size: 18px;
      font-weight: 800;
      line-height: 1;
    }#tr-cleaning .choice-symbol.sym-check{ color: var(--tr-brand); }#tr-cleaning .choice-symbol.sym-tilde{ color: var(--tr-brand); }#tr-cleaning .choice-symbol.sym-bang{ color: var(--tr-brand); }#tr-cleaning .choice-card strong{
      display: block;
      font-size: 13px;
      color: var(--tr-text-dark);
      line-height: 1.25;
      margin-bottom: 3px;
      padding-right: 18px;
    }#tr-cleaning .choice-card span{
      display: block;
      font-size: 11px;
      color: var(--tr-text-muted);
      line-height: 1.35;
    }#tr-cleaning .chk-card-row{
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 10px;
    }#tr-cleaning .chk-card{
      background: #ffffff;
      border: 1.5px solid var(--tr-border);
      border-radius: var(--tr-radius-sm);
      padding: 12px 14px;
      cursor: pointer;
      display: flex;
      align-items: flex-start;
      gap: 12px;
      transition: all 0.2s;
    }#tr-cleaning .chk-card:hover{ border-color: var(--tr-brand-border); }#tr-cleaning .chk-card.active{
      border-color: var(--tr-brand);
      background: var(--tr-brand-light);
    }#tr-cleaning .chk-card input[type="checkbox"]{
      margin-top: 2px;
      accent-color: var(--tr-brand);
      width: 17px;
      height: 17px;
      flex-shrink: 0;
    }#tr-cleaning .chk-icon-box{
      width: 32px;
      height: 32px;
      border-radius: 6px;
      background: var(--tr-bg-alt);
      color: var(--tr-brand);
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
    }#tr-cleaning .chk-card.active .chk-icon-box{
      background: var(--tr-brand);
      color: #ffffff;
    }#tr-cleaning .chk-card strong{
      display: block;
      font-size: 13px;
      color: var(--tr-text-dark);
      margin-bottom: 2px;
    }#tr-cleaning .chk-card span{
      display: block;
      font-size: 11px;
      color: var(--tr-text-muted);
      line-height: 1.35;
    }#tr-cleaning .economy-tip-box{
      background: var(--tr-warning-light);
      border: 1px solid #fde68a;
      border-left: 4px solid var(--tr-warning);
      border-radius: var(--tr-radius-sm);
      padding: 12px 16px;
      font-size: 12px;
      color: #78350f;
      line-height: 1.4;
      display: flex;
      align-items: center;
      gap: 10px;
    }#tr-cleaning .economy-tip-box.rec-green{
      background: var(--tr-success-light);
      border-color: #a7f3d0;
      border-left-color: var(--tr-success);
      color: #064e3b;
    }#tr-cleaning .mat-calc-box{
      background: #ffffff;
      border: 2px solid var(--tr-brand-border);
      border-radius: var(--tr-radius-sm);
      padding: 14px 18px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      flex-wrap: wrap;
      gap: 10px;
    }#tr-cleaning .mat-calc-box .formula{
      font-size: 12.5px;
      color: var(--tr-text-body);
    }#tr-cleaning .mat-calc-box .formula strong{
      color: var(--tr-text-dark);
    }#tr-cleaning .mat-calc-box .result{
      font-size: 18px;
      font-weight: 800;
      color: var(--tr-brand);
    }#tr-cleaning .btn-add-mat{
      width: 100%;
      background: var(--tr-bg-alt);
      border: 2px dashed #cbd5e1;
      border-radius: var(--tr-radius-sm);
      padding: 12px;
      color: var(--tr-text-dark);
      font-weight: 700;
      font-size: 13.5px;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      transition: all 0.2s;
      margin-top: 10px;
    }#tr-cleaning .btn-add-mat:hover{
      border-color: var(--tr-brand);
      color: var(--tr-brand);
      background: var(--tr-brand-light);
    }#tr-cleaning .summary-table-wrapper{
      overflow-x: auto;
      border: 1px solid var(--tr-border);
      border-radius: var(--tr-radius-sm);
      margin-bottom: 20px;
    }#tr-cleaning table.tr-table{
      width: 100%;
      border-collapse: collapse;
      font-size: 13px;
      text-align: left;
    }#tr-cleaning table.tr-table th{
      background: var(--tr-bg-alt);
      padding: 10px 14px;
      font-weight: 700;
      color: var(--tr-text-muted);
      font-size: 11px;
      text-transform: uppercase;
      letter-spacing: 0.5px;
      border-bottom: 1px solid var(--tr-border);
    }#tr-cleaning table.tr-table td{
      padding: 12px 14px;
      border-bottom: 1px solid var(--tr-border-light);
      color: var(--tr-text-dark);
    }#tr-cleaning table.tr-table tr:last-child td{ border-bottom: none; }#tr-cleaning .total-box{
      background: var(--tr-brand-light);
      border: 1.5px solid var(--tr-brand-border);
      border-radius: var(--tr-radius-sm);
      padding: 18px 22px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 24px;
      flex-wrap: wrap;
      gap: 12px;
    }#tr-cleaning .total-box .total-label strong{
      font-size: 15px;
      color: var(--tr-brand);
      display: block;
    }#tr-cleaning .total-box .total-label span{
      font-size: 12px;
      color: var(--tr-text-muted);
    }#tr-cleaning .total-box .total-amount{
      font-size: 26px;
      font-weight: 800;
      color: var(--tr-brand);
      letter-spacing: -0.5px;
    }#tr-cleaning .booking-actions-grid{
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 12px;
      margin: 20px 0;
    }#tr-cleaning .action-choice-card{
      background: #ffffff;
      border: 2px solid var(--tr-border);
      border-radius: var(--tr-radius-sm);
      padding: 16px;
      text-align: center;
      cursor: pointer;
      transition: all 0.2s;
      position: relative;
    }#tr-cleaning .action-choice-card:hover{
      border-color: var(--tr-brand);
      transform: translateY(-2px);
      box-shadow: 0 4px 12px rgba(187, 0, 59, 0.08);
    }#tr-cleaning .action-choice-card.active{
      border-color: var(--tr-brand);
      background: var(--tr-brand-light);
    }#tr-cleaning .action-choice-card input[type="radio"]{
      position: absolute;
      top: 10px;
      right: 10px;
      accent-color: var(--tr-brand);
    }#tr-cleaning .action-icon{
      font-size: 22px;
      margin-bottom: 6px;
      display: block;
    }#tr-cleaning .action-choice-card strong{
      display: block;
      font-size: 13.5px;
      color: var(--tr-text-dark);
      margin-bottom: 4px;
    }#tr-cleaning .action-choice-card span{
      display: block;
      font-size: 11px;
      color: var(--tr-text-muted);
      line-height: 1.35;
    }#tr-cleaning .action-bar{
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-top: 24px;
      gap: 12px;
    }#tr-cleaning .btn-primary{
      background: var(--tr-brand);
      color: #ffffff;
      border: none;
      padding: 13px 26px;
      border-radius: 8px;
      font-size: 14.5px;
      font-weight: 700;
      cursor: pointer;
      display: inline-flex;
      align-items: center;
      gap: 8px;
      transition: background 0.2s;
    }#tr-cleaning .btn-primary:hover{ background: var(--tr-brand-hover); }#tr-cleaning .btn-secondary{
      background: #ffffff;
      color: var(--tr-text-dark);
      border: 1px solid var(--tr-border);
      padding: 12px 20px;
      border-radius: 8px;
      font-size: 14px;
      font-weight: 600;
      cursor: pointer;
      transition: all 0.2s;
    }#tr-cleaning .btn-secondary:hover{ background: var(--tr-bg-alt); }#tr-cleaning .modal-backdrop{
      position: fixed;
      inset: 0;
      background: rgba(15, 23, 42, 0.65);
      display: none;
      align-items: center;
      justify-content: center;
      padding: 16px;
      z-index: 1000;
    }#tr-cleaning .modal-backdrop.open{ display: flex; }#tr-cleaning .modal-card{
      background: #ffffff;
      border-radius: var(--tr-radius);
      padding: 28px;
      max-width: 520px;
      width: 100%;
      text-align: center;
      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
    }#tr-cleaning .modal-card h3{
      font-size: 20px;
      color: var(--tr-text-dark);
      font-weight: 800;
      margin-bottom: 8px;
    }#tr-cleaning .modal-card p{
      font-size: 13.5px;
      color: var(--tr-text-muted);
      line-height: 1.45;
      margin-bottom: 18px;
    }#tr-cleaning .modal-summary-box{
      background: var(--tr-bg-alt);
      border: 1px solid var(--tr-border);
      border-radius: 6px;
      padding: 14px;
      font-size: 12.5px;
      text-align: left;
      margin-bottom: 20px;
      display: flex;
      flex-direction: column;
      gap: 5px;
    }

    @media (max-width: 980px) {#tr-cleaning .banner-grid{ grid-template-columns: repeat(2, 1fr); }#tr-cleaning .field-row-3,#tr-cleaning .radio-card-row,#tr-cleaning .booking-actions-grid{ grid-template-columns: 1fr; }
    }

    @media (max-width: 680px) {#tr-cleaning .banner-grid,#tr-cleaning .stepper-nav,#tr-cleaning .field-row-2,#tr-cleaning .chk-card-row{ grid-template-columns: 1fr; }#tr-cleaning .form-panel{ padding: 18px 14px; }#tr-cleaning .action-bar{ flex-direction: column-reverse; }#tr-cleaning .action-bar button{ width: 100%; justify-content: center; }
    }

    @media print {#tr-cleaning .top-toolbar,#tr-cleaning .stepper-nav,#tr-cleaning .action-bar,#tr-cleaning .btn-add-mat,#tr-cleaning .btn-delete-mat,#tr-cleaning .btn-preset{ display: none !important; }#tr-cleaning{ background: #ffffff; color: #000000; }#tr-cleaning .form-panel,#tr-cleaning .tr-price-banner{ border: none; box-shadow: none; padding: 0; }
    }#tr-cleaning [hidden]{display:none!important}#tr-cleaning{background:#fff;font-family:Arial,Helvetica,sans-serif;line-height:1.6}#tr-cleaning button,#tr-cleaning input,#tr-cleaning select,#tr-cleaning textarea{font-family:inherit}#tr-cleaning button:focus-visible,#tr-cleaning summary:focus-visible,#tr-cleaning input:focus-visible,#tr-cleaning select:focus-visible{outline:2px solid #bb003b;outline-offset:3px}#tr-cleaning .top-toolbar{background:#fff4f7;color:#763247}#tr-cleaning .pulse-dot{display:none!important}#tr-cleaning .tr-header-main{background:white}#tr-cleaning .brand-logo h1{font-size:23px}#tr-cleaning .header-inner{max-width:1060px}#tr-cleaning .logo-badge{box-shadow:none}#tr-cleaning .clean-hero{max-width:1060px;margin:36px auto 44px;position:relative;isolation:isolate;overflow:hidden;border-radius:14px;background:#1e293b;aspect-ratio:3.55/1;display:flex;align-items:center}#tr-cleaning .clean-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}#tr-cleaning .clean-hero-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(20,31,45,.96),rgba(20,31,45,.87) 32%,rgba(20,31,45,.42) 59%,rgba(20,31,45,.04) 85%)}#tr-cleaning .clean-hero-copy{width:61%;padding:28px 34px}#tr-cleaning .clean-hero .traumrein-hero__eyebrow{font-size:10px;letter-spacing:1.5px;font-weight:700;text-transform:uppercase;color:#ffadc5;margin:0 0 15px}#tr-cleaning .clean-hero h1{font-size:clamp(25px,2.6vw,33px);line-height:1.13;letter-spacing:-.65px;color:white;margin:0 0 15px}#tr-cleaning .clean-hero .traumrein-hero__description{font-size:14px;line-height:1.55;color:#f1f4f7;max-width:490px}#tr-cleaning main.main-content{max-width:1108px;padding:0 24px;margin:0 auto}#tr-cleaning .tr-price-banner{box-shadow:none;padding:24px;margin-bottom:40px}#tr-cleaning .banner-header{text-align:left;margin-bottom:24px}#tr-cleaning .banner-header p{margin:0;max-width:850px;font-size:14px}#tr-cleaning .banner-header h3{font-size:24px}#tr-cleaning .banner-grid{gap:12px}#tr-cleaning .banner-col:hover{transform:none;box-shadow:none}#tr-cleaning .col-features,#tr-cleaning .col-sub,#tr-cleaning .price-unit,#tr-cleaning .sample-price{font-size:12px}#tr-cleaning .col-sub{min-height:38px}#tr-cleaning .stepper-nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:38px 0 36px;scroll-margin-top:24px}#tr-cleaning .step-btn,#tr-cleaning .step-btn.active{background:white;border:0;border-radius:0;border-bottom:3px solid #dce0e7;box-shadow:none;padding:14px 0;display:block}#tr-cleaning .step-btn.active{border-bottom-color:#bb003b}#tr-cleaning .step-circle,#tr-cleaning .step-btn.active .step-circle,#tr-cleaning .step-btn.completed .step-circle{border:0;background:none;color:#64748b;justify-content:flex-start;width:auto;height:auto;border-radius:0;margin-bottom:5px}#tr-cleaning .step-btn.active .step-circle,#tr-cleaning .step-btn.active strong{color:#bb003b}#tr-cleaning .step-label strong{font-size:17px}#tr-cleaning .step-label span{font-size:13px;margin-top:3px}#tr-cleaning .form-panel{padding:28px;border:1px solid #dce0e7;box-shadow:none;border-radius:12px;margin-bottom:40px}#tr-cleaning .panel-header{padding-bottom:24px;margin-bottom:28px}#tr-cleaning .panel-header h3{font-size:28px;line-height:1.25;margin:8px 0 12px}#tr-cleaning .panel-header p{font-size:15px}#tr-cleaning .section-title{font-size:17px}#tr-cleaning .section-block{margin-bottom:30px}#tr-cleaning .opt-card{padding:20px}#tr-cleaning .opt-card-body strong{font-size:16px}#tr-cleaning .opt-card-body span{font-size:14px}#tr-cleaning .field-group label{font-size:15px}#tr-cleaning .field-group input,#tr-cleaning .field-group select,#tr-cleaning .field-group textarea{font-size:16px;padding:12px 14px;border-radius:9px}#tr-cleaning .field-hint{font-size:13px}#tr-cleaning .choice-card{padding:18px 14px}#tr-cleaning .choice-card strong,#tr-cleaning .chk-card strong{font-size:15px}#tr-cleaning .choice-card span,#tr-cleaning .chk-card span{font-size:13px}#tr-cleaning .mattress-body{gap:24px;padding:24px}#tr-cleaning .mat-title-box strong{font-size:16px}#tr-cleaning .mat-title-box span{font-size:13px}#tr-cleaning .mat-calc-box .formula{font-size:14px}#tr-cleaning .booking-actions-grid{gap:16px}#tr-cleaning .action-choice-card{padding:24px 16px}#tr-cleaning .action-choice-card:hover{transform:none;box-shadow:none}#tr-cleaning .action-choice-card strong{font-size:17px}#tr-cleaning .action-choice-card span{font-size:14px}#tr-cleaning .action-bar{margin-top:36px;gap:16px}#tr-cleaning .btn-primary,#tr-cleaning .btn-secondary,#tr-cleaning #btn-submit-label{font-size:16px!important;padding:14px 26px!important;border-radius:9px;min-width:118px;justify-content:center}#tr-cleaning .btn-secondary{background:white;border:1px solid #dce0e7;color:#1e293b}#tr-cleaning .btn-secondary:hover{border-color:#bb003b;color:#bb003b}#tr-cleaning .btn-primary{background:#bb003b}#tr-cleaning .btn-primary:hover{background:#93002e}#tr-cleaning .booking-recap{padding:18px 22px;background:#fff4f7;border:1px solid #f5c2cd;border-radius:12px;display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:30px}#tr-cleaning .booking-recap strong{font-size:24px;color:#bb003b}#tr-cleaning .text-button{background:none;border:0;font-size:14px;text-decoration:underline;cursor:pointer;color:#1e293b;margin-left:auto}#tr-cleaning .ssa-preview{border:1px solid #dce0e7;background:#fafbfc;border-radius:12px;padding:24px;margin:28px 0 36px}#tr-cleaning .ssa-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px}#tr-cleaning .ssa-heading h4,#tr-cleaning .delivery-section h4{font-size:20px;line-height:1.3}#tr-cleaning .preview-pill{font-size:12px;padding:5px 10px;background:#fff4f7;color:#bb003b;border-radius:20px;white-space:nowrap}#tr-cleaning .ssa-preview>p{font-size:14px;margin:10px 0}#tr-cleaning .ssa-dates,#tr-cleaning .delivery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0}#tr-cleaning .ssa-day,#tr-cleaning .ssa-slot{border:1px solid #dce0e7;border-radius:9px;background:white;padding:14px;color:#1e293b;cursor:pointer;font-size:15px}#tr-cleaning .ssa-day span,#tr-cleaning .ssa-day strong{display:block}#tr-cleaning .ssa-day span{font-size:13px}#tr-cleaning .ssa-day[aria-pressed=true],#tr-cleaning .ssa-slot[aria-pressed=true]{background:#fff4f7;border-color:#bb003b;color:#bb003b}#tr-cleaning .ssa-slots{display:flex;flex-wrap:wrap;gap:10px}#tr-cleaning .ssa-selection{font-weight:700;color:#bb003b}#tr-cleaning .preview-only{color:#64748b;font-size:12px!important;border-top:1px solid #dce0e7;padding-top:14px}#tr-cleaning .delivery-section{margin:32px 0}#tr-cleaning .delivery-section>p{font-size:14px;margin-top:10px}#tr-cleaning .delivery-card{display:flex;align-items:flex-start;gap:10px;border:1px solid #dce0e7;border-radius:10px;padding:18px 14px;cursor:pointer}#tr-cleaning .delivery-card:has(input:checked){background:#fff4f7;border-color:#bb003b}#tr-cleaning .delivery-card input{accent-color:#bb003b;margin-top:5px}#tr-cleaning .delivery-card strong,#tr-cleaning .delivery-card small{display:block}#tr-cleaning .delivery-card small{font-size:12px;line-height:1.4;color:#64748b;margin-top:6px}#tr-cleaning .message-preview{border:1px solid #dce0e7;padding:18px 22px;border-radius:12px;margin:24px 0}#tr-cleaning .message-preview summary{cursor:pointer;font-weight:700}#tr-cleaning .message-preview pre,#tr-cleaning .sms-preview-text,#tr-cleaning #modal-summary-data{white-space:pre-wrap;overflow-wrap:anywhere;font:14px/1.6 Arial;color:#334155}#tr-cleaning .message-preview pre{margin:16px 0}#tr-cleaning .sms-preview-text{border-top:1px solid #dce0e7;padding-top:16px}#tr-cleaning .modal-card{max-height:90vh;overflow:auto;width:min(620px,100%)}#tr-cleaning .modal-summary-box{text-align:left}#tr-cleaning #final-step-hint{margin-bottom:12px}@media(max-width:1108px){#tr-cleaning .clean-hero{margin-left:24px;margin-right:24px}#tr-cleaning .banner-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){#tr-cleaning header.tr-header-main{padding:14px 20px}#tr-cleaning .header-inner{gap:12px;flex-wrap:wrap}#tr-cleaning .clean-hero{margin:24px 20px 32px;aspect-ratio:auto;padding-top:190px;display:block}#tr-cleaning .clean-hero>img{height:310px;object-position:75% center}#tr-cleaning .clean-hero-shade{background:linear-gradient(180deg,transparent 90px,rgba(20,31,45,.15) 150px,#1e293b 290px)}#tr-cleaning .clean-hero-copy{width:100%;padding:24px}#tr-cleaning .clean-hero h1{font-size:28px}#tr-cleaning main.main-content{padding:0 20px}#tr-cleaning .form-panel{padding:20px 16px}#tr-cleaning .panel-header h3{font-size:25px}#tr-cleaning .stepper-nav{gap:10px;margin:30px 0}#tr-cleaning .step-label strong{font-size:13px}#tr-cleaning .step-label span{display:none}#tr-cleaning .banner-grid{grid-template-columns:1fr 1fr}#tr-cleaning .banner-col:last-child{grid-column:1/-1}#tr-cleaning .tr-price-banner{padding:18px 14px}#tr-cleaning .booking-actions-grid,#tr-cleaning .delivery-grid,#tr-cleaning .field-row-3,#tr-cleaning .field-row-2{grid-template-columns:1fr}#tr-cleaning .mattress-body{padding:16px}#tr-cleaning .radio-card-row{grid-template-columns:1fr}#tr-cleaning .ssa-preview{padding:18px 14px}#tr-cleaning .ssa-heading{flex-wrap:wrap}#tr-cleaning .ssa-dates{gap:8px}#tr-cleaning .ssa-day{padding:12px 6px}#tr-cleaning .ssa-day strong{font-size:13px}#tr-cleaning .ssa-day span{font-size:11px}#tr-cleaning .mat-price-tag{font-size:13px}#tr-cleaning .mattress-summary{padding:14px 10px;gap:8px}#tr-cleaning .mattress-header-left,#tr-cleaning .mattress-header-right{min-width:0;gap:6px}#tr-cleaning .mat-title-box{min-width:0}#tr-cleaning .mat-title-box strong,#tr-cleaning .mat-title-box span{overflow-wrap:anywhere}#tr-cleaning .action-bar{flex-wrap:wrap}#tr-cleaning .btn-primary,#tr-cleaning .btn-secondary{min-width:110px}#tr-cleaning .total-amount{font-size:24px}#tr-cleaning .booking-recap{padding:16px}#tr-cleaning .booking-recap .text-button{margin-left:0}#tr-cleaning .export-btns{flex-wrap:wrap}}@media print{#tr-cleaning .top-toolbar,#tr-cleaning .ssa-preview,#tr-cleaning .action-bar,#tr-cleaning .stepper-nav,#tr-cleaning .tr-header-main,#tr-cleaning .clean-hero{display:none!important}#tr-cleaning .form-panel{display:block!important;box-shadow:none;break-inside:auto}#tr-cleaning .message-preview{display:block}#tr-cleaning .main-content{max-width:none;padding:0}}#tr-cleaning .action-choice-card{padding:32px 18px;min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center}#tr-cleaning .action-choice-card .action-icon{color:#bb003b;margin-bottom:18px}#tr-cleaning .action-icon svg{width:46px;height:46px;display:block}#tr-cleaning .action-choice-card strong{font-size:16px;margin-bottom:9px}#tr-cleaning .action-choice-card span{font-size:13px;line-height:1.5}#tr-cleaning .action-choice-card:focus-within{outline:3px solid #edb4c6;outline-offset:3px}#tr-cleaning .tr-voucher{padding:22px;margin:22px 0;border:1px solid #e2e8f0;border-radius:14px;background:#fff}#tr-cleaning .tr-voucher label{display:block;font-weight:700;margin-bottom:12px}#tr-cleaning .tr-voucher select{width:100%;max-width:420px;padding:12px;border:1px solid #cbd5e1;border-radius:8px;background:white;color:#1e293b;font:inherit}#tr-cleaning .tr-voucher p,#tr-cleaning #summary-discount-note{font-size:13px;line-height:1.6;color:#64748b}#tr-cleaning .tr-voucher #voucher-status{color:#bb003b;font-weight:600}#tr-cleaning .clean-hero{border-radius:0!important}#tr-cleaning .clean-hero img,#tr-cleaning .clean-hero-shade{border-radius:0!important}#tr-cleaning .field-group,#tr-cleaning .banner-col,#tr-cleaning .mat-title-box{min-width:0}#tr-cleaning .field-group select{width:100%;max-width:100%}#tr-cleaning .banner-grid{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:800px){#tr-cleaning .banner-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:540px){#tr-cleaning .banner-grid{grid-template-columns:minmax(0,1fr)}#tr-cleaning .mattress-summary{flex-wrap:wrap}#tr-cleaning .mattress-header-left{min-width:0;max-width:100%}#tr-cleaning .mat-title-box{overflow-wrap:anywhere}}#tr-cleaning .tr-tariff-image{display:block;width:100%;height:160px;object-fit:contain;margin:12px 0;background:transparent;border:0;border-radius:0}
.tr-storage{display:none!important}.tr-enhanced .frm_submit{display:none!important}#tr-cleaning [hidden]{display:none!important}#tr-cleaning .tr-ssa-native{display:block}#tr-cleaning .tr-cost-row{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid #eee}#tr-cleaning .tr-error{color:#9f1239;background:#fff1f2;padding:16px}#tr-cleaning .clean-hero{border-radius:0}#tr-cleaning .top-toolbar{display:none}
/* Compact top edge for the cleaning form only. */
#tr-cleaning .clean-hero{margin-top:0!important}
body.page-id-1253 .site-content .ast-article-single{padding-top:0!important}
body.page-id-1253 .entry-header:empty{display:none}
body.page-id-1253 .entry-header:not(:has(*)){margin:0;padding:0}