/* MAYAN 15: focused repairs to visual hierarchy, business identity and product flow.
   Loaded last, without removing the original animated navigation frame. */
:root{--r15-sage:#F0F3EC}
/* No dark / bright flash before the first hero script runs. */
.family-hero[data-family-hero]{background:#F0F3EC;transition:background-color .65s ease}
.family-hero .fh-family-atmosphere{transition:background .7s ease}
.family-hero[data-scene="story"] .fh-family-atmosphere{background:radial-gradient(ellipse 40% 46% at 13% 77%,#d6e9d8 0%,transparent 97%),radial-gradient(ellipse 45% 53% at 89% 12%,#ffffff 0%,transparent 89%),linear-gradient(117deg,#eaf2e8 0%,#f7f8f2 54%,#e4f0e3 100%)!important}
/* Identity: one white authentic logo + legible company wordmark. */
.site-nav .navbar-brand{min-width:235px;display:inline-flex;align-items:center;gap:11px}
.site-nav .navbar-brand .brand-logo{display:grid;place-items:center;width:54px!important;height:57px!important;flex:0 0 54px;background:transparent!important}
.site-nav .navbar-brand .brand-logo img{width:54px!important;height:54px!important;max-width:54px!important;object-fit:contain;filter:drop-shadow(0 3px 9px rgba(0,0,0,.16))}
.site-nav .navbar-brand .brand-txt{min-width:0;display:flex;flex-direction:column;gap:2px}
.site-nav .navbar-brand .brand-name{color:#fff!important;font-family:'Tajawal','Cairo',sans-serif!important;font-size:clamp(.96rem,1.1vw,1.13rem)!important;font-weight:850;line-height:1.1}
.site-nav .navbar-brand .brand-tagline{color:#e4efdf!important;font-size:clamp(.69rem,.83vw,.8rem)!important;opacity:1!important;font-weight:700!important;line-height:1.1}
html[dir="ltr"] .site-nav .navbar-brand{min-width:260px}
html[dir="ltr"] .site-nav .navbar-brand .brand-name{font-size:1.05rem!important}
.footer .rev15-footer-brand-lockup{display:flex;align-items:center;gap:12px;margin-bottom:12px;max-width:380px}
.footer .rev15-footer-brand-lockup img{width:95px!important;max-width:95px!important;height:100px!important;max-height:100px!important;margin:0!important;flex:0 0 95px;object-fit:contain}
.footer .rev15-company-wordmark{display:flex;flex-direction:column;gap:5px;color:#fff;min-width:0}
.footer .rev15-company-wordmark strong{font:850 clamp(1.15rem,1.8vw,1.5rem)/1.3 'Tajawal','Cairo',sans-serif;color:#fff}
.footer .rev15-company-wordmark small{font-size:.87rem;font-weight:700;color:#e6f2e8;line-height:1.4}
/* Intro: confident visual mark in a rotating volumetric orbit, no pack collage */
.family-hero[data-scene="story"] .fh-copy{width:min(38vw,530px)!important;top:49%!important}
.family-hero[data-scene="story"] .fh-title{font-size:clamp(2rem,3.85vw,3.7rem)!important;line-height:1.2!important;letter-spacing:0!important;font-weight:800!important}
.family-hero[data-scene="story"] .fh-title-line:nth-child(2){font-size:.79em!important;color:#327352!important}
.family-hero[data-scene="story"] .fh-tagline{font-size:clamp(.97rem,1.07vw,1.09rem)!important;line-height:1.9!important;max-width:440px;color:#315740!important}
.family-hero[data-scene="story"] .fh-products,html[dir="rtl"] .family-hero[data-scene="story"] .fh-products{left:39.5%!important;top:48%!important;width:min(42vw,560px)!important;height:min(60vh,520px)!important;transform:translate3d(-50%,-48%,36px)!important}
html[dir="ltr"] .family-hero[data-scene="story"] .fh-products{left:60.5%!important}
.family-hero[data-scene="story"] .fh-orbit,html[dir="rtl"] .family-hero[data-scene="story"] .fh-orbit{left:39.5%!important;top:48%!important;width:min(41vw,555px)!important;opacity:.25!important}
html[dir="ltr"] .family-hero[data-scene="story"] .fh-orbit{left:60.5%!important}
.rev15-welcome{position:relative;width:100%;height:100%;display:grid;place-items:center;isolation:isolate}
.rev15-welcome:before{content:"";position:absolute;width:78%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 28%,#42896c 0%,#18513d 49%,#092d25 95%);box-shadow:inset -15px -20px 40px #0c3029a0,inset 9px 14px 23px #ffffff2b,0 32px 65px #194c3447,0 0 0 10px #ffffff75;animation:r15sphere 8s ease-in-out infinite alternate}
.rev15-welcome:after{content:"";position:absolute;width:91%;aspect-ratio:1;border:1px solid #42866f6a;border-radius:50%;transform:rotate(-18deg) scaleY(.88);animation:r15orbit 28s linear infinite}
.rev15-welcome-rings{position:absolute;inset:6%;border-radius:50%;border:1px dashed #5eab8985;transform:rotate(24deg) scaleY(.91);animation:r15orbit 34s linear infinite reverse}
.rev15-welcome-rings:before,.rev15-welcome-rings:after{content:"";position:absolute;width:10px;height:10px;border-radius:50%;background:#f4df9c;box-shadow:0 0 0 8px #f4df9c22,0 0 22px #fff5bf99;top:7%;left:21%}
.rev15-welcome-rings:after{width:7px;height:7px;left:auto;top:auto;right:10%;bottom:25%;background:#fff}
.rev15-welcome-emblem{position:absolute;width:56%;height:60%;display:grid;place-items:center;z-index:2;filter:drop-shadow(0 15px 18px #04251d55);animation:r15emblem 6.5s ease-in-out infinite alternate}
.rev15-welcome-emblem img{height:100%;width:100%;object-fit:contain;transform:scale(.85);filter:brightness(1.15) contrast(1.15)}
.rev15-welcome-since{position:absolute;z-index:4;bottom:8%;right:8%;font:800 .8rem 'Tajawal',sans-serif;background:#fffefa;color:#20583f;border:1px solid #c7decc;letter-spacing:.03em;box-shadow:0 12px 24px #164a3922;padding:11px 19px;border-radius:999px}
@keyframes r15sphere{to{transform:translateY(-10px) rotate(5deg);filter:saturate(1.08)}}
@keyframes r15emblem{to{transform:translateY(-8px) rotate(-2deg)}}
@keyframes r15orbit{to{transform:rotate(342deg) scaleY(.88)}}
/* Family product images: uniform no-crop composition and proper spacing for 1/2/3 items. */
.family-hero[data-scene-type="family"] .fh-products{height:min(64vh,570px)!important;width:min(44vw,600px)!important;top:50%!important;overflow:visible!important}
.family-hero[data-scene-type="family"] .fh-product{display:grid!important;place-items:center!important;overflow:visible!important;margin:0!important;z-index:6}
.family-hero[data-scene-type="family"] .fh-product img{display:block!important;max-width:100%!important;max-height:100%!important;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;filter:drop-shadow(0 22px 16px #203d2b45)!important;background:transparent!important}
.family-hero[data-scene-type="family"] .fh-product--main{width:45%!important;height:77%!important;top:11%!important;left:28%!important}
.family-hero[data-scene-type="family"] .fh-product--left{width:31%!important;height:57%!important;top:30%!important;left:2%!important;transform:rotate(-8deg)!important}
.family-hero[data-scene-type="family"] .fh-product--right{width:31%!important;height:57%!important;top:31%!important;right:2%!important;transform:rotate(8deg)!important}
.family-hero[data-scene-type="family"] .fh-product--duo-left{width:40%!important;height:73%!important;top:13%!important;left:7%!important;transform:rotate(-5deg)!important}
.family-hero[data-scene-type="family"] .fh-product--duo-right{width:40%!important;height:73%!important;top:13%!important;right:7%!important;transform:rotate(5deg)!important}
.family-hero[data-scene-type="family"] .fh-product--solo{width:54%!important;height:80%!important;top:10%!important;left:23%!important}
/* Food-family atmosphere actually visible, but subordinate to product and text. */
.family-hero .fh-family-atmosphere .fh-mote{opacity:.46!important;filter:drop-shadow(0 2px 5px #203d2c1c);animation-duration:calc(8s + var(--i)*.3s)!important}
.family-hero[data-scene="rice"] .fh-mote{background:linear-gradient(45deg,#fffdf2,#e2c58b)!important;border-color:#b08f5190!important}
.family-hero[data-scene="oil"] .fh-mote{background:linear-gradient(160deg,#faf4ab,#99c44a99)!important}
.family-hero[data-scene="sauce"] .fh-mote{background:#d96858bb!important}
.family-hero[data-scene="canned"] .fh-mote{border:2px solid #397b65bb!important;box-shadow:inset 0 0 6px #82b29f40!important}
/* Slide CTA takes its palette from each scene, not an always-green capsule. */
.family-hero .fh-cta{background:var(--fh-accent)!important;border-color:var(--fh-accent)!important;color:#fff!important;box-shadow:0 10px 23px color-mix(in srgb,var(--fh-ink) 19%,transparent)!important;border-radius:15px!important;gap:12px!important;min-height:46px!important;font-weight:850!important}
.family-hero .fh-cta:hover{background:var(--fh-ink)!important;transform:translateY(-2px)!important;color:#fff!important}
.family-hero .fh-cta b{background:#ffffff24!important;border:1px solid #ffffff57!important;color:#fff!important;border-radius:10px!important}
/* Better arrows: instantly recognizable with previous on left / next on right, irrespective of RTL. */
.family-hero .rev13-control-dock{padding:7px 11px!important;gap:10px!important;bottom:clamp(13px,2.3vh,24px)!important;background:#fffdf7ee!important;border:1px solid #c7daca!important;box-shadow:0 13px 35px #1a423426!important}
.family-hero .rev13-control-dock .fh-arrow{background:transparent!important;border:1px solid #c6d6c5!important;color:#194c36!important;width:41px!important;height:41px!important;display:grid;place-items:center;border-radius:13px!important}
.family-hero .rev13-control-dock .fh-arrow:hover{background:#19523a!important;color:#fff!important;transform:translateY(-2px)!important}
.family-hero .rev13-control-dock .fh-arrow i{font-size:1.18rem}
.family-hero .rev13-control-dock .fh-count{color:#245138!important;display:flex!important;font-variant-numeric:tabular-nums}
.family-hero .rev13-control-dock .fh-family-dot{background:#7b9b88!important;opacity:.65!important}
.family-hero .rev13-control-dock .fh-family-dot.is-active{background:#235e44!important;opacity:1!important}
/* Product details dialog tighter, even on tall monitors. */
.product-modal.pm-premium .modal-dialog{width:min(94vw,835px)!important;max-width:835px!important;margin:auto!important}
.product-modal.pm-premium .modal-content{max-width:835px!important;max-height:min(90dvh,780px)!important;overflow-y:auto!important}
.product-modal.pm-premium .pm-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.04fr)!important;min-height:0!important}
#productModal .pm-stage{height:clamp(240px,30vw,380px)!important;min-height:240px!important;max-height:380px!important;padding:18px 14px 53px!important}
#productModal .pm-stage .pm-product img{max-height:92%!important;max-width:88%!important}
#productModal .product-modal__info{padding:20px 21px!important}
#productModal .btn-close{z-index:25!important}
/* Theme contrast and nav text reliable against all dark navbar gradients. */
.site-nav :is(.navbar-brand,.brand-txt,.nav-link,.basket-nav){color:#f4faf3!important}
html[data-theme="dark"] .family-hero .fh-title,html[data-theme="dark"] .family-hero .fh-tagline{color:var(--fh-ink)!important}
html[data-theme="dark"] .family-hero .fh-title-line--accent>span{color:var(--fh-accent)!important}
@media(max-width:900px){
 .site-nav .navbar-brand{min-width:0!important}
 .family-hero[data-scene="story"] .fh-products,html[dir="rtl"] .family-hero[data-scene="story"] .fh-products,html[dir="ltr"] .family-hero[data-scene="story"] .fh-products{left:50%!important;top:28%!important;width:min(78vw,440px)!important;height:clamp(220px,38vh,360px)!important;transform:translate3d(-50%,-50%,32px)!important}
 .family-hero[data-scene="story"] .fh-orbit,html[dir="rtl"] .family-hero[data-scene="story"] .fh-orbit,html[dir="ltr"] .family-hero[data-scene="story"] .fh-orbit{left:50%!important;top:28%!important;width:min(75vw,405px)!important}
 .family-hero[data-scene="story"] .fh-copy{top:auto!important;bottom:106px!important;width:88%!important;inset-inline-start:6%!important;transform:none!important}
 .family-hero[data-scene="story"] .fh-title{font-size:clamp(1.9rem,6.4vw,2.8rem)!important}
 .family-hero[data-scene-type="family"] .fh-products{width:min(88vw,490px)!important;height:clamp(235px,41vh,390px)!important;top:29%!important;left:50%!important;transform:translate3d(-50%,-50%,26px)!important}
 .family-hero[data-scene-type="family"] .fh-orbit{width:min(78vw,410px)!important;top:29%!important;left:50%!important}
 .product-modal.pm-premium .pm-layout{grid-template-columns:1fr!important}
 .product-modal.pm-premium .modal-dialog{width:min(94vw,570px)!important}
 #productModal .pm-stage{height:260px!important;min-height:260px!important;max-height:260px!important;padding:10px 12px 42px!important}
}
@media(max-width:560px){
 .site-nav .navbar-brand .brand-logo,.site-nav .navbar-brand .brand-logo img{width:40px!important;height:40px!important;max-width:40px!important}
 .site-nav .navbar-brand .brand-logo{flex-basis:40px!important}
 .site-nav .navbar-brand .brand-name{font-size:.87rem!important}
 .site-nav .navbar-brand .brand-tagline{font-size:.69rem!important}
 .family-hero[data-scene="story"] .fh-products,html[dir="rtl"] .family-hero[data-scene="story"] .fh-products{top:28%!important;width:min(84vw,345px)!important;height:240px!important}
 .family-hero[data-scene="story"] .fh-copy{bottom:100px!important}
 .family-hero[data-scene="story"] .fh-title{font-size:clamp(1.77rem,7.6vw,2.35rem)!important}
 .family-hero[data-scene="story"] .fh-tagline{font-size:.89rem!important;line-height:1.55!important}
 .family-hero[data-scene-type="family"] .fh-products,html[dir="rtl"] .family-hero[data-scene-type="family"] .fh-products{width:min(91vw,370px)!important;height:240px!important;top:27%!important}
 .family-hero[data-scene-type="family"] .fh-product--main{width:45%!important;left:28%!important}
 .family-hero[data-scene-type="family"] .fh-product--left{width:31%!important;left:2%!important}
 .family-hero[data-scene-type="family"] .fh-product--right{width:31%!important;right:2%!important}
 .rev15-welcome-since{bottom:0;right:2%;padding:7px 13px}
 .product-modal.pm-premium .modal-content{max-height:92dvh!important}
 #productModal .pm-stage{height:205px!important;min-height:205px!important;max-height:205px!important;padding:8px 10px 28px!important}
 #productModal .product-modal__info{padding:14px 17px!important}
 .footer .rev15-footer-brand-lockup img{width:76px!important;max-width:76px!important;height:78px!important;flex-basis:76px}
}
@media(prefers-reduced-motion:reduce){.rev15-welcome:before,.rev15-welcome:after,.rev15-welcome-rings,.rev15-welcome-emblem{animation:none!important}}
/* QA correction: old figure transforms were still offsetting packages outside the orb. */
.family-hero[data-scene-type="family"] .fh-product--main,
.family-hero[data-scene-type="family"] .fh-product--solo{transform:none!important}
.family-hero[data-scene-type="family"] .fh-product--left{transform:rotate(-6deg)!important}
.family-hero[data-scene-type="family"] .fh-product--right{transform:rotate(6deg)!important}
.family-hero[data-scene-type="family"] .fh-orbit__disc{background:radial-gradient(circle at 38% 24%,rgba(255,255,255,.88),rgba(255,255,255,.32) 44%,rgba(255,255,255,.11) 74%),color-mix(in srgb,var(--fh-orbit) 63%,var(--fh-bg) 37%)!important;box-shadow:inset 0 0 30px #ffffff70,0 20px 48px color-mix(in srgb,var(--fh-ink) 14%,transparent)!important}
.product-modal.pm-premium .modal-content{height:min(76vh,715px)!important;max-height:min(76vh,715px)!important;overflow-y:auto!important}
.product-modal.pm-premium .pm-layout{min-height:0!important;align-items:stretch}
#productModal .product-modal__info{overflow-y:auto!important;min-height:0!important}
#productModal .pm-viewer{min-height:0!important}
@media(max-width:900px){.product-modal.pm-premium .modal-content{height:auto!important;max-height:86dvh!important;overflow-y:auto!important}#productModal .product-modal__info{overflow-y:visible!important}}
@media(max-width:560px){.family-hero[data-scene="story"] .fh-eyebrow{display:none!important}.family-hero[data-scene="story"] .fh-copy{bottom:95px!important}}
/* The supplied transparent emblem has generous intrinsic margins. Display the mark at its intended visual scale. */
.rev15-welcome-emblem{width:72%;height:75%}
.rev15-welcome-emblem img{transform:scale(1.06)}