/* Exact Payhip Aerosmith fix: remove only the automatic top padding
   added to the first page section. This does not alter widths or parents. */
body[data-theme-key="aerosmith"] .content-main-wrapper .section-wrapper:first-child:not([data-section-key="slideshow"]):not([data-section-key="headline-image-double"]) {
  padding-top: 0 !important;
}
.em-tetouan{
  width:100vw;
  margin-top:0;
  max-width:100vw;
  position:relative;
  left:50%;
  margin-left:-50vw;
  margin-right:-50vw;
  border-radius:0;
  box-shadow:none;
  --em-cream:#fbf5e9;
  --em-paper:#fffaf2;
  --em-ink:#24322f;
  --em-muted:#66736f;
  --em-green:#0c6257;
  --em-green-dark:#084b43;
  --em-orange:#c46f0b;
  --em-gold:#d5a23f;
  --em-purple:#6f4a82;
  --em-line:rgba(12,98,87,.18);
  --em-shadow:0 18px 48px rgba(31,55,48,.12);
  font-family:inherit;
  color:var(--em-ink);
  background:var(--em-cream);
  overflow:hidden;
}
.em-tetouan *{box-sizing:border-box}
.em-tetouan img{display:block;width:100%;height:100%;object-fit:cover}
.em-tetouan a{text-decoration:none}
.em-tetouan .em-btn,.em-tetouan .em-btn:link,.em-tetouan .em-btn:visited,.em-tetouan .em-btn:hover,.em-tetouan .em-btn:focus,.em-tetouan .em-btn:active{text-decoration:none!important;text-decoration-line:none!important}
.em-tetouan .em-btn-primary,.em-tetouan .em-btn-primary:link,.em-tetouan .em-btn-primary:visited,.em-tetouan .em-btn-primary:hover,.em-tetouan .em-btn-primary:focus,.em-tetouan .em-btn-primary:active{color:#fff!important}
.em-tetouan #em-tetouan-landmarks{scroll-margin-top:24px}
.em-tetouan .em-shell{width:min(1500px,calc(100% - 96px));margin:0 auto}
.em-tetouan .em-kicker{margin:0 0 12px;color:var(--em-orange);font-size:.78rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.em-tetouan h1,.em-tetouan h2,.em-tetouan h3{margin-top:0;color:var(--em-green-dark);line-height:1.08}
.em-tetouan h1{font-size:clamp(3.2rem,8vw,7.2rem);letter-spacing:-.045em;margin-bottom:18px}
.em-tetouan h2{font-size:clamp(2rem,4vw,4rem);letter-spacing:-.03em;margin-bottom:18px}
.em-tetouan h3{font-size:1.28rem;margin-bottom:10px}
.em-tetouan p{font-size:1rem;line-height:1.78;margin:0;color:var(--em-muted)}
.em-tetouan .em-lead{font-size:clamp(1.05rem,1.9vw,1.35rem);max-width:760px;color:#f8f2e9;line-height:1.7}
.em-tetouan .em-btns{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}
.em-tetouan .em-btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:13px 22px;border-radius:999px;font-weight:800;transition:.22s ease;border:1px solid transparent}
.em-tetouan .em-btn-primary{background:var(--em-orange);color:#fff;box-shadow:0 10px 24px rgba(196,111,11,.28)}
.em-tetouan .em-btn-primary:hover{transform:translateY(-2px);background:#a95c05}
.em-tetouan .em-btn-secondary{background:rgba(255,255,255,.12);color:white;border-color:rgba(255,255,255,.55);backdrop-filter:blur(7px)}
.em-tetouan .em-btn-secondary:hover{background:white;color:var(--em-green-dark)}
.em-tetouan .em-btn-light{background:white;color:var(--em-green-dark);border-color:rgba(12,98,87,.14)}
.em-tetouan .em-btn-light:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(20,60,50,.12)}

/* Hero */
.em-tetouan .em-hero{position:relative;min-height:780px;display:flex;align-items:flex-end;background:#134f49}
.em-tetouan .em-hero img{position:absolute;inset:0}
.em-tetouan .em-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,46,41,.90) 0%,rgba(5,46,41,.68) 44%,rgba(5,46,41,.20) 100%)}
.em-tetouan .em-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,37,34,.48),transparent 44%)}
.em-tetouan .em-hero-content{position:relative;z-index:2;padding:86px 0 76px}
.em-tetouan .em-hero .em-kicker{color:#ffd9a6}
.em-tetouan .em-hero h1{color:white;max-width:880px}
.em-tetouan .em-title-line{display:block;font-size:clamp(1.15rem,2.1vw,1.8rem);font-weight:500;letter-spacing:.02em;color:#f4d7a2;margin-top:10px}

/* Layout rhythm */
.em-tetouan .em-section{padding:90px 0}
.em-tetouan .em-section-white{background:var(--em-paper)}
.em-tetouan .em-section-green{background:var(--em-green-dark);color:white;position:relative}
.em-tetouan .em-section-green:before{content:"";position:absolute;inset:0;opacity:.05;background-image:url("assets/pattern-01.webp");background-size:760px auto;background-position:center top;background-repeat:repeat;pointer-events:none}
.em-tetouan .em-section-green .em-shell{position:relative}
.em-tetouan .em-section-green h2,.em-tetouan .em-section-green h3{color:white}
.em-tetouan .em-section-green p{color:rgba(255,255,255,.82)}
.em-tetouan .em-grid-2{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center}
.em-tetouan .em-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.em-tetouan .em-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}

.em-tetouan .em-intro-copy p+p{margin-top:18px}
.em-tetouan .em-quote{padding:34px;border-left:5px solid var(--em-orange);background:white;border-radius:0 20px 20px 0;box-shadow:var(--em-shadow)}
.em-tetouan .em-quote strong{display:block;color:var(--em-green-dark);font-size:1.45rem;line-height:1.4;margin-bottom:12px}
.em-tetouan .em-stat{background:white;border:1px solid var(--em-line);border-radius:20px;padding:30px;min-height:280px}
.em-tetouan .em-stat span{display:block;color:var(--em-orange);font-weight:900;font-size:1.55rem;margin-bottom:12px}
.em-tetouan .em-stat p{font-size:.96rem;line-height:1.72}

.em-tetouan .em-card{background:white;border-radius:24px;overflow:hidden;box-shadow:var(--em-shadow);border:1px solid rgba(12,98,87,.08);height:100%}
.em-tetouan .em-card-image{height:420px;padding:18px 18px 0;display:flex;align-items:center;justify-content:center;background:#fffaf2;overflow:hidden}
.em-tetouan .em-card-image img{width:100%;height:100%;object-fit:contain;transform:none!important}
.em-tetouan .em-card:hover .em-card-image img{transform:none!important}
.em-tetouan .em-card-body{padding:28px}
.em-tetouan .em-card-tag{display:inline-flex;padding:7px 11px;border-radius:999px;background:#f3e5cd;color:#9b5707;font-size:.72rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;margin-bottom:14px}

/* History timeline */
.em-tetouan .em-history-section{background:linear-gradient(135deg,#f5ead7 0%,#fffaf2 52%,#f3e3cb 100%);position:relative}
.em-tetouan .em-history-section:before{content:"";position:absolute;right:-150px;top:-80px;width:360px;height:360px;border-radius:50%;border:46px solid rgba(196,111,11,.08)}
.em-tetouan .em-history-section .em-shell{position:relative}
.em-tetouan .em-history-intro{max-width:930px;font-size:1.06rem}
.em-tetouan .em-history-timeline{margin-top:34px;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;position:relative}
.em-tetouan .em-history-timeline:before{content:"";position:absolute;left:0;right:0;top:34px;height:2px;background:linear-gradient(90deg,rgba(196,111,11,.25),rgba(12,98,87,.18))}
.em-tetouan .em-history-card{position:relative;background:white;border:1px solid rgba(12,98,87,.09);border-radius:24px;padding:28px 24px 24px;box-shadow:var(--em-shadow);min-height:240px;z-index:1}
.em-tetouan .em-history-step{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:var(--em-green-dark);color:white;font-weight:800;margin-bottom:16px;box-shadow:0 10px 24px rgba(12,98,87,.18)}
.em-tetouan .em-history-date{display:block;color:var(--em-orange);font-size:.75rem;font-weight:900;letter-spacing:.10em;text-transform:uppercase;margin-bottom:10px}
.em-tetouan .em-history-card h3{font-size:1.25rem}
.em-tetouan .em-history-card p{font-size:.94rem;line-height:1.68}

/* New visual bridge */
.em-tetouan .em-origins-strip{padding-top:72px;padding-bottom:72px;background:#fffaf2}
.em-tetouan .em-origins-intro{max-width:850px;text-align:center;margin:0 auto 34px}
.em-tetouan .em-circle-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;align-items:start;max-width:1180px;margin:0 auto}
.em-tetouan .em-circle-item{text-align:center}
.em-tetouan .em-circle-frame{width:min(100%,330px);aspect-ratio:1/1;margin:0 auto 18px;border-radius:50%;overflow:hidden;background:#f1e6d6;box-shadow:var(--em-shadow);padding:10px;display:flex;align-items:center;justify-content:center}
.em-tetouan .em-circle-frame img{width:100%;height:100%;object-fit:contain}
.em-tetouan .em-circle-item h3{font-size:1.16rem;margin-bottom:8px}
.em-tetouan .em-circle-item p{font-size:.95rem;max-width:330px;margin:0 auto}

/* Landmark list */
.em-tetouan .em-landmarks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:28px}
.em-tetouan .em-landmark{display:flex;gap:14px;align-items:flex-start;padding:18px;background:rgba(3,46,41,.78);border:1px solid rgba(255,255,255,.18);border-radius:18px;box-shadow:0 10px 24px rgba(0,0,0,.10)}
.em-tetouan .em-number{flex:0 0 34px;width:34px;height:34px;border-radius:50%;background:var(--em-orange);display:grid;place-items:center;color:white;font-weight:900}
.em-tetouan .em-landmark strong{display:block;color:white;margin-bottom:5px}
.em-tetouan .em-landmark p{font-size:.9rem;line-height:1.55}
.em-tetouan .em-landmark-visual{position:relative;min-height:670px;border-radius:28px;overflow:hidden;box-shadow:0 24px 60px rgba(0,0,0,.22)}
.em-tetouan .em-landmark-visual img{position:absolute;inset:0}
.em-tetouan .em-badge-circle{position:absolute;right:22px;bottom:22px;width:170px;height:170px;border-radius:50%;overflow:hidden;background:rgba(255,250,242,.95);padding:8px;box-shadow:0 18px 44px rgba(0,0,0,.20);border:4px solid rgba(255,255,255,.9)}
.em-tetouan .em-badge-circle img{width:100%;height:100%;object-fit:contain}

/* Split feature */
.em-tetouan .em-feature{display:grid;grid-template-columns:1fr 1fr;min-height:620px;background:var(--em-paper)}
.em-tetouan .em-feature-image{min-height:620px;padding:36px;display:flex;align-items:center;justify-content:center;background:var(--em-paper)}
.em-tetouan .em-feature-image img{width:88%;height:88%;border-radius:34px;object-fit:cover;box-shadow:var(--em-shadow)}
.em-tetouan .em-feature-copy{display:flex;align-items:center;padding:70px clamp(34px,6vw,90px);background:var(--em-paper)}
.em-tetouan .em-checks{list-style:none;padding:0;margin:26px 0 0;display:grid;gap:13px}
.em-tetouan .em-checks li{position:relative;padding-left:30px;color:var(--em-muted);line-height:1.55}
.em-tetouan .em-checks li:before{content:"✦";position:absolute;left:0;color:var(--em-orange);font-weight:900}

/* Gallery */
.em-tetouan .em-gallery{display:grid;grid-template-columns:1.3fr .7fr .7fr;grid-template-rows:330px 330px;gap:18px}
.em-tetouan .em-gallery figure{margin:0;border-radius:24px;overflow:hidden;position:relative;min-height:330px}
.em-tetouan .em-gallery figure:first-child{grid-row:1/3}
.em-tetouan .em-gallery figure:after{content:"";position:absolute;inset:48% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.48))}
.em-tetouan .em-gallery figcaption{position:absolute;left:16px;right:16px;bottom:14px;color:white;font-size:.82rem;font-weight:800;text-shadow:0 2px 10px rgba(0,0,0,.65);z-index:2}

/* Info cards */
.em-tetouan .em-info-card{background:#f4ead9;border-radius:22px;padding:28px;border:1px solid rgba(196,111,11,.18)}
.em-tetouan .em-info-card h3{color:var(--em-green-dark)}
.em-tetouan .em-info-card p{font-size:.95rem}
.em-tetouan .em-note{margin-top:24px;padding:18px 20px;border-radius:16px;background:#fff5e7;border-left:4px solid var(--em-orange);font-size:.9rem;color:#76552b;line-height:1.6}
.em-tetouan .em-nearby-card{padding:0;overflow:hidden;display:flex;flex-direction:column;height:100%}
.em-tetouan .em-nearby-copy{padding:28px 28px 22px}
.em-tetouan .em-nearby-photo{margin:auto 18px 18px}
.em-tetouan .em-nearby-photo-frame{aspect-ratio:16/10;border-radius:20px;overflow:hidden;background:#ddd1bd;box-shadow:0 12px 28px rgba(31,55,48,.10)}
.em-tetouan .em-nearby-photo-frame img{width:100%;height:100%;object-fit:cover}

/* Guide CTA */
.em-tetouan .em-guide{display:grid;grid-template-columns:.72fr 1.28fr;gap:50px;align-items:center;background:linear-gradient(135deg,#0a5a50,#083f39);border-radius:30px;padding:42px;color:white;overflow:hidden;position:relative}
.em-tetouan .em-guide:after{content:"";position:absolute;width:380px;height:380px;border:60px solid rgba(255,255,255,.05);border-radius:50%;right:-160px;top:-120px}
.em-tetouan .em-guide-cover{position:relative;z-index:2;max-width:330px;margin:auto;filter:drop-shadow(0 26px 26px rgba(0,0,0,.32))}
.em-tetouan .em-guide-cover img{height:auto;border-radius:10px}
.em-tetouan .em-guide-copy{position:relative;z-index:2}
.em-tetouan .em-guide h2{color:white}
.em-tetouan .em-guide p{color:rgba(255,255,255,.82)}
.em-tetouan .em-guide-points{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 22px;margin:24px 0 0}
.em-tetouan .em-guide-points span{color:#f8ead2;font-size:.92rem}

/* Final */
.em-tetouan .em-final{padding:74px 0;text-align:center;background:var(--em-orange);position:relative;overflow:hidden}
.em-tetouan .em-final:before{content:"";position:absolute;inset:0;opacity:.15;background-image:radial-gradient(circle at center,transparent 0 8px,#fff 9px 10px,transparent 11px 26px,#fff 27px 28px,transparent 29px);background-size:58px 58px}
.em-tetouan .em-final .em-shell{position:relative}
.em-tetouan .em-final h2{color:white;max-width:820px;margin-left:auto;margin-right:auto}
.em-tetouan .em-final p{color:rgba(255,255,255,.86);max-width:700px;margin:0 auto}
.em-tetouan .em-final .em-btns{justify-content:center}

@media (max-width:980px){
  .em-tetouan .em-shell{width:min(100% - 32px,860px)}
  .em-tetouan .em-hero{min-height:690px}
  .em-tetouan .em-grid-2,.em-tetouan .em-guide,.em-tetouan .em-feature{grid-template-columns:1fr}
  .em-tetouan .em-grid-3{grid-template-columns:1fr 1fr}
  .em-tetouan .em-grid-4{grid-template-columns:1fr 1fr}
  .em-tetouan .em-history-timeline{grid-template-columns:1fr 1fr}
  .em-tetouan .em-history-timeline:before{display:none}
  .em-tetouan .em-circle-row{grid-template-columns:1fr}
  .em-tetouan .em-landmark-visual{min-height:520px}
  .em-tetouan .em-gallery{grid-template-columns:1fr 1fr;grid-template-rows:420px 280px 280px}
  .em-tetouan .em-gallery figure:first-child{grid-column:1/3;grid-row:auto}
  .em-tetouan .em-guide-cover{max-width:260px}
}
@media (max-width:620px){
  .em-tetouan{margin-top:-72px}
  .em-tetouan .em-shell{width:calc(100% - 24px)}
  .em-tetouan .em-section{padding:66px 0}
  .em-tetouan .em-hero{min-height:620px}
  .em-tetouan .em-hero-content{padding:70px 0 54px}
  .em-tetouan .em-grid-3,.em-tetouan .em-grid-4,.em-tetouan .em-landmarks,.em-tetouan .em-guide-points,.em-tetouan .em-history-timeline{grid-template-columns:1fr}
  .em-tetouan .em-gallery{grid-template-columns:1fr;grid-template-rows:360px repeat(3,250px)}
  .em-tetouan .em-gallery figure:first-child{grid-column:auto}
  .em-tetouan .em-feature-image{min-height:420px;padding:24px}
  .em-tetouan .em-feature-image img{width:92%;height:92%}
  .em-tetouan .em-card-image{height:340px}
  .em-tetouan .em-stat{min-height:auto}
  .em-tetouan .em-btn{width:100%}
  .em-tetouan .em-badge-circle{width:122px;height:122px;right:14px;bottom:14px}
}


/* =========================================================
   FINAL V6 — requested refinements only.
   Original V4 typography/font rules are intentionally preserved.
   ========================================================= */
html{scroll-behavior:smooth}

/* 1. Remove Payhip section gap; hero starts directly below the site header. */
.em-tetouan{margin-top:0!important}
.em-tetouan .em-hero{min-height:820px!important;margin:0!important;padding:0!important}
.em-tetouan .em-hero>img{object-position:center 38%;filter:brightness(1.10) saturate(1.06) contrast(1.02)}
.em-tetouan .em-hero:before{background:linear-gradient(90deg,rgba(5,46,41,.80) 0%,rgba(5,46,41,.52) 45%,rgba(5,46,41,.10) 100%)}
#em-tetouan-landmarks{scroll-margin-top:128px}

/* 2. History: different, rich green zellige background; highly readable text/cards. */
.em-tetouan .em-history-final{
  background-color:#315f56!important;
  background-image:linear-gradient(rgba(23,74,65,.88),rgba(23,74,65,.92)),url("assets/pattern-02.webp")!important;
  background-size:cover,520px auto!important;
  background-position:center,center!important;
  background-repeat:no-repeat,repeat!important;
}
.em-tetouan .em-history-final:before{display:none!important}
.em-tetouan .em-history-final .em-kicker{color:#ffd39a!important}
.em-tetouan .em-history-final h2{color:#fff!important}
.em-tetouan .em-history-final .em-history-intro{color:rgba(255,255,255,.88)!important}
.em-tetouan .em-history-final .em-history-card{background:rgba(255,250,242,.97)!important}

/* 3. Three visual circles: larger, centred, no border/outside line. */
.em-tetouan .em-bridge-final{background:linear-gradient(135deg,#fffaf2 0%,#edf5f0 100%)!important}
.em-tetouan .em-bridge-final .em-circle-row{max-width:1320px!important;gap:46px!important;justify-items:center!important}
.em-tetouan .em-bridge-final .em-circle-item{max-width:390px!important}
.em-tetouan .em-bridge-final .em-circle-frame{
  width:360px!important;height:360px!important;max-width:100%!important;
  padding:0!important;border:0!important;outline:0!important;
  background:transparent!important;box-shadow:0 20px 45px rgba(31,55,48,.15)!important;
  border-radius:50%!important;overflow:hidden!important;
}
.em-tetouan .em-bridge-final .em-circle-frame img{object-fit:contain!important}

/* 4. At a glance: cool, distinct background from the previous section. */
.em-tetouan .em-at-glance-final{
  background:linear-gradient(135deg,#e7f1f4 0%,#eef5ef 52%,#f8efe2 100%)!important;
  position:relative!important;
}
.em-tetouan .em-at-glance-final:before{
  content:"";position:absolute;right:-110px;top:-150px;width:390px;height:390px;
  border-radius:50%;border:58px solid rgba(111,74,130,.07);pointer-events:none;
}
.em-tetouan .em-at-glance-final .em-shell{position:relative}
.em-tetouan .em-at-glance-final .em-stat{background:rgba(255,255,255,.91)!important;backdrop-filter:blur(4px)}

/* 5. Landmarks: transparent zellige texture, readable overlay, no small badge circle. */
.em-tetouan .em-landmarks-final{
  background-color:#084b43!important;
  background-image:linear-gradient(rgba(8,75,67,.90),rgba(8,75,67,.93)),url("assets/pattern-03.webp")!important;
  background-size:cover,560px auto!important;
  background-position:center,center!important;
  background-repeat:no-repeat,repeat!important;
}
.em-tetouan .em-landmarks-final .em-landmark{background:rgba(3,46,41,.82)!important}
.em-tetouan .em-landmarks-final .em-landmark-visual{background:rgba(255,250,242,.10)!important;display:flex;align-items:center;justify-content:center;padding:28px}
.em-tetouan .em-landmarks-final .em-landmark-visual>img{position:static!important;object-fit:contain!important;width:100%!important;height:100%!important}
.em-tetouan .em-landmarks-final .em-badge-circle{display:none!important}

/* 6. Five-photo rectangular gallery; the royal-stables photo fills the final slot. */
.em-tetouan .em-texture-final{background:linear-gradient(180deg,#fffdf9 0%,#f5eee2 100%)!important}
.em-tetouan .em-texture-final .em-gallery{
  grid-template-columns:1.28fr .86fr .86fr!important;
  grid-template-rows:330px 330px!important;
}
.em-tetouan .em-texture-final .em-gallery figure{border-radius:24px!important;overflow:hidden!important;min-height:0!important}
.em-tetouan .em-texture-final .em-gallery figure:first-child{grid-row:1/3!important}
.em-tetouan .em-texture-final .em-gallery img{object-fit:cover!important;border-radius:0!important}

/* 7. Practical section: visibly different from Nearby Heritage above it. */
.em-tetouan .em-practical-final{
  background:linear-gradient(135deg,#e8f3ef 0%,#f4f8f5 45%,#fff2df 100%)!important;
  border-top:1px solid rgba(12,98,87,.10);
}
.em-tetouan .em-practical-final .em-quote{background:rgba(255,255,255,.95)!important}

@media(max-width:980px){
  .em-tetouan .em-bridge-final .em-circle-frame{width:320px!important;height:320px!important}
  .em-tetouan .em-texture-final .em-gallery{grid-template-columns:1fr 1fr!important;grid-template-rows:420px 280px 280px!important}
  .em-tetouan .em-texture-final .em-gallery figure:first-child{grid-column:1/3!important;grid-row:auto!important}
}
@media(max-width:620px){
  .em-tetouan .em-hero{min-height:650px!important}
  .em-tetouan .em-bridge-final .em-circle-frame{width:286px!important;height:286px!important}
  .em-tetouan .em-texture-final .em-gallery{grid-template-columns:1fr!important;grid-template-rows:360px repeat(4,250px)!important}
  .em-tetouan .em-texture-final .em-gallery figure:first-child{grid-column:auto!important}
}

/* V6.4: new approved Meknès hero image — layout and typography unchanged */
.em-tetouan .em-hero > img{object-position:center center!important;}



/* Meknès only: slightly darker premium overlay for stronger readability */
.em-tetouan .em-hero::before{
  background:linear-gradient(
    90deg,
    rgba(3,31,28,.93) 0%,
    rgba(3,31,28,.72) 42%,
    rgba(3,31,28,.38) 72%,
    rgba(3,31,28,.24) 100%
  ) !important;
}

.em-tetouan .em-hero::after{
  background:
    linear-gradient(
      180deg,
      rgba(2,24,22,.60) 0%,
      rgba(2,24,22,.30) 20%,
      rgba(2,24,22,.04) 48%
    ),
    linear-gradient(
      0deg,
      rgba(2,24,22,.45) 0%,
      rgba(2,24,22,.13) 30%,
      rgba(2,24,22,0) 52%
    ) !important;
}

.em-tetouan .em-hero h1,
.em-tetouan .em-hero .em-title-line,
.em-tetouan .em-hero .em-lead,
.em-tetouan .em-hero .em-kicker{
  text-shadow:0 3px 20px rgba(0,0,0,.54);
}



/* =========================================================
   FINAL — Payhip-safe editorial build + user-approved image treatment.
   The V6 working master remains intact underneath these overrides.
   ========================================================= */

/* Full-bleed, rectangular photography in the three-layer section. */
.em-tetouan .em-city-layers-final .em-card-image{
  height:auto!important;
  aspect-ratio:4/3!important;
  padding:0!important;
  background:#d8c2aa!important;
  overflow:hidden!important;
}
.em-tetouan .em-city-layers-final .em-card-image img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  border-radius:0!important;
  transform:none!important;
}
.em-tetouan .em-city-layers-final .em-card:nth-child(1) .em-card-image img{object-position:center 48%!important}
.em-tetouan .em-city-layers-final .em-card:nth-child(2) .em-card-image img{object-position:center 60%!important}
.em-tetouan .em-city-layers-final .em-card:nth-child(3) .em-card-image img{object-position:center 52%!important}

/* Darker coffee-and-milk atmosphere with a restrained geometric texture. */
.em-tetouan .em-at-glance-final{
  background-color:#a88667!important;
  background-image:
    linear-gradient(135deg,rgba(83,57,38,.24),rgba(92,64,43,.35)),
    url("assets/pattern-04.webp")!important;
  background-size:cover,760px auto!important;
  background-position:center,center!important;
  background-repeat:no-repeat,repeat!important;
}
.em-tetouan .em-at-glance-final:before{display:none!important}
.em-tetouan .em-at-glance-final .em-kicker{color:#5b3213!important}
.em-tetouan .em-at-glance-final .em-stat{
  background:rgba(255,249,239,.94)!important;
  border-color:rgba(77,50,31,.16)!important;
  box-shadow:0 18px 42px rgba(70,46,28,.16)!important;
}

/* Use the user's exact green geometric design behind the landmark section. */
.em-tetouan .em-landmarks-final{
  background-color:#0a5148!important;
  background-image:
    linear-gradient(180deg,rgba(5,61,54,.79),rgba(5,54,48,.87)),
    url("assets/pattern-05.webp")!important;
  background-size:cover,760px auto!important;
  background-position:center,center!important;
  background-repeat:no-repeat,repeat!important;
}
.em-tetouan .em-landmarks-final:before{display:none!important}
.em-tetouan .em-landmarks-final .em-landmark{
  background:rgba(3,43,39,.86)!important;
  border-color:rgba(255,255,255,.22)!important;
}

/* Bou Inania: keep the image legible and the interior treatment calm. */
.em-tetouan .em-bou-inania-final .em-feature-image{background:#efe2d0!important}
.em-tetouan .em-bou-inania-final .em-feature-image img{object-position:center 44%!important}
.em-tetouan .em-bou-inania-final .em-feature-copy{background:#fffaf2!important}

/* Nearby heritage and landscape: three distinct, accurately framed extensions. */
.em-tetouan .em-nearby-intro{max-width:980px;margin:0 0 30px;font-size:1.02rem}
.em-tetouan .em-nearby-grid-final{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;
  max-width:none;
}
.em-tetouan .em-nearby-final{
  position:relative;
  background:
    radial-gradient(circle at 12% 18%,rgba(213,162,63,.16),transparent 30%),
    radial-gradient(circle at 88% 82%,rgba(196,111,11,.12),transparent 32%),
    repeating-linear-gradient(45deg,rgba(255,248,236,.022) 0 1px,transparent 1px 18px),
    linear-gradient(135deg,#173f38 0%,#273b34 54%,#493226 100%)!important;
}
.em-tetouan .em-nearby-final .em-shell{position:relative}
.em-tetouan .em-nearby-final .em-kicker{color:#f3bd70!important}
.em-tetouan .em-nearby-final h2{color:#fff8ec!important}
.em-tetouan .em-nearby-final .em-nearby-intro{color:rgba(255,248,236,.86)!important}
.em-tetouan .em-nearby-final .em-info-card{
  background:linear-gradient(180deg,rgba(255,250,242,.98),rgba(236,220,196,.98))!important;
  border-color:rgba(232,175,92,.48)!important;
  box-shadow:0 22px 52px rgba(5,25,22,.28)!important;
}
.em-tetouan .em-nearby-final .em-nearby-photo-frame{
  border:1px solid rgba(122,82,44,.18);
  box-shadow:0 14px 30px rgba(31,40,34,.16)!important;
}
.em-tetouan .em-nearby-final .em-note{
  background:rgba(255,248,236,.96)!important;
  color:#664a2f!important;
  box-shadow:0 12px 30px rgba(5,25,22,.18);
}
.em-tetouan .em-nearby-copy-landscape{padding-bottom:8px!important}
.em-tetouan .em-nearby-grid-final .em-nearby-card:nth-child(3) .em-nearby-photo{margin:4px 18px 18px}
.em-tetouan .em-nearby-grid-final .em-nearby-card:nth-child(3) .em-nearby-photo-frame{aspect-ratio:16/11}
.em-tetouan .em-nearby-caption{
  margin:9px 4px 0!important;
  color:#75695d!important;
  font-size:.72rem!important;
  line-height:1.45!important;
  font-style:italic;
}

@media(max-width:1080px){
  .em-tetouan .em-nearby-grid-final{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:720px){
  .em-tetouan .em-nearby-grid-final{grid-template-columns:1fr}
}
@media(max-width:620px){
  .em-tetouan .em-city-layers-final .em-card-image{aspect-ratio:16/11!important}
  .em-tetouan .em-nearby-intro{font-size:.98rem}
}
/* Final quick refinement: dark textured Nearby section; mountain card title removed. */

/* MASTER FINAL — last approved refinements only. */

/* Three glimpses: let each photograph fill its large circular frame completely. */
.em-tetouan .em-bridge-final .em-circle-frame{
  padding:0!important;
  background:#d8c6ae!important;
}
.em-tetouan .em-bridge-final .em-circle-frame img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
  transform:scale(1.01)!important;
}

/* Nearby heritage and landscape: dark coffee-and-milk palette with a quiet geometric texture. */
.em-tetouan .em-nearby-final{
  background-color:#5a4436!important;
  background-image:
    radial-gradient(circle at 14% 18%,rgba(247,224,190,.15),transparent 31%),
    radial-gradient(circle at 88% 82%,rgba(197,143,88,.13),transparent 34%),
    repeating-linear-gradient(45deg,rgba(255,246,231,.028) 0 1px,transparent 1px 18px),
    repeating-linear-gradient(-45deg,rgba(255,246,231,.018) 0 1px,transparent 1px 18px),
    linear-gradient(135deg,#49362d 0%,#6d5341 54%,#3f3029 100%)!important;
  background-size:auto,auto,auto,auto,cover!important;
  background-position:center!important;
  background-repeat:no-repeat,no-repeat,repeat,repeat,no-repeat!important;
}
.em-tetouan .em-nearby-final .em-kicker{color:#f2c58c!important}
.em-tetouan .em-nearby-final h2{color:#fff8ec!important}
.em-tetouan .em-nearby-final .em-nearby-intro{color:rgba(255,248,236,.90)!important}



/* =========================================================
   FINAL LARGE-CIRCLES FIX — Three glimpses only.
   Full-width desktop composition; no other section changed.
   ========================================================= */
.em-tetouan .em-bridge-final .em-shell{
  width:min(1800px,calc(100% - 40px))!important;
}
.em-tetouan .em-bridge-final .em-circle-row{
  width:100%!important;
  max-width:none!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:clamp(24px,2.2vw,42px)!important;
  justify-items:stretch!important;
  align-items:start!important;
}
.em-tetouan .em-bridge-final .em-circle-item{
  width:100%!important;
  max-width:none!important;
}
.em-tetouan .em-bridge-final .em-circle-frame{
  width:min(100%,500px)!important;
  height:auto!important;
  aspect-ratio:1/1!important;
  margin:0 auto 22px!important;
}
@media(max-width:980px){
  .em-tetouan .em-bridge-final .em-shell{width:min(100% - 32px,900px)!important}
  .em-tetouan .em-bridge-final .em-circle-row{grid-template-columns:1fr!important;gap:38px!important}
  .em-tetouan .em-bridge-final .em-circle-frame{width:min(82vw,440px)!important;height:auto!important}
}
@media(max-width:620px){
  .em-tetouan .em-bridge-final .em-shell{width:calc(100% - 24px)!important}
  .em-tetouan .em-bridge-final .em-circle-frame{width:min(88vw,360px)!important;height:auto!important}
}



/* =========================================================
   DEFINITIVE NEARBY-CARD PALETTE — light coffee brown.
   Matches the dark coffee-and-milk section while preserving
   strong contrast and legibility.
   ========================================================= */
.em-tetouan .em-nearby-final .em-info-card{
  background:linear-gradient(145deg,#cfb89f 0%,#bea083 100%)!important;
  border:1px solid rgba(255,239,215,.42)!important;
  box-shadow:0 22px 52px rgba(31,20,14,.30)!important;
}
.em-tetouan .em-nearby-final .em-info-card h3{
  color:#103f39!important;
}
.em-tetouan .em-nearby-final .em-info-card p{
  color:#3f3933!important;
}
.em-tetouan .em-nearby-final .em-nearby-photo-frame{
  border:1px solid rgba(91,58,37,.30)!important;
  box-shadow:0 14px 30px rgba(49,31,21,.20)!important;
}
.em-tetouan .em-nearby-final .em-nearby-caption{
  color:#57483d!important;
}



/* FINAL APPROVED UPDATE — requested changes only.
   1) Mountain-image caption removed.
   2) Nearby palette matched exactly to the approved Rabat section. */
.em-tetouan .em-nearby-final{
  background-color:#80644f!important;
  background-image:
    radial-gradient(circle at 14% 18%,rgba(255,235,207,.19),transparent 31%),
    radial-gradient(circle at 88% 82%,rgba(205,153,102,.16),transparent 34%),
    repeating-linear-gradient(45deg,rgba(255,248,236,.035) 0 1px,transparent 1px 18px),
    repeating-linear-gradient(-45deg,rgba(255,248,236,.022) 0 1px,transparent 1px 18px),
    linear-gradient(135deg,#705744 0%,#8b6d55 54%,#675044 100%)!important;
  background-size:auto,auto,auto,auto,cover!important;
  background-position:center!important;
  background-repeat:no-repeat,no-repeat,repeat,repeat,no-repeat!important;
}
.em-tetouan .em-nearby-final .em-kicker{color:#f7d09d!important}
.em-tetouan .em-nearby-final h2{color:#fffaf1!important}
.em-tetouan .em-nearby-final .em-nearby-intro{color:rgba(255,250,241,.92)!important}
.em-tetouan .em-nearby-final .em-info-card{
  background:linear-gradient(145deg,#ead8c1 0%,#dbc1a4 100%)!important;
  border:1px solid rgba(255,244,226,.58)!important;
  box-shadow:0 20px 46px rgba(49,32,22,.24)!important;
}
.em-tetouan .em-nearby-final .em-info-card h3{color:#17483f!important}
.em-tetouan .em-nearby-final .em-info-card p{color:#4a4037!important}
.em-tetouan .em-nearby-final .em-note{
  background:rgba(234,216,193,.96)!important;
  color:#4d4035!important;
  border-left-color:#b86a16!important;
  box-shadow:0 12px 28px rgba(49,32,22,.18)!important;
}



html,body{margin:0;padding:0;background:#fbf5e9;overflow-x:hidden}
body{font-family:"Helvetica Neue",Arial,sans-serif;color:#24322f}
.em-tetouan{left:0!important;margin-left:0!important;margin-right:0!important;width:100%!important;max-width:100%!important}
.em-tetouan .em-hero>img{object-position:center 44%!important}
.em-tetouan .em-city-layers-final .em-card:nth-child(1) .em-card-image img{object-position:center 48%!important}
.em-tetouan .em-city-layers-final .em-card:nth-child(2) .em-card-image img{object-position:center 50%!important}
.em-tetouan .em-city-layers-final .em-card:nth-child(3) .em-card-image img{object-position:center 52%!important}
.em-tetouan .em-landmarks-final .em-landmark-visual{aspect-ratio:1/1;min-height:0!important;border-radius:50%!important;background:rgba(255,250,242,.08)!important;padding:0!important;box-shadow:0 24px 60px rgba(0,0,0,.22)}
.em-tetouan .em-landmarks-final .em-landmark-visual>img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important}
.em-tetouan .em-bou-inania-final .em-feature-image img{object-position:center 48%!important}
.em-tetouan .em-gallery figure:nth-child(1) img{object-position:center 52%!important}
.em-tetouan .em-gallery figure:nth-child(2) img{object-position:center 44%!important}
.em-tetouan .em-gallery figure:nth-child(3) img{object-position:center 50%!important}
.em-tetouan .em-gallery figure:nth-child(4) img{object-position:center 45%!important}
.em-tetouan .em-gallery figure:nth-child(5) img{object-position:center 50%!important}
.em-tetouan .em-nearby-grid-final .em-nearby-card:nth-child(3) .em-nearby-photo{margin:auto 18px 18px!important}
.em-tetouan .em-nearby-grid-final .em-nearby-card:nth-child(3) .em-nearby-photo-frame{aspect-ratio:16/10!important}
.em-tetouan .em-nearby-photo-frame{aspect-ratio:16/10!important}
.em-tetouan .em-nearby-photo-frame img{object-fit:cover!important;width:100%!important;height:100%!important}
.em-tetouan .em-nearby-card{height:100%!important}
.em-tetouan .em-guide-cover img{object-fit:contain!important;height:auto!important}
@media(max-width:620px){
  .em-tetouan{margin-top:0!important}
  .em-tetouan .em-landmarks-final .em-landmark-visual{max-width:520px;margin:0 auto}
}