/* v464G — restore the smaller Quick Fee Check footprint across public pages.
   Goal: bring the fee checker back closer to the approved compact sample, after recent
   readability changes made the checker feel too large again. Scope: every public page
   where a fee checker / conversion fee box appears. */

@media (min-width: 1025px){
  body :where(.card[data-fee-checker], [data-fee-checker].card, .ads-conversion-box){
    width:100% !important;
    max-width:min(100%, 520px) !important;
    padding:18px !important;
    border-radius:24px !important;
    box-sizing:border-box !important;
  }

  body :where(.card[data-fee-checker], [data-fee-checker].card, .ads-conversion-box) h2,
  body :where(.card[data-fee-checker], [data-fee-checker].card, .ads-conversion-box) h3{
    font-size:clamp(20px, 1.8vw, 28px) !important;
    line-height:1.12 !important;
    letter-spacing:-.03em !important;
    margin-top:0 !important;
    margin-bottom:0 !important;
  }

  body :where(.card[data-fee-checker], [data-fee-checker].card, .ads-conversion-box) label{
    margin-top:10px !important;
    font-size:15px !important;
    line-height:1.45 !important;
  }

  body :where(.card[data-fee-checker], [data-fee-checker].card, .ads-conversion-box) select{
    min-height:44px !important;
    margin-top:6px !important;
    padding:10px 14px !important;
    border-radius:12px !important;
    font-size:14.5px !important;
  }

  body :where(.card[data-fee-checker], [data-fee-checker].card, .ads-conversion-box) .total{
    margin-top:14px !important;
    padding:14px !important;
    border-radius:18px !important;
  }

  body :where(.card[data-fee-checker], [data-fee-checker].card, .ads-conversion-box) [data-total],
  body :where(.card[data-fee-checker], [data-fee-checker].card, .ads-conversion-box) .amount{
    font-size:clamp(28px, 2.4vw, 40px) !important;
    line-height:1 !important;
    margin-bottom:6px !important;
  }

  body :where(.card[data-fee-checker], [data-fee-checker].card, .ads-conversion-box) .btn,
  body :where(.card[data-fee-checker], [data-fee-checker].card, .ads-conversion-box) .btn.full{
    min-height:44px !important;
    padding:10px 18px !important;
    font-size:14px !important;
  }

  body :where(.card[data-fee-checker], [data-fee-checker].card, .ads-conversion-box) .small,
  body :where(.card[data-fee-checker], [data-fee-checker].card, .ads-conversion-box) p{
    font-size:14px !important;
    line-height:1.48 !important;
  }

  /* Home hero version */
  body.home-page .hero-grid,
  body.home-page .home-conversion-hero-grid-v295G{
    grid-template-columns:minmax(0, 1fr) minmax(340px, 520px) !important;
    gap:clamp(22px, 2.4vw, 34px) !important;
  }

  body.home-page .home-hero-side-stack-v295G,
  body.home-page .home-fee-preview-card-v295G,
  body.home-page .home-fee-preview-card-v289G,
  body.home-page .home-fee-preview-card,
  body.home-page .hero .hero-fee-compact{
    max-width:520px !important;
  }

  body.home-page .hero .hero-fee-compact.home-fee-preview-card,
  body.home-page .home-fee-preview-card-v295G{
    padding:16px !important;
    border-radius:22px !important;
  }

  body.home-page .home-fee-preview-card .compact-fee-head{
    margin-bottom:10px !important;
    gap:8px !important;
  }

  body.home-page .home-fee-preview-card .compact-fee-head h2{
    font-size:22px !important;
    line-height:1.08 !important;
  }

  body.home-page .home-fee-preview-card .compact-fee-head p{
    font-size:13px !important;
    line-height:1.38 !important;
    max-width:230px !important;
    margin-top:4px !important;
  }

  body.home-page .home-fee-preview-card .compact-fee-fields{
    gap:8px !important;
  }

  body.home-page .home-fee-preview-card .compact-fee-fields label{
    font-size:12px !important;
    line-height:1.28 !important;
  }

  body.home-page .home-fee-preview-card .compact-fee-fields select{
    min-height:40px !important;
    padding:9px 11px !important;
    font-size:13.5px !important;
    border-radius:12px !important;
    margin-top:5px !important;
  }

  body.home-page .home-fee-preview-card .compact-fee-bottom{
    margin-top:10px !important;
    padding:12px !important;
    border-radius:16px !important;
    gap:10px !important;
  }

  body.home-page .home-fee-preview-card .compact-total span{
    font-size:12px !important;
  }

  body.home-page .home-fee-preview-card .compact-total strong{
    font-size:30px !important;
  }

  body.home-page .home-fee-preview-card .compact-fee-bottom .btn{
    min-height:40px !important;
    padding:8px 16px !important;
    font-size:13px !important;
  }

  body.home-page .compact-fee-summary{
    margin-top:8px !important;
    font-size:12px !important;
    line-height:1.38 !important;
  }

  body.home-page .fee-note{
    margin-top:6px !important;
    font-size:11.5px !important;
    line-height:1.36 !important;
  }

  /* Fees page + urgent page side checker blocks */
  body.fees-page .fees-check-section > .container.grid.two{
    grid-template-columns:minmax(0, 1fr) minmax(420px, 560px) !important;
  }

  body.fees-page .fees-check-section .fee-card,
  body.service-polish-v256 .urgent-fee-checker-section .fee-card,
  body:has(.urgent-hero) .urgent-fee-checker-section .fee-card{
    max-width:520px !important;
    padding:18px !important;
  }

  body:has(.urgent-hero) .urgent-fee-checker-section .container.grid.two{
    grid-template-columns:minmax(0, 1fr) minmax(420px, 560px) !important;
  }
}

@media (max-width: 1024px){
  body :where(.card[data-fee-checker], [data-fee-checker].card, .ads-conversion-box){
    max-width:100% !important;
  }
}


/* v473G hotfix — reduce checker title size so short titles stay on one line on desktop. */
@media (min-width: 768px){
  body :where(.card[data-fee-checker], [data-fee-checker].card, .ads-conversion-box) h2,
  body :where(.card[data-fee-checker], [data-fee-checker].card, .ads-conversion-box) h3{
    font-size:clamp(18px, 1.45vw, 24px) !important;
    line-height:1.1 !important;
    white-space:nowrap !important;
    text-wrap:nowrap !important;
    letter-spacing:-.035em !important;
  }
}