/* v535U — Fees page mobile table hard fix.
   Scope: fees.html only, mobile/tablet only. Desktop is intentionally untouched.
   Purpose: undo old desktop column-width locks on mobile so fee rows render as readable cards. */

@media (max-width: 980px){
  body.fees-page main .urgent-table-wrap{
    width:100% !important;
    max-width:100% !important;
    overflow:visible !important;
    overflow-x:visible !important;
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    border-radius:0 !important;
    margin-top:18px !important;
  }

  body.fees-page main table.fees-table,
  body.fees-page main table.urgent-table.fees-table{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    table-layout:auto !important;
    border-collapse:separate !important;
    border-spacing:0 !important;
    background:transparent !important;
  }

  body.fees-page main .fees-table thead{
    display:none !important;
  }

  body.fees-page main .fees-table tbody{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
  }

  body.fees-page main .fees-table tr{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    margin:0 0 14px !important;
    padding:16px !important;
    border:1px solid rgba(203,213,225,.9) !important;
    border-radius:20px !important;
    background:#fff !important;
    box-shadow:0 12px 30px rgba(15,23,42,.06) !important;
  }

  body.fees-page main .fees-table th,
  body.fees-page main .fees-table td,
  body.fees-page main .fees-table th:nth-child(1),
  body.fees-page main .fees-table td:nth-child(1),
  body.fees-page main .fees-table th:nth-child(2),
  body.fees-page main .fees-table td:nth-child(2),
  body.fees-page main .fees-table th:nth-child(3),
  body.fees-page main .fees-table td:nth-child(3),
  body.fees-page main .fees-table th:nth-child(4),
  body.fees-page main .fees-table td:nth-child(4){
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    padding:10px 0 !important;
    border:0 !important;
    text-align:left !important;
    white-space:normal !important;
    overflow-wrap:break-word !important;
    word-break:normal !important;
    line-height:1.48 !important;
  }

  body.fees-page main .fees-table td + td{
    border-top:1px dashed rgba(203,213,225,.95) !important;
  }

  body.fees-page main .fees-table td::before{
    content:attr(data-label) !important;
    display:block !important;
    width:100% !important;
    margin:0 0 5px !important;
    color:#64748b !important;
    font-size:12px !important;
    line-height:1.25 !important;
    font-weight:900 !important;
    letter-spacing:.035em !important;
    text-transform:uppercase !important;
    white-space:normal !important;
    overflow-wrap:normal !important;
    word-break:normal !important;
  }

  body.fees-page main .fees-table td strong{
    display:inline !important;
    color:#0f172a !important;
    font-weight:900 !important;
    white-space:normal !important;
    overflow-wrap:normal !important;
    word-break:normal !important;
  }

  body.fees-page main .fees-table td[data-label="Base service fee"],
  body.fees-page main .fees-table td[data-label="Extra fee"],
  body.fees-page main .fees-table td[data-label="Fee"]{
    color:#b91c1c !important;
    font-weight:900 !important;
    font-size:17px !important;
  }

  body.fees-page main .section,
  body.fees-page main .section .container{
    min-width:0 !important;
  }
}

@media (max-width: 480px){
  body.fees-page main .fees-table tr{
    padding:14px !important;
    border-radius:18px !important;
    margin-bottom:12px !important;
  }

  body.fees-page main .fees-table td,
  body.fees-page main .fees-table th,
  body.fees-page main .fees-table th:nth-child(1),
  body.fees-page main .fees-table td:nth-child(1),
  body.fees-page main .fees-table th:nth-child(2),
  body.fees-page main .fees-table td:nth-child(2),
  body.fees-page main .fees-table th:nth-child(3),
  body.fees-page main .fees-table td:nth-child(3),
  body.fees-page main .fees-table th:nth-child(4),
  body.fees-page main .fees-table td:nth-child(4){
    padding:9px 0 !important;
  }

  body.fees-page main .fees-table td::before{
    font-size:11px !important;
    letter-spacing:.03em !important;
  }
}

@media (max-width: 640px){
/* Fees page only: keep floating contact buttons compact so they do not cover table cards. */
  body.fees-page .whatsapp-float,
body.fees-page .telegram-float{
    right:10px !important;
    width:42px !important;
    min-width:42px !important;
    max-width:42px !important;
    height:42px !important;
    padding:0 !important;
    border-radius:999px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
  }

  body.fees-page .whatsapp-text,
body.fees-page .telegram-text{
    display:none !important;
  }

  body.fees-page .whatsapp-float{bottom:calc(16px + env(safe-area-inset-bottom,0px)) !important;}
body.fees-page .telegram-float{bottom:calc(112px + env(safe-area-inset-bottom,0px)) !important;}
  body.fees-page .vge-chatbot-root:not(.is-open){bottom:calc(160px + env(safe-area-inset-bottom,0px)) !important;right:10px !important;}
}