/* v476G — Refine the public fee-checker card typography and Estimate badge placement.
   Scope: visual CSS only for public fee-checker cards. No form, payment, upload, or chat logic changed. */

@media (min-width: 768px){
  body.fees-page .fees-main-rail-v438G .fees-check-section .fee-card[data-fee-checker],
  body.service-polish-v256 .urgent-fee-checker-section .fee-card[data-fee-checker],
  body:has(.urgent-hero) .urgent-fee-checker-section .fee-card[data-fee-checker]{
    padding:clamp(22px, 2.1vw, 30px) !important;
  }

  body.fees-page .fees-main-rail-v438G .fees-check-section .fee-card[data-fee-checker] h2,
  body.service-polish-v256 .urgent-fee-checker-section .fee-card[data-fee-checker] h2,
  body:has(.urgent-hero) .urgent-fee-checker-section .fee-card[data-fee-checker] h2{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:12px !important;
    flex-wrap:wrap !important;
    max-width:100% !important;
    font-size:clamp(30px, 2.55vw, 40px) !important;
    line-height:1.05 !important;
    letter-spacing:-.045em !important;
    margin:0 0 18px !important;
    white-space:normal !important;
    text-wrap:balance !important;
  }

  body.fees-page .fees-main-rail-v438G .fees-check-section .fee-card[data-fee-checker] h2::after,
  body.service-polish-v256 .urgent-fee-checker-section .fee-card[data-fee-checker] h2::after,
  body:has(.urgent-hero) .urgent-fee-checker-section .fee-card[data-fee-checker] h2::after{
    content:"Estimate" !important;
    flex:0 0 auto !important;
    position:static !important;
    margin:2px 0 0 2px !important;
    transform:none !important;
    align-self:center !important;
    font-size:12px !important;
    line-height:1 !important;
    letter-spacing:.08em !important;
    font-weight:850 !important;
    text-transform:uppercase !important;
    color:#2563eb !important;
    background:#eef5ff !important;
    border:1px solid #bfdbfe !important;
    border-radius:999px !important;
    padding:8px 12px !important;
    white-space:nowrap !important;
    box-shadow:none !important;
  }

  body.fees-page .fees-main-rail-v438G .fees-check-section .fee-card[data-fee-checker] label,
  body.service-polish-v256 .urgent-fee-checker-section .fee-card[data-fee-checker] label,
  body:has(.urgent-hero) .urgent-fee-checker-section .fee-card[data-fee-checker] label{
    margin-top:14px !important;
    font-size:18px !important;
    line-height:1.28 !important;
    font-weight:760 !important;
  }

  body.fees-page .fees-main-rail-v438G .fees-check-section .fee-card[data-fee-checker] select,
  body.service-polish-v256 .urgent-fee-checker-section .fee-card[data-fee-checker] select,
  body:has(.urgent-hero) .urgent-fee-checker-section .fee-card[data-fee-checker] select{
    min-height:58px !important;
    margin-top:8px !important;
    padding:13px 18px !important;
    border-radius:18px !important;
    font-size:18px !important;
    line-height:1.25 !important;
  }

  body.fees-page .fees-main-rail-v438G .fees-check-section .fee-card[data-fee-checker] .total,
  body.service-polish-v256 .urgent-fee-checker-section .fee-card[data-fee-checker] .total,
  body:has(.urgent-hero) .urgent-fee-checker-section .fee-card[data-fee-checker] .total{
    margin-top:20px !important;
    padding:20px !important;
    border-radius:22px !important;
  }

  body.fees-page .fees-main-rail-v438G .fees-check-section .fee-card[data-fee-checker] [data-total],
  body.fees-page .fees-main-rail-v438G .fees-check-section .fee-card[data-fee-checker] .amount,
  body.service-polish-v256 .urgent-fee-checker-section .fee-card[data-fee-checker] [data-total],
  body.service-polish-v256 .urgent-fee-checker-section .fee-card[data-fee-checker] .amount,
  body:has(.urgent-hero) .urgent-fee-checker-section .fee-card[data-fee-checker] [data-total],
  body:has(.urgent-hero) .urgent-fee-checker-section .fee-card[data-fee-checker] .amount{
    font-size:clamp(40px, 3.2vw, 52px) !important;
    line-height:.98 !important;
  }
}

@media (max-width: 767px){
  body .fee-card[data-fee-checker] h2{
    display:flex !important;
    align-items:flex-start !important;
    justify-content:flex-start !important;
    gap:8px !important;
    flex-wrap:wrap !important;
    font-size:28px !important;
    line-height:1.08 !important;
    white-space:normal !important;
  }

  body .fee-card[data-fee-checker] h2::after{
    font-size:10px !important;
    padding:6px 9px !important;
    margin-top:4px !important;
  }
}