@property --mayan-nav-top { syntax: "<color>"; inherits: true; initial-value: #143b2b; }
@property --mayan-nav-base { syntax: "<color>"; inherits: true; initial-value: #1b4a35; }
@property --mayan-nav-highlight { syntax: "<color>"; inherits: true; initial-value: #2d654c; }
body{transition:--mayan-nav-top .85s ease,--mayan-nav-base .85s ease,--mayan-nav-highlight .85s ease;}
/* MAYAN Rev10. Restore the original animated signature frame, with a SOLID, readable surface. */
:root{
  --mayan-nav-top:#143b2b;
  --mayan-nav-base:#1b4a35;
  --mayan-nav-highlight:#2d654c;
}
body[data-mayan-active-scene="rice"]{--mayan-nav-top:#344536;--mayan-nav-base:#405a3d;--mayan-nav-highlight:#637c50}
body[data-mayan-active-scene="oil"]{--mayan-nav-top:#27432b;--mayan-nav-base:#365a36;--mayan-nav-highlight:#647749}
body[data-mayan-active-scene="sauce"]{--mayan-nav-top:#46362f;--mayan-nav-base:#66483a;--mayan-nav-highlight:#85594a}
body[data-mayan-active-scene="canned"]{--mayan-nav-top:#173b2c;--mayan-nav-base:#285b43;--mayan-nav-highlight:#427a58}
body[data-mayan-active-scene="vinegar"]{--mayan-nav-top:#3a4131;--mayan-nav-base:#555b3c;--mayan-nav-highlight:#77744b}
body[data-mayan-active-scene="fries"]{--mayan-nav-top:#34412c;--mayan-nav-base:#56623a;--mayan-nav-highlight:#7b7951}
body[data-mayan-active-scene="syrup"]{--mayan-nav-top:#493731;--mayan-nav-base:#624a40;--mayan-nav-highlight:#876150}
body[data-mayan-active-scene="story"],body[data-mayan-active-scene="serve"]{--mayan-nav-top:#143b2b;--mayan-nav-base:#1e513b;--mayan-nav-highlight:#3b7457}
/* Background stays opaque both before and after scrolling, including cinema mode. */
body .site-header .sig-frame{
  background:linear-gradient(115deg,var(--mayan-nav-top) 0%,var(--mayan-nav-base) 53%,var(--mayan-nav-highlight) 100%)!important;
  box-shadow:0 7px 28px rgba(13,38,28,.17)!important;
  transition:background .7s ease,box-shadow .4s ease!important;
}
body .site-header .sig-frame__surface{
  background:linear-gradient(180deg,rgba(255,255,255,.08) 0%,rgba(0,0,0,.095) 100%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.13),inset 0 -1px 0 rgba(5,24,16,.34)!important;
}
body .site-header .site-nav,body .site-header .sig-frame__util{background:transparent!important}
body .site-header.is-scrolled .sig-frame,
body.site--cinema .site-header.is-scrolled .sig-frame{
  background:linear-gradient(110deg,#103529 0%,#174333 52%,#275b44 100%)!important;
  box-shadow:0 12px 30px rgba(14,33,22,.24)!important;
}
body .site-header .site-nav .nav-link,
body .site-header .sig-frame__util-link,
body .site-header .brand-txt,
body .site-header .brand-name,
body .site-header .brand-tagline,
body .site-header .lang-dd__toggle,
body .site-header .theme-dd__toggle{
  color:#f8fbf4!important;
  opacity:1!important;
  text-shadow:0 1px 1px rgba(0,0,0,.15);
}
body .site-header .site-nav .nav-link:hover{background:rgba(255,255,255,.14)!important;color:#fff!important}
body .site-header .nav-cat,body .site-header .nav-cta{
  background:rgba(255,255,255,.12)!important;
  border:1px solid rgba(250,247,230,.48)!important;
  color:#fff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.13);
}
body .site-header .nav-cat:hover,body .site-header .nav-cta:hover{background:rgba(255,255,255,.24)!important}
/* Contrast bug: old cream-colored basket text against the LIGHT navbar surface. */
body .site-header .basket-nav{
  background:rgba(255,255,255,.12)!important;
  color:#fff!important;
  border:1px solid rgba(247,255,246,.42)!important;
  font-family:'Tajawal','Cairo',sans-serif!important;
  font-weight:800!important;
  font-size:.84rem!important;
  opacity:1!important;
}
body .site-header .basket-nav .basket-nav-label,
body .site-header .basket-nav i{display:inline!important;color:#fff!important;opacity:1!important;visibility:visible!important}
body .site-header .basket-nav b{color:#123a2a!important;background:#f4f4e7!important}
@media(max-width:470px){body .site-header .basket-nav{padding:7px!important;gap:4px;font-size:.73rem!important}.site-header .brand-tagline{font-size:.68rem}}
/* Keep original travelling highlight, precision corners, orbit dots and animation. */

/* CATALOG: correct geometry and no layout-scrolling during flips */
.catalog-luxury-section{background:linear-gradient(135deg,#fcfbf5,#f0f5ec)!important}
.catalog-luxury-section .catalog-luxury-shell{
  max-width:1000px!important;
  padding:15px!important;
  background:linear-gradient(145deg,#fdfcf7,#f1f5ec)!important;
  border:1px solid #dae5d5!important;
  box-shadow:0 15px 40px rgba(19,47,31,.08)!important;
  border-radius:23px!important;
}
.catalog-luxury-section .catalog-view-header{margin-bottom:8px!important}
.catalog-luxury-section .catalog-view-title strong{color:#213e2c!important}
.catalog-luxury-section .catalog-stat{background:#fff!important;border:1px solid #d8e3d8!important;color:#294939!important}
.catalog-luxury-section .catalog-stat span{color:#4d6956!important}
.catalog-luxury-section .catalog-stat strong{color:#233f2c!important}
.catalog-luxury-section .flipbook-stage-frame{
  min-height:0!important;
  padding:37px 12px 22px!important;
  background:radial-gradient(ellipse at center,#fffffc 0%,#f0f4ec 75%,#e9eee3 100%)!important;
  border:1px solid #dce6da!important;
  box-shadow:inset 0 4px 18px rgba(27,59,35,.035)!important;
  overflow:hidden!important;
  border-radius:18px!important;
  position:relative;
}
.catalog-luxury-section .book-top-note{top:11px!important;color:#345942!important;font-size:12px!important}
.catalog-luxury-section .book-led{background:#3f8a60!important;box-shadow:0 0 8px #90c8a388!important}
.catalog-luxury-section #catalogFlipMode .flipbook-stage{
  position:relative!important;
  display:block!important;
  width:100%!important;
  height:var(--catalog-book-h,360px)!important;
  max-width:none!important;
  max-height:none!important;
  min-height:0!important;
  margin:0 auto!important;
  overflow:hidden!important;
  transform:none!important;
  contain:layout;
}
.catalog-luxury-section #catalogFlipMode .flipbook{
  position:relative!important;
  display:block!important;
  width:fit-content;
  max-width:none!important;
  margin:0 auto!important;
  flex-shrink:0!important;
  transition:none!important;
  transform:none!important;
  filter:drop-shadow(0 14px 15px rgba(24,43,30,.24))!important;
}
.catalog-luxury-section #catalogFlipMode .flipbook .catalog-lazy-page{
  background:#fff!important;
  border-radius:0!important;
  overflow:hidden!important;
  box-shadow:none!important;
}
.catalog-luxury-section #catalogFlipMode .flipbook .catalog-lazy-page img{
  display:block!important;width:100%!important;height:100%!important;
  border-radius:0!important;object-fit:fill!important;
  -webkit-user-drag:none;user-select:none;
}
.catalog-luxury-section .catalog-control-bar{background:transparent!important}
.catalog-luxury-section .catalog-progress-panel{background:#fff!important;border-color:#dce6d7!important}
.catalog-luxury-section .catalog-progress-panel__head label,
.catalog-luxury-section .flip-page-indicator,
.catalog-luxury-section .flip-zoom-indicator{color:#294b36!important}
.catalog-luxury-section .flipbook-hint{color:#4e6b55!important}
.catalog-luxury-section .catalog-action-btn,.catalog-luxury-section .catalog-icon-btn{
  background:#fff!important;color:#24543c!important;border-color:#dce6d7!important;
}
.catalog-luxury-section .catalog-action-btn:hover,.catalog-luxury-section .catalog-icon-btn:hover{background:#276444!important;color:#fff!important}
.catalog-luxury-section .catalog-thumbs-wrap{background:#fafcf8!important;border-color:#dce7da!important}
.catalog-luxury-section .catalog-thumbs-head strong{color:#264632!important}
.catalog-luxury-section .catalog-thumbs-head span{color:#567361!important}
@media(max-width:700px){
 .catalog-luxury-section .catalog-luxury-shell{padding:7px!important}
 .catalog-luxury-section .flipbook-stage-frame{padding:36px 4px 14px!important}
 .catalog-luxury-section #catalogFlipMode .flipbook-stage{height:var(--catalog-book-h,220px)!important}
 .catalog-luxury-section .catalog-view-title strong{font-size:1rem!important}
}
.catalog-luxury-section .catalog-view-header--compact{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  flex-wrap:wrap;padding:4px 4px 13px;margin:0!important;
}
.catalog-luxury-section .catalog-book-heading{font-size:clamp(1.05rem,1.45vw,1.32rem);color:#1a442f;font-weight:850;margin:0;line-height:1.4}
.catalog-luxury-section .catalog-book-count{font-size:.9rem;color:#4c6b56;font-weight:600}
.catalog-luxury-section .catalog-book-count strong{font-size:1rem;font-variant-numeric:tabular-nums;color:#204a34;font-weight:850}