
/* Homepage Section 04: one cohesive, centered travel-information area. */
.original-before{padding-bottom:clamp(54px,6vw,88px)}
.original-before .zr-practical-tools{
  width:min(var(--max,1200px),calc(100% - 3rem));
  max-width:1280px;
  margin:clamp(34px,4vw,55px) auto 0;
  border:1px solid rgba(200,145,58,.32);
  border-radius:16px;
  background:#15120e;
  box-shadow:0 14px 40px rgba(0,0,0,.12);
  overflow:hidden;
  text-align:left;
}
.original-before .zr-practical-tools .weather-strip,
.original-before .zr-practical-tools .exchange-strip{
  background:transparent;
  border:none;
  color:var(--text);
}
.original-before .zr-practical-tools .weather-strip{
  border-bottom:1px solid rgba(200,145,58,.22);
}
.original-before .zr-practical-tools .weather-strip > .container,
.original-before .zr-practical-tools .exchange-strip > .container{
  box-sizing:border-box;
  width:100%;
  max-width:none;
  padding:clamp(20px,2.65vw,38px);
  margin:0;
}
.original-before .zr-practical-tools .weather-strip > .container{
  padding-bottom:clamp(16px,2.3vw,28px);
}
.original-before .zr-practical-tools .exchange-strip > .container{
  padding-top:clamp(22px,2.7vw,34px);
}
.original-before .zr-practical-tools .weather-top{
  justify-content:space-between;
  align-items:center;
}
.original-before .zr-practical-tools .travel-buddy{
  text-align:left;
}
/* Same centered width as weather, USD first/left and 2 x 2 currency grid on the right. */
.zr-practical-tools .exchange-layout{
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);
  align-items:stretch;
  gap:15px;
  margin-top:20px;
}
.zr-practical-tools .exchange-usd{
  grid-column:1;
  grid-row:1;
  min-width:0;
  background:linear-gradient(140deg,rgba(170,117,41,.13),rgba(30,23,16,.75));
  border:1px solid #a47b40;
  border-radius:11px;
  padding:clamp(18px,2.2vw,29px);
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}
.zr-practical-tools .exchange-usd-head{
  gap:12px;
  align-items:flex-start;
}
.zr-practical-tools .exchange-usd-head b{
  color:#e1b777;
  font-size:.65rem;
  letter-spacing:.12em;
}
.zr-practical-tools .exchange-usd-head span{
  margin-top:9px;
  font-size:.75rem;
}
.zr-practical-tools .exchange-usd-head i{font-size:1.55rem}
.zr-practical-tools .exchange-usd-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
  margin-top:21px;
  background:rgba(200,145,58,.24);
  border-radius:7px;
  overflow:hidden;
}
.zr-practical-tools .exchange-usd-cell{
  background:rgba(14,12,10,.32);
  padding:14px 7px;
  min-width:0;
}
.zr-practical-tools .exchange-usd-cell strong{
  margin-top:9px;
  font-size:clamp(1.55rem,2.8vw,2.45rem);
  color:#f4e4c7;
  font-variant-numeric:tabular-nums;
}
.zr-practical-tools .exchange-usd-cell.sell strong{
  color:#e3b570;
}
.zr-practical-tools .exchange-usd-cell span{margin-top:8px}
.zr-practical-tools .exchange-secondary{
  grid-column:2;
  grid-row:1;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  grid-template-rows:repeat(2,minmax(0,1fr));
  gap:11px;
  min-width:0;
}
.zr-practical-tools .exchange-card{
  min-width:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
  border:1px solid rgba(200,145,58,.44);
  border-radius:10px;
  padding:clamp(14px,1.5vw,20px);
  background:rgba(13,11,8,.48);
}
.zr-practical-tools .exchange-card-top b{color:#e4c99e;font-size:.6rem}
.zr-practical-tools .exchange-card strong{
  margin-top:11px;
  color:#f0dfbe;
  font-size:clamp(1.38rem,2.05vw,1.85rem);
  font-variant-numeric:tabular-nums;
}
.zr-practical-tools .exchange-card small{margin-top:8px;font-size:.57rem}
.zr-practical-tools .exchange-heading{
  align-items:center;
}
@media(max-width:900px){
  .zr-practical-tools .exchange-layout{
    grid-template-columns:minmax(0,1fr);
    gap:12px;
  }
  .zr-practical-tools .exchange-usd{
    grid-column:1;
    grid-row:1;
  }
  .zr-practical-tools .exchange-secondary{
    grid-column:1;
    grid-row:2;
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .zr-practical-tools .exchange-card{min-height:100px}
}
@media(max-width:680px){
  .original-before .zr-practical-tools{width:calc(100% - 1.5rem);border-radius:11px;margin-top:30px}
  .original-before .zr-practical-tools .weather-strip > .container,
  .original-before .zr-practical-tools .exchange-strip > .container{padding:20px 15px}
  .zr-practical-tools .exchange-heading{align-items:flex-start}
  .zr-practical-tools .exchange-layout{grid-template-columns:1fr}
  .zr-practical-tools .exchange-usd-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .zr-practical-tools .exchange-usd-cell strong{font-size:clamp(1.4rem,6vw,2rem)}
  .zr-practical-tools .exchange-secondary{
    grid-template-columns:repeat(2,minmax(0,1fr));
    grid-template-rows:repeat(2,minmax(0,1fr));
  }
  .zr-practical-tools .exchange-card{padding:15px 12px;min-height:105px}
  .zr-practical-tools .exchange-card strong{font-size:clamp(1.3rem,5.2vw,1.8rem)}
}

/* Section 04 refinement: slimmer USD card, roomier EUR/TRY/SAR/EGP cards. */
.zr-practical-tools .exchange-layout{
  grid-template-columns:minmax(0,.76fr) minmax(0,1.24fr);
  gap:14px;
}
.zr-practical-tools .exchange-usd,
.zr-practical-tools .exchange-card{
  background:rgba(13,11,8,.48);
  border:1px solid rgba(200,145,58,.44);
  border-radius:10px;
  box-shadow:none;
}
.zr-practical-tools .exchange-usd{
  padding:clamp(14px,1.4vw,20px);
  justify-content:flex-start;
}
.zr-practical-tools .exchange-usd .exchange-card-top,
.zr-practical-tools .exchange-card .exchange-card-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:9px;
}
.zr-practical-tools .exchange-usd .exchange-card-top b,
.zr-practical-tools .exchange-card .exchange-card-top b{
  color:#e4c99e;
  font:600 .64rem/1.25 'JetBrains Mono',monospace;
  letter-spacing:.1em;
}
.zr-practical-tools .exchange-usd .exchange-card-top span,
.zr-practical-tools .exchange-card .exchange-card-top span{
  display:inline-block;
  font-size:1.35rem;
  line-height:1;
  margin:0;
}
.zr-practical-tools .exchange-usd-subhead{
  margin:10px 0 0;
  font-size:.7rem;
  line-height:1.5;
  color:rgba(240,230,208,.5);
}
.zr-practical-tools .exchange-usd-grid{
  margin-top:auto;
  padding-top:16px;
  gap:0;
  background:transparent;
  border:none;
  border-radius:0;
  overflow:visible;
}
.zr-practical-tools .exchange-usd-cell{
  min-width:0;
  padding:12px 5px 4px;
  background:transparent;
}
.zr-practical-tools .exchange-usd-cell + .exchange-usd-cell{
  border-left:1px solid rgba(200,145,58,.23);
}
.zr-practical-tools .exchange-usd-cell strong{
  font-size:clamp(1.4rem,2vw,1.9rem);
  color:#f0dfbe;
}
.zr-practical-tools .exchange-usd-cell.sell strong{
  color:#f0dfbe;
}
.zr-practical-tools .exchange-secondary{
  gap:12px;
}
.zr-practical-tools .exchange-card{
  padding:clamp(15px,1.8vw,25px);
}
.zr-practical-tools .exchange-card strong{
  font-size:clamp(1.65rem,2.4vw,2.25rem);
}
@media(max-width:900px){
 .zr-practical-tools .exchange-layout{grid-template-columns:1fr;gap:12px}
 .zr-practical-tools .exchange-secondary{grid-template-columns:repeat(2,minmax(0,1fr))}
 .zr-practical-tools .exchange-usd-grid{padding-top:18px;margin-top:8px}
}
@media(max-width:680px){
 .zr-practical-tools .exchange-layout{grid-template-columns:1fr}
 .zr-practical-tools .exchange-usd-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .zr-practical-tools .exchange-usd-cell strong{font-size:clamp(1.45rem,5.7vw,1.9rem)}
 .zr-practical-tools .exchange-card{padding:15px 13px}
 .zr-practical-tools .exchange-card strong{font-size:clamp(1.5rem,6vw,1.95rem)}
}

/* November 1 polish: currencies share a uniform card design and labels. */
.zr-practical-tools .exchange-layout{
  grid-template-columns:minmax(0,.68fr) minmax(0,1.32fr);
  gap:14px;
}
.zr-practical-tools .exchange-usd,
.zr-practical-tools .exchange-card{
  background:rgba(13,11,8,.48);
  border:1px solid rgba(200,145,58,.44);
  border-radius:10px;
  box-shadow:none;
}
.zr-practical-tools .exchange-usd{
  padding:clamp(14px,1.65vw,21px);
}
.zr-practical-tools .exchange-usd-grid{
  background:transparent;
  border:0;
  margin-top:auto;
  padding-top:15px;
  gap:0;
  border-radius:0;
}
.zr-practical-tools .exchange-usd-cell{
  background:transparent;
  padding:12px 4px 5px;
}
.zr-practical-tools .exchange-usd .exchange-card-top b,
.zr-practical-tools .exchange-card .exchange-card-top b{
  font:600 clamp(.67rem,1.05vw,.74rem)/1.2 'JetBrains Mono',monospace;
  letter-spacing:.08em;
  color:#e4c99e;
}
.zr-practical-tools .exchange-usd .exchange-card-top span,
.zr-practical-tools .exchange-card .exchange-card-top span{
  font-size:1.65rem;
  line-height:1;
  display:inline-block;
  white-space:nowrap;
  margin:0;
}
.zr-practical-tools .exchange-card{
  padding:clamp(17px,2vw,26px);
}
.zr-practical-tools .exchange-card strong{
  font-size:clamp(1.75rem,2.5vw,2.35rem);
  margin-top:11px;
}
@media(max-width:900px){
  .zr-practical-tools .exchange-layout{grid-template-columns:1fr}
}
@media(max-width:680px){
  .zr-practical-tools .exchange-layout{grid-template-columns:1fr}
  .zr-practical-tools .exchange-secondary{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .zr-practical-tools .exchange-card{padding:16px 12px}
  .zr-practical-tools .exchange-card .exchange-card-top b,
  .zr-practical-tools .exchange-usd .exchange-card-top b{font-size:.69rem}
  .zr-practical-tools .exchange-card .exchange-card-top span,
  .zr-practical-tools .exchange-usd .exchange-card-top span{font-size:1.5rem}
  .zr-practical-tools .exchange-card strong{font-size:clamp(1.5rem,5.7vw,2rem)}
}
