@import url('https://fonts.googleapis.com/css2?family=Reem+Kufi+Ink&family=Noto+Naskh+Arabic:wght@400;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Kufi+Arabic:wght@400;600;700;800&family=Noto+Naskh+Arabic:wght@400;600;700&display=swap');
*{box-sizing:border-box}:root{--paper:#f7f1e5;--papyrus:#ead9b8;--ink:#181613;--muted:#5f584d;--gold:#b99145;--gold-soft:#dfc07a;--nile:#173f5f;--white:#fffaf0;--shadow:0 24px 70px rgba(24,22,19,.18);--radius-lg:28px;--radius-md:18px}body{margin:0;font-family:Georgia,"Times New Roman",serif;color:var(--ink);background:radial-gradient(circle at 10% 10%,rgba(185,145,69,.14),transparent 28rem),linear-gradient(135deg,#fffaf0 0%,var(--paper) 45%,#efe0c4 100%)}a{color:inherit}.site-header{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1rem clamp(1rem,4vw,4rem);background:rgba(255,250,240,.88);backdrop-filter:blur(16px);border-bottom:1px solid rgba(185,145,69,.24)}.brand{display:inline-flex;align-items:center;gap:.8rem;text-decoration:none}.brand-mark{width:46px;height:46px;display:grid;place-items:center;border:1px solid var(--gold);border-radius:50%;color:var(--gold);background:rgba(255,255,255,.55);font-size:1.45rem}.brand strong,.brand small{display:block}.brand small{color:var(--muted);margin-top:.12rem}.top-nav{display:flex;align-items:center;gap:1rem;font-family:Arial,sans-serif;font-size:.95rem}.top-nav a{text-decoration:none;color:var(--muted)}.top-nav a:hover{color:var(--ink)}.hero{min-height:calc(100vh - 80px);display:grid;grid-template-columns:minmax(0,.95fr) minmax(360px,1.05fr);align-items:center;gap:clamp(2rem,4vw,5rem);padding:clamp(2rem,5vw,6rem) clamp(1rem,4vw,4rem);overflow:hidden}.eyebrow{margin:0 0 .8rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);font-family:Arial,sans-serif;font-size:.78rem;font-weight:700}h1,h2,h3{margin:0;line-height:1.02}h1{font-size:clamp(2.4rem,5.7vw,6rem);letter-spacing:-.06em}h2{font-size:clamp(2rem,3.5vw,4.2rem);letter-spacing:-.04em}.hero-subtitle,.heritage-line,.section p,.detail-card p{color:var(--muted);font-size:clamp(1.05rem,1.35vw,1.25rem);line-height:1.7}.heritage-line{border-left:3px solid var(--gold);padding-left:1rem}.hero-actions{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:2rem}.button,.platform-button,.start-grid a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.78rem 1.1rem;border-radius:999px;text-decoration:none;font-family:Arial,sans-serif;font-weight:700;border:1px solid rgba(185,145,69,.38)}.button.primary,.platform-button.active{background:var(--ink);color:var(--white);border-color:var(--ink)}.button.secondary,.platform-button.disabled{background:rgba(255,255,255,.55);color:var(--ink)}.carousel-panel{position:relative;padding:clamp(1rem,2vw,2rem);border:1px solid rgba(185,145,69,.35);border-radius:var(--radius-lg);background:linear-gradient(180deg,rgba(255,255,255,.70),rgba(234,217,184,.40)),repeating-linear-gradient(90deg,rgba(185,145,69,.05) 0,rgba(185,145,69,.05) 1px,transparent 1px,transparent 26px);box-shadow:var(--shadow)}.carousel-shell{display:grid;grid-template-columns:48px 1fr 48px;align-items:center;gap:.6rem}.carousel-arrow{width:48px;height:48px;border-radius:50%;border:1px solid rgba(185,145,69,.48);background:rgba(255,250,240,.85);color:var(--ink);font-size:2rem;cursor:pointer}.carousel-arrow:hover{background:var(--ink);color:var(--white)}.book-stage{min-height:420px;display:grid;grid-template-columns:.75fr 1.15fr .75fr;align-items:center;gap:clamp(.4rem,2vw,1rem)}.carousel-book{display:grid;place-items:center;text-decoration:none;transform:scale(.82);opacity:.56;transition:transform 220ms ease,opacity 220ms ease}.carousel-book.active{transform:scale(1);opacity:1}.cover-card{width:min(100%,250px);aspect-ratio:2/3;padding:1rem;border-radius:16px;background:linear-gradient(145deg,rgba(23,63,95,.96),rgba(24,22,19,.96)),radial-gradient(circle at center,rgba(223,192,122,.3),transparent 50%);color:var(--white);border:1px solid rgba(223,192,122,.55);display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 24px 50px rgba(24,22,19,.26);text-align:center}.cover-card img{width:100%;height:100%;object-fit:cover;border-radius:12px}.cover-symbol{color:var(--gold-soft);font-size:2rem}.cover-title{font-size:1.05rem;line-height:1.25;font-weight:700}.cover-price{font-family:Arial,sans-serif;font-size:.85rem;color:rgba(255,250,240,.8)}.book-details{margin-top:1.4rem;text-align:center}.book-details h2{font-size:clamp(1.5rem,2.4vw,2.35rem)}.book-details p{margin:.7rem auto 0;max-width:620px}.platform-row{display:flex;justify-content:center;gap:.6rem;flex-wrap:wrap;margin-top:1rem}.platform-button.disabled{cursor:not-allowed;opacity:.58}.section{padding:clamp(3rem,5vw,6rem) clamp(1rem,4vw,4rem)}.section-heading{max-width:760px;margin-bottom:2rem}.book-grid{display:grid;grid-template-columns:repeat(5,minmax(160px,1fr));gap:1rem}.grid-card,.notice-card,.detail-card{border:1px solid rgba(185,145,69,.34);background:rgba(255,250,240,.75);border-radius:var(--radius-md);padding:1rem;box-shadow:0 14px 40px rgba(24,22,19,.08)}.grid-card{text-decoration:none}.grid-card .cover-card{width:100%;margin-bottom:1rem}.grid-card h3{font-size:1.08rem}.grid-card p{font-size:.92rem;line-height:1.5}.start-grid{display:grid;grid-template-columns:repeat(5,minmax(160px,1fr));gap:1rem}.start-grid a{min-height:120px;padding:1rem;border-radius:var(--radius-md);background:rgba(255,250,240,.72);align-items:flex-end;justify-content:flex-start;text-align:left}.split{display:grid;grid-template-columns:1.2fr .8fr;gap:2rem;align-items:center}.arabic-section{background:rgba(24,22,19,.94);color:var(--white)}.arabic-section p{color:rgba(255,250,240,.78)}.site-footer{display:flex;justify-content:space-between;gap:1rem;padding:2rem clamp(1rem,4vw,4rem);color:var(--muted);border-top:1px solid rgba(185,145,69,.24)}.detail-main{min-height:70vh;display:grid;place-items:center;padding:clamp(2rem,5vw,6rem) clamp(1rem,4vw,4rem)}.detail-card{width:min(100%,980px);display:grid;grid-template-columns:260px 1fr;gap:2rem;align-items:center}.detail-card .cover-card{width:100%}@media(max-width:980px){.hero,.split,.detail-card{grid-template-columns:1fr}.book-grid,.start-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.book-stage{min-height:360px}.carousel-book:not(.active){display:none}.book-stage{grid-template-columns:1fr}}@media(max-width:620px){.top-nav{display:none}.carousel-shell{grid-template-columns:42px 1fr 42px}.book-grid,.start-grid{grid-template-columns:1fr}h1{font-size:2.5rem}.site-footer{flex-direction:column}}

/* === ELBOSSILY CAROUSEL MOTION V2 START === */
body .book-stage {
  position: relative;
  display: block;
  min-height: 440px;
  overflow: hidden;
}

body .carousel-book {
  position: absolute;
  top: 50%;
  left: 50%;
  display: grid;
  place-items: center;
  text-decoration: none;
  opacity: 0;
  pointer-events: none;
  transition:
    transform 420ms cubic-bezier(.22,.82,.22,1),
    opacity 420ms ease,
    filter 420ms ease;
  will-change: transform, opacity;
}

body .carousel-book .cover-card {
  width: min(34vw, 260px);
}

body .carousel-book.slot-minus2 {
  transform: translate(-260%, -50%) scale(.62) rotateY(24deg);
  opacity: 0;
  filter: blur(1px);
}

body .carousel-book.slot-minus1 {
  transform: translate(-145%, -50%) scale(.78) rotateY(12deg);
  opacity: .52;
  filter: grayscale(.25);
  pointer-events: auto;
}

body .carousel-book.slot-0 {
  transform: translate(-50%, -50%) scale(1) rotateY(0deg);
  opacity: 1;
  filter: none;
  z-index: 5;
  pointer-events: auto;
}

body .carousel-book.slot-1 {
  transform: translate(45%, -50%) scale(.78) rotateY(-12deg);
  opacity: .52;
  filter: grayscale(.25);
  pointer-events: auto;
}

body .carousel-book.slot-2 {
  transform: translate(160%, -50%) scale(.62) rotateY(-24deg);
  opacity: 0;
  filter: blur(1px);
}

body .book-stage.move-next .carousel-book.slot-minus2 {
  transform: translate(-375%, -50%) scale(.45) rotateY(30deg);
  opacity: 0;
}

body .book-stage.move-next .carousel-book.slot-minus1 {
  transform: translate(-260%, -50%) scale(.62) rotateY(24deg);
  opacity: 0;
}

body .book-stage.move-next .carousel-book.slot-0 {
  transform: translate(-145%, -50%) scale(.78) rotateY(12deg);
  opacity: .52;
  z-index: 3;
}

body .book-stage.move-next .carousel-book.slot-1 {
  transform: translate(-50%, -50%) scale(1) rotateY(0deg);
  opacity: 1;
  z-index: 5;
}

body .book-stage.move-next .carousel-book.slot-2 {
  transform: translate(45%, -50%) scale(.78) rotateY(-12deg);
  opacity: .52;
}

body .book-stage.move-prev .carousel-book.slot-minus2 {
  transform: translate(-145%, -50%) scale(.78) rotateY(12deg);
  opacity: .52;
}

body .book-stage.move-prev .carousel-book.slot-minus1 {
  transform: translate(-50%, -50%) scale(1) rotateY(0deg);
  opacity: 1;
  z-index: 5;
}

body .book-stage.move-prev .carousel-book.slot-0 {
  transform: translate(45%, -50%) scale(.78) rotateY(-12deg);
  opacity: .52;
  z-index: 3;
}

body .book-stage.move-prev .carousel-book.slot-1 {
  transform: translate(160%, -50%) scale(.62) rotateY(-24deg);
  opacity: 0;
}

body .book-stage.move-prev .carousel-book.slot-2 {
  transform: translate(275%, -50%) scale(.45) rotateY(-30deg);
  opacity: 0;
}

body .carousel-panel {
  perspective: 1100px;
}

body .carousel-arrow {
  z-index: 8;
}

@media (max-width: 980px) {
  body .book-stage {
    min-height: 390px;
  }

  body .carousel-book:not(.active) {
    display: grid;
  }

  body .carousel-book .cover-card {
    width: min(52vw, 245px);
  }

  body .carousel-book.slot-minus1 {
    transform: translate(-128%, -50%) scale(.72) rotateY(10deg);
  }

  body .carousel-book.slot-1 {
    transform: translate(28%, -50%) scale(.72) rotateY(-10deg);
  }

  body .book-stage.move-next .carousel-book.slot-0 {
    transform: translate(-128%, -50%) scale(.72) rotateY(10deg);
  }

  body .book-stage.move-next .carousel-book.slot-1 {
    transform: translate(-50%, -50%) scale(1) rotateY(0deg);
  }

  body .book-stage.move-next .carousel-book.slot-2 {
    transform: translate(28%, -50%) scale(.72) rotateY(-10deg);
  }

  body .book-stage.move-prev .carousel-book.slot-minus2 {
    transform: translate(-128%, -50%) scale(.72) rotateY(10deg);
  }

  body .book-stage.move-prev .carousel-book.slot-minus1 {
    transform: translate(-50%, -50%) scale(1) rotateY(0deg);
  }

  body .book-stage.move-prev .carousel-book.slot-0 {
    transform: translate(28%, -50%) scale(.72) rotateY(-10deg);
  }
}

@media (max-width: 620px) {
  body .book-stage {
    min-height: 330px;
  }

  body .carousel-book .cover-card {
    width: min(64vw, 220px);
  }
}
/* === ELBOSSILY CAROUSEL MOTION V2 END === */

/* === ELBOSSILY LANGUAGE TOGGLE V3 START === */
.language-switcher {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.2rem;
  border: 1px solid rgba(185,145,69,0.36);
  border-radius: 999px;
  background: rgba(255,250,240,0.66);
}
.lang-button {
  min-height: 34px;
  padding: 0.35rem 0.7rem;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: var(--muted);
  font-family: Arial, sans-serif;
  font-weight: 700;
  cursor: pointer;
}
.lang-button.active {
  background: var(--ink);
  color: var(--white);
}
body.lang-ar {
  direction: rtl;
  font-family: "Tahoma", "Arial", sans-serif;
}
body.lang-ar .hero,
body.lang-ar .split,
body.lang-ar .detail-card {
  direction: rtl;
}
body.lang-ar .carousel-panel,
body.lang-ar .book-stage,
body.lang-ar .carousel-shell {
  direction: ltr;
}
body.lang-ar .book-details,
body.lang-ar .grid-card,
body.lang-ar .start-grid a,
body.lang-ar .section-heading,
body.lang-ar .hero-copy,
body.lang-ar .notice-card,
body.lang-ar .detail-card {
  text-align: right;
}
body.lang-ar .heritage-line {
  border-left: 0;
  border-right: 3px solid var(--gold);
  padding-left: 0;
  padding-right: 1rem;
}
body.lang-ar .top-nav {
  flex-direction: row-reverse;
}
body.lang-ar .hero-actions,
body.lang-ar .platform-row {
  justify-content: flex-start;
}
body.lang-ar .start-grid a {
  justify-content: flex-end;
}
@media (max-width: 620px) {
  .language-switcher { margin-left: auto; }
}
/* === ELBOSSILY LANGUAGE TOGGLE V3 END === */


/* === ELBOSSILY ARABIC TYPOGRAPHY V4 START === */
body.lang-ar {
  font-family: "Noto Naskh Arabic", "Tahoma", "Arial", sans-serif;
  letter-spacing: 0;
}

body.lang-ar h1,
body.lang-ar h2,
body.lang-ar h3,
body.lang-ar .button,
body.lang-ar .platform-button,
body.lang-ar .start-grid a,
body.lang-ar .brand strong,
body.lang-ar .top-nav,
body.lang-ar .eyebrow,
body.lang-ar .cover-title,
body.lang-ar .book-details h2,
body.lang-ar .grid-card h3,
body.lang-ar .detail-card h1 {
  font-family: "Noto Kufi Arabic", "Tahoma", "Arial", sans-serif;
}

body.lang-ar h1 {
  font-weight: 800;
  line-height: 1.16;
  letter-spacing: -0.025em;
  max-width: 780px;
}

body.lang-ar h2,
body.lang-ar .book-details h2,
body.lang-ar .detail-card h1 {
  font-weight: 800;
  line-height: 1.22;
  letter-spacing: -0.018em;
}

body.lang-ar .hero-subtitle,
body.lang-ar .heritage-line,
body.lang-ar .section p,
body.lang-ar .detail-card p,
body.lang-ar .book-details p,
body.lang-ar .grid-card p {
  font-family: "Noto Naskh Arabic", "Tahoma", "Arial", sans-serif;
  font-size: clamp(1.08rem, 1.28vw, 1.24rem);
  line-height: 1.95;
}

body.lang-ar .eyebrow {
  letter-spacing: 0;
  font-weight: 800;
}

body.lang-ar .book-details {
  text-align: center;
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
}

body.lang-ar .book-details h2 {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

body.lang-ar .book-details p {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

body.lang-ar .book-details .eyebrow {
  text-align: center;
}

body.lang-ar .book-details .platform-row {
  justify-content: center;
}

body.lang-ar .cover-title {
  direction: rtl;
  text-align: center;
  font-weight: 800;
  font-size: 1.02rem;
  line-height: 1.55;
}

body.lang-ar .cover-price {
  direction: ltr;
  font-family: Arial, sans-serif;
}

body.lang-ar .grid-card {
  text-align: right;
}

body.lang-ar .start-grid a {
  line-height: 1.7;
  font-weight: 800;
}

body.lang-ar .button,
body.lang-ar .platform-button,
body.lang-ar .lang-button {
  font-family: "Noto Kufi Arabic", "Tahoma", "Arial", sans-serif;
  font-weight: 800;
}

body.lang-ar .brand {
  text-align: right;
}

body.lang-ar .brand small {
  direction: ltr;
}

body.lang-ar .hero-actions {
  justify-content: flex-start;
}

body.lang-ar .carousel-panel .platform-row {
  justify-content: center;
}

@media (max-width: 980px) {
  body.lang-ar h1 {
    max-width: 100%;
    font-size: clamp(2.25rem, 8vw, 4.6rem);
  }

  body.lang-ar .book-details {
    text-align: center;
  }
}
/* === ELBOSSILY ARABIC TYPOGRAPHY V4 END === */


/* === ELBOSSILY ARABIC REEM KUFI INK V5 START === */
body.lang-ar {
  font-family: "Noto Naskh Arabic", "Tahoma", "Arial", sans-serif;
}

body.lang-ar .hero-copy h1,
body.lang-ar .section-heading h2,
body.lang-ar .book-details h2,
body.lang-ar .detail-card h1,
body.lang-ar .cover-title,
body.lang-ar .grid-card h3 {
  font-family: "Reem Kufi Ink", "Noto Kufi Arabic", "Tahoma", "Arial", sans-serif !important;
  font-weight: 400 !important;
}

body.lang-ar .hero-copy h1 {
  color: #7f0014;
  line-height: 1.18;
  letter-spacing: 0;
  max-width: 820px;
}

body.lang-ar .section-heading h2,
body.lang-ar .book-details h2,
body.lang-ar .detail-card h1 {
  color: #7f0014;
  line-height: 1.28;
  letter-spacing: 0;
}

body.lang-ar .book-details {
  text-align: center !important;
  max-width: 760px;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.lang-ar .book-details .eyebrow,
body.lang-ar .book-details h2,
body.lang-ar .book-details p {
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.lang-ar .book-details .platform-row,
body.lang-ar .carousel-panel .platform-row {
  justify-content: center !important;
}

body.lang-ar .cover-title {
  color: inherit;
  direction: rtl;
  text-align: center;
  line-height: 1.55;
  letter-spacing: 0;
}

body.lang-ar .hero-subtitle,
body.lang-ar .heritage-line,
body.lang-ar .section p,
body.lang-ar .detail-card p,
body.lang-ar .book-details p,
body.lang-ar .grid-card p {
  font-family: "Noto Naskh Arabic", "Tahoma", "Arial", sans-serif !important;
  line-height: 1.9;
}

body.lang-ar .button,
body.lang-ar .platform-button,
body.lang-ar .top-nav,
body.lang-ar .lang-button {
  font-family: "Noto Naskh Arabic", "Tahoma", "Arial", sans-serif !important;
  font-weight: 700;
}

body.lang-ar .book-details .eyebrow {
  direction: ltr;
  unicode-bidi: isolate;
  color: #b99145;
}

@media (max-width: 980px) {
  body.lang-ar .hero-copy h1 {
    max-width: 100%;
    font-size: clamp(2.25rem, 8vw, 4.7rem);
  }
}
/* === ELBOSSILY ARABIC REEM KUFI INK V5 END === */


/* === ELBOSSILY ARABIC UNIFIED FONT V6 START === */

/*
  Arabic visual decision:
  - One Arabic font across the Arabic view: Reem Kufi Ink.
  - Main Arabic titles: dark Nile blue.
  - Paragraphs/buttons/cards: deep charcoal for readability.
  - English mode remains unchanged.
*/

body.lang-ar,
body.lang-ar *:not(.cover-price) {
  font-family: "Reem Kufi Ink", "Noto Kufi Arabic", "Tahoma", "Arial", sans-serif !important;
  letter-spacing: 0 !important;
}

body.lang-ar {
  color: #181613;
}

body.lang-ar h1,
body.lang-ar h2,
body.lang-ar h3,
body.lang-ar .hero-copy h1,
body.lang-ar .section-heading h2,
body.lang-ar .book-details h2,
body.lang-ar .detail-card h1,
body.lang-ar .grid-card h3,
body.lang-ar .cover-title {
  color: #173f5f !important;
  font-weight: 400 !important;
  line-height: 1.24 !important;
  letter-spacing: 0 !important;
}

body.lang-ar .hero-copy h1 {
  max-width: 860px;
  font-size: clamp(3rem, 5.4vw, 6.2rem);
}

body.lang-ar .book-details {
  text-align: center !important;
  max-width: 760px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.lang-ar .book-details .eyebrow,
body.lang-ar .book-details h2,
body.lang-ar .book-details p {
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.lang-ar .book-details .platform-row,
body.lang-ar .carousel-panel .platform-row {
  justify-content: center !important;
}

body.lang-ar p,
body.lang-ar .hero-subtitle,
body.lang-ar .heritage-line,
body.lang-ar .section p,
body.lang-ar .detail-card p,
body.lang-ar .book-details p,
body.lang-ar .grid-card p,
body.lang-ar .notice-card p {
  color: #181613 !important;
  font-size: clamp(1.02rem, 1.18vw, 1.18rem);
  line-height: 1.9 !important;
  font-weight: 400 !important;
}

body.lang-ar .eyebrow {
  color: #b99145 !important;
  font-size: 0.9rem;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
}

body.lang-ar .button,
body.lang-ar .platform-button,
body.lang-ar .lang-button,
body.lang-ar .top-nav a,
body.lang-ar .start-grid a {
  color: inherit;
  font-weight: 400 !important;
}

body.lang-ar .button.primary {
  color: #fffaf0 !important;
}

body.lang-ar .platform-button.disabled,
body.lang-ar .button.secondary,
body.lang-ar .start-grid a,
body.lang-ar .notice-card,
body.lang-ar .grid-card {
  color: #181613 !important;
}

body.lang-ar .brand strong {
  color: #173f5f !important;
}

body.lang-ar .brand small {
  color: #5f584d !important;
}

body.lang-ar .cover-title {
  direction: rtl;
  text-align: center !important;
  line-height: 1.55 !important;
  color: #fffaf0 !important;
  font-size: 0.98rem;
}

body.lang-ar .grid-card .cover-title {
  color: #fffaf0 !important;
}

body.lang-ar .cover-price {
  direction: ltr;
  unicode-bidi: isolate;
  font-family: Arial, sans-serif !important;
}

body.lang-ar .book-details .eyebrow {
  direction: ltr;
  unicode-bidi: isolate;
}

body.lang-ar .start-grid a {
  align-items: center;
  justify-content: center;
  text-align: center !important;
  font-size: 1.08rem;
  line-height: 1.7 !important;
}

body.lang-ar .grid-card {
  text-align: right !important;
}

body.lang-ar .grid-card h3 {
  text-align: right !important;
  font-size: 1.28rem;
}

body.lang-ar .grid-card p {
  text-align: right !important;
}

body.lang-ar .arabic-section,
body.lang-ar #identity {
  background: #181613;
}

body.lang-ar #identity h2,
body.lang-ar #identity .eyebrow {
  color: #fffaf0 !important;
}

body.lang-ar #identity p {
  color: rgba(255,250,240,0.86) !important;
}

@media (max-width: 980px) {
  body.lang-ar .hero-copy h1 {
    max-width: 100%;
    font-size: clamp(2.45rem, 8vw, 4.8rem);
  }
}

/* === ELBOSSILY ARABIC UNIFIED FONT V6 END === */



/* === ELBOSSILY ARABIC FINAL TYPOGRAPHY V7 START === */

/*
  Arabic final typography decision:
  - One Arabic display font everywhere in Arabic mode: Reem Kufi Ink.
  - Big Arabic titles: deep maroon.
  - Small Arabic text: dark Nile blue / charcoal, not maroon.
  - English mode is untouched.
*/

body.lang-ar,
body.lang-ar * {
  font-family: "Reem Kufi Ink", "Tahoma", "Arial", sans-serif !important;
  letter-spacing: 0 !important;
}

/* Big Arabic titles */
body.lang-ar h1,
body.lang-ar h2,
body.lang-ar h3,
body.lang-ar .hero-copy h1,
body.lang-ar .section-heading h2,
body.lang-ar .book-details h2,
body.lang-ar .detail-card h1,
body.lang-ar .grid-card h3 {
  color: #7f0014 !important;
  font-weight: 400 !important;
  line-height: 1.24 !important;
  letter-spacing: 0 !important;
}

/* Hero title size balance */
body.lang-ar .hero-copy h1 {
  max-width: 860px !important;
  font-size: clamp(3rem, 5.35vw, 6.05rem) !important;
}

/* Small Arabic text: readable dark, not red */
body.lang-ar p,
body.lang-ar .hero-subtitle,
body.lang-ar .heritage-line,
body.lang-ar .section p,
body.lang-ar .detail-card p,
body.lang-ar .book-details p,
body.lang-ar .grid-card p,
body.lang-ar .notice-card p,
body.lang-ar .brand small,
body.lang-ar .cover-price {
  color: #173f5f !important;
  font-weight: 400 !important;
  line-height: 1.9 !important;
  text-decoration: none !important;
}

/* Small labels and eyebrow */
body.lang-ar .eyebrow,
body.lang-ar .book-details .eyebrow,
body.lang-ar .section-heading .eyebrow {
  color: #b99145 !important;
  font-weight: 400 !important;
  font-size: 0.92rem !important;
  line-height: 1.6 !important;
  text-decoration: none !important;
}

/* Navigation and buttons */
body.lang-ar .top-nav a,
body.lang-ar .lang-button,
body.lang-ar .button,
body.lang-ar .platform-button,
body.lang-ar .start-grid a {
  font-family: "Reem Kufi Ink", "Tahoma", "Arial", sans-serif !important;
  color: #181613 !important;
  font-weight: 400 !important;
  text-decoration: none !important;
}

body.lang-ar .button.primary {
  color: #fffaf0 !important;
}

body.lang-ar .button.secondary,
body.lang-ar .platform-button.disabled,
body.lang-ar .start-grid a {
  color: #173f5f !important;
}

/* Header brand */
body.lang-ar .brand strong {
  color: #7f0014 !important;
  font-weight: 400 !important;
}

body.lang-ar .brand small {
  color: #173f5f !important;
}

/* Carousel center details */
body.lang-ar .book-details {
  text-align: center !important;
  max-width: 760px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.lang-ar .book-details .eyebrow,
body.lang-ar .book-details h2,
body.lang-ar .book-details p {
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.lang-ar .book-details .platform-row,
body.lang-ar .carousel-panel .platform-row {
  justify-content: center !important;
}

/* Book covers */
body.lang-ar .cover-title {
  direction: rtl !important;
  text-align: center !important;
  color: #fffaf0 !important;
  font-size: 1rem !important;
  line-height: 1.55 !important;
  font-weight: 400 !important;
}

body.lang-ar .cover-price {
  direction: rtl !important;
  unicode-bidi: isolate !important;
  color: #fffaf0 !important;
  font-size: 0.78rem !important;
}

/* Book cards below carousel */
body.lang-ar .grid-card {
  text-align: right !important;
}

body.lang-ar .grid-card h3 {
  text-align: right !important;
}

body.lang-ar .grid-card p {
  text-align: right !important;
}

/* Start-here boxes */
body.lang-ar .start-grid a {
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  font-size: 1.08rem !important;
  line-height: 1.7 !important;
}

/* Dark identity section */
body.lang-ar .arabic-section,
body.lang-ar #identity {
  background: #181613 !important;
}

body.lang-ar #identity h2,
body.lang-ar #identity .eyebrow {
  color: #fffaf0 !important;
}

body.lang-ar #identity p {
  color: rgba(255,250,240,0.86) !important;
}

/* Remove accidental underline/decoration from Arabic mixed text */
body.lang-ar * {
  text-decoration-thickness: 0 !important;
}

@media (max-width: 980px) {
  body.lang-ar .hero-copy h1 {
    max-width: 100% !important;
    font-size: clamp(2.45rem, 8vw, 4.8rem) !important;
  }
}

/* === ELBOSSILY ARABIC FINAL TYPOGRAPHY V7 END === */


/* === ELBOSSILY UNIFIED COLOR AR FONT V8 START === */

:root {
  --elb-maroon: #7f0014;
  --elb-nile: #173f5f;
  --elb-charcoal: #181613;
  --elb-gold: #b99145;
  --elb-cream: #fffaf0;
}

/* ENGLISH COLOR PALETTE — keep English font, change colors only */
body:not(.lang-ar) h1,
body:not(.lang-ar) h2,
body:not(.lang-ar) h3,
body:not(.lang-ar) .hero-copy h1,
body:not(.lang-ar) .section-heading h2,
body:not(.lang-ar) .book-details h2,
body:not(.lang-ar) .detail-card h1,
body:not(.lang-ar) .grid-card h3 {
  color: var(--elb-maroon) !important;
}

body:not(.lang-ar) p,
body:not(.lang-ar) .hero-subtitle,
body:not(.lang-ar) .heritage-line,
body:not(.lang-ar) .section p,
body:not(.lang-ar) .book-details p,
body:not(.lang-ar) .grid-card p,
body:not(.lang-ar) .detail-card p,
body:not(.lang-ar) .notice-card p {
  color: var(--elb-nile) !important;
}

body:not(.lang-ar) .eyebrow,
body:not(.lang-ar) .book-details .eyebrow,
body:not(.lang-ar) .section-heading .eyebrow {
  color: var(--elb-gold) !important;
}

body:not(.lang-ar) .brand strong {
  color: var(--elb-charcoal) !important;
}

body:not(.lang-ar) .brand small {
  color: var(--elb-nile) !important;
}

/* ARABIC FONT — force Reem Kufi Ink everywhere in Arabic mode */
body.lang-ar,
body.lang-ar p,
body.lang-ar a,
body.lang-ar span,
body.lang-ar strong,
body.lang-ar small,
body.lang-ar button,
body.lang-ar h1,
body.lang-ar h2,
body.lang-ar h3,
body.lang-ar .hero-copy,
body.lang-ar .hero-copy *,
body.lang-ar .carousel-panel,
body.lang-ar .carousel-panel *,
body.lang-ar .book-details,
body.lang-ar .book-details *,
body.lang-ar .book-grid,
body.lang-ar .book-grid *,
body.lang-ar .grid-card,
body.lang-ar .grid-card *,
body.lang-ar .start-grid,
body.lang-ar .start-grid *,
body.lang-ar .notice-card,
body.lang-ar .notice-card *,
body.lang-ar .site-header,
body.lang-ar .site-header *,
body.lang-ar .site-footer,
body.lang-ar .site-footer *,
body.lang-ar .detail-card,
body.lang-ar .detail-card * {
  font-family: "Reem Kufi Ink", "Tahoma", "Arial", sans-serif !important;
  letter-spacing: 0 !important;
  text-decoration: none !important;
}

/* ARABIC BIG TITLES */
body.lang-ar h1,
body.lang-ar h2,
body.lang-ar h3,
body.lang-ar .hero-copy h1,
body.lang-ar .section-heading h2,
body.lang-ar .book-details h2,
body.lang-ar .detail-card h1,
body.lang-ar .grid-card h3 {
  color: var(--elb-maroon) !important;
  font-weight: 400 !important;
  line-height: 1.24 !important;
}

body.lang-ar .hero-copy h1 {
  max-width: 860px !important;
  font-size: clamp(3rem, 5.35vw, 6.05rem) !important;
}

/* ARABIC SMALL TEXT — same font, different readable color */
body.lang-ar p,
body.lang-ar .hero-subtitle,
body.lang-ar .heritage-line,
body.lang-ar .section p,
body.lang-ar .detail-card p,
body.lang-ar .book-details p,
body.lang-ar .grid-card p,
body.lang-ar .notice-card p,
body.lang-ar .site-footer span,
body.lang-ar .brand small {
  color: var(--elb-nile) !important;
  font-weight: 400 !important;
  line-height: 1.9 !important;
}

/* ARABIC LABELS */
body.lang-ar .eyebrow,
body.lang-ar .book-details .eyebrow,
body.lang-ar .section-heading .eyebrow {
  color: var(--elb-gold) !important;
  font-weight: 400 !important;
  font-size: 0.92rem !important;
  line-height: 1.6 !important;
}

/* BUTTONS + NAV */
body.lang-ar .top-nav a,
body.lang-ar .lang-button,
body.lang-ar .button,
body.lang-ar .platform-button,
body.lang-ar .start-grid a {
  color: var(--elb-charcoal) !important;
  font-weight: 400 !important;
}

body.lang-ar .button.primary {
  color: var(--elb-cream) !important;
}

body.lang-ar .button.secondary,
body.lang-ar .platform-button.disabled,
body.lang-ar .start-grid a {
  color: var(--elb-nile) !important;
}

/* HEADER BRAND */
body.lang-ar .brand strong {
  color: var(--elb-maroon) !important;
  font-weight: 400 !important;
}

body.lang-ar .brand small {
  color: var(--elb-nile) !important;
}

/* CAROUSEL DETAILS CENTERED */
body.lang-ar .book-details {
  text-align: center !important;
  max-width: 760px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.lang-ar .book-details .eyebrow,
body.lang-ar .book-details h2,
body.lang-ar .book-details p {
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.lang-ar .book-details .platform-row,
body.lang-ar .carousel-panel .platform-row {
  justify-content: center !important;
}

/* COVER TEXT MUST STAY READABLE ON DARK COVER */
body .cover-card .cover-title {
  color: var(--elb-cream) !important;
  text-align: center !important;
  line-height: 1.45 !important;
}

body .cover-card .cover-price {
  color: var(--elb-cream) !important;
  direction: ltr !important;
  unicode-bidi: isolate !important;
  font-family: Arial, sans-serif !important;
}

body.lang-ar .cover-card .cover-title {
  font-family: "Reem Kufi Ink", "Tahoma", "Arial", sans-serif !important;
  direction: rtl !important;
  font-size: 1rem !important;
  line-height: 1.55 !important;
}

body.lang-ar .cover-card .cover-price {
  font-family: "Reem Kufi Ink", "Tahoma", "Arial", sans-serif !important;
  direction: rtl !important;
  font-size: 0.78rem !important;
}

/* GRID + START */
body.lang-ar .grid-card {
  text-align: right !important;
}

body.lang-ar .grid-card h3,
body.lang-ar .grid-card p {
  text-align: right !important;
}

body.lang-ar .start-grid a {
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  font-size: 1.08rem !important;
  line-height: 1.7 !important;
}

/* DARK IDENTITY SECTION */
body.lang-ar .arabic-section,
body.lang-ar #identity {
  background: var(--elb-charcoal) !important;
}

body.lang-ar #identity h2,
body.lang-ar #identity .eyebrow {
  color: var(--elb-cream) !important;
}

body.lang-ar #identity p {
  color: rgba(255,250,240,0.86) !important;
}

/* MOBILE */
@media (max-width: 980px) {
  body.lang-ar .hero-copy h1 {
    max-width: 100% !important;
    font-size: clamp(2.45rem, 8vw, 4.8rem) !important;
  }
}

/* === ELBOSSILY UNIFIED COLOR AR FONT V8 END === */



/* === ELBOSSILY AUTHOR PLATFORMS REVIEWS V10 START === */

.author-platforms {
  background:
    radial-gradient(circle at 10% 18%, rgba(185,145,69,0.10), transparent 32rem),
    radial-gradient(circle at 88% 36%, rgba(23,63,95,0.08), transparent 36rem);
}

.author-platforms .hub-heading {
  max-width: 1050px;
}

.hub-layout {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(0.9rem, 1.8vw, 1.25rem);
  align-items: stretch;
}

.hub-card {
  border: 1px solid rgba(185,145,69,0.34);
  border-radius: var(--radius-md);
  background: rgba(255,250,240,0.82);
  box-shadow: 0 16px 48px rgba(24,22,19,0.08);
  padding: clamp(1rem, 2.2vw, 1.65rem);
}

.hub-card-wide {
  grid-column: 1 / -1;
}

.hub-card h3 {
  font-size: clamp(1.45rem, 2.1vw, 2.35rem);
  line-height: 1.17;
  margin: 0 0 0.7rem;
}

.hub-card p {
  max-width: 980px;
}

.hub-links {
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem;
  margin-top: 1rem;
}

.hub-pill,
.compact-link-list a,
.compact-link-list .pending-line,
.pending-grid span {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  min-height: 42px;
  border-radius: 999px;
  border: 1px solid #c8a75b;
  background: #fffaf0;
  color: #173f5f;
  text-decoration: none;
  padding: 0.68rem 0.92rem;
  font-family: Arial, sans-serif;
  font-weight: 700;
  transition: background-color 160ms ease, color 160ms ease, border-color 160ms ease, transform 160ms ease;
}

.hub-pill:hover,
.hub-pill:focus-visible,
.compact-link-list a:hover,
.compact-link-list a:focus-visible {
  background: #c8a75b;
  border-color: #b99145;
  color: #181613;
  transform: translateY(-1px);
}

.primary-pill {
  background: #c8a75b;
  border-color: #b99145;
  color: #181613;
}

.primary-pill:hover,
.primary-pill:focus-visible {
  background: #b99145;
  border-color: #a8833e;
  color: #181613;
}

.compact-link-list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.55rem;
  margin-top: 1rem;
}

.compact-link-list span {
  flex: 0 0 auto;
}

.compact-link-list a span {
  border-radius: 999px;
  background: rgba(185,145,69,0.18);
  color: #7f0014;
  padding: 0.16rem 0.5rem;
  font-size: 0.8em;
}

.compact-link-list .pending-line {
  opacity: 0.9;
  color: #7f0014;
  justify-content: center;
}

.pending-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.65rem;
  margin-top: 1rem;
}

