/* ==== Agadir travel guide (agadir-guide.html, 2026-10-21) ====
   Loaded after design.css on that page only; site tokens (teal brand, coral = the one action, sand, stone, Fraunces
   titles, Plus Jakarta UI). Built by _agadir_guide_2026.py. Type scale: 12/13/14/15/16/18/20/22/24/34 px. */

.agg{--agg-r:20px;}
.agg :is(h1,h2,h3){text-wrap:balance;}
.agg p{text-wrap:pretty;}
.agg .icon{width:1.1rem;height:1.1rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.agg section[id]{scroll-margin-top:5.5rem;}

/* ---------------------------------------------------------------- hero (continues the teal header) */
html body.tb .agg > .agg-hero{padding:0!important;}
.agg-hero{position:relative;color:#fff;overflow:hidden;
  background:radial-gradient(40rem 24rem at 92% 80%, rgba(255,181,71,.16), transparent 65%),
    radial-gradient(36rem 22rem at 0% 100%, rgba(27,176,186,.2), transparent 70%),
    linear-gradient(180deg,#0A3239 0%,#0D444D 60%,#0D4B54 100%);}
.agg-hero-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(1.5rem,4vw,3.5rem);align-items:center;
  padding-block:clamp(1.5rem,3.5vw,3rem) clamp(2rem,4vw,3.25rem);}
.agg-bc{display:flex;flex-wrap:wrap;gap:.45rem;align-items:center;margin:0 0 1rem;font:500 .8125rem/1.3 var(--font-ui);color:rgba(255,255,255,.72);}
.agg-bc a{color:rgba(255,255,255,.86);text-decoration:none;}
.agg-bc a:hover{color:#fff;text-decoration:underline;}
html[dir="rtl"] .agg-bc > span[aria-hidden]{transform:scaleX(-1);display:inline-block;}
.agg-eyebrow{display:inline-flex;align-items:center;gap:.5rem;margin:0 0 1rem;padding:.38rem .85rem .38rem .45rem;border-radius:999px;
  background:rgba(255,255,255,.1);color:#FFD69B;font:700 .75rem/1.2 var(--font-ui);letter-spacing:.06em;text-transform:uppercase;}
html[lang="ar"] .agg-eyebrow{letter-spacing:0;}
.agg-eyebrow-ic{display:grid;place-items:center;width:1.7rem;height:1.7rem;border-radius:50%;background:rgba(255,214,155,.16);}
.agg-eyebrow-ic .icon{width:1rem;height:1rem;}
.agg-hero h1{margin:0 0 1rem;color:#fff;font:600 clamp(2.125rem,4.4vw,3.5rem)/1.06 var(--font-display);letter-spacing:-.012em;font-variation-settings:"SOFT" 30;}
html[lang="ar"] .agg-hero h1{font-family:'Tajawal',sans-serif;font-weight:800;line-height:1.25;letter-spacing:0;}
.agg-lead{margin:0 0 1.5rem;max-width:34rem;color:rgba(255,255,255,.88);font:400 clamp(1rem,1.25vw,1.125rem)/1.6 var(--font-ui);}
.agg .agg-btn-cta{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:52px;padding:0 1.6rem;border:0;border-radius:999px;
  background:var(--cta);color:#fff!important;font:700 1rem/1 var(--font-ui);letter-spacing:0;text-decoration:none;
  box-shadow:0 14px 30px -14px rgba(212,67,42,.75);transition:background-color .15s,transform .15s;}
.agg .agg-btn-cta:hover{background:var(--cta-hover);transform:translateY(-1px);}
html[dir="rtl"] .agg :is(.agg-btn-cta,.agg-link) .icon{transform:scaleX(-1);}
.agg-upd{display:flex;align-items:center;gap:.45rem;margin:1.25rem 0 0;color:rgba(255,255,255,.75);font:500 .8125rem/1.3 var(--font-ui);}
.agg-upd .icon{width:1rem;height:1rem;color:#7EE2B0;stroke-width:2.6;}
.agg-hero-ph{margin:0;border-radius:var(--agg-r);overflow:hidden;background:#123E45;box-shadow:0 26px 50px -26px rgba(0,0,0,.65);aspect-ratio:16/10;}
.agg-hero-ph img{display:block;width:100%;height:100%;object-fit:cover;}

/* ---------------------------------------------------------------- "On this page" chips */
.agg-toc{position:sticky;top:var(--hdr-h,68px);z-index:20;background:rgba(255,255,255,.96);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  border-bottom:1px solid var(--line,#E5E8E6);}
.agg-toc-in{display:flex;align-items:center;gap:1rem;padding-block:.6rem;}
.agg-toc-l{flex:none;font:700 .75rem/1 var(--font-ui);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft,#5C6B6E);}
html[lang="ar"] .agg-toc-l{letter-spacing:0;}
.agg-toc-r{display:flex;gap:.5rem;overflow-x:auto;scrollbar-width:none;min-width:0;padding:2px;}
.agg-toc-r::-webkit-scrollbar{display:none;}
.agg-toc-c{flex:none;display:inline-flex;align-items:center;gap:.4rem;min-height:40px;padding:0 .95rem;border:1px solid var(--line,#E5E8E6);border-radius:999px;
  background:#fff;color:var(--head,#17252A);font:600 .875rem/1 var(--font-ui);text-decoration:none;transition:border-color .15s,background .15s;}
.agg-toc-c .icon{width:1rem;height:1rem;color:var(--clay,#087E8B);}
.agg-toc-c:hover{border-color:var(--head,#17252A);}
.agg-toc-c.is-on{background:var(--head,#17252A);border-color:var(--head,#17252A);color:#fff;}
.agg-toc-c.is-on .icon{color:#fff;}

/* ---------------------------------------------------------------- quick facts */
.agg-facts{padding-block:clamp(1.25rem,2.5vw,1.75rem) 0;}
.agg-facts-l{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;padding:0;}
.agg-fact{display:flex;gap:.8rem;align-items:flex-start;padding:1rem;background:#fff;border:1px solid var(--line,#E5E8E6);border-radius:16px;}
.agg-fact-ic{flex:none;display:grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:12px;background:var(--clay-tint,#E4F2F3);color:var(--clay,#087E8B);}
.agg-fact b{display:block;margin:0 0 .2rem;font:700 .9375rem/1.3 var(--font-ui);color:var(--head,#17252A);}
.agg-fact span{display:block;font:400 .875rem/1.5 var(--font-ui);color:var(--ink-soft,#5C6B6E);}

/* ---------------------------------------------------------------- section heads */
.agg .agg-head{margin-bottom:clamp(1rem,2vw,1.4rem);}
.agg .agg-head h2{font-size:clamp(1.5rem,2.6vw,2.125rem);}
.agg .agg-head .sub{max-width:44rem;font-size:1rem;}
.agg-link{display:inline-flex;align-items:center;gap:.4rem;min-height:40px;color:var(--clay-deep,#066570);font:700 .9375rem/1.2 var(--font-ui);text-decoration:none;}
.agg-link:hover{text-decoration:underline;text-underline-offset:3px;}
.agg-link .icon{width:1rem;height:1rem;}

/* ---------------------------------------------------------------- where to stay */
.agg-areas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;}
.agg-area{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line,#E5E8E6);border-radius:var(--agg-r);overflow:hidden;
  transition:box-shadow .2s,transform .2s;}
.agg-area:hover{box-shadow:0 14px 34px -18px rgba(23,37,42,.35);transform:translateY(-2px);}
.agg-area-ph{display:block;aspect-ratio:16/9;overflow:hidden;background:#E8E4DC;}
.agg-area-ph img{display:block;width:100%;height:100%;object-fit:cover;}
.agg-area-b{display:flex;flex-direction:column;flex:1;padding:1rem 1.1rem 1.1rem;}
.agg-best{display:flex;flex-wrap:wrap;gap:.3rem;align-items:center;margin:0 0 .45rem;font:500 .75rem/1.3 var(--font-ui);color:var(--ink-soft,#5C6B6E);}
.agg-best b{padding:.18rem .55rem;border-radius:999px;background:var(--sand-soft,#FAF4EA);color:#7A4A12;font-weight:700;}
.agg-area h3{margin:0 0 .35rem;font:700 1.125rem/1.25 var(--font-ui);}
.agg-area h3 a{color:var(--head,#17252A);text-decoration:none;}
.agg-area h3 a:hover{color:var(--clay,#087E8B);}
html[lang="ar"] .agg-area h3{font-family:'Tajawal',sans-serif;}
.agg-area-d{margin:0 0 .7rem;font:400 .9375rem/1.55 var(--font-ui);color:var(--ink,#17252A);}
.agg-area-n{margin:auto 0 .2rem;font:700 .875rem/1.3 var(--font-ui);color:var(--clay,#087E8B);}
.agg-map{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:16px;align-items:center;margin-top:16px;}
.agg-map-t{padding:clamp(1.1rem,2.5vw,1.75rem);background:var(--stone,#F7F8F6);border:1px solid var(--line,#E5E8E6);border-radius:var(--agg-r);}
.agg-map-ic{display:grid;place-items:center;width:2.75rem;height:2.75rem;margin:0 0 .8rem;border-radius:14px;background:var(--clay-tint,#E4F2F3);color:var(--clay,#087E8B);}
.agg-map-ic .icon{width:1.3rem;height:1.3rem;}
.agg-map-t h3{margin:0 0 .45rem;font:600 1.5rem/1.2 var(--font-display);color:var(--head,#17252A);}
html[lang="ar"] .agg-map-t h3{font-family:'Tajawal',sans-serif;font-weight:800;}
.agg-map-t p{margin:0 0 .6rem;font:400 .9375rem/1.55 var(--font-ui);color:var(--ink,#17252A);}

/* the static map (same markup as the homepage "Based in Agadir" map) */
.agg .loc-map--static{position:relative;margin:0;width:100%;height:auto!important;aspect-ratio:769/669;overflow:hidden;border:1px solid var(--line,#E5E8E6);border-radius:var(--agg-r);background:#E8E4DC;}
.agg .loc-map--static img{display:block;width:100%;height:100%;object-fit:cover;}
.agg .lm-pin{position:absolute;width:0;height:0;z-index:2;text-decoration:none;color:var(--head,#17252A);}
.agg .lm-pin i{position:absolute;left:-8px;top:-8px;width:16px;height:16px;border-radius:50%;background:var(--cta,#D4432A);border:3px solid #fff;box-shadow:0 2px 6px rgba(0,0,0,.35);}
.agg .lm-pin span{position:absolute;top:-.62rem;white-space:nowrap;padding:.22rem .55rem;border-radius:999px;background:#fff;font:700 .75rem/1.2 var(--font-ui);box-shadow:0 2px 8px rgba(0,0,0,.2);}
.agg .lm-pin--r span{left:12px;}
.agg .lm-pin--l span{right:12px;}
.agg .lm-pin--b span{top:12px;left:0;transform:translateX(-50%);}
.agg .lm-pin--t span{top:auto;bottom:12px;left:0;transform:translateX(-50%);}
.agg .lm-pin:hover span,.agg .lm-pin:focus-visible span{background:var(--clay,#087E8B);color:#fff;}
.agg .lm-tgs{position:absolute;z-index:3;left:.6rem;top:.6rem;right:.6rem;display:flex;flex-wrap:wrap;gap:.4rem;pointer-events:none;}
.agg .lm-tg,.agg .lm-open{display:inline-flex;align-items:center;gap:.3rem;min-height:36px;padding:.4rem .8rem;border-radius:999px;background:#fff;
  color:var(--clay-deep,#066570);text-decoration:none;font:700 .8125rem/1.2 var(--font-ui);box-shadow:0 3px 10px rgba(0,0,0,.18);pointer-events:auto;}
.agg .lm-open{position:absolute;z-index:3;left:.6rem;bottom:.6rem;}
.agg .lm-attr{position:absolute;z-index:3;right:0;bottom:0;padding:.15rem .4rem;background:rgba(255,255,255,.85);color:#4A5659;font:500 .75rem/1.2 var(--font-ui);
  text-decoration:none;border-top-left-radius:6px;}
html[dir="rtl"] .agg .lm-tgs{direction:ltr;}
html[dir="rtl"] .agg .lm-tgs .lm-tg{direction:rtl;}
html[lang="ar"] .agg :is(.lm-pin span,.lm-tg,.lm-open){font-family:'Tajawal',sans-serif;}

/* ---------------------------------------------------------------- getting around */
.agg-gets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;}
.agg-get{display:flex;flex-direction:column;padding:1.25rem;background:#fff;border:1px solid var(--line,#E5E8E6);border-radius:var(--agg-r);}
.agg-get-ic{display:grid;place-items:center;width:2.75rem;height:2.75rem;margin:0 0 .8rem;border-radius:14px;background:var(--clay-tint,#E4F2F3);color:var(--clay,#087E8B);}
.agg-get-ic .icon{width:1.3rem;height:1.3rem;}
.agg-get-ic--2{background:#FFEFD9;color:#B4610B;}
.agg-get-ic--3{background:#F4EFE6;color:#7A5B2E;}
.agg-get h3{margin:0 0 .4rem;font:700 1.125rem/1.3 var(--font-ui);color:var(--head,#17252A);}
html[lang="ar"] .agg-get h3{font-family:'Tajawal',sans-serif;}
.agg-get p{margin:0;font:400 .9375rem/1.55 var(--font-ui);color:var(--ink,#17252A);}
.agg-get-l{display:flex;flex-wrap:wrap;gap:.2rem 1.2rem;margin-top:auto;padding-top:.7rem;}
.agg-get--main{border-color:var(--clay,#087E8B);box-shadow:0 0 0 1px var(--clay,#087E8B) inset;}

/* ---------------------------------------------------------------- weather */
.agg-wx{margin:0;padding:1.25rem;background:#fff;border:1px solid var(--line,#E5E8E6);border-radius:var(--agg-r);}
.agg-wx-cap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem 1rem;margin:0 0 1rem;font:700 .9375rem/1.3 var(--font-ui);color:var(--head,#17252A);}
.agg-wx-key{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .9rem;font:500 .8125rem/1.2 var(--font-ui);color:var(--ink-soft,#5C6B6E);}
.agg-wx-key i{display:inline-block;width:.75rem;height:.75rem;border-radius:3px;margin-inline-end:-.5rem;}
.agg-wx-key .k-hi{background:linear-gradient(180deg,#FFB547,#E0A32E);}
.agg-wx-key .k-lo{background:#B9C4C5;}
.agg-wx-key .k-sea{background:var(--clay,#087E8B);border-radius:50%;}
.agg-months{list-style:none;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:6px;margin:0;padding:0;}
.agg-m{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.6rem .2rem;border-radius:12px;background:var(--stone,#F7F8F6);text-align:center;}
.agg-m-n{font:700 .8125rem/1.2 var(--font-ui);color:var(--head,#17252A);text-transform:capitalize;}
.agg-m-bar{position:relative;display:block;width:10px;height:72px;margin:.2rem 0;border-radius:6px;background:#E8ECEB;overflow:hidden;}
.agg-m-bar i{position:absolute;left:0;right:0;bottom:0;border-radius:6px;background:linear-gradient(180deg,#FFB547,#E0A32E);}
.agg-m-hi{font:700 1rem/1 var(--font-ui);color:var(--head,#17252A);}
.agg-m-lo{font:500 .8125rem/1 var(--font-ui);color:var(--ink-soft,#5C6B6E);}
.agg-m-sea{display:inline-flex;align-items:center;gap:.15rem;margin-top:.15rem;font:700 .75rem/1 var(--font-ui);color:var(--clay,#087E8B);}
.agg-m-sea .icon{width:.85rem;height:.85rem;}
.agg-seasons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:16px;}
.agg-season{display:flex;gap:.8rem;align-items:flex-start;padding:1.1rem;background:#fff;border:1px solid var(--line,#E5E8E6);border-radius:16px;}
.agg-season-ic{flex:none;display:grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:12px;background:#FFF3DF;color:#B4610B;}
.agg-season h3{margin:0 0 .3rem;font:700 1rem/1.3 var(--font-ui);color:var(--head,#17252A);}
.agg-season p{margin:0;font:400 .9375rem/1.55 var(--font-ui);color:var(--ink,#17252A);}
.agg-src{margin:.9rem 0 0;font:400 .8125rem/1.45 var(--font-ui);color:var(--ink-soft,#5C6B6E);}

/* ---------------------------------------------------------------- things to do */
.agg-free{padding:1.1rem 1.25rem;margin:0 0 1.5rem;background:#fff;border:1px solid var(--line,#E5E8E6);border-radius:var(--agg-r);}
.agg-free h3{margin:0 0 .6rem;font:700 1rem/1.3 var(--font-ui);color:var(--head,#17252A);}
.agg-free ul{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem 1.5rem;margin:0;padding:0;}
.agg-free li{display:flex;gap:.55rem;align-items:flex-start;font:400 .9375rem/1.5 var(--font-ui);color:var(--ink,#17252A);}
.agg-free li .icon{flex:none;margin-top:.2rem;color:var(--ok,#1B7A4B);stroke-width:2.6;}
.agg-sub-h{margin:0 0 .9rem;font:700 1.125rem/1.3 var(--font-ui);color:var(--head,#17252A);}
html[lang="ar"] :is(.agg-sub-h,.agg-free h3){font-family:'Tajawal',sans-serif;}
.agg-dos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;}
.agg-do{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line,#E5E8E6);border-radius:18px;overflow:hidden;text-decoration:none;color:inherit;
  transition:box-shadow .2s,transform .2s;}
.agg-do:hover{box-shadow:0 14px 34px -18px rgba(23,37,42,.35);transform:translateY(-2px);}
.agg-do-ph{display:block;aspect-ratio:4/3;overflow:hidden;background:#E8E4DC;}
.agg-do-ph img{display:block;width:100%;height:100%;object-fit:cover;}
.agg-do-b{display:flex;flex-direction:column;gap:.25rem;flex:1;padding:.85rem .95rem 1rem;}
.agg-do-b small{font:500 .75rem/1.3 var(--font-ui);color:var(--ink-soft,#5C6B6E);}
.agg-do-b b{font:700 1rem/1.3 var(--font-ui);color:var(--head,#17252A);}
.agg-do-p{margin-top:auto;padding-top:.3rem;font:700 .9375rem/1.2 var(--font-ui);color:var(--head,#17252A);}
.agg-more{display:flex;flex-wrap:wrap;gap:.2rem 1.5rem;margin:1rem 0 0;}

/* ---------------------------------------------------------------- good to know */
.agg-tips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px;}
.agg-tip{display:flex;gap:.9rem;align-items:flex-start;padding:1.1rem;background:#fff;border:1px solid var(--line,#E5E8E6);border-radius:16px;}
.agg-tip-ic{flex:none;display:grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:12px;background:var(--clay-tint,#E4F2F3);color:var(--clay,#087E8B);}
.agg-tip h3{margin:0 0 .3rem;font:700 1rem/1.3 var(--font-ui);color:var(--head,#17252A);}
.agg-tip p{margin:0;font:400 .9375rem/1.55 var(--font-ui);color:var(--ink,#17252A);}
html[lang="ar"] :is(.agg-tip h3,.agg-season h3,.agg-fact b){font-family:'Tajawal',sans-serif;}

/* ---------------------------------------------------------------- FAQ */
.agg-faq{max-width:860px;}
.agg-faq-i{border-bottom:1px solid var(--line,#E5E8E6);}
.agg-faq-i summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:56px;padding:.6rem 0;cursor:pointer;list-style:none;
  font:600 1rem/1.4 var(--font-ui);color:var(--head,#17252A);}
.agg-faq-i summary::-webkit-details-marker{display:none;}
.agg-faq-i summary::after{content:"";flex:none;width:.55rem;height:.55rem;margin-inline-end:.3rem;border-right:2px solid var(--clay,#087E8B);border-bottom:2px solid var(--clay,#087E8B);
  transform:rotate(45deg) translateY(-3px);transition:transform .2s;}
.agg-faq-i[open] summary::after{transform:rotate(225deg) translateY(-1px);}
.agg-faq-i p{margin:0 0 1rem;max-width:46rem;font:400 .9375rem/1.6 var(--font-ui);color:var(--ink,#17252A);}

/* ---------------------------------------------------------------- end band */
.agg-end{padding-block:clamp(2rem,4vw,3rem);color:#fff;text-align:center;
  background:radial-gradient(36rem 20rem at 50% 120%, rgba(255,181,71,.16), transparent 70%),linear-gradient(180deg,#0D444D,#0A3239);}
.agg-end h2{margin:0 0 .5rem;color:#fff;font:600 clamp(1.5rem,2.6vw,2.125rem)/1.15 var(--font-display);}
html[lang="ar"] .agg-end h2{font-family:'Tajawal',sans-serif;font-weight:800;}
.agg-end p{margin:0 auto 1.4rem;max-width:36rem;color:rgba(255,255,255,.86);font:400 1rem/1.55 var(--font-ui);}
.agg-ctas{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;}
.agg .agg-btn-wa{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:52px;padding:0 1.4rem;border:0;border-radius:999px;
  background:#128C4A;color:#fff!important;font:700 1rem/1 var(--font-ui);text-decoration:none;}
.agg .agg-btn-wa:hover{background:#0E733C;}
.agg .agg-btn-wa .icon{width:1.2rem;height:1.2rem;}

/* ---------------------------------------------------------------- tablets */
@media (max-width:1023px){
  .agg-areas,.agg-gets{grid-template-columns:repeat(2,minmax(0,1fr));}
  .agg-dos{grid-template-columns:repeat(2,minmax(0,1fr));}
  .agg-facts-l{grid-template-columns:repeat(2,minmax(0,1fr));}
  .agg-months{grid-template-columns:repeat(6,minmax(0,1fr));}
  .agg-seasons{grid-template-columns:1fr;}
}
@media (max-width:900px){
  .agg-map{grid-template-columns:minmax(0,1fr);}
  .agg-map .loc-map--static{max-width:640px;}
}
/* ---------------------------------------------------------------- phones */
@media (max-width:700px){
  .agg-hero-in{grid-template-columns:minmax(0,1fr);}
  .agg-hero-ph{aspect-ratio:16/9;}
  .agg .agg-btn-cta{width:100%;}
  .agg-toc{top:var(--hdr-h,62px);}
  .agg-toc-l{display:none;}
  .agg-toc-c{min-height:38px;padding:0 .8rem;font-size:.8125rem;}
  .agg-facts-l{grid-template-columns:minmax(0,1fr);gap:8px;}
  .agg-fact{padding:.8rem .9rem;}
  .agg-areas,.agg-gets,.agg-tips,.agg-map{grid-template-columns:minmax(0,1fr);}
  .agg-free ul{grid-template-columns:minmax(0,1fr);}
  .agg-dos{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
  .agg-do-b{padding:.7rem .75rem .8rem;}
  .agg-do-b b{font-size:.9375rem;}
  .agg-wx{padding:1rem .8rem;}
  .agg-m-bar{height:52px;}
  .agg-ctas .btn{width:100%;}
  /* compact cards: small photo / icon beside the title, text full width under it */
  .agg-area{display:grid;grid-template-columns:84px minmax(0,1fr);column-gap:.9rem;padding:1rem;}
  .agg-area-ph{grid-column:1;grid-row:1 / span 2;width:84px;height:84px;aspect-ratio:auto;border-radius:14px;}
  .agg-area-b{display:contents;}
  .agg-best{grid-column:2;grid-row:1;align-self:end;margin:0 0 .25rem;}
  .agg-area h3{grid-column:2;grid-row:2;align-self:start;margin:0;}
  .agg-area-d,.agg-area-n,.agg-area .agg-link{grid-column:1 / -1;}
  .agg-area-d{margin:.75rem 0 .45rem;}
  .agg-area-n{margin:0;}
  .agg-get{display:grid;grid-template-columns:2.5rem minmax(0,1fr);column-gap:.8rem;padding:1rem;}
  .agg-get-ic{grid-row:1;margin:0;width:2.5rem;height:2.5rem;border-radius:12px;}
  .agg-get h3{grid-column:2;align-self:center;margin:0;font-size:1rem;}
  .agg-get p,.agg-get-l{grid-column:1 / -1;}
  .agg-get p{margin-top:.6rem;}
  .agg-tip{padding:.9rem;}
}
@media (prefers-reduced-motion:reduce){.agg-area,.agg-do,.agg .agg-btn-cta{transition:none;}.agg-area:hover,.agg-do:hover{transform:none;}}

/* ---------------------------------------------------------------- local favourites (2026-10-23) */
.agg-pg + .agg-pg{margin-top:1.4rem;}
.agg-pg .agg-sub-h{display:flex;align-items:center;gap:.5rem;}
.agg-pg .agg-sub-h .icon{width:1.2rem;height:1.2rem;color:var(--clay,#087E8B);}
.agg-pls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 16px;}
.agg-pl{display:flex;gap:.85rem;align-items:flex-start;padding:1rem;background:#fff;border:1px solid var(--line,#E5E8E6);border-radius:16px;}
.agg-pl--ours{border-color:var(--clay,#087E8B);box-shadow:0 0 0 1px var(--clay,#087E8B) inset;}
.agg-pl-ic{flex:none;display:grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:12px;background:var(--sand-soft,#FAF4EA);color:#9A5A12;}
.agg-pl-b{display:flex;flex-direction:column;min-width:0;flex:1;}
.agg-pl h4{margin:0;font:700 1rem/1.3 var(--font-ui);color:var(--head,#17252A);}
html[lang="ar"] .agg-pl h4{font-family:'Tajawal',sans-serif;}
.agg-pl-ours{align-self:flex-start;margin:0 0 .3rem;padding:.15rem .55rem;border-radius:999px;background:var(--clay-tint,#E4F2F3);
  color:var(--clay-deep,#066570);font:700 .75rem/1.3 var(--font-ui);}
.agg-pl-a{display:flex;align-items:center;gap:.3rem;margin:.2rem 0 .4rem;font:500 .8125rem/1.35 var(--font-ui);color:var(--ink-soft,#5C6B6E);}
.agg-pl-a .icon{flex:none;width:.85rem;height:.85rem;}
.agg-pl-d{margin:0 0 .25rem;font:400 .9375rem/1.5 var(--font-ui);color:var(--ink,#17252A);}
.agg-pl-l{margin-top:auto;}
@media (max-width:1023px){.agg-pls{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width:700px){.agg-pls{grid-template-columns:minmax(0,1fr);gap:8px;}.agg-pl{padding:.9rem;}}