/* MAYAN Soft Premium | cohesive design system | 2026 */
:root{--paper:#faf9f5;--soft:#f0f3ed;--card:#fff;--cream-50:#faf9f5;--cream-100:#f5f0e6;--cream-200:#eae7d9;--line:rgba(45,80,57,.13);--ink:#263b30;--charcoal:#30473a;--text-soft:#627367;--text-faint:#758679;--green-950:#173d2d;--green-900:#22513a;--green-800:#276246;--green-700:#357657;--green-600:#468763;--green-500:#609d79;--green-100:#e5eee4;--green-50:#f2f7f0;--mayan-green-deep:#23543d;--mayan-green-dark:#275940;--mayan-green-main:#357657;--mayan-green-mid:#438263;--mayan-green-soft:#639b78;--mayan-ivory:#fdfbf5;--mayan-ivory-dim:#edf3e9;--mayan-gold:#c1aa70;--mayan-gold-soft:#d7c8a4;--shadow-sm:0 5px 20px rgba(35,69,46,.05);--shadow-md:0 17px 45px rgba(35,69,46,.09)}
:root[data-theme=dark]{--paper:#e9eee8;--soft:#e1e9e0;--card:#f7f8f3;--cream-50:#e9eee8;--cream-100:#dfe9df;--cream-200:#d3dfd3;--line:rgba(39,81,55,.15);--ink:#203a2b;--charcoal:#2a4935;--text-soft:#59715e;--text-faint:#708372;--green-950:#193e2d;--green-900:#23523a;--green-800:#2a6247;--green-700:#377a56;--green-600:#478b66;--green-500:#64a17a;--green-100:#dce8dc;--green-50:#edf3ea;--white:#f7f8f3;--mayan-green-deep:#275740;--mayan-green-dark:#306449;--mayan-green-main:#377a56;--mayan-green-mid:#4a8c67;--mayan-green-soft:#67a07b;--mayan-ivory:#fcfaf4;--mayan-ivory-dim:#e8efe6;--shadow-sm:0 5px 20px rgba(35,69,46,.08);--shadow-md:0 17px 45px rgba(35,69,46,.12)}
html[data-theme=dark] body,body{background:var(--paper);color:var(--ink)}
.sec,.about-section,.products-page,.catalog-section{background-color:var(--paper)}
.sec:nth-of-type(even){background-color:var(--soft)}
.btn-primary,.btn-green,.btn-cta,.nav-cat,.nav-cta{background:var(--green-700);border-color:var(--green-700);color:#fff}
.btn-primary:hover,.btn-green:hover,.btn-cta:hover{background:var(--green-800);border-color:var(--green-800)}
/* The navbar harmonizes with each hero scene, then settles to its shared base while scrolling. */
/* Existing white mark is preserved, only logo asset chosen for the bright nav. */
.family-hero{color:#253d2f!important}
.family-hero .fh-title,.family-hero .fh-tagline{color:#253d2f!important;text-shadow:none!important}
.family-hero .fh-family-atmosphere{opacity:.66}
.family-hero .fh-orbit,.family-hero .fh-shape{opacity:.11!important}
.family-hero .fh-bgword{opacity:.035!important}
.family-hero .fh-title{font-family:'Tajawal','Cairo',sans-serif!important;font-weight:800!important;line-height:1.18!important;letter-spacing:0!important}
.family-hero .fh-tagline{font-family:'Tajawal','Cairo',sans-serif!important;font-weight:500!important}
.family-hero .fh-product img{background:transparent!important;object-fit:contain!important}
/* Catalog: let the book lead visually. The direct PDF action is in the native browser only, not in this experience. */
.catalog-luxury-section{background:#f8faf6!important;padding:36px 0 65px!important}
.catalog-luxury-section .catalog-luxury-head,.catalog-luxury-section .catalog-mode-bar,.catalog-luxury-section .catalog-view-title small,.catalog-luxury-section .catalog-mini-badge,.catalog-luxury-section .catalog-reader{display:none!important}
.catalog-luxury-section .catalog-luxury-shell{background:linear-gradient(145deg,#f9fbf6,#eaf0e6)!important;border:1px solid #d8e3d6!important;box-shadow:0 16px 46px rgba(32,66,42,.08)!important;padding:16px!important}
.catalog-luxury-section .flipbook-stage-frame{background:radial-gradient(ellipse at 50% 45%,#fefefa 0%,#f1f5ed 65%,#e5eee1 100%)!important;border-color:#d3e1d0!important;box-shadow:inset 0 9px 23px rgba(44,89,57,.035)!important;min-height:clamp(310px,50vw,545px)!important;padding:25px 12px!important}
.catalog-luxury-section #catalogFlipMode .flipbook-stage{max-width:min(100%,960px)!important;min-height:clamp(270px,43vw,480px)!important}
.catalog-luxury-section .catalog-view-header{margin-bottom:10px!important}.catalog-luxury-section .catalog-view-title strong{color:#294b36!important;font-size:1.06rem!important}
.catalog-luxury-section .catalog-stat,.catalog-luxury-section .catalog-control-bar,.catalog-luxury-section .catalog-thumbs-wrap{background:#fff!important;color:#284936!important;border-color:#d6e5d4!important}
.catalog-luxury-section .catalog-progress-panel{background:#fff!important}
.catalog-luxury-section .catalog-action-btn,.catalog-luxury-section .catalog-icon-btn{background:#f8fbf7!important;color:#2f6849!important;border-color:#dae7d8!important}
.catalog-luxury-section .catalog-action-btn:hover,.catalog-luxury-section .catalog-icon-btn:hover{background:#367756!important;color:#fff!important}
@media(max-width:700px){.catalog-luxury-section .flipbook-stage-frame{padding:12px 4px!important;min-height:245px!important}.catalog-luxury-section #catalogFlipMode .flipbook-stage{min-height:210px!important}.catalog-luxury-section .catalog-control-bar{gap:8px!important}.catalog-luxury-section .catalog-thumbs-wrap{padding:10px!important}}