.pending-grid span {
  justify-content: center;
  color: #7f0014;
}

.review-card {
  background:
    linear-gradient(135deg, rgba(185,145,69,0.08), rgba(23,63,95,0.06)),
    rgba(255,250,240,0.88);
}

body.lang-ar .author-platforms .section-heading,
body.lang-ar .hub-card,
body.lang-ar .hub-card h3,
body.lang-ar .hub-card p {
  text-align: right !important;
}

body.lang-ar .hub-card h3 {
  color: #7f0014 !important;
}

body.lang-ar .hub-pill,
body.lang-ar .compact-link-list a,
body.lang-ar .compact-link-list .pending-line,
body.lang-ar .pending-grid span {
  font-family: "Reem Kufi Ink", "Tahoma", "Arial", sans-serif !important;
  font-weight: 400 !important;
}

body.lang-ar .compact-link-list a {
  direction: rtl;
}

body.lang-ar .compact-link-list a span {
  direction: ltr;
}

@media (max-width: 980px) {
  .hub-layout {
    grid-template-columns: 1fr;
  }

  .hub-card-wide {
    grid-column: auto;
  }

  .pending-grid {
    grid-template-columns: 1fr;
  }
}

/* === ELBOSSILY AUTHOR PLATFORMS REVIEWS V10 END === */


