.pt-location{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:2rem 1rem;border-bottom:1px solid rgba(255,255,255,.1)}
@media(min-width:768px){.pt-location{flex-direction:row}}
.pt-location label{display:flex;align-items:center;gap:.5rem;color:rgba(255,255,255,.6)}
.pt-location label svg{width:1.25rem;height:1.25rem}
.pt-select{padding:.75rem 1.5rem;min-width:250px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:.5rem;color:#fff;font-size:.875rem;outline:none;transition:border-color .3s}
.pt-select:focus{border-color:var(--gold)}
.pt-select option{background:var(--green)}
.pt-info{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-bottom:3rem}
@media(min-width:768px){.pt-info{grid-template-columns:repeat(2,1fr)}}
.pt-clock{text-align:center;padding:2rem}
.pt-clock .icon-wrap{width:4rem;height:4rem;border-radius:50%;background:rgba(201,166,70,.1);display:flex;align-items:center;justify-content:center;color:var(--gold);margin:0 auto 1rem}
.pt-clock .icon-wrap svg{width:2rem;height:2rem}
.pt-clock .label{color:rgba(255,255,255,.6);margin-bottom:.5rem}
.pt-clock .time{font-size:2.5rem;font-weight:700}
@media(min-width:768px){.pt-clock .time{font-size:3rem}}
.pt-clock .date{color:rgba(255,255,255,.5);margin-top:.5rem;font-size:.875rem}
.pt-clock .city{color:var(--gold);font-size:.875rem;margin-top:.5rem}
.pt-next{border-color:rgba(201,166,70,.3);text-align:center;padding:2rem}
.pt-next .icon-wrap{width:4rem;height:4rem;border-radius:50%;background:rgba(201,166,70,.2);display:flex;align-items:center;justify-content:center;color:var(--gold);margin:0 auto 1rem}
.pt-next .icon-wrap svg{width:2rem;height:2rem}
.pt-next .label{color:rgba(255,255,255,.6);margin-bottom:.5rem}
.pt-next .name{font-size:2.5rem;font-weight:700}
@media(min-width:768px){.pt-next .name{font-size:3rem}}
.pt-next .remaining{color:rgba(255,255,255,.5);margin-top:.5rem;font-size:.875rem}
.pt-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}
@media(min-width:768px){.pt-grid{grid-template-columns:repeat(3,1fr)}}
@media(min-width:1024px){.pt-grid{grid-template-columns:repeat(6,1fr)}}
.pt-card{text-align:center;padding:1.5rem}
.pt-card.next{border-color:rgba(201,166,70,.5);background:rgba(201,166,70,.05)}
.pt-card .icon{width:3.5rem;height:3.5rem;border-radius:.75rem;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;transition:all .3s}
.pt-card .icon svg{width:1.5rem;height:1.5rem}
.pt-card:not(.next) .icon{background:rgba(201,166,70,.1);color:var(--gold)}
.pt-card.next .icon{background:var(--gold);color:var(--green)}
.pt-card .arabic{font-family:'Amiri',serif;color:var(--gold);font-size:1.125rem;margin-bottom:.25rem}
.pt-card .name{font-weight:600;margin-bottom:.5rem}
.pt-card .time{font-size:1.5rem;font-weight:700}