.page-now{overflow-x:hidden;background:#120906}.now-main{position:relative;min-height:max(100svh,940px);overflow:hidden;isolation:isolate}.now-backdrop{position:absolute;z-index:-3;inset:0;background:url("../../assets/backgrounds/now-wadi-rum-sunset.png") center/cover no-repeat;transform:scale(1.015);animation:now-breathe 16s ease-in-out infinite alternate}.now-shade{position:absolute;z-index:-2;inset:0;background:linear-gradient(0deg,rgba(5,3,2,.92),transparent 62%),linear-gradient(90deg,rgba(8,4,3,.35),transparent 35%,rgba(6,3,2,.23)),linear-gradient(rgba(4,2,2,.3),transparent 30%)}.page-now .site-header{background:rgba(11,7,6,.24);backdrop-filter:blur(8px)}.page-now .nav-shell{border-color:rgba(255,255,255,.14)}
.now-shell{width:min(87vw,1460px);margin:auto;padding:154px 0 48px}.now-heading{display:flex;align-items:center;gap:22px;color:#fff}.now-heading>div{flex:1}.now-heading>div>p{margin:0 0 6px;color:#f0c174;font-size:.61rem;letter-spacing:.22em}.now-heading h1{margin:0;font:500 clamp(2.7rem,4vw,4.2rem)/1 var(--serif);letter-spacing:-.035em}.now-heading>div>span{display:block;margin-top:8px;color:rgba(255,255,255,.68);font-size:.9rem}.now-back{width:63px;height:63px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.35);border-radius:50%;color:#fff;font-size:1.8rem;transition:transform 220ms var(--ease),background 220ms ease}.now-back:hover{transform:translateX(-5px);background:rgba(255,255,255,.08)}.tune-button{height:48px;padding:0 20px;border:1px solid rgba(255,255,255,.25);border-radius:25px;background:rgba(10,9,9,.54);color:#fff;backdrop-filter:blur(14px);cursor:pointer}.tune-button span{margin-right:8px;color:#f3c16c}
.context-bar{margin-top:27px;min-height:108px;display:grid;grid-template-columns:1.05fr 1fr 1fr;border:1px solid rgba(255,255,255,.23);border-radius:23px;background:linear-gradient(130deg,rgba(255,255,255,.07),transparent),rgba(13,14,15,.86);box-shadow:0 25px 60px rgba(0,0,0,.38);backdrop-filter:blur(20px)}.context-cell{min-width:0;display:flex;align-items:center;gap:17px;padding:20px 31px;border-right:1px solid rgba(255,255,255,.14);color:#fff;text-align:left}.context-cell:last-child{border-right:0}.context-location{background:none;cursor:pointer}.context-icon,.weather-icon{width:51px;color:#f4c36f;font-size:2.25rem;text-align:center}.context-cell>span:not(.context-icon):not(.weather-icon){display:grid;gap:4px}.context-cell small{color:rgba(255,255,255,.63);font-size:.72rem}.context-cell strong{font-size:1.08rem;font-weight:500;white-space:nowrap}.context-cell>b{margin-left:auto;font-size:1.2rem}.weather-icon{font-size:2.7rem;filter:drop-shadow(0 0 12px rgba(245,170,59,.34))}
.recommendation-section{margin-top:22px}.recommendation-heading{display:flex;justify-content:space-between;align-items:end;margin:0 4px 13px}.recommendation-heading p{margin:0;color:#f0c174;font-size:.58rem;letter-spacing:.18em}.recommendation-heading span{color:rgba(255,255,255,.58);font-size:.66rem}.recommendation-heading strong{font-weight:500;font-size:.75rem}.experience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.experience-card{position:relative;min-height:425px;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;border:1px solid rgba(255,255,255,.35);border-radius:18px;background:#101518;box-shadow:0 26px 50px rgba(0,0,0,.3);animation:card-rise 650ms var(--ease) both;animation-delay:calc(var(--card-index)*100ms);transition:transform 350ms var(--ease),border-color 250ms ease}.experience-card:hover{transform:translateY(-7px);border-color:#f2c16f}.experience-card__image{position:absolute;inset:0 0 43%;width:100%;height:57%;object-fit:cover;transition:transform 700ms var(--ease)}.experience-card:hover .experience-card__image{transform:scale(1.055)}.experience-card::after{content:"";position:absolute;inset:34% 0 0;background:linear-gradient(transparent,#0c1519 38%)}.favorite-now{position:absolute;z-index:3;top:15px;right:15px;width:47px;height:47px;border:1px solid rgba(255,255,255,.45);border-radius:50%;background:rgba(12,13,13,.44);color:#fff;font-size:1.45rem;cursor:pointer;backdrop-filter:blur(8px)}.favorite-now.is-active{background:#e9b65e;color:#241409}.experience-card__body{position:relative;z-index:2;padding:0 23px 20px}.experience-card h2{margin:0 0 7px;font:500 1.65rem var(--serif)}.experience-rating{display:flex;gap:7px;align-items:center;font-size:.74rem}.experience-rating b{color:#f2b94f;font-size:1.3rem}.experience-tags{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.experience-tags span{padding:6px 12px;border:1px solid rgba(255,255,255,.24);border-radius:17px;color:rgba(255,255,255,.78);font-size:.62rem}.experience-reason{min-height:32px;margin:0 0 13px;color:rgba(255,255,255,.55);font-size:.62rem;line-height:1.45}.experience-open{width:100%;height:52px;border-radius:27px;background:linear-gradient(145deg,#f9db9c,#efb75c);color:#1c130b;font-size:.77rem;font-weight:600;cursor:pointer;transition:transform 180ms var(--ease)}.experience-open:hover{transform:scale(1.02)}.weather-credit{margin:13px 4px 0;color:rgba(255,255,255,.38);font-size:.55rem}.weather-credit a{color:rgba(255,255,255,.6)}
.now-dialog,.experience-dialog{width:min(92vw,590px);max-height:88vh;overflow:auto;padding:32px;border:1px solid rgba(255,255,255,.2);border-radius:22px;background:#111515;color:#fff;box-shadow:0 40px 120px #000}.now-dialog::backdrop,.experience-dialog::backdrop{background:rgba(5,3,2,.76);backdrop-filter:blur(9px)}.dialog-close{position:absolute;z-index:2;top:15px;right:15px;width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.07);color:#fff;font-size:1.35rem;cursor:pointer}.now-dialog>p{margin:0;color:#efbf6d;font-size:.58rem;letter-spacing:.18em}.now-dialog h2{margin:6px 0 22px;font:500 2.2rem var(--serif)}.now-dialog form>label,.dialog-row label{display:grid;gap:7px;margin:13px 0;color:rgba(255,255,255,.7);font-size:.68rem}.now-dialog select{height:47px;padding:0 12px;border:1px solid rgba(255,255,255,.16);border-radius:9px;background:#1b201f;color:#fff}.dialog-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.now-dialog fieldset{margin:17px 0;border:0;padding:0}.now-dialog legend{margin-bottom:9px;color:rgba(255,255,255,.7);font-size:.68rem}.now-dialog fieldset label{display:inline-block;margin:0 5px 7px 0}.now-dialog fieldset input{position:absolute;opacity:0}.now-dialog fieldset span{display:block;padding:8px 13px;border:1px solid rgba(255,255,255,.18);border-radius:20px;font-size:.64rem;cursor:pointer}.now-dialog fieldset input:checked+span{background:#e8b65e;color:#1b130c;border-color:#e8b65e}.now-primary{width:100%;height:53px;margin-top:8px;border-radius:27px;background:linear-gradient(145deg,#f9da99,#ebb052);color:#21160d;font-weight:600;cursor:pointer}.now-primary span{margin-left:8px}
.experience-dialog{width:min(92vw,800px);padding:0}.experience-dialog>img{width:100%;height:320px;object-fit:cover}.experience-dialog>div{padding:27px}.experience-dialog>div>p:first-child{margin:0;color:#efbf6d;font-size:.6rem;letter-spacing:.15em}.experience-dialog h2{margin:5px 0 10px;font:500 2.2rem var(--serif)}#experience-dialog-copy{color:rgba(255,255,255,.66);line-height:1.65}.experience-dialog-meta{display:flex;gap:10px;flex-wrap:wrap}.experience-dialog-meta span{padding:7px 12px;border:1px solid rgba(255,255,255,.17);border-radius:17px;font-size:.62rem}.experience-dialog-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px}.experience-dialog-actions>*{height:50px;display:grid;place-items:center;border-radius:25px;font-size:.72rem;font-weight:600}.experience-dialog-actions button{background:#efbd67;color:#24160c;cursor:pointer}.experience-dialog-actions a{border:1px solid rgba(255,255,255,.22);color:#fff}
@keyframes now-breathe{to{transform:scale(1.045)}}@keyframes card-rise{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
@media(max-width:1000px){.now-main{overflow-y:auto}.now-shell{width:90vw;padding-top:135px}.context-bar{grid-template-columns:1fr 1fr}.context-cell:nth-child(2){border-right:0}.context-cell:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.13)}.experience-grid{grid-template-columns:1fr 1fr}.experience-card:last-child{grid-column:span 2}.tune-button{align-self:flex-end}}
@media(max-width:650px){.now-main{min-height:100svh}.now-shell{padding:112px 0 35px}.now-heading{align-items:flex-start;gap:12px;flex-wrap:wrap}.now-back{width:45px;height:45px;font-size:1.3rem}.now-heading h1{font-size:2.45rem}.now-heading>div>span{font-size:.72rem}.tune-button{width:100%;margin-left:57px}.context-bar{grid-template-columns:1fr;margin-top:20px}.context-cell{min-height:78px;padding:13px 18px;border-right:0;border-bottom:1px solid rgba(255,255,255,.13)}.context-cell:last-child{border-bottom:0}.experience-grid{grid-template-columns:1fr}.experience-card,.experience-card:last-child{grid-column:auto;min-height:420px}.recommendation-heading{align-items:start}.recommendation-heading span{display:block;max-width:250px}.dialog-row{grid-template-columns:1fr}.experience-dialog>img{height:220px}.experience-dialog-actions{grid-template-columns:1fr}}

@media(max-width:650px){
  .tune-button,.experience-open,.now-primary{min-height:48px}
  .now-dialog,.experience-dialog{width:calc(100vw - 20px);max-height:calc(100dvh - 20px)}
  .now-dialog{padding:25px 20px}
  .experience-dialog>div{padding:22px 20px calc(22px + env(safe-area-inset-bottom))}
  .now-dialog select{font-size:16px}
}
@media(max-width:380px){
  .now-shell{width:92vw}
  .now-heading h1{font-size:2.1rem}
  .tune-button{margin-left:0}
  .recommendation-heading{gap:12px}
  .experience-card,.experience-card:last-child{min-height:395px}
}

html[dir="rtl"] .context-cell { text-align:right; border-right:0; border-left:1px solid rgba(255,255,255,.14); }
html[dir="rtl"] .context-cell:last-child { border-left:0; }
html[dir="rtl"] .context-cell>b { margin-left:0; margin-right:auto; }
html[dir="rtl"] .favorite-now { right:auto; left:15px; }
html[dir="rtl"] .dialog-close { right:auto; left:15px; }
html[dir="rtl"] .now-primary span { margin-left:0; margin-right:8px; }