/* === ELBOSSILY SHINY GOLD BUTTONS V12 START === */

:root {
  --elbossily-gold-1: #fff2b3;
  --elbossily-gold-2: #f5d97a;
  --elbossily-gold-3: #d9af3f;
  --elbossily-gold-4: #b88b23;
  --elbossily-gold-deep: #7a5b14;
  --elbossily-ink: #1e1b14;
}

/* Main hero buttons + generic CTA buttons */
.hero-actions a,
.hero-actions .button,
.hero-actions .btn,
.hero-content .button,
.hero-content .btn,
a.primary-btn,
a.secondary-btn,
button.primary-btn,
button.secondary-btn,
.cta-row a,
.cta-row .button,
.cta-group a,
.cta-group .button,
.actions a,
.actions .button,
.actions .btn,
.btn-primary,
.btn-secondary,
.button-primary,
.button-secondary,
body.lang-ar .hero-actions a,
body.lang-ar .hero-actions .button,
body.lang-ar .hero-actions .btn,
body.lang-ar .hero-content .button,
body.lang-ar .hero-content .btn,
body.lang-ar a.primary-btn,
body.lang-ar a.secondary-btn,
body.lang-ar .cta-row a,
body.lang-ar .cta-group a,
body.lang-ar .actions a {
  background:
    linear-gradient(145deg, var(--elbossily-gold-1) 0%, var(--elbossily-gold-2) 20%, var(--elbossily-gold-3) 48%, #f7df8d 68%, var(--elbossily-gold-4) 100%) !important;
  color: var(--elbossily-ink) !important;
  border: 1px solid rgba(184, 139, 35, 0.95) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.78),
    inset 0 -2px 5px rgba(122,91,20,0.18),
    0 8px 20px rgba(184,139,35,0.22) !important;
  text-shadow: 0 1px 0 rgba(255,255,255,0.35) !important;
}

