@font-face{font-family:'Literata';font-style:normal;font-weight:700;font-display:swap;src:url(f/literata-700-cyrillic-ext.woff2) format('woff2');unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F}
@font-face{font-family:'Literata';font-style:normal;font-weight:700;font-display:swap;src:url(f/literata-700-cyrillic.woff2) format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:'Literata';font-style:normal;font-weight:700;font-display:swap;src:url(f/literata-700-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Literata';font-style:normal;font-weight:700;font-display:swap;src:url(f/literata-700-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Onest';font-style:normal;font-weight:400;font-display:swap;src:url(f/onest-400-cyrillic-ext.woff2) format('woff2');unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F}
@font-face{font-family:'Onest';font-style:normal;font-weight:400;font-display:swap;src:url(f/onest-400-cyrillic.woff2) format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:'Onest';font-style:normal;font-weight:400;font-display:swap;src:url(f/onest-400-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Onest';font-style:normal;font-weight:400;font-display:swap;src:url(f/onest-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Onest';font-style:normal;font-weight:600;font-display:swap;src:url(f/onest-600-cyrillic-ext.woff2) format('woff2');unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F}
@font-face{font-family:'Onest';font-style:normal;font-weight:600;font-display:swap;src:url(f/onest-600-cyrillic.woff2) format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:'Onest';font-style:normal;font-weight:600;font-display:swap;src:url(f/onest-600-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Onest';font-style:normal;font-weight:600;font-display:swap;src:url(f/onest-600-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Onest';font-style:normal;font-weight:700;font-display:swap;src:url(f/onest-700-cyrillic-ext.woff2) format('woff2');unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F}
@font-face{font-family:'Onest';font-style:normal;font-weight:700;font-display:swap;src:url(f/onest-700-cyrillic.woff2) format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:'Onest';font-style:normal;font-weight:700;font-display:swap;src:url(f/onest-700-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Onest';font-style:normal;font-weight:700;font-display:swap;src:url(f/onest-700-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
/* dubaidesert.tours — design "Oasis Contour": warm sand paper, oasis-green actions, sun-orange accents,
   topographic dune contours, Literata headings + Onest text. Light only. Logical properties (RTL-ready). */
:root{
  --bg:#FBF6EE;--paper:#fff;--band:#F4EADA;--ink:#1F1C18;--muted:#6A6257;--line:#E7DCCB;--line2:#D9CAB2;
  --oasis:#0E6B5E;--oasis2:#0A5248;--oasis-l:#E3F1EC;--sun:#E58A1F;--sun-d:#B9640A;--sun-l:#FDF0DD;--dusk:#3B3157;
  --r:14px;--r2:22px;--shadow:0 1px 2px rgba(60,40,10,.06),0 6px 22px rgba(60,40,10,.07);
  --serif:'Literata',Georgia,'Times New Roman',serif;--sans:'Onest',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
  color-scheme:light
}
html[lang=ar]{--sans:'Noto Sans Arabic','Geeza Pro',Tahoma,system-ui,sans-serif;--serif:'Noto Kufi Arabic','Geeza Pro',Tahoma,serif}
html[lang^=zh]{--sans:'PingFang SC','Microsoft YaHei','Noto Sans SC',system-ui,sans-serif;--serif:'PingFang SC','Microsoft YaHei','Noto Serif SC',serif}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:400 16.5px/1.6 var(--sans);overflow-x:hidden}
img{max-inline-size:100%;display:block}
a{color:var(--oasis);text-decoration-thickness:1px;text-underline-offset:2px}
a:hover{color:var(--oasis2)}
h1,h2,h3,h4{font-family:var(--serif);font-weight:700;line-height:1.18;margin:0 0 .5em;letter-spacing:-.01em}
h1{font-size:clamp(1.85rem,4.4vw,3rem)}
h2{font-size:clamp(1.35rem,2.6vw,1.8rem)}
h3{font-size:1.15rem}
.wrap{max-inline-size:1180px;margin-inline:auto;padding-inline:16px}
.skip{position:absolute;inset-inline-start:-999px}.skip:focus{inset-inline-start:8px;top:8px;background:#fff;padding:8px 12px;z-index:99}
:focus-visible{outline:3px solid var(--sun);outline-offset:2px}

/* header */
.top{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.94);backdrop-filter:saturate(1.4) blur(8px);border-block-end:1px solid var(--line)}
.top .wrap{display:flex;align-items:center;gap:14px;min-block-size:62px}
.logo{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--ink)}
.logo .mk{inline-size:34px;block-size:34px;flex:none}
.wm{font:700 1.12rem/1 var(--serif);letter-spacing:-.01em;direction:ltr}
.wm b{color:var(--oasis)}.wm i{font-style:normal;color:var(--muted);font-weight:400;font-family:var(--sans);font-size:.85em}
.nav{display:flex;gap:4px;margin-inline-start:auto}
.nav a{padding:8px 11px;border-radius:99px;text-decoration:none;color:var(--ink);font-weight:600;font-size:.94rem}
.nav a:hover,.nav a[aria-current]{background:var(--oasis-l);color:var(--oasis2)}
.ib{inline-size:40px;block-size:40px;border:0;background:transparent;border-radius:99px;display:grid;place-items:center;cursor:pointer;color:var(--ink)}
.ib:hover{background:var(--band)}.ib svg{inline-size:20px;block-size:20px}
.burger{display:none}
.langs{position:relative}.langs summary{list-style:none;cursor:pointer;font-weight:700;font-size:.85rem;padding:8px 10px;border:1px solid var(--line2);border-radius:99px}
.langs summary::-webkit-details-marker{display:none}
.langs ul{position:absolute;inset-inline-end:0;top:calc(100% + 6px);background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);list-style:none;margin:0;padding:6px;min-inline-size:150px}
.langs a{display:block;padding:7px 10px;border-radius:8px;text-decoration:none;color:var(--ink)}.langs a:hover,.langs a[aria-current]{background:var(--band)}
.ss{border-block-start:1px solid var(--line);background:#fff;padding-block:12px}
.ss input{inline-size:100%;font:inherit;padding:12px 14px;border:1.5px solid var(--line2);border-radius:12px}
.ss ul{list-style:none;margin:6px 0 0;padding:0}.ss li a{display:block;padding:8px 6px;text-decoration:none;color:var(--ink);border-radius:8px}.ss li a:hover{background:var(--band)}
@media (max-width:900px){.burger{display:grid}.nav{display:none;position:absolute;inset-inline:0;top:62px;background:#fff;flex-direction:column;padding:10px 16px;border-block-end:1px solid var(--line);box-shadow:var(--shadow)}.nav.open{display:flex}.nav a{padding:12px}.top .ib[data-ss]{margin-inline-start:auto}}

/* contour pattern */
.contour{position:absolute;inset:0;pointer-events:none;opacity:.55;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='520' height='260' viewBox='0 0 520 260'%3E%3Cg fill='none' stroke='%23D9C3A0' stroke-width='1.1'%3E%3Cpath d='M0 40c60-26 120-26 180 0s120 26 180 0 100-22 160-4'/%3E%3Cpath d='M0 72c70-30 130-22 190 4s120 22 170-4 110-20 160 0'/%3E%3Cpath d='M0 104c60-20 110-30 175-6s130 30 185 6 100-24 160-8'/%3E%3Cpath d='M0 140c80-32 140-20 200 6s110 20 160-6 100-18 160 2'/%3E%3Cpath d='M0 176c60-18 120-30 180-4s120 28 180 4 110-22 160-4'/%3E%3Cpath d='M0 212c70-28 130-18 190 6s120 18 170-6 110-20 160 0'/%3E%3Cpath d='M0 246c60-22 120-26 180 0s120 22 180-2 100-20 160-2'/%3E%3C/g%3E%3C/svg%3E");background-size:520px 260px;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 45%);mask-image:linear-gradient(90deg,transparent 0,#000 45%)}
[dir=rtl] .contour{-webkit-mask-image:linear-gradient(-90deg,transparent 0,#000 45%);mask-image:linear-gradient(-90deg,transparent 0,#000 45%)}

/* hero */
.hero{position:relative;background:linear-gradient(180deg,#F6ECDC 0,var(--bg) 100%);border-block-end:1px solid var(--line);padding-block:22px 34px;overflow:hidden}
.hero .wrap{position:relative}
.hgrid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:34px;align-items:start}
@media (max-width:960px){.hgrid{grid-template-columns:1fr;gap:20px}}
.crumbs{list-style:none;margin:0 0 14px;padding:0;display:flex;flex-wrap:wrap;gap:6px;font-size:.84rem;color:var(--muted)}
.crumbs li+li::before{content:'›';margin-inline-end:6px;color:var(--line2)}
[dir=rtl] .crumbs li+li::before{content:'‹'}
.crumbs a{color:var(--muted);text-decoration:none}.crumbs a:hover{color:var(--oasis)}
.kick{margin:0 0 8px;font-size:.78rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--sun-d)}
html[lang=ar] .kick,html[lang^=zh] .kick{letter-spacing:0}
.hero h1{max-inline-size:20ch}
.sub{font-size:1.06rem;color:var(--muted);margin:0 0 16px;max-inline-size:56ch}
.spec{list-style:none;margin:0 0 20px;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.spec li{background:#fff;border:1px solid var(--line);border-radius:12px;padding:7px 12px;display:flex;flex-direction:column;min-inline-size:0}
.spec small{font-size:.7rem;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);font-weight:600}
.spec b{font-size:.95rem;font-weight:600}
.acts{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:var(--oasis);color:#fff;text-decoration:none;font-weight:700;padding:13px 22px;border-radius:99px;border:0;box-shadow:0 2px 0 var(--oasis2);transition:transform .12s,background .12s;text-align:center}
.btn:hover{background:var(--oasis2);color:#fff;transform:translateY(-1px)}
.btn.wide{inline-size:100%}
.ghost{display:inline-flex;align-items:center;gap:6px;padding:12px 18px;border-radius:99px;border:1.5px solid var(--line2);background:#fff;text-decoration:none;color:var(--ink);font-weight:600}
.ghost:hover{border-color:var(--oasis);color:var(--oasis)}
.hero .btn.mob{display:none}
@media (max-width:960px){.hero .btn.mob{display:inline-flex}}

/* booking card */
.pole{background:#fff;border:1px solid var(--line);border-radius:var(--r2);box-shadow:var(--shadow);overflow:hidden}
.pole .pimg img{aspect-ratio:16/9;object-fit:cover;inline-size:100%}
.pole .pn{margin:0;padding:10px 18px;background:var(--sun-l);color:var(--sun-d);font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.pole .pin{padding:14px 18px}
.pole .pt{margin:0 0 4px;font-weight:700;line-height:1.35}.pole .pt a{color:var(--ink);text-decoration:none}.pole .pt a:hover{color:var(--oasis)}
.pole .pm{margin:0 0 6px;color:var(--muted);font-size:.9rem}.pole .pm b{color:var(--ink)}
.pole .pp{margin:0;display:flex;align-items:baseline;flex-wrap:wrap;gap:6px}
.pole .alt2{margin:10px 0 0;font-size:.88rem;color:var(--muted)}
.pall{display:block;margin-block-start:10px;font-size:.9rem;font-weight:600}
.gygw,.how{padding:0 10px;min-block-size:120px}
.pw .pin+.gygw,.pw .pin+.how{border-block-start:1px dashed var(--line)}

/* prices */
.lp{display:inline-flex;align-items:baseline;gap:6px;direction:ltr}
.lp b{font-size:1.18rem;font-weight:700;white-space:nowrap}.lp small{white-space:nowrap}.lp small{color:var(--muted);font-size:.82rem}
.was{color:var(--muted);font-size:.85rem;direction:ltr}
.off{font-style:normal;background:var(--sun);color:#fff;font-weight:700;font-size:.74rem;padding:2px 7px;border-radius:99px}

/* ways strip (home) */
.vh{font-size:1.15rem;margin:30px 0 12px}
.ways{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
@media (max-width:900px){.ways{grid-template-columns:repeat(2,minmax(0,1fr))}}
.ways a{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;text-decoration:none;color:var(--ink);block-size:100%;transition:box-shadow .15s,transform .15s}
.ways a:hover{box-shadow:var(--shadow);transform:translateY(-2px)}
.wi img{aspect-ratio:3/2;object-fit:cover;inline-size:100%}
.ways b{padding:10px 12px 2px;font-family:var(--serif);font-size:1.02rem}
.wp{padding:0 12px 12px;font-size:.88rem;color:var(--muted)}.wp .lp b{font-size:1rem}

/* page */
.page{padding-block:30px 50px}
.page>section,.page>article,.page>.tbl{margin-block:0 42px}
.oh{margin-block-end:14px}.oh h2{margin:0 0 4px}.oh p{margin:0;color:var(--muted)}

/* which fits */
.choose{background:var(--oasis-l);border-radius:var(--r);padding:14px 16px;margin-block-end:16px}
.choose .lbl{margin:0 0 8px;font-weight:700;color:var(--oasis2)}
.choose ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.choose li{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) auto;gap:12px;align-items:center;background:#fff;border-radius:10px;padding:9px 12px}
.choose .if{color:var(--muted);font-size:.93rem}.choose .pk{font-weight:600}
.ch{border:1px solid var(--oasis);background:#fff;color:var(--oasis);border-radius:99px;padding:6px 12px;font:600 .85rem var(--sans);cursor:pointer;white-space:nowrap}
.ch.on,.ch:hover{background:var(--oasis);color:#fff}
@media (max-width:700px){.choose li{grid-template-columns:1fr auto}.choose .if{grid-column:1/-1}}

/* filters */
.gear{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center;margin-block-end:12px}
.seg{display:flex;flex-wrap:wrap;align-items:center;gap:4px;background:#fff;border:1px solid var(--line);border-radius:99px;padding:4px}
.seg .sl{font-size:.78rem;color:var(--muted);padding-inline:8px 4px;font-weight:600}
.seg button{border:0;background:transparent;border-radius:99px;padding:6px 12px;font:600 .88rem var(--sans);cursor:pointer;color:var(--ink)}
.seg button.on{background:var(--dusk);color:#fff}
.chips{display:flex;flex-wrap:wrap;gap:6px}
.chip{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--line2);background:#fff;border-radius:99px;padding:6px 11px;font:500 .86rem var(--sans);cursor:pointer;color:var(--ink)}
.chip svg{inline-size:16px;block-size:16px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.chip i{font-style:normal;color:var(--muted);font-size:.78rem}
.chip[aria-pressed=true]{background:var(--oasis);border-color:var(--oasis);color:#fff}.chip[aria-pressed=true] i{color:#cfe8e1}
.srt{display:flex;gap:10px;align-items:center;margin-inline-start:auto}
.srt label{display:flex;gap:6px;align-items:center;font-size:.86rem;color:var(--muted)}
.srt select{font:inherit;color:var(--ink);padding:7px 10px;border-radius:10px;border:1px solid var(--line2);background:#fff}
.reset{border:0;background:none;color:var(--sun-d);font:600 .86rem var(--sans);cursor:pointer;text-decoration:underline}
.fcount{margin:0 0 8px;color:var(--muted);font-size:.9rem;min-block-size:1em}
.none{padding:18px;background:#fff;border-radius:var(--r);text-align:center;color:var(--muted)}
.more{display:block;margin:14px auto 0;font:700 .95rem var(--sans);padding:12px 22px;border-radius:99px;border:1.5px solid var(--oasis);background:#fff;color:var(--oasis);cursor:pointer}
.more:hover{background:var(--oasis);color:#fff}
.paid{font-size:.8rem;color:var(--muted);margin:10px 0 0}

/* experience cards */
.xcs{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.xc>a{display:grid;grid-template-columns:240px minmax(0,1fr) 190px;background:#fff;border:1px solid var(--line);border-radius:var(--r2);overflow:hidden;text-decoration:none;color:var(--ink);transition:box-shadow .15s,border-color .15s}
.xc>a:hover{box-shadow:var(--shadow);border-color:var(--line2)}
.xi{position:relative;background:var(--band)}
.xi img{inline-size:100%;block-size:100%;object-fit:cover;min-block-size:170px}
.bdg{position:absolute;inset-block-start:10px;inset-inline-start:10px;background:var(--dusk);color:#fff;font-style:normal;font-size:.74rem;font-weight:700;padding:4px 9px;border-radius:99px}
.xb{padding:14px 16px;display:flex;flex-direction:column;gap:6px;min-inline-size:0}
.xh{display:flex;flex-wrap:wrap;gap:6px;font-size:.78rem;color:var(--muted)}
.xh i{font-style:normal;background:var(--bg);border:1px solid var(--line);border-radius:99px;padding:2px 8px}
.xh .wh{font-weight:600;color:var(--ink)}
.xh .w-sunrise,.xh .w-morning{background:var(--sun-l);border-color:#F6D7A8}
.xh .w-evening{background:#F8E6DA;border-color:#EFCDB6}
.xh .w-overnight{background:#E7E3F1;border-color:#D3CCE7}
.xt{font-weight:700;font-size:1.04rem;line-height:1.35}
.xn{display:flex;flex-direction:column;gap:3px;font-size:.89rem;color:var(--muted)}
.xn span{position:relative;padding-inline-start:14px}.xn span::before{content:'';position:absolute;inset-inline-start:2px;top:.62em;inline-size:5px;block-size:5px;border-radius:50%;background:var(--sun)}
.xinc{display:flex;flex-wrap:wrap;gap:10px;margin-block-start:auto;padding-block-start:4px}
.xinc span{display:inline-flex;align-items:center;gap:4px;font-size:.8rem;color:var(--oasis2)}
.xinc svg{inline-size:17px;block-size:17px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.xinc em{font-style:normal}
.xp{padding:14px 16px;border-inline-start:1px dashed var(--line2);display:flex;flex-direction:column;gap:6px;justify-content:center;background:linear-gradient(180deg,#fff,#FFFBF4)}
.xr{font-size:.88rem;color:var(--muted)}.xr b{color:var(--ink)}.xr i{font-style:normal}
.xpr{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 6px}.xpr small{color:var(--muted);font-size:.8rem;inline-size:100%;margin-block-start:2px}
.xpr .lp{inline-size:100%}
.fc{font-size:.78rem;color:var(--oasis2);font-weight:600}.fc::before{content:'✓ '}
.cta{margin-block-start:4px;display:block;text-align:center;background:var(--oasis);color:#fff;font-weight:700;border-radius:99px;padding:10px 12px;font-size:.92rem}
.xc>a:hover .cta{background:var(--oasis2)}
@media (max-width:860px){
  .xc>a{grid-template-columns:132px minmax(0,1fr)}
  .xi img{min-block-size:0;aspect-ratio:1/1}
  .xb{padding:12px}
  .xn{display:none}
  .xp{grid-column:1/-1;border-inline-start:0;border-block-start:1px dashed var(--line2);flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:10px 12px}
  .xpr small{inline-size:auto;margin:0}.xpr .lp{inline-size:auto}
  .cta{flex:1 0 100%}
  .xinc em{display:none}
}
.xcs.one .xc>a{grid-template-columns:200px minmax(0,1fr) 180px}
@media (max-width:860px){.xcs.one .xc>a{grid-template-columns:120px minmax(0,1fr)}}

/* short answer */
.straight{background:#fff;border:1px solid var(--line);border-inline-start:5px solid var(--oasis);border-radius:var(--r);padding:16px 20px}
.straight .lbl{margin:0 0 4px;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:var(--oasis2);font-weight:700}
.straight p:last-child{margin:0;font-size:1.06rem}

/* picks */
.picks ol{list-style:none;margin:0;padding:0;display:grid;gap:18px}
.picks .pu{margin:0 0 6px;font-weight:700;font-family:var(--serif);font-size:1.08rem}
.picks .pu b{display:inline-grid;place-items:center;inline-size:28px;block-size:28px;border-radius:50%;background:var(--sun);color:#fff;font-family:var(--sans);font-size:.9rem;margin-inline-end:6px}
.picks .why{margin:8px 0 0;color:var(--muted);font-size:.94rem}

/* desert clock */
.clock .cg{background:#fff;border:1px solid var(--line);border-radius:var(--r2);padding:16px 16px 10px;position:relative}
.sky{position:relative;block-size:10px;margin-inline-start:var(--lw,190px);background:linear-gradient(90deg,#3B3157 0,#E58A1F 9%,#FCE3B5 14%,#FCE3B5 52%,#E58A1F 58%,#3B3157 66%,#3B3157 100%);border-radius:99px;margin-block-end:10px}
[dir=rtl] .sky{background:linear-gradient(-90deg,#3B3157 0,#E58A1F 9%,#FCE3B5 14%,#FCE3B5 52%,#E58A1F 58%,#3B3157 66%,#3B3157 100%)}
.sky span{position:absolute;top:-4px;inline-size:18px;block-size:18px;border-radius:50%;transform:translateX(-50%);border:3px solid #fff}
[dir=rtl] .sky span{transform:translateX(50%)}
.sky .sr,.sky .ss2{background:var(--sun)}
.crow{list-style:none;margin:0;padding:0}
.crow a{display:grid;grid-template-columns:var(--lw,190px) minmax(0,1fr);align-items:center;gap:0;text-decoration:none;color:var(--ink);padding-block:5px;border-radius:8px}
.crow a:hover{background:var(--bg)}
.cl{font-weight:600;font-size:.92rem;padding-inline-end:12px;display:flex;flex-direction:column;line-height:1.25}
.cl small{font-weight:400;color:var(--muted);font-size:.78rem;direction:ltr;text-align:start}
.ct{position:relative;block-size:22px;background:repeating-linear-gradient(90deg,var(--line) 0 1px,transparent 1px 12.5%);border-radius:6px}
.cb{position:absolute;top:3px;block-size:16px;border-radius:99px}
.k-dawn{background:linear-gradient(90deg,#F6C27A,#E58A1F)}.k-day{background:#F2B04F}.k-eve{background:linear-gradient(90deg,#E58A1F,#B9502A)}.k-night{background:linear-gradient(90deg,#5A4C86,#3B3157)}
.ticks{position:relative;block-size:18px;margin-inline-start:var(--lw,190px);font-size:.72rem;color:var(--muted);direction:ltr}
.ticks span{position:absolute;transform:translateX(-50%)}
@media (max-width:700px){.clock .cg{--lw:118px;padding:12px 10px 8px}.cl{font-size:.82rem}.cl small{font-size:.7rem}}

/* day plan */
.plan ol{list-style:none;margin:0;padding:0;background:#fff;border:1px solid var(--line);border-radius:var(--r2);overflow:hidden}
.plan li{display:grid;grid-template-columns:70px 56px minmax(0,1fr);gap:10px;align-items:center;padding:10px 16px;border-block-end:1px solid var(--line)}
.plan li:last-child{border:0}
.plan time{font-weight:700;font-variant-numeric:tabular-nums;direction:ltr}
.plan svg{inline-size:52px;block-size:28px;color:var(--line2)}
.plan .sun{fill:var(--sun)}.plan .moon{fill:var(--dusk)}
.plan p{margin:0}
.plan .src,.src{font-size:.84rem;color:var(--muted);margin:8px 0 0}

/* facts */
.facts dl{margin:0;display:grid;gap:10px}
.facts dl>div{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:12px 16px;display:grid;grid-template-columns:minmax(0,.4fr) minmax(0,1fr);gap:14px}
.facts dt{font-weight:600;color:var(--muted)}.facts dd{margin:0}
.facts q{display:block;margin:4px 0;font-style:italic;color:var(--muted)}
.facts small{color:var(--muted);font-size:.8rem}
.lede{color:var(--muted);margin:0 0 12px}
@media (max-width:700px){.facts dl>div{grid-template-columns:1fr;gap:4px}}

/* prose */
.prose{max-inline-size:780px}
.prose h2{margin-block:1.6em .5em}.prose h2:first-child{margin-block-start:0}
.prose h3{margin-block:1.3em .4em}
.prose p,.prose li{font-size:1.02rem}
.prose ul,.prose ol{padding-inline-start:1.3em}
.prose li{margin-block:.3em}
.prose li::marker{color:var(--sun-d)}
.prose blockquote{margin:1em 0;padding:10px 16px;border-inline-start:4px solid var(--sun);background:var(--sun-l);border-radius:8px}
.tbl{overflow-x:auto;margin-block:1.2em;border:1px solid var(--line);border-radius:var(--r);background:#fff;-webkit-overflow-scrolling:touch}
.prose .tbl{max-inline-size:none;inline-size:min(1148px,calc(100vw - 32px))}
table{border-collapse:collapse;inline-size:100%;font-size:.93rem}
th,td{padding:10px 12px;text-align:start;vertical-align:top;border-block-end:1px solid var(--line)}
thead th{background:var(--band);font-weight:700;white-space:nowrap}
tbody tr:last-child>*{border-block-end:0}
tbody tr:nth-child(even){background:#FFFCF7}

/* faq */
.faq details{background:#fff;border:1px solid var(--line);border-radius:var(--r);margin-block-end:8px}
.faq summary{cursor:pointer;padding:14px 18px;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:12px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:'+';font-size:1.3rem;line-height:1;color:var(--oasis)}
.faq details[open] summary::after{content:'–'}
.faq details>div{padding:0 18px 14px;color:#3a352e}

/* cards (related, guides) */
.cards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}
.gc a{display:flex;flex-direction:column;block-size:100%;background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;text-decoration:none;color:var(--ink);transition:box-shadow .15s}
.gc a:hover{box-shadow:var(--shadow)}
.gi img{aspect-ratio:3/2;object-fit:cover;inline-size:100%}
.gc b{padding:10px 14px 2px;font-family:var(--serif)}
.gp{padding:0 14px 12px;color:var(--muted);font-size:.86rem}.gp .lp b{font-size:.98rem}
.cards.sm{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}
.cards.sm b{padding:12px 14px}

/* operator reviews */
.verdict{background:#fff;border:1px solid var(--line);border-radius:var(--r2);padding:16px 18px;box-shadow:var(--shadow);display:grid;gap:12px}
.verdict .vs{margin:0;font-size:.86rem;font-weight:600}
.verdict .lbl{margin:0 0 2px;font-size:.76rem;text-transform:uppercase;letter-spacing:.07em;font-weight:700}
.verdict p{margin:0}
.vg .lbl{color:var(--oasis2)}.vw .lbl{color:var(--sun-d)}
.trust ol{list-style:none;margin:0;padding:0;background:#fff;border:1px solid var(--line);border-radius:var(--r2);overflow:hidden}
.trust li{display:grid;grid-template-columns:40px minmax(0,.9fr) minmax(0,1.4fr);gap:12px;align-items:center;padding:11px 16px;border-block-end:1px solid var(--line)}
.trust li:last-child{border:0}
.trust .tm{inline-size:30px;block-size:30px;border-radius:50%;display:grid;place-items:center;font-weight:700}
.s-yes .tm{background:var(--oasis-l);color:var(--oasis2)}.s-no .tm{background:#FBE3DA;color:#A33A1A}.s-unclear .tm{background:#EEE9F6;color:var(--dusk)}
.trust .ti{font-weight:600;display:flex;flex-direction:column}.trust .ti small{font-weight:400;color:var(--muted);font-size:.78rem}
.trust .tn{color:var(--muted);font-size:.92rem}
@media (max-width:700px){.trust li{grid-template-columns:34px minmax(0,1fr)}.trust .tn{grid-column:2}}
.opfile .file{margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}
.opfile .file>div{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:10px 14px}
.opfile dt{font-size:.76rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:600}.opfile dd{margin:2px 0 0}
.chk{font-size:.84rem;color:var(--muted)}
.brands{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.brands li{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:10px 14px;display:flex;flex-direction:column}
.brands span{color:var(--muted);font-size:.92rem}
.ops th small{display:block;font-weight:400;color:var(--muted);font-size:.82rem}
.ops th a{font-weight:700}
.cs{font-size:.84rem;color:var(--muted)}
.more2{display:flex;flex-wrap:wrap;gap:8px 16px;font-weight:600}
.bookw .how{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:10px}

/* sources, independent */
.sources{font-size:.88rem;color:var(--muted)}.sources h2{font-size:1.05rem}
.sources ol{padding-inline-start:1.2em}
.indep{border-block-start:1px solid var(--line);padding-block-start:16px;font-size:.86rem;color:var(--muted)}

/* footer */
.foot{position:relative;background:#F2E6D3;border-block-start:1px solid var(--line2);padding-block:40px 24px;margin-block-start:20px;overflow:hidden}
.foot .contour{opacity:.35}
.foot .wrap{position:relative}
.foot .cols{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(4,minmax(0,1fr));gap:24px}
@media (max-width:960px){.foot .cols{grid-template-columns:1fr 1fr}.foot .fa{grid-column:1/-1}}
.foot h4{font-family:var(--sans);font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--sun-d);margin:0 0 10px}
.foot ul{list-style:none;margin:0;padding:0}.foot li{margin-block:5px}
.foot a{color:var(--ink);text-decoration:none;font-size:.92rem}.foot a:hover{color:var(--oasis)}
.foot .fa p{font-size:.9rem;color:var(--muted);max-inline-size:44ch}
.fine{margin-block-start:26px;font-size:.8rem;color:var(--muted)}

/* sticky bar (phones) */
.stick{position:fixed;inset-inline:0;bottom:0;z-index:30;background:#fff;border-block-start:1px solid var(--line);box-shadow:0 -6px 20px rgba(60,40,10,.1);display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 16px calc(10px + env(safe-area-inset-bottom))}
.stick small{color:var(--muted);font-size:.78rem}
.stick .btn{padding:11px 18px}
@media (min-width:961px){.stick{display:none!important}}
@media (max-width:960px){body:has(.stick:not([hidden])) .foot{padding-block-end:90px}}