/* REV13: source-composition restoration + focused enhancements (RTL / LTR) */
/* 1. Product cards: restore the balanced classic layout, expose an unmistakable action. */
.products-page .p-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr))!important;gap:clamp(12px,1.6vw,22px)!important}
.products-page .product-card{min-width:0!important;background:#fffefa!important;border:1px solid #dce8dc!important;border-radius:20px!important;box-shadow:0 12px 28px #163d2720!important;overflow:hidden!important;transition:transform .28s,box-shadow .28s!important}
.products-page .product-card:hover{transform:translateY(-4px)!important;box-shadow:0 18px 35px #163d2730!important}
.products-page .product-card__media{height:clamp(190px,19vw,255px)!important;aspect-ratio:auto!important;padding:18px!important;background:radial-gradient(ellipse at 50% 44%,#fff 0%,#f5f9f2 62%,#ecf3e9 100%)!important;border-bottom:1px solid #e5ece1}
.products-page .product-card__media img{width:100%!important;height:100%!important;max-height:100%!important;object-fit:contain!important;filter:drop-shadow(0 13px 12px #1d422624)!important}
.products-page .product-card__body{display:flex!important;align-items:stretch!important;justify-content:space-between!important;gap:12px!important;padding:13px 15px 16px!important;min-height:126px!important;text-align:start!important}
.products-page .product-card__title{display:-webkit-box!important;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden!important;text-align:start!important;color:#203f2f!important;font-size:clamp(.94rem,1.02vw,1.08rem)!important;line-height:1.55!important;font-weight:800!important}
.products-page .product-card__cat,.products-page .product-card__size,.products-page .product-card__packing,.products-page .product-card__desc,.products-page .product-card__body .basket-add{display:none!important}
.products-page .product-card__more{display:flex!important;width:100%;align-items:center!important;justify-content:space-between!important;gap:10px!important;padding:9px 13px!important;border:1px solid #c9ddca!important;border-radius:11px!important;background:#f0f6ee!important;color:#24573d!important;font-size:.87rem!important;font-weight:800!important;line-height:1.35!important;margin-top:auto!important}
.products-page .product-card:hover .product-card__more{background:#205b40!important;border-color:#205b40!important;color:#fff!important}
.products-page .product-card__more i{font-size:1.05rem}
/* 2. Family products follow the restored, uncut v2 orbital frame. */
.family-hero .fh-orbit,html[dir="rtl"] .family-hero .fh-orbit{left:42%!important;top:50%!important;width:min(43vw,620px)!important;opacity:1!important;filter:none!important;clip-path:none!important}
html[dir="ltr"] .family-hero .fh-orbit{left:58%!important}
.family-hero .fh-orbit__disc{inset:12%!important;opacity:.95!important;background:radial-gradient(circle at 35% 30%,#fff8,transparent 39%),color-mix(in srgb,var(--fh-accent) 73%,#fff 27%)!important;box-shadow:inset 0 1px 2px #ffffff7a,0 32px 66px #173c2933!important}
.family-hero .fh-orbit__arc--a{opacity:.58!important}.family-hero .fh-orbit__arc--b{opacity:.36!important}.family-hero .fh-orbit__arc--c{opacity:.62!important}
.family-hero[data-scene-type="family"] .fh-products,html[dir="rtl"] .family-hero[data-scene-type="family"] .fh-products{left:42%!important;top:50%!important;width:min(48vw,690px)!important;height:min(74vh,720px)!important;transform:translate3d(-50%,-48%,36px)!important;overflow:visible!important;clip-path:none!important}
html[dir="ltr"] .family-hero[data-scene-type="family"] .fh-products{left:58%!important}
.family-hero .fh-product--main{width:48%!important;height:80%!important;transform:translate(-50%,-50%) rotate(-3deg)!important}
.family-hero .fh-product--left{width:27%!important;height:48%!important;transform:translate(-142%,-22%) rotate(-12deg)!important}
.family-hero .fh-product--right{width:26%!important;height:47%!important;transform:translate(76%,-77%) rotate(10deg)!important}
.family-hero .fh-product img,.family-hero .fh-product--main img,.family-hero .fh-product--left img,.family-hero .fh-product--right img{transform:none!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;filter:drop-shadow(0 22px 20px #102a1c50)!important}
.family-hero[data-scene-type="family"] .fh-shape--a{opacity:.08!important;filter:blur(1px)}
.family-hero .fh-copy{z-index:8}
/* Visual texture is specific to food family and stays behind copy/products. */
.family-hero .fh-family-atmosphere{overflow:hidden;z-index:0!important;pointer-events:none}
.family-hero .fh-mote{position:absolute!important;display:block!important;opacity:.38!important;will-change:translate,opacity;box-shadow:none!important;animation:rev13Float calc(8s + var(--i)*.36s) ease-in-out infinite alternate!important}
.family-hero[data-scene="rice"] .fh-mote{width:6px!important;height:19px!important;border-radius:85% 5% 85% 5%;background:#fdf6db!important;border:1px solid #be996c61;transform:rotate(40deg);box-shadow:0 2px 8px #967e5435!important}
.family-hero[data-scene="oil"] .fh-mote{width:calc(var(--sz)*.78)!important;height:var(--sz)!important;border-radius:80% 8% 65% 65%!important;transform:rotate(-35deg);background:linear-gradient(135deg,#fdf9cf99,#aac17477)!important;border:1px solid #75924c56!important}
.family-hero[data-scene="sauce"] .fh-mote{width:calc(var(--sz)*.58)!important;height:var(--sz)!important;border-radius:90% 90% 90% 5%!important;transform:rotate(-30deg);background:#f8c2a7bb!important;border:1px solid #a85a4e55!important}
.family-hero[data-scene="canned"] .fh-mote{width:var(--sz)!important;height:var(--sz)!important;border-radius:50%!important;border:2px solid #387d6b65!important;background:transparent!important}
.family-hero[data-scene="vinegar"] .fh-mote{border-radius:100% 20% 80% 30%!important;border:1px solid #9c785681!important;background:#edd4ae91!important}
.family-hero[data-scene="fries"] .fh-mote{height:calc(var(--sz)*1.5)!important;width:5px!important;border-radius:2px!important;background:#b6914e99!important;transform:rotate(30deg)}
.family-hero[data-scene="syrup"] .fh-mote{border-radius:70% 70% 80% 4%!important;background:#a977a07a!important}
@keyframes rev13Float{0%{translate:0 0;opacity:.2}100%{translate:18px -20px;opacity:.53}}
/* Intro: one cinematic focal picture, simple moving three-step route, since 2014 remains visible. */
.family-hero[data-scene="story"] .fh-orbit{opacity:.86!important}
.family-hero[data-scene="story"] .fh-products,html[dir="rtl"] .family-hero[data-scene="story"] .fh-products{left:42%!important;top:48%!important;width:min(44vw,650px)!important;height:min(65vh,575px)!important;transform:translate3d(-50%,-48%,36px)!important;overflow:visible!important}
html[dir="ltr"] .family-hero[data-scene="story"] .fh-products{left:58%!important}
.family-hero[data-scene="story"] .fh-copy{width:min(31vw,490px)!important;top:48%!important}
.rev13-story-visual{position:relative;height:100%;width:100%;display:grid;place-items:center;isolation:isolate}
.rev13-story-photo{position:relative;width:77%;height:74%;border:7px solid #fffffff2;border-radius:42% 58% 54% 46% / 50% 48% 52% 50%;overflow:hidden;box-shadow:0 29px 63px #203e3450,0 0 0 1px #fff9;transform:rotate(-4deg);animation:rev13Intro 1.2s cubic-bezier(.16,.85,.2,1) both}
.rev13-story-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0000 64%,#183e3144)}
.rev13-story-photo img{width:100%;height:100%;object-fit:cover;transform:scale(1.1);animation:rev13PhotoFloat 13s ease-in-out infinite alternate}
.rev13-route{position:absolute;inset:auto 1% 5%;display:flex;gap:10px;align-items:center;justify-content:center;z-index:2}
.rev13-route-step{display:flex;gap:7px;align-items:center;color:#1a4734;font-family:"Tajawal",sans-serif;font-weight:850;font-size:clamp(.76rem,.95vw,.96rem);padding:11px 13px;border:1px solid #cce0cd;border-radius:14px;background:#fffdf2ed;box-shadow:0 9px 22px #18372526;white-space:nowrap;animation:rev13Intro .9s both;animation-delay:calc(var(--delay,0)*100ms)}
.rev13-route-step b{color:#4d8a61;font-size:.76rem;font-family:Arial,sans-serif}
.rev13-route-step:nth-child(2){--delay:2}.rev13-route-step:nth-child(3){--delay:4}
@keyframes rev13Intro{from{opacity:0;scale:.84;translate:0 18px}to{opacity:1;scale:1;translate:0 0}}
@keyframes rev13PhotoFloat{to{transform:scale(1.17) translate3d(-3%,1%,0)}}
/* Original sectors: full photographic stage, generous space for partner logos. */
.family-hero[data-scene-type="serve"] .fh-products,html[dir="rtl"] .family-hero[data-scene-type="serve"] .fh-products{left:42%!important;top:43%!important;width:min(50vw,720px)!important;height:46vh!important;transform:translate3d(-50%,-48%,36px)!important}
html[dir="ltr"] .family-hero[data-scene-type="serve"] .fh-products{left:58%!important}
.family-hero[data-scene-type="serve"] .fh-copy{top:43%!important;width:min(28rem,30vw)!important}
.family-hero[data-scene-type="serve"] .fh-sector-scene{gap:14px!important}
.family-hero[data-scene-type="serve"] .fh-sector-picture{border-radius:24px!important;box-shadow:0 24px 60px #1a3a362a!important}
.family-hero[data-scene-type="serve"] .fh-partners{bottom:6.7rem!important;width:min(88%,1080px)!important;z-index:9}
.family-hero[data-scene-type="serve"] .fh-partners-row{justify-content:space-between!important;gap:clamp(15px,3vw,46px)!important}
/* A single coherent navigation dock at the lower center, no detached arrows. */
.family-hero .rev13-control-dock{position:absolute;z-index:25;bottom:clamp(12px,2.2vh,23px);left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:13px;padding:9px 12px;border-radius:999px;border:1px solid color-mix(in srgb,var(--fh-ink) 22%,transparent);background:color-mix(in srgb,#fff 82%,var(--fh-bg) 18%);box-shadow:0 14px 42px #122e211e;backdrop-filter:blur(17px);max-width:calc(100% - 24px);direction:ltr}
.family-hero .rev13-control-dock .fh-rail{position:static!important;top:auto!important;bottom:auto!important;inset:auto!important;transform:none!important;display:flex!important;flex-direction:row!important;gap:8px!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;flex:none}
.family-hero .rev13-control-dock .fh-arrow{background:#23583f!important;border-color:#23583f!important;color:#fff!important;width:39px!important;height:39px!important;font-size:1.15rem!important;border-radius:50%!important;transition:transform .2s,background .2s!important}
.family-hero .rev13-control-dock .fh-arrow:hover{background:#367751!important;transform:scale(1.07)!important}
.family-hero .rev13-control-dock .fh-count{display:flex!important;writing-mode:horizontal-tb!important;direction:ltr;color:#204b36!important;font-size:.82rem!important;min-width:52px!important;justify-content:center}
.family-hero .rev13-control-dock .fh-family-nav{position:static!important;top:auto!important;bottom:auto!important;left:auto!important;right:auto!important;transform:none!important;display:flex!important;gap:6px!important;align-items:center!important;background:transparent!important;border:0!important;padding:0 0 0 12px!important;box-shadow:none!important;backdrop-filter:none!important;border-left:1px solid #31583b33;direction:ltr}
.family-hero .rev13-control-dock .fh-family-dot{width:7px!important;height:7px!important;background:#4b8064!important;opacity:.5!important;border-radius:20px!important;transition:width .35s,opacity .35s!important}
.family-hero .rev13-control-dock .fh-family-dot.is-active{width:25px!important;opacity:1!important;background:#20553b!important}
/* 3. Contextual map tooltip anchored INSIDE the map, matching pointer position */
.sec-cov .cov-map{gap:clamp(25px,4vw,54px)!important;align-items:center!important}
.sec-cov .cov-map__visual{position:relative;isolation:isolate;background:radial-gradient(circle at 27% 20%,#fffefa,#e7f1e9 73%)!important;border:1px solid #c5dbc8!important;border-radius:28px!important;padding:24px 20px 42px!important;box-shadow:0 22px 52px #153d2421!important}
.sec-cov .cov-map__visual:before{content:"";position:absolute;inset:12px;border:1px solid #bdd5c269;border-radius:22px;pointer-events:none}
.sec-cov .cov-map__svg-wrap{position:relative!important;max-width:550px;margin:auto}
.sec-cov .cov-map__svg{display:block;margin:auto;max-width:100%;width:100%;height:clamp(280px,45vh,475px)!important;filter:drop-shadow(0 17px 13px #285d3c2b)}
.sec-cov .gov{fill:#d4e8d8!important;stroke:#77a389!important;stroke-width:1.8!important;transition:fill .2s,filter .2s}
.sec-cov .gov:hover,.sec-cov .gov.is-active,.sec-cov .gov:focus-visible{fill:#3a9367!important;stroke:#1a6043!important;filter:drop-shadow(0 1px 3px #163b2d55)}
.sec-cov .cov-tip{position:absolute!important;z-index:30!important;transform:translateX(-50%)!important;background:#174d36!important;color:#fff!important;border:1px solid #74ad82!important;border-radius:10px!important;font-size:.91rem!important;font-weight:850!important;box-shadow:0 10px 23px #0d271f3b!important;padding:7px 12px!important}
.sec-cov .cov-tip:after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border:5px solid transparent;border-top-color:#174d36}
.sec-cov .cov-map__hint{color:#496653!important;font-size:.82rem!important}
.sec-cov .cov-wrap__title{font-size:1.1rem!important;line-height:1.55!important}
.sec-cov .cov-chip{line-height:1.45!important}
/* 4. High-contrast language/theme selectors; only one menu open at a time via script.js. */
.site-header .sig-frame__util,.site-header .sig-frame__util-inner,.site-header .sig-frame__util-right{overflow:visible!important}
.site-header .lang-dd,.site-header .theme-dd{position:relative!important;isolation:isolate;z-index:90!important}
.site-header .lang-dd.is-open,.site-header .theme-dd.is-open{z-index:101!important}
.site-header :is(.lang-dd__toggle,.theme-dd__toggle){display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-width:76px!important;min-height:33px!important;color:#fff!important;background:#1b4938!important;border:1px solid #a2c2a8a3!important;border-radius:999px!important;padding:6px 12px!important;font-size:.84rem!important;font-weight:800!important;opacity:1!important}
.site-header :is(.lang-dd__current,.theme-dd__toggle-icon,.lang-dd__caret,.theme-dd__caret){display:inline-block!important;color:#fff!important;opacity:1!important;visibility:visible!important}
.site-header :is(.lang-dd__menu,.theme-dd__menu){position:absolute!important;inset-inline-end:0!important;inset-inline-start:auto!important;min-width:195px!important;width:max-content!important;max-width:min(270px,calc(100vw - 26px))!important;z-index:200!important;background:#fffefa!important;border:1px solid #bfd5c4!important;border-radius:15px!important;box-shadow:0 22px 50px #071d1540!important;padding:9px!important;top:calc(100% + 10px)!important}
.site-header :is(.lang-dd-opt,.theme-dd__opt){color:#224633!important;background:transparent!important;opacity:1!important;text-align:start!important;font-size:.86rem!important;font-weight:800!important;border-radius:9px!important}
.site-header :is(.lang-dd-opt,.theme-dd__opt):hover,.site-header :is(.lang-dd-opt,.theme-dd__opt).active{color:#174f36!important;background:#e7f2e8!important}
.site-header :is(.lang-dd-name,.theme-dd__name){color:inherit!important;opacity:1!important;visibility:visible!important}
.site-header :is(.lang-dd__tick,.theme-dd__tick){color:#267347!important}
html[data-theme="dark"] .site-header :is(.lang-dd__menu,.theme-dd__menu){background:#1b392c!important;border-color:#618b6b!important}
html[data-theme="dark"] .site-header :is(.lang-dd-opt,.theme-dd__opt){color:#f3fff4!important}
html[data-theme="dark"] .site-header :is(.lang-dd-opt,.theme-dd__opt):hover,html[data-theme="dark"] .site-header :is(.lang-dd-opt,.theme-dd__opt).active{background:#2c5b40!important;color:#fff!important}
/* 5. Screen adaptation: stage first, then legible copy, then unified controls */
@media(max-width:900px){
 .family-hero{min-height:760px!important;}
 .family-hero[data-scene-type="family"] .fh-products,html[dir="rtl"] .family-hero[data-scene-type="family"] .fh-products,html[dir="ltr"] .family-hero[data-scene-type="family"] .fh-products{left:50%!important;top:30%!important;width:min(88vw,570px)!important;height:clamp(230px,40vh,360px)!important;transform:translate3d(-50%,-50%,36px)!important}
 .family-hero .fh-orbit,html[dir="rtl"] .family-hero .fh-orbit,html[dir="ltr"] .family-hero .fh-orbit{left:50%!important;top:30%!important;width:min(80vw,430px)!important}
 .family-hero .fh-copy,.family-hero[data-scene="story"] .fh-copy,.family-hero[data-scene-type="serve"] .fh-copy{top:auto!important;bottom:115px!important;transform:none!important;inset-inline-start:5%!important;width:90%!important;max-width:none!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:29%!important;width:min(88vw,560px)!important;height:clamp(220px,38vh,355px)!important;transform:translate3d(-50%,-50%,36px)!important}
 .family-hero[data-scene-type="serve"] .fh-products,html[dir="rtl"] .family-hero[data-scene-type="serve"] .fh-products,html[dir="ltr"] .family-hero[data-scene-type="serve"] .fh-products{left:50%!important;top:29%!important;width:min(88vw,590px)!important;height:clamp(190px,29vh,290px)!important;transform:translate3d(-50%,-50%,36px)!important}
 .family-hero[data-scene-type="serve"] .fh-partners{bottom:72px!important;width:90%!important}
 .family-hero[data-scene-type="serve"] .fh-copy{bottom:184px!important}
 .rev13-route-step{padding:8px 9px}
 .sec-cov .cov-map{grid-template-columns:1fr!important}
}
@media(max-width:600px){
 .family-hero{min-height:750px!important}
 .family-hero .rev13-control-dock{bottom:14px!important;gap:7px!important;padding:7px 10px!important}
 .family-hero .rev13-control-dock .fh-arrow{width:36px!important;height:36px!important}
 .family-hero .rev13-control-dock .fh-count{min-width:43px!important;font-size:.72rem!important}
 .family-hero .rev13-control-dock .fh-family-nav{gap:4px!important;padding-left:8px!important}
 .family-hero .rev13-control-dock .fh-family-dot{width:6px!important;height:6px!important}.family-hero .rev13-control-dock .fh-family-dot.is-active{width:17px!important}
 .family-hero[data-scene-type="family"] .fh-products,html[dir="rtl"] .family-hero[data-scene-type="family"] .fh-products{top:29%!important;width:91vw!important;height:265px!important}
 .family-hero .fh-orbit,html[dir="rtl"] .family-hero .fh-orbit{top:29%!important;width:84vw!important}
 .family-hero .fh-copy{bottom:96px!important}
 .family-hero[data-scene="story"] .fh-products,html[dir="rtl"] .family-hero[data-scene="story"] .fh-products{top:29%!important;height:250px!important;width:92vw!important}
 .family-hero[data-scene="story"] .fh-copy{bottom:99px!important}
 .rev13-story-photo{width:78%;height:72%;border-width:4px!important}
 .rev13-route{bottom:-4px;gap:5px}.rev13-route-step{font-size:.68rem;padding:7px 8px;gap:3px}
 .family-hero[data-scene-type="serve"] .fh-products{top:26%!important;height:205px!important}
 .family-hero[data-scene-type="serve"] .fh-partners{bottom:71px!important;width:90%!important}
 .family-hero[data-scene-type="serve"] .fh-copy{bottom:180px!important}
 .products-page .p-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
 .products-page .product-card__media{height:clamp(146px,41vw,200px)!important;padding:11px!important}
 .products-page .product-card__body{padding:10px 9px 11px!important;gap:9px!important;min-height:123px!important}
 .products-page .product-card__title{font-size:.82rem!important;line-height:1.5!important}
 .products-page .product-card__more{font-size:.73rem!important;padding:8px 7px!important}
 .sec-cov .cov-map__visual{padding:17px 12px 34px!important}.sec-cov .cov-map__svg{height:295px!important}
 .site-header :is(.lang-dd__toggle,.theme-dd__toggle){min-width:52px!important;padding:5px 8px!important}
}
@media(prefers-reduced-motion:reduce){.family-hero .fh-mote,.rev13-story-photo,.rev13-story-photo img,.rev13-route-step{animation:none!important}}

.site-header .rev13-theme-label{display:inline-block!important;color:#fff!important;opacity:1!important;font-weight:800!important;font-family:"Tajawal","Cairo",sans-serif!important;font-size:.81rem!important;line-height:1!important}
@media(max-width:600px){.family-hero[data-scene="story"] .rev13-route{bottom:18px!important}.family-hero[data-scene="story"] .rev13-story-photo{height:69%!important}.family-hero[data-scene-type="serve"] .fh-copy{bottom:235px!important}}
/* Final visual QA: separate sector tabs from headline without touching the restored photo composition. */
@media(max-width:600px){.family-hero[data-scene-type="serve"] .fh-copy{bottom:205px!important}}