.hero-actions a:hover,
.hero-actions a:focus-visible,
.hero-actions .button:hover,
.hero-actions .button:focus-visible,
.hero-actions .btn:hover,
.hero-actions .btn:focus-visible,
.hero-content .button:hover,
.hero-content .button:focus-visible,
.hero-content .btn:hover,
.hero-content .btn:focus-visible,
a.primary-btn:hover,
a.primary-btn:focus-visible,
a.secondary-btn:hover,
a.secondary-btn:focus-visible,
button.primary-btn:hover,
button.primary-btn:focus-visible,
button.secondary-btn:hover,
button.secondary-btn:focus-visible,
.cta-row a:hover,
.cta-row a:focus-visible,
.cta-group a:hover,
.cta-group a:focus-visible,
.actions a:hover,
.actions a:focus-visible,
.btn-primary:hover,
.btn-primary:focus-visible,
.btn-secondary:hover,
.btn-secondary:focus-visible,
.button-primary:hover,
.button-primary:focus-visible,
.button-secondary:hover,
.button-secondary:focus-visible {
  background:
    linear-gradient(145deg, #fff7ca 0%, #ffeaa0 18%, #e2ba4c 48%, #ffefac 66%, #c8921b 100%) !important;
  color: #16130d !important;
  border-color: #c8921b !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.82),
    inset 0 -2px 6px rgba(122,91,20,0.24),
    0 10px 24px rgba(201,146,27,0.35) !important;
  transform: translateY(-1px);
}

/* Author hub pills and platform links */
.author-platforms .hub-pill,
.author-platforms .compact-link-list a,
.author-platforms .compact-link-list .pending-line,
.author-platforms .pending-grid span,
.author-platforms .primary-pill,
body.lang-ar .author-platforms .hub-pill,
body.lang-ar .author-platforms .compact-link-list a,
body.lang-ar .author-platforms .compact-link-list .pending-line,
body.lang-ar .author-platforms .pending-grid span,
body.lang-ar .author-platforms .primary-pill {
  background:
    linear-gradient(145deg, var(--elbossily-gold-1) 0%, var(--elbossily-gold-2) 22%, var(--elbossily-gold-3) 50%, #f7df8d 72%, var(--elbossily-gold-4) 100%) !important;
  color: var(--elbossily-ink) !important;
  border: 1px solid rgba(184, 139, 35, 0.95) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.78),
    inset 0 -2px 5px rgba(122,91,20,0.18),
    0 8px 20px rgba(184,139,35,0.22) !important;
  text-shadow: 0 1px 0 rgba(255,255,255,0.35) !important;
}

.author-platforms .hub-pill:hover,
.author-platforms .hub-pill:focus-visible,
.author-platforms .compact-link-list a:hover,
.author-platforms .compact-link-list a:focus-visible,
.author-platforms .primary-pill:hover,
.author-platforms .primary-pill:focus-visible {
  background:
    linear-gradient(145deg, #fff7ca 0%, #ffeaa0 18%, #e2ba4c 48%, #ffefac 66%, #c8921b 100%) !important;
  color: #16130d !important;
  border-color: #c8921b !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.82),
    inset 0 -2px 6px rgba(122,91,20,0.24),
    0 10px 24px rgba(201,146,27,0.35) !important;
}

/* Small platform badges inside links */
.author-platforms .compact-link-list a span {
  background: rgba(255, 248, 210, 0.75) !important;
  color: #7f0014 !important;
  border: 1px solid rgba(184,139,35,0.55);
}

/* Keep AR font on author hub pills */
body.lang-ar .author-platforms .hub-pill,
body.lang-ar .author-platforms .compact-link-list a,
body.lang-ar .author-platforms .compact-link-list .pending-line,
body.lang-ar .author-platforms .pending-grid span {
  font-family: "Reem Kufi Ink", "Tahoma", "Arial", sans-serif !important;
  font-weight: 400 !important;
}

/* === ELBOSSILY SHINY GOLD BUTTONS V12 END === */

/* === ELBOSSILY WHITE BUTTONS HOVER GOLD V1 START === */

/*
  Default state:
  - White / warm white buttons
  - Stronger dark text
  - Soft gold border
  Hover state:
  - Gold button
  - Dark text
*/

a[class*="btn"],
button[class*="btn"],
.btn,
.book-link,
.platform-link,
.platform-btn,
.store-link,
.cta-button,
.hero-cta,
.hero-actions a,
.carousel-actions a,
.carousel-card a,
.book-card a,
.book-actions a,
.book-buttons a,
.book-detail a,
.author-platform-card a,
.lang-toggle button,
.language-toggle button,
button,
a.button {
  background: #fffaf0 !important;
  background-image: none !important;
  color: #1b1307 !important;
  border: 1px solid rgba(190, 139, 39, 0.55) !important;
  box-shadow: 0 6px 14px rgba(64, 39, 7, 0.10) !important;
  font-weight: 800 !important;
  text-shadow: none !important;
}

a[class*="btn"]:visited,
.btn:visited,
.book-link:visited,
.platform-link:visited,
.platform-btn:visited,
.store-link:visited,
.cta-button:visited,
.hero-actions a:visited,
.carousel-actions a:visited,
.carousel-card a:visited,
.book-card a:visited,
.book-actions a:visited,
.book-buttons a:visited,
.book-detail a:visited,
.author-platform-card a:visited,
a.button:visited {
  color: #1b1307 !important;
}

a[class*="btn"]:hover,
button[class*="btn"]:hover,
.btn:hover,
.book-link:hover,
.platform-link:hover,
.platform-btn:hover,
.store-link:hover,
.cta-button:hover,
.hero-cta:hover,
.hero-actions a:hover,
.carousel-actions a:hover,
.carousel-card a:hover,
.book-card a:hover,
.book-actions a:hover,
.book-buttons a:hover,
.book-detail a:hover,
.author-platform-card a:hover,
.lang-toggle button:hover,
.language-toggle button:hover,
button:hover,
a.button:hover {
  background: linear-gradient(180deg, #f8d978 0%, #d39a27 100%) !important;
  color: #1b1307 !important;
  border-color: #b98216 !important;
  box-shadow: 0 10px 24px rgba(108, 71, 14, 0.24) !important;
  transform: translateY(-1px);
}

a[class*="btn"]:focus-visible,
button[class*="btn"]:focus-visible,
.btn:focus-visible,
.book-link:focus-visible,
.platform-link:focus-visible,
.platform-btn:focus-visible,
.store-link:focus-visible,
.cta-button:focus-visible,
.hero-actions a:focus-visible,
.carousel-actions a:focus-visible,
.carousel-card a:focus-visible,
.book-card a:focus-visible,
.book-actions a:focus-visible,
.book-buttons a:focus-visible,
.book-detail a:focus-visible,
.author-platform-card a:focus-visible,
.lang-toggle button:focus-visible,
.language-toggle button:focus-visible,
button:focus-visible,
a.button:focus-visible {
  outline: 2px solid #b98216 !important;
  outline-offset: 3px !important;
}

/* Disabled / coming soon buttons stay readable but not black */
.disabled,
[aria-disabled="true"],
.coming-soon,
a.disabled,
button:disabled {
  background: #f7f1e6 !important;
  color: #5f5344 !important;
  border-color: rgba(190, 139, 39, 0.35) !important;
  box-shadow: none !important;
  opacity: 1 !important;
  cursor: not-allowed !important;
}

.disabled:hover,
[aria-disabled="true"]:hover,
.coming-soon:hover,
a.disabled:hover,
button:disabled:hover {
  background: #f7f1e6 !important;
  color: #5f5344 !important;
  transform: none !important;
  box-shadow: none !important;
}

/* Active language pill should not become black */
.lang-toggle .active,
.language-toggle .active,
.lang-toggle button.active,
.language-toggle button.active,
button.active {
  background: #fffaf0 !important;
  color: #1b1307 !important;
  border-color: rgba(190, 139, 39, 0.65) !important;
  font-weight: 900 !important;
}

/* === ELBOSSILY WHITE BUTTONS HOVER GOLD V1 END === */

/* === ELBOSSILY WHITE BUTTONS HOVER GOLD V2 STRONG START === */

/*
  Stronger override for all store/platform/action buttons.
  Normal: warm white.
  Hover: gold.
*/

/* Main content buttons and platform rows */
main a[href],
main button,
section a[href],
section button,
[role="button"],
[class*="button"],
[class*="Button"],
[class*="btn"],
[class*="Btn"],
[class*="link"],
[class*="Link"],
[class*="store"],
[class*="Store"],
[class*="platform"],
[class*="Platform"],
[class*="amazon"],
[class*="Amazon"],
[class*="lemon"],
[class*="Lemon"],
[class*="kobo"],
[class*="Kobo"],
[class*="google"],
[class*="Google"],
[class*="checkout"],
[class*="Checkout"],
[class*="purchase"],
[class*="Purchase"],
[class*="pill"],
[class*="Pill"] {
  background: #fffaf0 !important;
  background-image: none !important;
  color: #130c04 !important;
  border: 1px solid rgba(184, 128, 25, 0.58) !important;
  box-shadow: 0 5px 12px rgba(54, 34, 6, 0.10) !important;
  font-weight: 850 !important;
  text-shadow: none !important;
}

/* Keep header text navigation clean, not boxed */
header nav a,
.site-header nav a,
.navbar a,
.top-nav a,
.main-nav a {
  background: transparent !important;
  background-image: none !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

/* But language buttons stay as buttons */
header .language-toggle button,
header .lang-toggle button,
.site-header .language-toggle button,
.site-header .lang-toggle button,
.navbar .language-toggle button,
.navbar .lang-toggle button {
  background: #fffaf0 !important;
  color: #130c04 !important;
  border: 1px solid rgba(184, 128, 25, 0.58) !important;
  box-shadow: 0 5px 12px rgba(54, 34, 6, 0.10) !important;
  font-weight: 850 !important;
}

/* Hover: gold */
main a[href]:hover,
main button:hover,
section a[href]:hover,
section button:hover,
[role="button"]:hover,
[class*="button"]:hover,
[class*="Button"]:hover,
[class*="btn"]:hover,
[class*="Btn"]:hover,
[class*="link"]:hover,
[class*="Link"]:hover,
[class*="store"]:hover,
[class*="Store"]:hover,
[class*="platform"]:hover,
[class*="Platform"]:hover,
[class*="amazon"]:hover,
[class*="Amazon"]:hover,
[class*="lemon"]:hover,
[class*="Lemon"]:hover,
[class*="kobo"]:hover,
[class*="Kobo"]:hover,
[class*="google"]:hover,
[class*="Google"]:hover,
[class*="checkout"]:hover,
[class*="Checkout"]:hover,
[class*="purchase"]:hover,
[class*="Purchase"]:hover,
[class*="pill"]:hover,
[class*="Pill"]:hover {
  background: linear-gradient(180deg, #f9dc81 0%, #d09a2b 100%) !important;
  background-image: linear-gradient(180deg, #f9dc81 0%, #d09a2b 100%) !important;
  color: #130c04 !important;
  border-color: #ae7818 !important;
  box-shadow: 0 9px 22px rgba(94, 62, 10, 0.22) !important;
  font-weight: 900 !important;
}

/* Keep nav hover clean */
header nav a:hover,
.site-header nav a:hover,
.navbar a:hover,
.top-nav a:hover,
.main-nav a:hover {
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* Disabled / coming soon should be white-gray, not gold or black */
.disabled,
[aria-disabled="true"],
.coming-soon,
.pending,
a.disabled,
button:disabled,
[class*="disabled"],
[class*="Disabled"],
[class*="soon"],
[class*="Soon"],
[class*="pending"],
[class*="Pending"] {
  background: #fbf7ee !important;
  background-image: none !important;
  color: #61523f !important;
  border: 1px solid rgba(184, 128, 25, 0.30) !important;
  box-shadow: none !important;
  opacity: 1 !important;
  cursor: not-allowed !important;
  font-weight: 800 !important;
}

.disabled:hover,
[aria-disabled="true"]:hover,
.coming-soon:hover,
.pending:hover,
a.disabled:hover,
button:disabled:hover,
[class*="disabled"]:hover,
[class*="Disabled"]:hover,
[class*="soon"]:hover,
[class*="Soon"]:hover,
[class*="pending"]:hover,
[class*="Pending"]:hover {
  background: #fbf7ee !important;
  background-image: none !important;
  color: #61523f !important;
  box-shadow: none !important;
  transform: none !important;
}

/* === ELBOSSILY WHITE BUTTONS HOVER GOLD V2 STRONG END === */

/* === ELBOSSILY WHITE BUTTONS HOVER GOLD V3 PLATFORM ROWS START === */

/*
  V3 targets the long Amazon / Lemon platform rows.
  The previous gold effect was coming from row backgrounds / pseudo layers.
  Normal state: white.
  Hover state: gold.
*/

section a[href],
main a[href],
section a[href] *,
main a[href] * {
  color: #130c04 !important;
  font-weight: 850 !important;
  text-shadow: none !important;
}

section a[href],
main a[href] {
  background: #fffaf0 !important;
  background-color: #fffaf0 !important;
  background-image: none !important;
  border: 1px solid rgba(184, 128, 25, 0.55) !important;
  box-shadow: 0 5px 12px rgba(54, 34, 6, 0.10) !important;
}

/* Remove old gold pseudo overlays from platform rows */
section a[href]::before,
section a[href]::after,
main a[href]::before,
main a[href]::after {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* Hover restores gold only when mouse is over the button */
section a[href]:hover,
main a[href]:hover {
  background: linear-gradient(180deg, #f9dc81 0%, #d09a2b 100%) !important;
  background-color: #d09a2b !important;
  background-image: linear-gradient(180deg, #f9dc81 0%, #d09a2b 100%) !important;
  color: #130c04 !important;
  border-color: #ae7818 !important;
  box-shadow: 0 9px 22px rgba(94, 62, 10, 0.22) !important;
}

section a[href]:hover *,
main a[href]:hover * {
  color: #130c04 !important;
  font-weight: 900 !important;
}

/* Do not turn header navigation into boxed buttons */
header a[href],
.site-header a[href],
nav a[href],
.navbar a[href] {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

/* Keep language pills as soft white buttons */
header button,
.site-header button,
.language-toggle button,
.lang-toggle button {
  background: #fffaf0 !important;
  background-image: none !important;
  color: #130c04 !important;
  border: 1px solid rgba(184, 128, 25, 0.55) !important;
  box-shadow: 0 5px 12px rgba(54, 34, 6, 0.10) !important;
  font-weight: 850 !important;
}

header button:hover,
.site-header button:hover,
.language-toggle button:hover,
.lang-toggle button:hover {
  background: linear-gradient(180deg, #f9dc81 0%, #d09a2b 100%) !important;
  background-image: linear-gradient(180deg, #f9dc81 0%, #d09a2b 100%) !important;
}

/* Disabled / coming soon remains white-gray */
.disabled,
[aria-disabled="true"],
.coming-soon,
.pending,
a.disabled,
button:disabled,
[class*="disabled"],
[class*="Disabled"],
[class*="soon"],
[class*="Soon"],
[class*="pending"],
[class*="Pending"] {
  background: #fbf7ee !important;
  background-color: #fbf7ee !important;
  background-image: none !important;
  color: #61523f !important;
  border: 1px solid rgba(184, 128, 25, 0.30) !important;
  box-shadow: none !important;
  opacity: 1 !important;
  cursor: not-allowed !important;
}

.disabled::before,
.disabled::after,
[aria-disabled="true"]::before,
[aria-disabled="true"]::after,
.coming-soon::before,
.coming-soon::after,
.pending::before,
.pending::after,
[class*="soon"]::before,
[class*="soon"]::after,
[class*="Soon"]::before,
[class*="Soon"]::after,
[class*="pending"]::before,
[class*="pending"]::after,
[class*="Pending"]::before,
[class*="Pending"]::after {
  background: transparent !important;
  background-image: none !important;
}

/* === ELBOSSILY WHITE BUTTONS HOVER GOLD V3 PLATFORM ROWS END === */

/* === ELBOSSILY WHITE BUTTONS HOVER GOLD V4 EXACT CLASSES START === */

/*
  V4 exact override.
  Diagnostic found the stubborn gold rows are:
  .author-platforms .hub-pill
  .author-platforms .compact-link-list a
  .author-platforms .compact-link-list .pending-line
  .author-platforms .pending-grid span
  .author-platforms .primary-pill

  Normal state: white / warm white.
  Hover state: gold.
*/

/* Author hub + Amazon/Lemon long rows: default white */
body .author-platforms .hub-pill,
body .author-platforms .compact-link-list a,
body .author-platforms .compact-link-list .pending-line,
body .author-platforms .pending-grid span,
body .author-platforms .primary-pill,
html body.lang-ar .author-platforms .hub-pill,
html body.lang-ar .author-platforms .compact-link-list a,
html body.lang-ar .author-platforms .compact-link-list .pending-line,
html body.lang-ar .author-platforms .pending-grid span,
html body.lang-ar .author-platforms .primary-pill {
  background: #fffaf0 !important;
  background-color: #fffaf0 !important;
  background-image: none !important;
  color: #130c04 !important;
  border: 1px solid rgba(184, 128, 25, 0.58) !important;
  box-shadow: 0 5px 12px rgba(54, 34, 6, 0.10) !important;
  text-shadow: none !important;
  font-weight: 850 !important;
}

/* Author hub + Amazon/Lemon long rows: hover gold */
body .author-platforms .hub-pill:hover,
body .author-platforms .hub-pill:focus-visible,
body .author-platforms .compact-link-list a:hover,
body .author-platforms .compact-link-list a:focus-visible,
body .author-platforms .primary-pill:hover,
body .author-platforms .primary-pill:focus-visible,
html body.lang-ar .author-platforms .hub-pill:hover,
html body.lang-ar .author-platforms .hub-pill:focus-visible,
html body.lang-ar .author-platforms .compact-link-list a:hover,
html body.lang-ar .author-platforms .compact-link-list a:focus-visible,
html body.lang-ar .author-platforms .primary-pill:hover,
html body.lang-ar .author-platforms .primary-pill:focus-visible {
  background: linear-gradient(180deg, #f9dc81 0%, #d09a2b 100%) !important;
  background-color: #d09a2b !important;
  background-image: linear-gradient(180deg, #f9dc81 0%, #d09a2b 100%) !important;
  color: #130c04 !important;
  border-color: #ae7818 !important;
  box-shadow: 0 9px 22px rgba(94, 62, 10, 0.22) !important;
  text-shadow: none !important;
  font-weight: 900 !important;
}

/* Pending / coming soon rows stay white-gray, not gold */
body .author-platforms .compact-link-list .pending-line,
body .author-platforms .pending-grid span,
html body.lang-ar .author-platforms .compact-link-list .pending-line,
html body.lang-ar .author-platforms .pending-grid span {
  background: #fbf7ee !important;
  background-color: #fbf7ee !important;
  background-image: none !important;
  color: #61523f !important;
  border: 1px solid rgba(184, 128, 25, 0.32) !important;
  box-shadow: none !important;
  cursor: not-allowed !important;
}

/* Small language badges inside rows */
body .author-platforms .compact-link-list a span,
html body.lang-ar .author-platforms .compact-link-list a span {
  background: #fffaf0 !important;
  background-color: #fffaf0 !important;
  background-image: none !important;
  color: #7f0014 !important;
  border: 1px solid rgba(184, 128, 25, 0.45) !important;
  font-weight: 850 !important;
}

/* Hero and general CTA buttons: default white */
body .hero-actions .button,
body .hero-actions .btn,
body .hero-content .button,
body .hero-content .btn,
body a.primary-btn,
body a.secondary-btn,
body button.primary-btn,
body button.secondary-btn,
body .cta-row .button,
body .cta-group .button,
body .actions .button,
body .actions .btn,
body .btn-primary,
body .btn-secondary,
body .button-primary,
body .button-secondary,
body .button.primary,
body .button.secondary,
html body.lang-ar .hero-actions .button,
html body.lang-ar .hero-actions .btn,
html body.lang-ar .hero-content .button,
html body.lang-ar .hero-content .btn,
html body.lang-ar a.primary-btn,
html body.lang-ar a.secondary-btn,
html body.lang-ar .button.primary,
html body.lang-ar .button.secondary {
  background: #fffaf0 !important;
  background-color: #fffaf0 !important;
  background-image: none !important;
  color: #130c04 !important;
  border: 1px solid rgba(184, 128, 25, 0.58) !important;
  box-shadow: 0 5px 12px rgba(54, 34, 6, 0.10) !important;
  text-shadow: none !important;
  font-weight: 850 !important;
}

/* Hero and general CTA buttons: hover gold */
body .hero-actions .button:hover,
body .hero-actions .button:focus-visible,
body .hero-actions .btn:hover,
body .hero-actions .btn:focus-visible,
body .hero-content .button:hover,
body .hero-content .button:focus-visible,
body .hero-content .btn:hover,
body .hero-content .btn:focus-visible,
body a.primary-btn:hover,
body a.primary-btn:focus-visible,
body a.secondary-btn:hover,
body a.secondary-btn:focus-visible,
body button.primary-btn:hover,
body button.primary-btn:focus-visible,
body button.secondary-btn:hover,
body button.secondary-btn:focus-visible,
body .cta-row .button:hover,
body .cta-row .button:focus-visible,
body .cta-group .button:hover,
body .cta-group .button:focus-visible,
body .actions .button:hover,
body .actions .button:focus-visible,
body .actions .btn:hover,
body .actions .btn:focus-visible,
body .btn-primary:hover,
body .btn-primary:focus-visible,
body .btn-secondary:hover,
body .btn-secondary:focus-visible,
body .button-primary:hover,
body .button-primary:focus-visible,
body .button-secondary:hover,
body .button-secondary:focus-visible,
body .button.primary:hover,
body .button.primary:focus-visible,
body .button.secondary:hover,
body .button.secondary:focus-visible,
html body.lang-ar .hero-actions .button:hover,
html body.lang-ar .hero-actions .button:focus-visible,
html body.lang-ar .hero-actions .btn:hover,
html body.lang-ar .hero-actions .btn:focus-visible,
html body.lang-ar .button.primary:hover,
html body.lang-ar .button.primary:focus-visible,
html body.lang-ar .button.secondary:hover,
html body.lang-ar .button.secondary:focus-visible {
  background: linear-gradient(180deg, #f9dc81 0%, #d09a2b 100%) !important;
  background-color: #d09a2b !important;
  background-image: linear-gradient(180deg, #f9dc81 0%, #d09a2b 100%) !important;
  color: #130c04 !important;
  border-color: #ae7818 !important;
  box-shadow: 0 9px 22px rgba(94, 62, 10, 0.22) !important;
  text-shadow: none !important;
  font-weight: 900 !important;
}

/* Carousel platform buttons: default white */
body .platform-button,
body .platform-button.active,
body .platform-button.disabled,
html body.lang-ar .platform-button,
html body.lang-ar .platform-button.active,
html body.lang-ar .platform-button.disabled {
  background: #fffaf0 !important;
  background-color: #fffaf0 !important;
  background-image: none !important;
  color: #130c04 !important;
  border: 1px solid rgba(184, 128, 25, 0.58) !important;
  box-shadow: 0 5px 12px rgba(54, 34, 6, 0.10) !important;
  text-shadow: none !important;
  font-weight: 850 !important;
}

/* Carousel active platform buttons: hover gold */
body .platform-button.active:hover,
body .platform-button.active:focus-visible,
html body.lang-ar .platform-button.active:hover,
html body.lang-ar .platform-button.active:focus-visible {
  background: linear-gradient(180deg, #f9dc81 0%, #d09a2b 100%) !important;
  background-color: #d09a2b !important;
  background-image: linear-gradient(180deg, #f9dc81 0%, #d09a2b 100%) !important;
  color: #130c04 !important;
  border-color: #ae7818 !important;
  box-shadow: 0 9px 22px rgba(94, 62, 10, 0.22) !important;
  font-weight: 900 !important;
}

/* Disabled carousel buttons remain white-gray */
body .platform-button.disabled,
html body.lang-ar .platform-button.disabled {
  background: #fbf7ee !important;
  background-color: #fbf7ee !important;
  background-image: none !important;
  color: #61523f !important;
  box-shadow: none !important;
  cursor: not-allowed !important;
}

/* === ELBOSSILY WHITE BUTTONS HOVER GOLD V4 EXACT CLASSES END === */

/* === ELBOSSILY REMOVE BUTTON GROUP GOLD CONTAINERS V5 START === */

/*
  Fix:
  - The surrounding container around button groups must not turn gold.
  - Only the actual clickable button turns gold on hover.
  - The button group container should be visually removed.
*/

/* Carousel platform button group: remove surrounding rectangle */
body .platform-row,
body .platform-row:hover,
body .platform-row:focus,
body .platform-row:focus-within,
html body.lang-ar .platform-row,
html body.lang-ar .platform-row:hover,
html body.lang-ar .platform-row:focus,
html body.lang-ar .platform-row:focus-within,
body .carousel-panel .platform-row,
body .carousel-panel .platform-row:hover,
body .carousel-panel .platform-row:focus-within,
body .book-details .platform-row,
body .book-details .platform-row:hover,
body .book-details .platform-row:focus-within {
  display: flex !important;
  justify-content: center !important;
  gap: 0.6rem !important;
  flex-wrap: wrap !important;
  margin-top: 1rem !important;
  padding: 0 !important;
  min-height: 0 !important;
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  transform: none !important;
}

/* Author platforms section: never become gold on hover */
body .author-platforms,
body .author-platforms:hover,
body .author-platforms:focus-within,
html body.lang-ar .author-platforms,
html body.lang-ar .author-platforms:hover,
html body.lang-ar .author-platforms:focus-within {
  background:
    radial-gradient(circle at 10% 18%, rgba(185,145,69,0.10), transparent 32rem),
    radial-gradient(circle at 88% 36%, rgba(23,63,95,0.08), transparent 36rem) !important;
  background-color: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  transform: none !important;
}

/* Author hub cards should not become gold containers */
body .author-platforms .hub-card,
body .author-platforms .hub-card:hover,
body .author-platforms .hub-card:focus-within,
html body.lang-ar .author-platforms .hub-card,
html body.lang-ar .author-platforms .hub-card:hover,
html body.lang-ar .author-platforms .hub-card:focus-within {
  background: rgba(255,250,240,0.82) !important;
  background-color: rgba(255,250,240,0.82) !important;
  background-image: none !important;
  border: 1px solid rgba(185,145,69,0.34) !important;
  box-shadow: 0 16px 48px rgba(24,22,19,0.08) !important;
  transform: none !important;
}

/* Compact link list itself should stay invisible as a container */
body .author-platforms .compact-link-list,
body .author-platforms .compact-link-list:hover,
body .author-platforms .compact-link-list:focus-within,
html body.lang-ar .author-platforms .compact-link-list,
html body.lang-ar .author-platforms .compact-link-list:hover,
html body.lang-ar .author-platforms .compact-link-list:focus-within {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 0.55rem !important;
  margin-top: 1rem !important;
  padding: 0 !important;
  min-height: 0 !important;
  border: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  transform: none !important;
}

/* Only the actual compact link button can turn gold */
body .author-platforms .compact-link-list a,
html body.lang-ar .author-platforms .compact-link-list a {
  background: #fffaf0 !important;
  background-color: #fffaf0 !important;
  background-image: none !important;
  color: #130c04 !important;
  border: 1px solid rgba(184, 128, 25, 0.58) !important;
  box-shadow: 0 5px 12px rgba(54, 34, 6, 0.10) !important;
  font-weight: 850 !important;
}

body .author-platforms .compact-link-list a:hover,
body .author-platforms .compact-link-list a:focus-visible,
html body.lang-ar .author-platforms .compact-link-list a:hover,
html body.lang-ar .author-platforms .compact-link-list a:focus-visible {
  background: linear-gradient(180deg, #f9dc81 0%, #d09a2b 100%) !important;
  background-color: #d09a2b !important;
  background-image: linear-gradient(180deg, #f9dc81 0%, #d09a2b 100%) !important;
  color: #130c04 !important;
  border-color: #ae7818 !important;
  box-shadow: 0 9px 22px rgba(94, 62, 10, 0.22) !important;
  transform: translateY(-1px) !important;
}

/* Pending lines are not clickable and should stay pale */
body .author-platforms .compact-link-list .pending-line,
body .author-platforms .compact-link-list .pending-line:hover,
html body.lang-ar .author-platforms .compact-link-list .pending-line,
html body.lang-ar .author-platforms .compact-link-list .pending-line:hover {
  background: #fbf7ee !important;
  background-color: #fbf7ee !important;
  background-image: none !important;
  color: #61523f !important;
  border: 1px solid rgba(184, 128, 25, 0.32) !important;
  box-shadow: none !important;
  transform: none !important;
}

/* Carousel actual buttons: only these hover gold, not the platform-row container */
body .platform-row .platform-button,
html body.lang-ar .platform-row .platform-button {
  background: #fffaf0 !important;
  background-color: #fffaf0 !important;
  background-image: none !important;
  color: #130c04 !important;
  border: 1px solid rgba(184, 128, 25, 0.58) !important;
  box-shadow: 0 5px 12px rgba(54, 34, 6, 0.10) !important;
  font-weight: 850 !important;
}

body .platform-row .platform-button.active:hover,
body .platform-row .platform-button.active:focus-visible,
html body.lang-ar .platform-row .platform-button.active:hover,
html body.lang-ar .platform-row .platform-button.active:focus-visible {
  background: linear-gradient(180deg, #f9dc81 0%, #d09a2b 100%) !important;
  background-color: #d09a2b !important;
  background-image: linear-gradient(180deg, #f9dc81 0%, #d09a2b 100%) !important;
  color: #130c04 !important;
  border-color: #ae7818 !important;
  box-shadow: 0 9px 22px rgba(94, 62, 10, 0.22) !important;
  transform: translateY(-1px) !important;
}

body .platform-row .platform-button.disabled,
body .platform-row .platform-button.disabled:hover,
html body.lang-ar .platform-row .platform-button.disabled,
html body.lang-ar .platform-row .platform-button.disabled:hover {
  background: #fbf7ee !important;
  background-color: #fbf7ee !important;
  background-image: none !important;
  color: #61523f !important;
  box-shadow: none !important;
  cursor: not-allowed !important;
  transform: none !important;
}

/* === ELBOSSILY REMOVE BUTTON GROUP GOLD CONTAINERS V5 END === */

/* === ELBOSSILY LOWER SECTIONS WHITE BUTTONS V6 START === */

/*
  V6 fixes the remaining lower sections:
  - Reviews row
  - Pending platforms card
  - Google Play author card

  Goal:
  - Remove useless surrounding rectangles.
  - Keep only the actual buttons.
  - Button normal = white.
  - Button hover = gold.
*/

/* Lower section cards stay calm and never turn gold */
body .author-platforms .notice-card,
body .author-platforms .notice-card:hover,
body .author-platforms .notice-card:focus-within,
body .author-platforms .hub-card,
body .author-platforms .hub-card:hover,
body .author-platforms .hub-card:focus-within,
body .author-platforms .review-card,
body .author-platforms .review-card:hover,
body .author-platforms .review-card:focus-within,
html body.lang-ar .author-platforms .notice-card,
html body.lang-ar .author-platforms .notice-card:hover,
html body.lang-ar .author-platforms .notice-card:focus-within,
html body.lang-ar .author-platforms .hub-card,
html body.lang-ar .author-platforms .hub-card:hover,
html body.lang-ar .author-platforms .hub-card:focus-within,
html body.lang-ar .author-platforms .review-card,
html body.lang-ar .author-platforms .review-card:hover,
html body.lang-ar .author-platforms .review-card:focus-within {
  background: rgba(255,250,240,0.82) !important;
  background-color: rgba(255,250,240,0.82) !important;
  background-image: none !important;
  border: 1px solid rgba(185,145,69,0.34) !important;
  box-shadow: 0 16px 48px rgba(24,22,19,0.08) !important;
  transform: none !important;
}

/* Link containers in lower cards become invisible */
body .author-platforms .hub-links,
body .author-platforms .hub-links:hover,
body .author-platforms .hub-links:focus-within,
body .author-platforms .pending-grid,
body .author-platforms .pending-grid:hover,
body .author-platforms .pending-grid:focus-within,
body .author-platforms .review-links,
body .author-platforms .review-links:hover,
body .author-platforms .review-links:focus-within,
body .author-platforms .notice-card .hub-links,
body .author-platforms .notice-card .hub-links:hover,
body .author-platforms .notice-card .hub-links:focus-within,
html body.lang-ar .author-platforms .hub-links,
html body.lang-ar .author-platforms .hub-links:hover,
html body.lang-ar .author-platforms .hub-links:focus-within,
html body.lang-ar .author-platforms .pending-grid,
html body.lang-ar .author-platforms .pending-grid:hover,
html body.lang-ar .author-platforms .pending-grid:focus-within,
html body.lang-ar .author-platforms .review-links,
html body.lang-ar .author-platforms .review-links:hover,
html body.lang-ar .author-platforms .review-links:focus-within,
html body.lang-ar .author-platforms .notice-card .hub-links,
html body.lang-ar .author-platforms .notice-card .hub-links:hover,
html body.lang-ar .author-platforms .notice-card .hub-links:focus-within {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  transform: none !important;
}

/* Pending platform items: actual pills only, white normal */
body .author-platforms .pending-grid span,
html body.lang-ar .author-platforms .pending-grid span {
  background: #fffaf0 !important;
  background-color: #fffaf0 !important;
  background-image: none !important;
  color: #130c04 !important;
  border: 1px solid rgba(184,128,25,0.50) !important;
  box-shadow: 0 4px 10px rgba(54,34,6,0.07) !important;
  font-weight: 850 !important;
  cursor: default !important;
}

/* Pending platform items are not links, so no gold hover */
body .author-platforms .pending-grid span:hover,
html body.lang-ar .author-platforms .pending-grid span:hover {
  background: #fffaf0 !important;
  background-color: #fffaf0 !important;
  background-image: none !important;
  color: #130c04 !important;
  box-shadow: 0 4px 10px rgba(54,34,6,0.07) !important;
  transform: none !important;
}

/* Reviews and Google Play link buttons: shrink to content, not a full-width bar */
body .author-platforms .hub-links .hub-pill,
body .author-platforms .review-links .hub-pill,
body .author-platforms .notice-card .hub-pill,
body .author-platforms .notice-card a,
html body.lang-ar .author-platforms .hub-links .hub-pill,
html body.lang-ar .author-platforms .review-links .hub-pill,
html body.lang-ar .author-platforms .notice-card .hub-pill,
html body.lang-ar .author-platforms .notice-card a {
  width: auto !important;
  max-width: max-content !important;
  display: inline-flex !important;
  justify-content: center !important;
  align-items: center !important;
  background: #fffaf0 !important;
  background-color: #fffaf0 !important;
  background-image: none !important;
  color: #130c04 !important;
  border: 1px solid rgba(184,128,25,0.58) !important;
  box-shadow: 0 5px 12px rgba(54,34,6,0.10) !important;
  text-shadow: none !important;
  font-weight: 850 !important;
}

/* Button hover gold only */
body .author-platforms .hub-links .hub-pill:hover,
body .author-platforms .hub-links .hub-pill:focus-visible,
body .author-platforms .review-links .hub-pill:hover,
body .author-platforms .review-links .hub-pill:focus-visible,
body .author-platforms .notice-card .hub-pill:hover,
body .author-platforms .notice-card .hub-pill:focus-visible,
body .author-platforms .notice-card a:hover,
body .author-platforms .notice-card a:focus-visible,
html body.lang-ar .author-platforms .hub-links .hub-pill:hover,
html body.lang-ar .author-platforms .hub-links .hub-pill:focus-visible,
html body.lang-ar .author-platforms .review-links .hub-pill:hover,
html body.lang-ar .author-platforms .review-links .hub-pill:focus-visible,
html body.lang-ar .author-platforms .notice-card .hub-pill:hover,
html body.lang-ar .author-platforms .notice-card .hub-pill:focus-visible,
html body.lang-ar .author-platforms .notice-card a:hover,
html body.lang-ar .author-platforms .notice-card a:focus-visible {
  background: linear-gradient(180deg, #f9dc81 0%, #d09a2b 100%) !important;
  background-color: #d09a2b !important;
  background-image: linear-gradient(180deg, #f9dc81 0%, #d09a2b 100%) !important;
  color: #130c04 !important;
  border-color: #ae7818 !important;
  box-shadow: 0 9px 22px rgba(94,62,10,0.22) !important;
  transform: translateY(-1px) !important;
  font-weight: 900 !important;
}

/* If a lower-card link contains inner spans, do not let span create a gold strip */
body .author-platforms .notice-card a span,
body .author-platforms .review-links a span,
body .author-platforms .hub-links a span,
html body.lang-ar .author-platforms .notice-card a span,
html body.lang-ar .author-platforms .review-links a span,
html body.lang-ar .author-platforms .hub-links a span {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* === ELBOSSILY LOWER SECTIONS WHITE BUTTONS V6 END === */

/* === ELBOSSILY VISITOR OPINIONS V1 START === */

.visitor-opinions {
  padding-top: clamp(3rem, 5vw, 5rem);
}

.visitor-opinions-card {
  width: min(100%, 1120px);
  margin: 0 auto;
  border: 1px solid rgba(185,145,69,0.34);
  border-radius: var(--radius-lg);
  background: rgba(255,250,240,0.82);
  box-shadow: 0 16px 48px rgba(24,22,19,0.08);
  padding: clamp(1.25rem, 3vw, 2rem);
}

.visitor-opinions-card h2 {
  color: #8b0015;
}

.visitor-opinions-note {
  font-size: 0.98rem !important;
  color: #5f584d !important;
}

.visitor-opinions-form {
  margin-top: 1.4rem;
  display: grid;
  gap: 0.85rem;
}

.visitor-opinions-form label,
.visitor-rating-block span {
  font-family: Arial, sans-serif;
  font-weight: 850;
  color: #130c04;
}

body.lang-ar .visitor-opinions-form label,
body.lang-ar .visitor-rating-block span {
  font-family: "Reem Kufi Ink", "Tahoma", "Arial", sans-serif !important;
  font-weight: 700 !important;
}

.visitor-opinions-form select,
.visitor-opinions-form textarea {
  width: 100%;
  border: 1px solid rgba(184,128,25,0.42);
  border-radius: 18px;
  background: #fffaf0;
  color: #130c04;
  padding: 0.85rem 1rem;
  font: inherit;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.75);
}

.visitor-opinions-form textarea {
  resize: vertical;
  min-height: 120px;
  line-height: 1.7;
}

.visitor-rating-block {
  display: grid;
  gap: 0.45rem;
}

.visitor-stars {
  display: inline-flex;
  gap: 0.25rem;
  width: max-content;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.visitor-star {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  border: 1px solid rgba(184,128,25,0.45) !important;
  background: #fffaf0 !important;
  background-image: none !important;
  color: #c9b99a !important;
  font-size: 1.35rem;
  line-height: 1;
  cursor: pointer;
  box-shadow: 0 4px 10px rgba(54,34,6,0.07) !important;
}

.visitor-star.filled,
.visitor-star:hover {
  background: linear-gradient(180deg, #f9dc81 0%, #d09a2b 100%) !important;
  background-image: linear-gradient(180deg, #f9dc81 0%, #d09a2b 100%) !important;
  color: #130c04 !important;
  border-color: #ae7818 !important;
}

.visitor-send-button {
  justify-self: start;
  width: auto !important;
  border-radius: 999px;
  border: 1px solid rgba(184,128,25,0.58) !important;
  background: #fffaf0 !important;
  background-image: none !important;
  color: #130c04 !important;
  font-weight: 850 !important;
  min-height: 44px;
  padding: 0.78rem 1.1rem;
  cursor: pointer;
  box-shadow: 0 5px 12px rgba(54,34,6,0.10) !important;
}

.visitor-send-button:hover,
.visitor-send-button:focus-visible {
  background: linear-gradient(180deg, #f9dc81 0%, #d09a2b 100%) !important;
  background-image: linear-gradient(180deg, #f9dc81 0%, #d09a2b 100%) !important;
  color: #130c04 !important;
  border-color: #ae7818 !important;
  box-shadow: 0 9px 22px rgba(94,62,10,0.22) !important;
}

body.lang-ar .visitor-opinions-card {
  direction: rtl;
  text-align: right;
}

body.lang-ar .visitor-send-button {
  justify-self: end;
  font-family: "Reem Kufi Ink", "Tahoma", "Arial", sans-serif !important;
  font-weight: 700 !important;
}

/* === ELBOSSILY VISITOR OPINIONS V1 END === */

/* === ELBOSSILY EGYPTIAN HERITAGE SECTION V1 START === */

.egyptian-heritage {
  padding-top: clamp(3rem, 5vw, 5rem);
  padding-bottom: clamp(3rem, 5vw, 5rem);
}

.heritage-heading {
  max-width: 920px;
  margin: 0 auto 1.6rem;
  text-align: center;
}

.heritage-heading h2 {
  color: #8b0015;
}

.heritage-heading p {
  color: #173f5f;
  line-height: 1.8;
}

.heritage-grid {
  width: min(100%, 1180px);
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
}

.heritage-card {
  overflow: hidden;
  border: 1px solid rgba(185,145,69,0.34);
  border-radius: var(--radius-md);
  background: rgba(255,250,240,0.82);
  box-shadow: 0 16px 48px rgba(24,22,19,0.08);
}

.heritage-card img {
  width: 100%;
  height: 230px;
  display: block;
  object-fit: cover;
  border-bottom: 1px solid rgba(185,145,69,0.24);
}

.heritage-card div {
  padding: 1rem;
}

.heritage-card h3 {
  color: #8b0015;
  font-size: 1.25rem;
  margin-bottom: 0.45rem;
}

.heritage-card p {
  color: #173f5f;
  line-height: 1.65;
  margin: 0;
}

body.lang-ar .egyptian-heritage {
  direction: rtl;
}

body.lang-ar .heritage-heading,
body.lang-ar .heritage-card {
  text-align: right;
}

body.lang-ar .heritage-heading {
  text-align: center;
}

body.lang-ar .heritage-card h3,
body.lang-ar .heritage-card p {
  font-family: "Reem Kufi Ink", "Tahoma", "Arial", sans-serif !important;
}

@media (max-width: 980px) {
  .heritage-grid {
    grid-template-columns: 1fr;
  }

  .heritage-card img {
    height: 260px;
  }
}

/* === ELBOSSILY EGYPTIAN HERITAGE SECTION V1 END === */

/* === ELBOSSILY EGYPTIAN HERITAGE COMPACT LAYOUT V2 START === */

/*
  V2 layout:
  - Remove the large empty side area.
  - Put the text block and the three images inside one centered visual rectangle.
  - Arabic: text on the right, images on the left.
  - English: text on the left, images on the right.
*/

.egyptian-heritage {
  width: min(100% - 2rem, 1180px) !important;
  margin: clamp(2rem, 4vw, 4rem) auto !important;
  padding: clamp(1.25rem, 2.5vw, 2rem) !important;
  display: grid !important;
  grid-template-columns: minmax(300px, 0.85fr) minmax(520px, 1.15fr) !important;
  align-items: center !important;
  gap: clamp(1rem, 2vw, 1.8rem) !important;
  border: 1px solid rgba(185,145,69,0.34) !important;
  border-radius: var(--radius-lg) !important;
  background: rgba(255,250,240,0.78) !important;
  box-shadow: 0 16px 48px rgba(24,22,19,0.08) !important;
}

.egyptian-heritage .heritage-heading {
  max-width: none !important;
  margin: 0 !important;
  text-align: left !important;
}

.egyptian-heritage .heritage-heading h2 {
  font-size: clamp(2rem, 3.6vw, 4rem) !important;
  line-height: 1.05 !important;
}

.egyptian-heritage .heritage-heading p {
  max-width: 560px !important;
  margin-inline: 0 !important;
}

.egyptian-heritage .heritage-grid {
  width: 100% !important;
  margin: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 0.8rem !important;
}

.egyptian-heritage .heritage-card {
  min-width: 0 !important;
}

.egyptian-heritage .heritage-card img {
  height: 175px !important;
}

.egyptian-heritage .heritage-card div {
  padding: 0.85rem !important;
}

.egyptian-heritage .heritage-card h3 {
  font-size: 1.08rem !important;
}

.egyptian-heritage .heritage-card p {
  font-size: 0.92rem !important;
  line-height: 1.55 !important;
}

/* Arabic order: images left, text right */
body.lang-ar .egyptian-heritage {
  grid-template-columns: minmax(520px, 1.15fr) minmax(300px, 0.85fr) !important;
  direction: ltr !important;
}

body.lang-ar .egyptian-heritage .heritage-grid {
  order: 1 !important;
  direction: rtl !important;
}

body.lang-ar .egyptian-heritage .heritage-heading {
  order: 2 !important;
  direction: rtl !important;
  text-align: right !important;
}

body.lang-ar .egyptian-heritage .heritage-heading p {
  margin-right: 0 !important;
  margin-left: auto !important;
}

/* English order: text left, images right */
body:not(.lang-ar) .egyptian-heritage .heritage-heading {
  order: 1 !important;
}

body:not(.lang-ar) .egyptian-heritage .heritage-grid {
  order: 2 !important;
}

/* Medium screens: keep the rectangle but stack neatly */
@media (max-width: 1100px) {
  .egyptian-heritage,
  body.lang-ar .egyptian-heritage {
    grid-template-columns: 1fr !important;
  }

  .egyptian-heritage .heritage-heading,
  body.lang-ar .egyptian-heritage .heritage-heading {
    order: 1 !important;
    text-align: center !important;
  }

  .egyptian-heritage .heritage-heading p,
  body.lang-ar .egyptian-heritage .heritage-heading p {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .egyptian-heritage .heritage-grid,
  body.lang-ar .egyptian-heritage .heritage-grid {
    order: 2 !important;
  }
}

@media (max-width: 760px) {
  .egyptian-heritage .heritage-grid {
    grid-template-columns: 1fr !important;
  }

  .egyptian-heritage .heritage-card img {
    height: 240px !important;
  }
}

/* === ELBOSSILY EGYPTIAN HERITAGE COMPACT LAYOUT V2 END === */

/* === ELBOSSILY EGYPTIAN HERITAGE GALLERY V3 START === */

.egyptian-heritage.heritage-interactive {
  width: min(100% - 2rem, 1220px) !important;
  margin: clamp(2rem, 4vw, 4rem) auto !important;
  padding: clamp(1.2rem, 2.4vw, 2rem) !important;
  display: grid !important;
  grid-template-columns: minmax(300px, 0.72fr) minmax(620px, 1.28fr) !important;
  align-items: center !important;
  gap: clamp(1rem, 2vw, 1.8rem) !important;
  border: 1px solid rgba(185,145,69,0.34) !important;
  border-radius: var(--radius-lg) !important;
  background: rgba(255,250,240,0.80) !important;
  box-shadow: 0 16px 48px rgba(24,22,19,0.08) !important;
}

.heritage-interactive .heritage-heading {
  max-width: none !important;
  margin: 0 !important;
  text-align: left !important;
}

.heritage-interactive .heritage-heading h2 {
  font-size: clamp(2rem, 3.45vw, 3.75rem) !important;
  line-height: 1.05 !important;
  color: #8b0015 !important;
}

.heritage-interactive .heritage-heading p {
  max-width: 520px !important;
  color: #173f5f !important;
  line-height: 1.8 !important;
}

.heritage-source-note {
  margin-top: 0.75rem !important;
  font-size: 0.92rem !important;
  color: #5f584d !important;
}

.heritage-gallery {
  width: 100% !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 0.75rem !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.heritage-photo-button,
body .heritage-photo-button,
html body.lang-ar .heritage-photo-button {
  display: grid !important;
  grid-template-rows: 150px auto !important;
  min-width: 0 !important;
  width: 100% !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 1px solid rgba(185,145,69,0.34) !important;
  border-radius: 18px !important;
  background: #fffaf0 !important;
  background-image: none !important;
  box-shadow: 0 10px 24px rgba(24,22,19,0.08) !important;
  color: #130c04 !important;
  cursor: pointer !important;
  text-align: center !important;
  transform: none !important;
}

.heritage-photo-button:hover,
.heritage-photo-button:focus-visible,
body .heritage-photo-button:hover,
html body.lang-ar .heritage-photo-button:hover {
  background: #fffaf0 !important;
  background-image: none !important;
  border-color: #b98216 !important;
  box-shadow: 0 16px 34px rgba(94,62,10,0.20) !important;
  transform: translateY(-2px) !important;
}

.heritage-photo-button img {
  width: 100% !important;
  height: 150px !important;
  object-fit: cover !important;
  display: block !important;
}

.heritage-photo-button span {
  display: grid !important;
  place-items: center !important;
  min-height: 52px !important;
  padding: 0.55rem 0.65rem !important;
  color: #8b0015 !important;
  font-weight: 850 !important;
  line-height: 1.3 !important;
  background: #fffaf0 !important;
  border-top: 1px solid rgba(185,145,69,0.20) !important;
}

body.lang-ar .egyptian-heritage.heritage-interactive {
  grid-template-columns: minmax(640px, 1.28fr) minmax(300px, 0.72fr) !important;
  direction: ltr !important;
}

body.lang-ar .heritage-interactive .heritage-gallery {
  order: 1 !important;
  direction: rtl !important;
}

body.lang-ar .heritage-interactive .heritage-heading {
  order: 2 !important;
  direction: rtl !important;
  text-align: right !important;
}

body.lang-ar .heritage-interactive .heritage-heading p {
  margin-right: 0 !important;
  margin-left: auto !important;
}

body.lang-ar .heritage-photo-button span,
body.lang-ar .heritage-lightbox-caption h3,
body.lang-ar .heritage-lightbox-caption p {
  font-family: "Reem Kufi Ink", "Tahoma", "Arial", sans-serif !important;
}

/* Lightbox */
.heritage-lightbox {
  position: fixed !important;
  inset: 0 !important;
  z-index: 9999 !important;
  display: none !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 1.2rem !important;
  background: rgba(10, 8, 5, 0.78) !important;
  backdrop-filter: blur(4px) !important;
}

.heritage-lightbox.is-open {
  display: flex !important;
}

.heritage-lightbox-panel {
  width: min(100%, 980px) !important;
  max-height: 92vh !important;
  overflow: auto !important;
  border: 1px solid rgba(248,217,120,0.45) !important;
  border-radius: 22px !important;
  background: #fffaf0 !important;
  box-shadow: 0 28px 90px rgba(0,0,0,0.45) !important;
}

.heritage-lightbox-panel img {
  width: 100% !important;
  max-height: 68vh !important;
  object-fit: contain !important;
  display: block !important;
  background: #120f0b !important;
}

.heritage-lightbox-caption {
  padding: 1rem 1.2rem 1.2rem !important;
  text-align: center !important;
}

.heritage-lightbox-caption h3 {
  margin: 0 0 0.4rem !important;
  color: #8b0015 !important;
  font-size: clamp(1.35rem, 2.2vw, 2rem) !important;
}

.heritage-lightbox-caption p {
  margin: 0 auto !important;
  max-width: 760px !important;
  color: #173f5f !important;
  line-height: 1.8 !important;
}

.heritage-lightbox-close {
  position: fixed !important;
  top: 1rem !important;
  right: 1rem !important;
  width: 46px !important;
  height: 46px !important;
  border-radius: 50% !important;
  border: 1px solid rgba(248,217,120,0.65) !important;
  background: #fffaf0 !important;
  color: #130c04 !important;
  font-size: 2rem !important;
  line-height: 1 !important;
  cursor: pointer !important;
  z-index: 10000 !important;
}

.heritage-lightbox-close:hover {
  background: linear-gradient(180deg, #f9dc81 0%, #d09a2b 100%) !important;
}

@media (max-width: 1120px) {
  .egyptian-heritage.heritage-interactive,
  body.lang-ar .egyptian-heritage.heritage-interactive {
    grid-template-columns: 1fr !important;
  }

  .heritage-interactive .heritage-heading,
  body.lang-ar .heritage-interactive .heritage-heading {
    order: 1 !important;
    text-align: center !important;
  }

  .heritage-interactive .heritage-heading p,
  body.lang-ar .heritage-interactive .heritage-heading p {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .heritage-interactive .heritage-gallery,
  body.lang-ar .heritage-interactive .heritage-gallery {
    order: 2 !important;
  }
}

@media (max-width: 760px) {
  .heritage-gallery {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .heritage-photo-button {
    grid-template-rows: 135px auto !important;
  }

  .heritage-photo-button img {
    height: 135px !important;
  }
}

@media (max-width: 480px) {
  .heritage-gallery {
    grid-template-columns: 1fr !important;
  }

  .heritage-photo-button,
  .heritage-photo-button img {
    height: auto !important;
  }

  .heritage-photo-button {
    grid-template-rows: 220px auto !important;
  }

  .heritage-photo-button img {
    height: 220px !important;
  }
}

/* === ELBOSSILY EGYPTIAN HERITAGE GALLERY V3 END === */

/* ELBOSSILY_HERITAGE_FULL_WIDTH_DIRECT_V3_START */
section:has(img[src*="assets/heritage"]) {
  grid-column: 1 / -1 !important;
  justify-self: stretch !important;
  width: min(1320px, calc(100vw - 48px)) !important;
  max-width: 1320px !important;
  margin: 54px auto !important;
  transform: none !important;
}
section:has(img[src*="assets/heritage"]) [class*="layout"],
section:has(img[src*="assets/heritage"]) [class*="showcase"],
section:has(img[src*="assets/heritage"]) [class*="panel"],
section:has(img[src*="assets/heritage"]) [class*="card"] {
  width: 100% !important;
  max-width: none !important;
}
section:has(img[src*="assets/heritage"]) [class*="layout"],
section:has(img[src*="assets/heritage"]) [class*="showcase"] {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 18px !important;
}
section:has(img[src*="assets/heritage"]) [class*="gallery"]:has(img[src*="assets/heritage"]),
section:has(img[src*="assets/heritage"]) [class*="images"]:has(img[src*="assets/heritage"]),
section:has(img[src*="assets/heritage"]) [class*="grid"]:has(img[src*="assets/heritage"]) {
  width: 100% !important;
  max-width: none !important;
  display: grid !important;
  grid-template-columns: repeat(6, minmax(115px, 1fr)) !important;
  gap: 14px !important;
}
section:has(img[src*="assets/heritage"]) img[src*="assets/heritage"] {
  width: 100% !important;
  aspect-ratio: 1 / 1 !important;
  object-fit: cover !important;
  display: block !important;
}
@media (max-width: 1100px) {
  section:has(img[src*="assets/heritage"]) [class*="gallery"]:has(img[src*="assets/heritage"]),
  section:has(img[src*="assets/heritage"]) [class*="images"]:has(img[src*="assets/heritage"]),
  section:has(img[src*="assets/heritage"]) [class*="grid"]:has(img[src*="assets/heritage"]) { grid-template-columns: repeat(3, minmax(140px, 1fr)) !important; }
}
@media (max-width: 700px) {
  section:has(img[src*="assets/heritage"]) { width: calc(100vw - 24px) !important; margin: 32px auto !important; }
  section:has(img[src*="assets/heritage"]) [class*="gallery"]:has(img[src*="assets/heritage"]),
  section:has(img[src*="assets/heritage"]) [class*="images"]:has(img[src*="assets/heritage"]),
  section:has(img[src*="assets/heritage"]) [class*="grid"]:has(img[src*="assets/heritage"]) { grid-template-columns: repeat(2, minmax(120px, 1fr)) !important; }
}
/* ELBOSSILY_HERITAGE_FULL_WIDTH_DIRECT_V3_END */

/* ELBOSSILY_PAGE_UNIFIED_WIDTH_V4_START */
html, body { overflow-x: hidden !important; }
main, .main, #main { width: 100% !important; max-width: none !important; }
main section, .hero, .hero-section, .books-hero, .books-showcase, .section-card, .author-card, .opinion-card {
  width: min(1248px, calc(100vw - 96px)) !important;
  max-width: 1248px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}
main section [class*='card'], main section [class*='panel'], main section [class*='showcase'], main section [class*='container'], main section [class*='shell'] {
  max-width: 100% !important;
  box-sizing: border-box !important;
}
section:has(img[src*='heritage']) {
  width: min(1248px, calc(100vw - 96px)) !important;
  max-width: 1248px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
section:has(img[src*='heritage']) [class*='card'], section:has(img[src*='heritage']) [class*='panel'], section:has(img[src*='heritage']) [class*='showcase'], section:has(img[src*='heritage']) [class*='layout'], section:has(img[src*='heritage']) [class*='wrap'] {
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box !important;
}
section:has(img[src*='heritage']) [class*='layout'], section:has(img[src*='heritage']) [class*='showcase'] {
  display: grid !important;
  grid-template-columns: minmax(0, 2fr) minmax(280px, .9fr) !important;
  gap: 28px !important;
  align-items: center !important;
}
section:has(img[src*='heritage']) [class*='gallery'], section:has(img[src*='heritage']) [class*='images'], section:has(img[src*='heritage']) [class*='grid'] {
  width: 100% !important;
  max-width: none !important;
  display: grid !important;
  grid-template-columns: repeat(6, minmax(74px, 1fr)) !important;
  gap: 12px !important;
  overflow: visible !important;
}
section:has(img[src*='heritage']) img[src*='heritage'] {
  width: 100% !important;
  max-width: 100% !important;
  aspect-ratio: 1 / 1.05 !important;
  object-fit: cover !important;
  display: block !important;
}
@media (max-width: 1100px) {
  main section, .hero, .hero-section, .books-hero, .books-showcase, .section-card, .author-card, .opinion-card, section:has(img[src*='heritage']) { width: calc(100vw - 48px) !important; }
  section:has(img[src*='heritage']) [class*='layout'], section:has(img[src*='heritage']) [class*='showcase'] { grid-template-columns: 1fr !important; }
  section:has(img[src*='heritage']) [class*='gallery'], section:has(img[src*='heritage']) [class*='images'], section:has(img[src*='heritage']) [class*='grid'] { grid-template-columns: repeat(3, minmax(120px, 1fr)) !important; }
}
@media (max-width: 700px) {
  main section, .hero, .hero-section, .books-hero, .books-showcase, .section-card, .author-card, .opinion-card, section:has(img[src*='heritage']) { width: calc(100vw - 24px) !important; }
  section:has(img[src*='heritage']) [class*='gallery'], section:has(img[src*='heritage']) [class*='images'], section:has(img[src*='heritage']) [class*='grid'] { grid-template-columns: repeat(2, minmax(120px, 1fr)) !important; }
}
/* ELBOSSILY_PAGE_UNIFIED_WIDTH_V4_END */

/* ELBOSSILY_HERITAGE_AR_EN_MIRROR_LAYOUT_V6_START */
section:has(img[src*='heritage']) {
  width: min(1248px, calc(100vw - 96px)) !important;
  max-width: 1248px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}
section:has(img[src*='heritage']) .egyptian-heritage-layout,
section:has(img[src*='heritage']) .heritage-layout,
section:has(img[src*='heritage']) .heritage-showcase,
section:has(img[src*='heritage']) .heritage-main-layout,
section:has(img[src*='heritage']) .heritage-content-grid {
  width: 100% !important;
  max-width: 100% !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  gap: 36px !important;
  align-items: center !important;
  box-sizing: border-box !important;
}
html[dir='rtl'] section:has(img[src*='heritage']) .egyptian-heritage-gallery,
html[dir='rtl'] section:has(img[src*='heritage']) .heritage-gallery,
html[dir='rtl'] section:has(img[src*='heritage']) .heritage-grid,
body[dir='rtl'] section:has(img[src*='heritage']) .egyptian-heritage-gallery,
body[dir='rtl'] section:has(img[src*='heritage']) .heritage-gallery,
body[dir='rtl'] section:has(img[src*='heritage']) .heritage-grid {
  grid-column: 1 !important;
}
html[dir='rtl'] section:has(img[src*='heritage']) .egyptian-heritage-copy,
html[dir='rtl'] section:has(img[src*='heritage']) .heritage-copy,
html[dir='rtl'] section:has(img[src*='heritage']) .heritage-text,
body[dir='rtl'] section:has(img[src*='heritage']) .egyptian-heritage-copy,
body[dir='rtl'] section:has(img[src*='heritage']) .heritage-copy,
body[dir='rtl'] section:has(img[src*='heritage']) .heritage-text {
  grid-column: 2 !important;
  text-align: right !important;
}
html[dir='ltr'] section:has(img[src*='heritage']) .egyptian-heritage-copy,
html[dir='ltr'] section:has(img[src*='heritage']) .heritage-copy,
html[dir='ltr'] section:has(img[src*='heritage']) .heritage-text,
body[dir='ltr'] section:has(img[src*='heritage']) .egyptian-heritage-copy,
body[dir='ltr'] section:has(img[src*='heritage']) .heritage-copy,
body[dir='ltr'] section:has(img[src*='heritage']) .heritage-text {
  grid-column: 1 !important;
  grid-row: 1 !important;
  text-align: left !important;
}
html[dir='ltr'] section:has(img[src*='heritage']) .egyptian-heritage-gallery,
html[dir='ltr'] section:has(img[src*='heritage']) .heritage-gallery,
html[dir='ltr'] section:has(img[src*='heritage']) .heritage-grid,
body[dir='ltr'] section:has(img[src*='heritage']) .egyptian-heritage-gallery,
body[dir='ltr'] section:has(img[src*='heritage']) .heritage-gallery,
body[dir='ltr'] section:has(img[src*='heritage']) .heritage-grid {
  grid-column: 2 !important;
  grid-row: 1 !important;
}
section:has(img[src*='heritage']) .egyptian-heritage-gallery,
section:has(img[src*='heritage']) .heritage-gallery,
section:has(img[src*='heritage']) .heritage-grid {
  width: 100% !important;
  max-width: 100% !important;
  display: grid !important;
  grid-template-columns: repeat(6, minmax(64px, 1fr)) !important;
  gap: 10px !important;
  overflow: hidden !important;
}
section:has(img[src*='heritage']) .egyptian-heritage-gallery img,
section:has(img[src*='heritage']) .heritage-gallery img,
section:has(img[src*='heritage']) .heritage-grid img {
  width: 100% !important;
  max-width: 100% !important;
  aspect-ratio: 1 / 1.15 !important;
  object-fit: cover !important;
}
section:has(img[src*='heritage']) h1,
section:has(img[src*='heritage']) h2 {
  max-width: 100% !important;
  font-size: clamp(34px, 4.2vw, 64px) !important;
  line-height: .95 !important;
  margin: 0 0 18px 0 !important;
  overflow-wrap: normal !important;
}
html[dir='ltr'] section:has(img[src*='heritage']) h1,
html[dir='ltr'] section:has(img[src*='heritage']) h2,
body[dir='ltr'] section:has(img[src*='heritage']) h1,
body[dir='ltr'] section:has(img[src*='heritage']) h2 {
  font-size: clamp(30px, 3.6vw, 54px) !important;
  line-height: .98 !important;
}
@media (max-width: 1100px) {
  section:has(img[src*='heritage']) { width: calc(100vw - 48px) !important; }
  section:has(img[src*='heritage']) .egyptian-heritage-layout, section:has(img[src*='heritage']) .heritage-layout, section:has(img[src*='heritage']) .heritage-showcase, section:has(img[src*='heritage']) .heritage-main-layout, section:has(img[src*='heritage']) .heritage-content-grid { grid-template-columns: 1fr !important; }
  section:has(img[src*='heritage']) .egyptian-heritage-gallery, section:has(img[src*='heritage']) .heritage-gallery, section:has(img[src*='heritage']) .heritage-grid, section:has(img[src*='heritage']) .egyptian-heritage-copy, section:has(img[src*='heritage']) .heritage-copy, section:has(img[src*='heritage']) .heritage-text { grid-column: 1 !important; grid-row: auto !important; }
  section:has(img[src*='heritage']) .egyptian-heritage-gallery, section:has(img[src*='heritage']) .heritage-gallery, section:has(img[src*='heritage']) .heritage-grid { grid-template-columns: repeat(3, minmax(120px, 1fr)) !important; }
}
@media (max-width: 700px) {
  section:has(img[src*='heritage']) { width: calc(100vw - 24px) !important; }
  section:has(img[src*='heritage']) .egyptian-heritage-gallery, section:has(img[src*='heritage']) .heritage-gallery, section:has(img[src*='heritage']) .heritage-grid { grid-template-columns: repeat(2, minmax(120px, 1fr)) !important; }
}
/* ELBOSSILY_HERITAGE_AR_EN_MIRROR_LAYOUT_V6_END */

/* ELBOSSILY_GLOBAL_RAIL_ALIGNMENT_V7_START */
:root { --elb-rail: min(1280px, calc(100vw - 48px)); --elb-gap: 56px; }
html, body { overflow-x: hidden !important; }
main, .main, #main { width: 100% !important; max-width: none !important; }
main > section,
.hero, .hero-section, .books-hero, .home-hero,
.books-showcase, .section-card, .author-card, .opinion-card,
section:has(img[src*='heritage']) {
  width: var(--elb-rail) !important;
  max-width: var(--elb-rail) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}
main > section > *,
section:has(img[src*='heritage']) > *,
section:has(img[src*='heritage']) [class*='card'],
section:has(img[src*='heritage']) [class*='panel'],
section:has(img[src*='heritage']) [class*='wrap'],
section:has(img[src*='heritage']) [class*='container'],
section:has(img[src*='heritage']) [class*='showcase'] {
  max-width: 100% !important;
  box-sizing: border-box !important;
}
.hero, .hero-section, .books-hero, .home-hero {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  gap: var(--elb-gap) !important;
  align-items: start !important;
}
.hero > *, .hero-section > *, .books-hero > *, .home-hero > * {
  align-self: start !important;
  margin-top: 0 !important;
  box-sizing: border-box !important;
}
section:has(img[src*='heritage']) { overflow: visible !important; }
section:has(img[src*='heritage']) .egyptian-heritage-layout,
section:has(img[src*='heritage']) .heritage-layout,
section:has(img[src*='heritage']) .heritage-showcase,
section:has(img[src*='heritage']) .heritage-main-layout,
section:has(img[src*='heritage']) .heritage-content-grid {
  width: 100% !important;
  max-width: 100% !important;
  display: grid !important;
  grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr) !important;
  gap: 34px !important;
  align-items: center !important;
  overflow: visible !important;
}
section:has(img[src*='heritage']) .egyptian-heritage-gallery,
section:has(img[src*='heritage']) .heritage-gallery,
section:has(img[src*='heritage']) .heritage-grid {
  width: 100% !important;
  max-width: 100% !important;
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  gap: 8px !important;
  overflow: visible !important;
  min-width: 0 !important;
}
section:has(img[src*='heritage']) .egyptian-heritage-gallery > *,
section:has(img[src*='heritage']) .heritage-gallery > *,
section:has(img[src*='heritage']) .heritage-grid > * {
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}
section:has(img[src*='heritage']) .egyptian-heritage-gallery img,
section:has(img[src*='heritage']) .heritage-gallery img,
section:has(img[src*='heritage']) .heritage-grid img {
  width: 100% !important;
  max-width: 100% !important;
  aspect-ratio: 1 / 1.12 !important;
  object-fit: cover !important;
  display: block !important;
}
section:has(img[src*='heritage']) h1,
section:has(img[src*='heritage']) h2 {
  font-size: clamp(32px, 3.8vw, 58px) !important;
  line-height: .98 !important;
  margin-top: 0 !important;
  margin-bottom: 18px !important;
}
html[dir='rtl'] section:has(img[src*='heritage']) .egyptian-heritage-gallery,
html[dir='rtl'] section:has(img[src*='heritage']) .heritage-gallery,
html[dir='rtl'] section:has(img[src*='heritage']) .heritage-grid,
body[dir='rtl'] section:has(img[src*='heritage']) .egyptian-heritage-gallery,
body[dir='rtl'] section:has(img[src*='heritage']) .heritage-gallery,
body[dir='rtl'] section:has(img[src*='heritage']) .heritage-grid { grid-column: 1 !important; grid-row: 1 !important; }
html[dir='rtl'] section:has(img[src*='heritage']) .egyptian-heritage-copy,
html[dir='rtl'] section:has(img[src*='heritage']) .heritage-copy,
html[dir='rtl'] section:has(img[src*='heritage']) .heritage-text,
body[dir='rtl'] section:has(img[src*='heritage']) .egyptian-heritage-copy,
body[dir='rtl'] section:has(img[src*='heritage']) .heritage-copy,
body[dir='rtl'] section:has(img[src*='heritage']) .heritage-text { grid-column: 2 !important; grid-row: 1 !important; text-align: right !important; }
html[dir='ltr'] section:has(img[src*='heritage']) .egyptian-heritage-copy,
html[dir='ltr'] section:has(img[src*='heritage']) .heritage-copy,
html[dir='ltr'] section:has(img[src*='heritage']) .heritage-text,
body[dir='ltr'] section:has(img[src*='heritage']) .egyptian-heritage-copy,
body[dir='ltr'] section:has(img[src*='heritage']) .heritage-copy,
body[dir='ltr'] section:has(img[src*='heritage']) .heritage-text { grid-column: 1 !important; grid-row: 1 !important; text-align: left !important; }
html[dir='ltr'] section:has(img[src*='heritage']) .egyptian-heritage-gallery,
html[dir='ltr'] section:has(img[src*='heritage']) .heritage-gallery,
html[dir='ltr'] section:has(img[src*='heritage']) .heritage-grid,
body[dir='ltr'] section:has(img[src*='heritage']) .egyptian-heritage-gallery,
body[dir='ltr'] section:has(img[src*='heritage']) .heritage-gallery,
body[dir='ltr'] section:has(img[src*='heritage']) .heritage-grid { grid-column: 2 !important; grid-row: 1 !important; }
@media (max-width: 1100px) {
  :root { --elb-rail: calc(100vw - 32px); --elb-gap: 28px; }
  .hero, .hero-section, .books-hero, .home-hero, section:has(img[src*='heritage']) .egyptian-heritage-layout, section:has(img[src*='heritage']) .heritage-layout, section:has(img[src*='heritage']) .heritage-showcase, section:has(img[src*='heritage']) .heritage-main-layout, section:has(img[src*='heritage']) .heritage-content-grid { grid-template-columns: 1fr !important; }
  section:has(img[src*='heritage']) .egyptian-heritage-gallery, section:has(img[src*='heritage']) .heritage-gallery, section:has(img[src*='heritage']) .heritage-grid, section:has(img[src*='heritage']) .egyptian-heritage-copy, section:has(img[src*='heritage']) .heritage-copy, section:has(img[src*='heritage']) .heritage-text { grid-column: 1 !important; grid-row: auto !important; }
  section:has(img[src*='heritage']) .egyptian-heritage-gallery, section:has(img[src*='heritage']) .heritage-gallery, section:has(img[src*='heritage']) .heritage-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
}
@media (max-width: 700px) {
  :root { --elb-rail: calc(100vw - 20px); }
  section:has(img[src*='heritage']) .egyptian-heritage-gallery, section:has(img[src*='heritage']) .heritage-gallery, section:has(img[src*='heritage']) .heritage-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
/* ELBOSSILY_GLOBAL_RAIL_ALIGNMENT_V7_END */

/* ELBOSSILY_WIDE_RAIL_AND_LIGHTBOX_FIX_V8_START */
:root { --elb-rail: calc(100vw - 24px); }
html, body { overflow-x: hidden !important; }
main, .main, #main { width: 100% !important; max-width: none !important; }
main > section, .hero, .hero-section, .home-hero, .books-hero, .books-showcase, .section-card, .author-card, .opinion-card, section:has(img[src*='heritage']) {
  width: var(--elb-rail) !important;
  max-width: var(--elb-rail) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}
section:has(img[src*='heritage']),
section:has(img[src*='heritage']) > *,
section:has(img[src*='heritage']) *:has(img[src*='heritage']) {
  max-width: 100% !important;
  box-sizing: border-box !important;
}
section:has(img[src*='heritage']) > *,
section:has(img[src*='heritage']) [class*='card'],
section:has(img[src*='heritage']) [class*='panel'],
section:has(img[src*='heritage']) [class*='wrap'],
section:has(img[src*='heritage']) [class*='container'],
section:has(img[src*='heritage']) [class*='showcase'],
section:has(img[src*='heritage']) [class*='layout'] {
  width: 100% !important;
  max-width: none !important;
}
section:has(img[src*='heritage']) .egyptian-heritage-layout,
section:has(img[src*='heritage']) .heritage-layout,
section:has(img[src*='heritage']) .heritage-showcase,
section:has(img[src*='heritage']) .heritage-main-layout,
section:has(img[src*='heritage']) .heritage-content-grid {
  display: grid !important;
  grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr) !important;
  gap: 26px !important;
  align-items: center !important;
  overflow: visible !important;
}
section:has(img[src*='heritage']) .egyptian-heritage-gallery,
section:has(img[src*='heritage']) .heritage-gallery,
section:has(img[src*='heritage']) .heritage-grid {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  gap: 7px !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow: visible !important;
}
section:has(img[src*='heritage']) .egyptian-heritage-gallery > *,
section:has(img[src*='heritage']) .heritage-gallery > *,
section:has(img[src*='heritage']) .heritage-grid > * {
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
}
section:has(img[src*='heritage']) img[src*='heritage'] {
  width: 100% !important;
  max-width: 100% !important;
  aspect-ratio: 1 / 1.1 !important;
  object-fit: cover !important;
  display: block !important;
}
html[dir='ltr'] section:has(img[src*='heritage']) .egyptian-heritage-copy, html[dir='ltr'] section:has(img[src*='heritage']) .heritage-copy, html[dir='ltr'] section:has(img[src*='heritage']) .heritage-text, body[dir='ltr'] section:has(img[src*='heritage']) .egyptian-heritage-copy, body[dir='ltr'] section:has(img[src*='heritage']) .heritage-copy, body[dir='ltr'] section:has(img[src*='heritage']) .heritage-text { grid-column: 1 !important; grid-row: 1 !important; text-align: left !important; }
html[dir='ltr'] section:has(img[src*='heritage']) .egyptian-heritage-gallery, html[dir='ltr'] section:has(img[src*='heritage']) .heritage-gallery, html[dir='ltr'] section:has(img[src*='heritage']) .heritage-grid, body[dir='ltr'] section:has(img[src*='heritage']) .egyptian-heritage-gallery, body[dir='ltr'] section:has(img[src*='heritage']) .heritage-gallery, body[dir='ltr'] section:has(img[src*='heritage']) .heritage-grid { grid-column: 2 !important; grid-row: 1 !important; }
html[dir='rtl'] section:has(img[src*='heritage']) .egyptian-heritage-gallery, html[dir='rtl'] section:has(img[src*='heritage']) .heritage-gallery, html[dir='rtl'] section:has(img[src*='heritage']) .heritage-grid, body[dir='rtl'] section:has(img[src*='heritage']) .egyptian-heritage-gallery, body[dir='rtl'] section:has(img[src*='heritage']) .heritage-gallery, body[dir='rtl'] section:has(img[src*='heritage']) .heritage-grid { grid-column: 1 !important; grid-row: 1 !important; }
html[dir='rtl'] section:has(img[src*='heritage']) .egyptian-heritage-copy, html[dir='rtl'] section:has(img[src*='heritage']) .heritage-copy, html[dir='rtl'] section:has(img[src*='heritage']) .heritage-text, body[dir='rtl'] section:has(img[src*='heritage']) .egyptian-heritage-copy, body[dir='rtl'] section:has(img[src*='heritage']) .heritage-copy, body[dir='rtl'] section:has(img[src*='heritage']) .heritage-text { grid-column: 2 !important; grid-row: 1 !important; text-align: right !important; }
section:has(img[src*='heritage']) h1, section:has(img[src*='heritage']) h2 {
  font-size: clamp(32px, 3.7vw, 56px) !important;
  line-height: .98 !important;
  margin-top: 0 !important;
  margin-bottom: 16px !important;
}
[class*='modal']:has(img[src*='heritage']), [class*='lightbox']:has(img[src*='heritage']), [class*='overlay']:has(img[src*='heritage']) {
  padding: 22px !important;
  box-sizing: border-box !important;
  overflow: auto !important;
}
[class*='modal']:has(img[src*='heritage']) [class*='content'], [class*='modal']:has(img[src*='heritage']) [class*='card'], [class*='modal']:has(img[src*='heritage']) [class*='panel'], [class*='lightbox']:has(img[src*='heritage']) [class*='content'], [class*='lightbox']:has(img[src*='heritage']) [class*='card'], [class*='lightbox']:has(img[src*='heritage']) [class*='panel'], [class*='overlay']:has(img[src*='heritage']) [class*='content'], [class*='overlay']:has(img[src*='heritage']) [class*='card'], [class*='overlay']:has(img[src*='heritage']) [class*='panel'] {
  width: min(820px, calc(100vw - 64px)) !important;
  max-width: 820px !important;
  max-height: calc(100vh - 64px) !important;
  margin: auto !important;
  overflow: auto !important;
}
[class*='modal']:has(img[src*='heritage']) img[src*='heritage'], [class*='lightbox']:has(img[src*='heritage']) img[src*='heritage'], [class*='overlay']:has(img[src*='heritage']) img[src*='heritage'] {
  width: auto !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: 54vh !important;
  aspect-ratio: auto !important;
  object-fit: contain !important;
  object-position: center center !important;
  display: block !important;
  margin: 0 auto !important;
}
@media (max-width: 1100px) {
  :root { --elb-rail: calc(100vw - 20px); }
  section:has(img[src*='heritage']) .egyptian-heritage-layout, section:has(img[src*='heritage']) .heritage-layout, section:has(img[src*='heritage']) .heritage-showcase, section:has(img[src*='heritage']) .heritage-main-layout, section:has(img[src*='heritage']) .heritage-content-grid { grid-template-columns: 1fr !important; }
  section:has(img[src*='heritage']) .egyptian-heritage-gallery, section:has(img[src*='heritage']) .heritage-gallery, section:has(img[src*='heritage']) .heritage-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
}
@media (max-width: 700px) {
  :root { --elb-rail: calc(100vw - 12px); }
  section:has(img[src*='heritage']) .egyptian-heritage-gallery, section:has(img[src*='heritage']) .heritage-gallery, section:has(img[src*='heritage']) .heritage-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  [class*='modal']:has(img[src*='heritage']) img[src*='heritage'], [class*='lightbox']:has(img[src*='heritage']) img[src*='heritage'], [class*='overlay']:has(img[src*='heritage']) img[src*='heritage'] { max-height: 48vh !important; }
}
/* ELBOSSILY_WIDE_RAIL_AND_LIGHTBOX_FIX_V8_END */

/* ELBOSSILY_SINGLE_PAGE_FRAME_V9_START */
:root { --elb-site-frame: min(1220px, calc(100vw - 32px)); --elb-site-gap: 32px; }
html, body { overflow-x: hidden !important; }
body { margin: 0 !important; }
main, .main, #main { width: 100% !important; max-width: none !important; }
header, .site-header, .topbar, .navbar,
main > section, .hero, .hero-section, .home-hero, .books-hero, .books-showcase,
.section-card, .author-card, .opinion-card, section:has(img[src*='heritage']) {
  width: var(--elb-site-frame) !important;
  max-width: var(--elb-site-frame) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}
.hero, .hero-section, .home-hero, .books-hero {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  gap: var(--elb-site-gap) !important;
  align-items: start !important;
}
.hero > *, .hero-section > *, .home-hero > *, .books-hero > * {
  margin-top: 0 !important;
  align-self: start !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}
.hero [class*='card'], .hero-section [class*='card'], .home-hero [class*='card'], .books-hero [class*='card'],
.hero [class*='panel'], .hero-section [class*='panel'], .home-hero [class*='panel'], .books-hero [class*='panel'],
.hero [class*='wrap'], .hero-section [class*='wrap'], .home-hero [class*='wrap'], .books-hero [class*='wrap'],
.hero [class*='container'], .hero-section [class*='container'], .home-hero [class*='container'], .books-hero [class*='container'] {
  width: 100% !important;
  max-width: 100% !important;
  margin-top: 0 !important;
  box-sizing: border-box !important;
}
section:has(img[src*='heritage']) {
  width: var(--elb-site-frame) !important;
  max-width: var(--elb-site-frame) !important;
}
@media (max-width: 1100px) {
  :root { --elb-site-frame: calc(100vw - 24px); --elb-site-gap: 22px; }
  .hero, .hero-section, .home-hero, .books-hero { grid-template-columns: 1fr !important; }
}
@media (max-width: 700px) {
  :root { --elb-site-frame: calc(100vw - 12px); --elb-site-gap: 16px; }
}
/* ELBOSSILY_SINGLE_PAGE_FRAME_V9_END */

/* ELBOSSILY_CAROUSEL_COVERS_CLARITY_V10_START */
.book-carousel img, .carousel img, .books-carousel img, .cover-carousel img {
  image-rendering: auto !important;
  backface-visibility: hidden !important;
  transform: translateZ(0) !important;
}
.book-card img, .carousel-card img, .book-slide img, .cover-slide img, .book-cover img {
  opacity: 1 !important;
  filter: none !important;
  image-rendering: auto !important;
  backface-visibility: hidden !important;
  transform: translateZ(0) !important;
}
.book-card.is-side img, .carousel-card.is-side img, .book-slide.is-side img, .cover-slide.is-side img, .book-card.prev img, .book-card.next img, .carousel-card.prev img, .carousel-card.next img {
  opacity: 0.82 !important;
  filter: saturate(1.03) contrast(1.06) brightness(0.96) !important;
}
.book-card.is-active img, .carousel-card.is-active img, .book-slide.is-active img, .cover-slide.is-active img, .book-card.active img, .carousel-card.active img {
  opacity: 1 !important;
  filter: saturate(1.08) contrast(1.1) brightness(1.02) !important;
}
.book-card::before, .book-card::after, .carousel-card::before, .carousel-card::after, .book-slide::before, .book-slide::after, .cover-slide::before, .cover-slide::after {
  opacity: 0 !important;
}
/* ELBOSSILY_CAROUSEL_COVERS_CLARITY_V10_END */

/* ELBOSSILY_HEADER_LOGO_REPLACE_V11_START */
header .elb-logo-replaced, .site-header .elb-logo-replaced, .navbar .elb-logo-replaced {
  width: 42px !important;
  height: 42px !important;
  border-radius: 50% !important;
  overflow: hidden !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #07111d !important;
  border: 1px solid rgba(184, 126, 38, .55) !important;
  box-shadow: 0 6px 18px rgba(55, 35, 10, .12) !important;
  flex: 0 0 auto !important;
}
header .elb-logo-replaced img, .site-header .elb-logo-replaced img, .navbar .elb-logo-replaced img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center top !important;
  display: block !important;
}
/* ELBOSSILY_HEADER_LOGO_REPLACE_V11_END */

/* ELBOSSILY_CAROUSEL_CLARITY_MOTION_REPAIR_START */
.carousel-panel .carousel-book.slot-0 .cover-card img {
  opacity: 1 !important;
  filter: none !important;
  -webkit-filter: none !important;
  image-rendering: auto;
  backface-visibility: hidden;
  object-fit: contain;
}
/* ELBOSSILY_CAROUSEL_CLARITY_MOTION_REPAIR_END */

/* ELBOSSILY_CAROUSEL_RENDER_RESET_FIX_START */
.carousel-panel .book-stage:not(.move-next):not(.move-prev) .carousel-book.slot-0 .cover-card img {
  transform: scale(1.08);
  transform-origin: center center;
}
/* ELBOSSILY_CAROUSEL_RENDER_RESET_FIX_END */

/* ELBOSSILY_FULL_HEADER_LOGO_START */
.brand-full-image {
  width: clamp(94px, 9vw, 118px);
  height: clamp(94px, 9vw, 118px);
  flex: 0 0 auto;
  display: inline-block;
  border: 1px solid rgba(185,145,69,.48);
  border-radius: 50%;
  overflow: hidden;
  background-color: #050505;
  background:
    url("../assets/logo/elbossily_full_logo.jpg") center / 92% auto no-repeat,
    radial-gradient(circle at center, #111 0%, #050505 72%, #000 100%);
  box-shadow: 0 12px 28px rgba(24,22,19,.18), inset 0 0 0 4px rgba(185,145,69,.18);
}

@media (max-width: 620px) {
  .brand-full-image {
    width: 88px;
    height: 88px;
  }
}
/* ELBOSSILY_FULL_HEADER_LOGO_END */

/* ELBOSSILY_CAROUSEL_SIDE_HOVER_BOX_REMOVE_V2_START */
.carousel-book:not(.slot-0) .cover-card,
.carousel-book:not(.slot-0):hover,
.carousel-book:not(.slot-0):focus,
.carousel-book:not(.slot-0):hover .cover-card,
.carousel-book:not(.slot-0):focus .cover-card {
  background: transparent !important;
  border-color: transparent !important;
  outline: none !important;
  box-shadow: none !important;
}
.carousel-book:not(.slot-0) .cover-card::before,
.carousel-book:not(.slot-0) .cover-card::after,
.carousel-book:not(.slot-0):hover .cover-card::before,
.carousel-book:not(.slot-0):hover .cover-card::after {
  opacity: 0 !important;
  border-color: transparent !important;
  background: transparent !important;
}
/* ELBOSSILY_CAROUSEL_SIDE_HOVER_BOX_REMOVE_V2_END */

/* ELBOSSILY_MOBILE_PORTRAIT_KIMI_FIX_V1_START */
@media (max-width: 760px) {
  .hero {
    grid-template-columns: 1fr !important;
    gap: 1.5rem !important;
    padding: 1.5rem 1rem !important;
    min-height: auto !important;
  }
  .site-header {
    flex-wrap: wrap !important;
    gap: 0.75rem !important;
    padding: 0.75rem 1rem !important;
  }
  .top-nav {
    flex-wrap: wrap !important;
    gap: 0.5rem !important;
    width: 100% !important;
    justify-content: flex-start !important;
  }
  .language-switcher {
    flex-wrap: wrap !important;
    margin-left: auto !important;
  }
  .egyptian-heritage,
  .egyptian-heritage.heritage-interactive {
    grid-template-columns: 1fr !important;
    width: calc(100vw - 2rem) !important;
    max-width: calc(100vw - 2rem) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 1rem !important;
    gap: 1rem !important;
  }
  .egyptian-heritage .heritage-gallery,
  .egyptian-heritage.heritage-interactive .heritage-gallery,
  .heritage-gallery {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0.5rem !important;
  }
  .heritage-photo-button,
  .heritage-photo-button img {
    grid-template-rows: 100px auto !important;
  }
  .heritage-photo-button img {
    height: 100px !important;
  }
  .carousel-shell {
    grid-template-columns: 36px 1fr 36px !important;
    gap: 0.25rem !important;
  }
  .carousel-arrow {
    width: 36px !important;
    height: 36px !important;
    font-size: 1.4rem !important;
  }
  .book-stage {
    min-height: 300px !important;
  }
  .cover-card {
    width: min(55vw, 180px) !important;
  }
  .hub-layout {
    grid-template-columns: 1fr !important;
  }
  .hub-card {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  .hub-links {
    flex-wrap: wrap !important;
    gap: 0.4rem !important;
  }
  .hub-pill,
  .compact-link-list a,
  .compact-link-list .pending-line,
  .pending-grid span {
    max-width: 100% !important;
    box-sizing: border-box !important;
    word-break: break-word !important;
  }
  .compact-link-list {
    width: 100% !important;
  }
  .compact-link-list a {
    width: 100% !important;
    justify-content: space-between !important;
  }
  .start-grid {
    grid-template-columns: 1fr !important;
  }
  .book-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .split {
    grid-template-columns: 1fr !important;
  }
  .detail-card {
    grid-template-columns: 1fr !important;
  }
  .visitor-opinions-card {
    width: calc(100vw - 2rem) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 1rem !important;
  }
  html, body {
    overflow-x: hidden !important;
    max-width: 100vw !important;
  }
  img, video, iframe, embed, object {
    max-width: 100% !important;
    height: auto !important;
  }
  a, span, p, h1, h2, h3 {
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
  }
}
/* ELBOSSILY_MOBILE_PORTRAIT_KIMI_FIX_V1_END */