:root{--b11-navy:#081727;--b11-navy-2:#102a42;--b11-copper:#e06a27;--b11-light:#ffb06c;--b11-ivory:#f6f1e7;--b11-ink:#071522;--b11-muted:#607080;--b11-line:rgba(7,21,34,.11)}
body.blog-v11{overflow-x:hidden;background:#fbfaf7;color:var(--b11-ink)}
.blog-v11 .nav-cta{background:linear-gradient(135deg,var(--b11-light),var(--b11-copper))!important;color:#090909!important;box-shadow:0 10px 24px rgba(196,81,25,.22)}
.blog-index-v11 .page-hero{position:relative;isolation:isolate;padding:100px 0 84px;background:linear-gradient(100deg,rgba(4,12,23,.95),rgba(4,12,23,.55)),url('../assets/images/blog/agadir-to-marrakech-road-trip.webp') center 58%/cover}
.blog-index-v11 .page-hero h1{display:block;max-width:900px;margin:0 auto 15px;padding:0;background:none;box-shadow:none;color:#fff;font:800 clamp(2.8rem,6vw,5.2rem)/.97 Manrope,'Plus Jakarta Sans',sans-serif;letter-spacing:-.06em}
.blog-index-v11 .page-hero p{display:block;max-width:680px;margin:0 auto;padding:0;background:none;box-shadow:none;color:rgba(255,255,255,.76);line-height:1.65}
.blog-v11>.container .breadcrumb{padding:18px 0;color:#7b8792;font-size:.78rem}.blog-v11>.container .breadcrumb a{color:#a7441b}
.blog-index-v11 section[style]{padding:28px 0 96px!important;background:linear-gradient(180deg,#fbfaf7,#f4efe7)}
.blog-index-v11 .blog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.blog-index-v11 .blog-card{border:1px solid var(--b11-line);border-radius:22px;background:#fff;box-shadow:0 12px 34px rgba(7,21,34,.06);overflow:hidden;transform:none;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.blog-index-v11 .blog-card:hover{transform:translateY(-6px);border-color:rgba(224,106,39,.28);box-shadow:0 24px 60px rgba(7,21,34,.13)}
.blog-index-v11 .blog-image{height:220px;overflow:hidden}.blog-index-v11 .blog-image img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}.blog-index-v11 .blog-card:hover img{transform:scale(1.045)}
.blog-index-v11 .blog-tag{top:14px;left:14px;padding:7px 10px;border:1px solid rgba(255,255,255,.28);border-radius:999px;background:rgba(8,23,39,.82);backdrop-filter:blur(10px);color:#fff;font-size:.66rem;font-weight:800}
.blog-index-v11 .blog-body{padding:22px 22px 24px}.blog-index-v11 .blog-meta{color:#89939d;font-size:.7rem;font-weight:700}.blog-index-v11 .blog-body h3{margin:10px 0;color:var(--b11-ink);font:800 1.15rem/1.28 Manrope,sans-serif;letter-spacing:-.025em}.blog-index-v11 .blog-body p{color:#64717e;font-size:.88rem;line-height:1.65}.blog-index-v11 .blog-readmore{color:#a94218;font-size:.82rem;font-weight:800}
.blog-article-v11 .article-wrap{display:block;max-width:960px;margin:0 auto;padding:16px 28px 96px}
.blog-article-v11 .article{padding:0;border:0;background:transparent;box-shadow:none}
.blog-article-v11 .article>h1{max-width:900px;margin:28px 0 16px;color:var(--b11-ink);font:800 clamp(2.5rem,5.6vw,4.8rem)/.98 Manrope,'Plus Jakarta Sans',sans-serif;letter-spacing:-.055em}
.blog-article-v11 .article-meta{display:flex;flex-wrap:wrap;gap:8px!important;margin-bottom:28px!important;color:#87929c!important;font-size:.76rem!important;font-weight:700}
.blog-article-v11 .article-hero{width:100%;max-height:520px;margin:0 0 42px;border-radius:28px;object-fit:cover;box-shadow:0 24px 65px rgba(7,21,34,.14)}
.blog-article-v11 .article>p,.blog-article-v11 .article>ul,.blog-article-v11 .article>ol,.blog-article-v11 .article>h2,.blog-article-v11 .article>h3{max-width:780px;margin-right:auto;margin-left:auto}
.blog-article-v11 .article h2{margin-top:54px;margin-bottom:16px;color:var(--b11-ink);font:800 clamp(1.65rem,3.4vw,2.35rem)/1.08 Manrope,sans-serif;letter-spacing:-.04em}
.blog-article-v11 .article h3{color:var(--b11-ink)}
.blog-article-v11 .article p,.blog-article-v11 .article li{color:#465666;font-size:1.02rem;line-height:1.84}
.blog-article-v11 .article a{color:#a94218;text-decoration-color:rgba(169,66,24,.28);text-underline-offset:3px}
.blog-article-v11 .article .callout,.blog-article-v11 .article .cta-banner,.blog-article-v11 .article .data-table,.blog-article-v11 .article .bar-chart,.blog-article-v11 .article .trips-grid,.blog-article-v11 .article .faq,.blog-article-v11 .article ul.steps{max-width:840px;margin-right:auto;margin-left:auto}
.blog-article-v11 .article .callout{padding:20px 22px;border-radius:18px;box-shadow:0 10px 28px rgba(7,21,34,.045)}
.blog-article-v11 .article .cta-banner{padding:34px;border:1px solid rgba(255,255,255,.12);border-radius:24px;background:radial-gradient(circle at 95% 0,rgba(255,176,108,.18),transparent 30%),linear-gradient(135deg,var(--b11-navy),var(--b11-navy-2));box-shadow:0 24px 60px rgba(7,21,34,.17);text-align:left}
.blog-article-v11 .article .cta-banner h3{margin:0 0 8px;color:#fff;font:800 clamp(1.45rem,3vw,2rem)/1.1 Manrope,sans-serif}.blog-article-v11 .article .cta-banner p{color:rgba(255,255,255,.7)}
.blog-article-v11 .article .cta-banner .btn{min-height:50px;padding:14px 22px;border:0;border-radius:12px;background:linear-gradient(135deg,var(--b11-light),var(--b11-copper));color:#090909!important;font-weight:800;box-shadow:0 12px 28px rgba(196,81,25,.22)}
.blog-article-v11 .article .data-table{display:table;width:100%;border:1px solid var(--b11-line);border-collapse:separate;border-spacing:0;border-radius:18px;background:#fff;box-shadow:0 14px 38px rgba(7,21,34,.06);overflow:hidden}.blog-article-v11 .article .data-table thead th{background:var(--b11-navy);color:#fff}.blog-article-v11 .article .data-table tbody tr:nth-child(even){background:#faf8f4}
.blog-article-v11 .article ul.steps li{padding:16px;border:1px solid var(--b11-line);border-radius:14px;background:#fff;margin-bottom:10px;box-shadow:0 7px 20px rgba(7,21,34,.035)}.blog-article-v11 .article .step-num{background:var(--b11-navy);color:var(--b11-light)}
@media(max-width:900px){.blog-index-v11 .blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){
 .blog-index-v11 .page-hero{padding:60px 0 52px}.blog-index-v11 .page-hero .container{width:calc(100% - 36px);padding:0}.blog-index-v11 .page-hero h1{font-size:clamp(2.15rem,11vw,3rem);line-height:1}.blog-index-v11 .page-hero p{font-size:.88rem}
 .blog-v11>.container{width:calc(100% - 30px);padding:0}.blog-index-v11 section[style]{padding:14px 0 62px!important}.blog-index-v11 section[style]>.container{width:calc(100% - 28px);padding:0}
 .blog-index-v11 .blog-grid{grid-template-columns:1fr;gap:16px}.blog-index-v11 .blog-image{height:205px}.blog-index-v11 .blog-card{border-radius:18px}
 .blog-article-v11 .article-wrap{width:calc(100% - 28px);max-width:100%;padding:6px 0 66px}.blog-article-v11 .article>h1{margin-top:18px;font-size:clamp(2rem,10vw,2.7rem);line-height:1.02;overflow-wrap:anywhere}.blog-article-v11 .article-hero{margin-bottom:30px;border-radius:18px}
 .blog-article-v11 .article h2{margin-top:40px;font-size:1.6rem}.blog-article-v11 .article p,.blog-article-v11 .article li{font-size:.94rem;line-height:1.72}
 .blog-article-v11 .article .callout{padding:17px 16px}.blog-article-v11 .article .cta-banner{padding:25px 20px;border-radius:18px}.blog-article-v11 .article .cta-banner .btn{display:flex;width:100%;justify-content:center}
 .blog-article-v11 .article .data-table{display:block;max-width:100%;overflow-x:auto}.blog-article-v11 .article .data-table thead,.blog-article-v11 .article .data-table tbody{display:table;width:660px;table-layout:fixed}.blog-article-v11 .article .data-table th,.blog-article-v11 .article .data-table td{padding:12px;font-size:.76rem;white-space:normal}
 .blog-article-v11 .article .bar-chart{padding:16px}.blog-article-v11 .article .bar-row{grid-template-columns:1fr;gap:4px}
}
