/* Travel guide (4 Oct 2026): on top of guide.css. Country cards, place cards by region, food, tips. */
.ghero--hub{min-height:min(80svh,760px)}
.ghero .crumb{color:rgba(255,255,255,.8);padding:0;margin-bottom:18px;font-size:12.5px}.ghero .crumb a{text-decoration:none}
.ghero .crumb a{color:inherit}
.ccards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding-block:clamp(28px,5vw,56px)}
.ccards--2{grid-template-columns:repeat(2,minmax(0,1fr));padding-block:10px 0}
@media (max-width:860px){.ccards,.ccards--2{grid-template-columns:1fr}}
.ccard{position:relative;display:block;border-radius:var(--r);overflow:hidden;aspect-ratio:4/5;text-decoration:none;color:#fff;background:var(--night);min-width:0}
.ccard--small{aspect-ratio:16/9}
.ccard img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.ccard:hover img{transform:scale(1.05)}
.ccard::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,20,26,.05) 30%,rgba(10,20,26,.88))}
.ccard span{position:absolute;z-index:2;inset-inline:22px;bottom:22px;display:grid;gap:4px}
.ccard small{font:700 11.5px/1.3 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--amber2)}
.lang-ar .ccard small{letter-spacing:0;font-size:13px}
.ccard b{font:400 clamp(1.9rem,3.2vw,2.6rem)/1.05 var(--disp)}
.lang-ar .ccard b{font-weight:600;font-size:clamp(1.5rem,2.6vw,2rem);line-height:1.5}
.ccard--small b{font-size:1.6rem}
.ccard em{font-style:normal;font-size:15px;color:rgba(255,255,255,.88)}
.ccard i{font-style:normal;display:inline-flex;align-items:center;gap:8px;margin-top:8px;font-weight:700;color:var(--amber2);font-size:14px}
.ccard i svg{width:18px;height:18px}
.lang-ar .ccard i svg{transform:scaleX(-1)}
.tv-intro{padding-bottom:clamp(40px,6vw,80px)}
.tv-intro p{font-size:1.12rem;line-height:1.75;max-width:70ch;color:var(--ink2)}
.tv-regions{position:sticky;top:62px;z-index:20;display:flex;gap:8px;align-items:center;overflow-x:auto;scrollbar-width:none;background:rgba(244,236,221,.94);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:10px max(16px,4vw);border-top:1px solid var(--line);border-bottom:1px solid var(--line);scroll-margin-top:62px}
.tv-regions::-webkit-scrollbar{display:none}
.tv-regions>span{font:700 11.5px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);flex:0 0 auto}
.lang-ar .tv-regions>span{letter-spacing:0;font-size:13px}
.tv-regions .gchip{text-decoration:none;display:inline-flex;align-items:center}
@media (max-width:640px){.tv-regions{top:56px}}
.region{padding-block:clamp(30px,5vw,60px);scroll-margin-top:120px;border-top:1px solid var(--line)}
.region:first-child{border-top:0}
.region__head{display:grid;gap:6px;margin-bottom:22px;max-width:70ch}
.region__head h2{margin:0}
.region__head p{margin:0;color:var(--ink2);font-size:1.08rem}
.pcards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:26px 22px}
.pcard{display:grid;gap:0;align-content:start;min-width:0;background:var(--white);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.pcard figure{position:relative;margin:0;aspect-ratio:4/3;background:var(--paper3)}
.pcard figure img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.pcard:hover figure img{transform:scale(1.04)}
.pcard__n{position:absolute;inset-inline-start:14px;top:10px;font:400 2.4rem/1 'DM Serif Display',Georgia,serif;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.5)}
.pcard figcaption{position:absolute;inset-inline:0;bottom:0;padding:4px 10px;font-size:10.5px;color:rgba(255,255,255,.85);background:linear-gradient(0deg,rgba(0,0,0,.55),transparent);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pcard figcaption a{color:inherit}
.pcard__in{padding:16px 18px 18px;display:grid;gap:8px}
.pcard h3{font-size:1.4rem;margin:0}
.lang-ar .pcard h3{font-size:1.2rem}
.pcard p{margin:0;color:var(--ink2);font-size:15.5px}
.pcard__tip{font-size:14px!important;color:var(--sea)!important}
.pcard__tip b{font-weight:700}
.pcard__when{display:grid;gap:6px;margin-top:4px}
.pcard__when>span{font:700 11.5px/1.3 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.lang-ar .pcard__when>span{letter-spacing:0;font-size:13px}
.pcard .months li{height:22px}.pcard .months span{font-size:8.5px}
.food,.tips{padding-block:clamp(30px,5vw,60px);border-top:1px solid var(--line)}
.food__list{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:14px}
.food__list>div{padding:18px 20px;border-radius:14px;background:var(--white);border:1px solid var(--line);min-width:0}
.food__list b{font:400 1.3rem/1.2 var(--disp);display:block;margin-bottom:6px}
.lang-ar .food__list b{font-weight:600;font-size:1.1rem;line-height:1.5}
.food__list p{margin:0;color:var(--ink2);font-size:15px}
.tips ul{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:12px 26px}
.tips li{position:relative;padding-inline-start:26px;color:var(--ink);font-size:1.02rem}
.tips li::before{content:"";position:absolute;inset-inline-start:2px;top:.55em;width:9px;height:9px;border-radius:50%;background:var(--amber)}
.faq{padding-top:clamp(30px,5vw,60px);border-top:1px solid var(--line)}

.tv .ghero .kick,.tv .ghero__sub,.tv .ghero h1{text-shadow:0 2px 14px rgba(0,0,0,.45)}.tv .ghero .kick{color:#ffd79a}
.tv .ghero::after{background:linear-gradient(180deg,rgba(10,20,26,.35),rgba(10,20,26,.15) 35%,rgba(10,20,26,.6) 68%,rgba(10,20,26,.92))}

/* "Home" bands (her ask): a gold Home button with a short line, repeated through the page */
.gohome{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:18px 0;margin:6px 0 0;border-top:1px solid var(--line)}
.gohome__btn{display:inline-flex;align-items:center;height:44px;padding:0 22px;border-radius:999px;background:var(--amber);color:#fff;text-decoration:none;font:700 15px/1 var(--sans)}
.gohome svg{display:none}
.gohome span{color:var(--muted);font-size:14.5px}
.region .gohome{margin-top:26px}