body{
  margin:0;
  font-family: 'Poppins', sans-serif;
  background: #0f172a;
  color:white;
}

.container{
  max-width:800px;
  margin:30px auto;
  padding:20px;
}
.footer{
    margin-top: 25px;
    padding: 20px;
    background: #1e293b;
    border-radius: 10px;
    text-align: center;
}

.footer .company-name{
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 8px;
}

.footer .address{
    margin-bottom: 10px;
    font-size: 15px;
}

.footer .phones a{
    display: inline-block;
    margin: 3px 0;
    text-decoration: none;
    color: #38bdf8;
    font-weight: 500;
}

.footer .phones a:hover{
    color: #facc15;
}
.header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  background:#1e293b;
  padding:15px;
  border-radius:5px;
}

.header img{
  width:250px;
}

.card{
  background:#1e293b;
  margin-top:20px;
  padding:15px;
  border-radius:4px;
}

table{
  width:100%;
  border-collapse:collapse;
}

th, td{
  padding:10px;
  border-bottom:1px solid #334155;
}

th{
  text-align:left;
  color:#38bdf8;
}

.currency{
  display:flex;
  align-items:center;
  gap:10px;
}

.currency img{
  width:30px;
  height:20px;
}
.footer{
  margin-top:20px;
  padding:15px;
  background:#1e293b;
  border-radius:10px;
}
.title{
    font-family: 'Cinzel', serif;
    font-size: 38px;
    font-weight: 700;
    letter-spacing: 4px;
    color: #f8fafc;
}
/* 📱 Mobile Optimization */
@media (max-width: 600px){

  .header{
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .brand{
    flex-direction: column;
  }

  .brand img{
    width: 70px;
    height: 70px;
  }

  .brand-text .title{
    font-size: 24px;
  }

  .date{
    margin-top: 10px;
    text-align: center;
  }

  th, td{
    padding:8px;
    font-size:14px;
  }

  .num{
    font-size:16px;
  }

  .phone-chips{
    flex-direction: column;
    align-items: center;
  }

  .chip{
    width: 80%;
    text-align: center;
  }

}
.sub-head{
  font-size: 12px;
  font-weight: normal;
  margin-top: 4px;
  opacity: 0.75;
}
.currency{
  display:flex;
  align-items:center;
  gap:10px;
}

.currency img{
  width:28px;
  height:18px;
  object-fit:cover;
  border-radius:3px;
}
.currency-text{
    display:flex;
    align-items:center;
    direction:ltr;
    unicode-bidi:plaintext;
    font-weight:600;
    font-size:15px;
}

.currency-text .code{
    min-width:55px;
    font-weight:800;
    letter-spacing:1px;
    color:#7dd3fc;
}

.currency-text .name{
    direction:rtl;
    margin-left:10px;
}
    
.container {
    width: 100% !important;
    max-width: 100% !important;
}

.header {
    text-align: center !important;
}

.header img {
    display: block;
    margin: 0 auto !important;
}

/* TV FORCE BIG TEXT */
table td:nth-child(1),
table td:nth-child(2){
  font-size: 80px !important;
  font-weight: 800 !important;
}

table td:nth-child(3){
  font-size: 60px !important;
  font-weight: 700 !important;
}

table th{
  font-size: 50px !important;
}