/* MAYAN REV14 — cohesive accessibility-first layer. Preserves orbital hero & original interactions. */
:root{--r14-ink:#193c2b;--r14-secondary:#456050;--r14-cream:#f7f8f2;--r14-border:#d6e2d6}
/* Header and footer remain deep green; no nav animation has been removed. */
.footer .footer-brand img{height:auto!important;width:clamp(190px,18vw,288px)!important;max-width:100%;max-height:126px!important;display:block;object-fit:contain!important;object-position:right center!important;filter:drop-shadow(0 8px 17px rgba(0,0,0,.16));margin-bottom:18px!important}
html[dir="ltr"] .footer .footer-brand img{object-position:left center!important}
.footer-brand p{max-width:350px!important;font-size:.96rem!important;line-height:1.9!important;color:#f1f6ec!important}
.footer :is(h6,.footer-links a,.footer-links span,.footer-bottom span){color:#eff8ee!important;opacity:1!important}
.footer a:hover{color:#d8e7b6!important}
/* Brand gallery: floating logos directly on the section, never little white logo tiles. */
#brands{background:radial-gradient(ellipse at 70% 0%,rgba(98,144,99,.09),transparent 55%),var(--paper)!important}
#brands .brands-grid{gap:clamp(20px,3vw,44px)!important;align-items:center!important;margin-top:16px}
#brands .brand-card,#brands .brand-card:hover{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;padding:8px!important;transform:none!important;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:146px}
#brands .brand-card__logo{background:transparent!important;border:0!important;box-shadow:none!important;width:100%;height:92px!important;margin:0 0 9px!important;padding:0!important;display:grid;place-items:center}
#brands .brand-card__logo img{display:block;max-width:90%!important;max-height:85px!important;width:auto;height:auto;object-fit:contain;mix-blend-mode:normal!important;filter:drop-shadow(0 8px 12px rgba(21,45,29,.11));transition:transform .3s ease,filter .3s ease}
#brands .brand-card:hover img{transform:translateY(-4px) scale(1.045);filter:drop-shadow(0 14px 17px rgba(21,45,29,.18))}
#brands .brand-card__text{background:transparent!important;border:0!important;color:var(--ink)!important;font-size:1.1rem!important;min-height:0;min-width:0;width:auto!important;height:auto!important;text-align:center}
#brands .brand-card p{color:var(--text-soft)!important;line-height:1.6}
/* About: wide, documentary-like framing, original photo kept untouched. */
#about .about-media{max-width:min(100%,740px)!important;width:100%!important}
#about .about-media__img{border-radius:clamp(16px,2vw,26px);aspect-ratio:16/9;box-shadow:0 22px 50px rgba(19,46,31,.13)}
#about .about-media__img img{width:100%!important;height:100%!important;aspect-ratio:16/9!important;object-fit:cover!important;object-position:center!important}
/* Products: classic balanced cards, only individual SKU name & genuine details button. */
.products-page .p-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,255px),1fr))!important;gap:clamp(13px,1.6vw,23px)!important}
.products-page .product-card{border:1px solid var(--r14-border)!important;border-radius:20px!important;box-shadow:0 10px 30px rgba(19,51,33,.07)!important;background:#fffefa!important;transition:transform .25s ease,box-shadow .25s ease!important;cursor:pointer}
.products-page .product-card:hover{transform:translateY(-4px)!important;box-shadow:0 19px 39px rgba(18,48,31,.13)!important}
.products-page .product-card__media{height:240px!important;aspect-ratio:auto!important;padding:19px 15px!important;background:radial-gradient(circle at 52% 42%,#fff 8%,#f5f8f0 70%,#edf3e9 100%)!important;display:flex!important;align-items:center!important;justify-content:center!important}
.products-page .product-card__media img{height:100%!important;width:100%!important;object-fit:contain!important;object-position:center!important;filter:drop-shadow(0 14px 11px rgba(34,47,31,.14))!important}
.products-page .product-card__body{min-height:132px!important;gap:12px!important;padding:15px 17px 17px!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:space-between!important;text-align:start!important}
.products-page .product-card__title{display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden!important;font-size:1.02rem!important;font-weight:850!important;line-height:1.5!important;text-align:start!important;color:#1f412e!important;min-height:3em!important;margin:0!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;background:#eaf2e8!important;border:1px solid #c8dec9!important;border-radius:11px!important;color:#1b5138!important;padding:9px 13px!important;margin-top:auto!important;font-size:.89rem!important;font-weight:800!important;transition:background .2s,color .2s!important}
.products-page .product-card:hover .product-card__more{background:#1f5c3d!important;color:#fff!important;border-color:#1f5c3d!important}
/* Modal: stable image stage centered independent of varying product silhouettes. */
#productModal .modal-content{border-radius:22px!important;overflow:auto!important}
#productModal .pm-layout{align-items:stretch!important;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr)!important}
#productModal .pm-viewer{display:flex;align-items:center;justify-content:center;min-width:0;background:radial-gradient(circle at 52% 46%,#fffdf8,#e9f2e7 84%)!important}
#productModal .pm-stage{height:clamp(355px,42vw,530px)!important;max-height:none!important;min-height:335px!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:24px 16px 72px!important;box-sizing:border-box!important;overflow:hidden!important}
#productModal .pm-stage .pm-product{height:100%!important;width:100%!important;min-height:0;display:flex!important;align-items:center!important;justify-content:center!important;margin:auto!important}
#productModal .pm-stage .pm-product img{display:block!important;width:auto!important;height:auto!important;max-width:90%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important;filter:drop-shadow(0 22px 16px rgba(24,54,34,.20))!important;margin:auto!important}
#productModal .btn-close{opacity:1!important;background:#174b35!important;border:2px solid #fff!important;width:43px!important;height:43px!important;min-width:43px!important;box-shadow:0 7px 22px #102b2040!important;filter:none!important}
#productModal .btn-close:before{color:#fff!important}
#productModal .pm-request-note{grid-column:1/-1;min-width:0}
#productModal .pm-request-note textarea{width:100%;min-height:68px;resize:vertical;padding:10px 12px;border:1px solid #b3c9b7;border-radius:10px;background:#fff;color:#233f2d;font:inherit;line-height:1.5}
#productModal .pm-request-note textarea:focus{outline:2px solid #4d9367;outline-offset:1px}
#productModal .product-order-btn{width:100%;justify-content:center!important;font-weight:850!important}
/* Intro: premium product identity, no bulky warehouse card, no process diagram. */
.family-hero[data-scene="story"] .fh-bgword{opacity:.055!important}
.family-hero[data-scene="story"] .fh-copy{width:min(32vw,460px)!important;top:47%!important}
.family-hero[data-scene="story"] .fh-title{font-size:clamp(2.35rem,3.9vw,3.75rem)!important;line-height:1.12!important;font-weight:850!important;letter-spacing:0!important}
.family-hero[data-scene="story"] .fh-title-line:nth-child(2){font-size:.73em!important;margin-inline-start:0!important;margin-top:.12em!important}
.family-hero[data-scene="story"] .fh-tagline{font-size:clamp(.95rem,1.12vw,1.12rem)!important;line-height:1.85!important;max-width:440px!important;font-weight:650!important}
.family-hero[data-scene="story"] .fh-products,html[dir="rtl"] .family-hero[data-scene="story"] .fh-products{top:47%!important;width:min(43vw,610px)!important;height:min(62vh,550px)!important;left:43%!important}
html[dir="ltr"] .family-hero[data-scene="story"] .fh-products{left:57%!important}
.family-hero[data-scene="story"] .fh-orbit,html[dir="rtl"] .family-hero[data-scene="story"] .fh-orbit{left:43%!important;top:47%!important;width:min(40vw,570px)!important;opacity:.64!important}
html[dir="ltr"] .family-hero[data-scene="story"] .fh-orbit{left:57%!important}
.rev14-brand-visual{position:relative;width:100%;height:100%;isolation:isolate;display:block;perspective:1200px}
.rev14-brand-ring{position:absolute;inset:12%;border:1px solid rgba(48,117,81,.26);border-radius:50%;background:radial-gradient(circle at 48% 38%,rgba(255,255,255,.44),transparent 65%);box-shadow:inset 0 0 54px rgba(255,255,255,.44);animation:r14Ring 26s linear infinite}
.rev14-brand-ring:after{content:"";position:absolute;inset:13%;border:1px dashed rgba(48,117,81,.22);border-radius:50%}
@keyframes r14Ring{to{rotate:360deg}}
.rev14-brand-item{position:absolute!important;display:grid;place-items:center;margin:0;isolation:isolate;animation:r14Pop .9s cubic-bezier(.18,.83,.18,1) both}
.rev14-brand-item img{height:100%;width:100%;object-fit:contain;filter:drop-shadow(0 22px 17px rgba(14,44,25,.27));animation:r14Float 6s ease-in-out infinite alternate}
.rev14-brand-item--rice{width:42%;height:75%;left:28%;top:10%;z-index:4;animation-delay:.05s}
.rev14-brand-item--oil{width:33%;height:57%;left:2%;top:28%;z-index:3;animation-delay:.22s}
.rev14-brand-item--sauce{width:29%;height:51%;right:3%;top:34%;z-index:5;animation-delay:.35s}
.rev14-brand-item--oil img{animation-delay:-2s}.rev14-brand-item--sauce img{animation-delay:-3.4s}
.rev14-brand-stamp{position:absolute;left:50%;bottom:2%;translate:-50% 0;display:flex;align-items:center;flex-direction:column;gap:2px;z-index:6;color:#2c694b;padding:8px 20px;text-align:center;border-radius:22px;background:rgba(255,254,247,.8);border:1px solid rgba(74,115,77,.17);box-shadow:0 10px 24px rgba(25,63,39,.1);backdrop-filter:blur(7px);white-space:nowrap}
.rev14-brand-stamp strong{font-family:Arial,sans-serif;font-weight:850;letter-spacing:.18em;font-size:1.1rem;line-height:1.1}
.rev14-brand-stamp span{font-size:.78rem;font-weight:800}
@keyframes r14Pop{from{opacity:0;translate:0 22px;scale:.9}to{opacity:1;translate:0 0;scale:1}}
@keyframes r14Float{to{transform:translateY(-10px) rotate(1.5deg)}}
/* Reduce over-scaled display text across all hero scenes. */
.family-hero .fh-title{font-size:clamp(2.35rem,4.15vw,4.15rem)!important;line-height:1.13!important}
.family-hero .fh-tagline{font-size:clamp(.93rem,1.08vw,1.1rem)!important;line-height:1.7!important}
.family-hero .fh-cta{font-size:.9rem!important;min-height:46px!important;padding:8px 11px 8px 16px!important}
/* Hero section controls stay intact and share a single bottom dock. */
.family-hero .rev13-control-dock{bottom:15px!important;box-shadow:0 11px 27px rgba(15,47,30,.12)!important;padding:8px 13px!important}
.family-hero .rev13-control-dock .fh-arrow{background:#1d573e!important;color:#fff!important;border-color:transparent!important}
.family-hero .rev13-control-dock .fh-arrow:hover{background:#0c3825!important}
/* The dark mode must remain readable on all neutral/cream surfaces. */
html[data-theme="dark"]{--r14-ink:#f4f8f2;--r14-secondary:#d5e5d5}
html[data-theme="dark"] .sec:not(.sec-dark) :is(.sec-title,.sec-tag,.sec-head h2,.about-copy h2){color:#f3f8f2!important}
html[data-theme="dark"] .sec:not(.sec-dark) :is(.sec-lead,.about-copy p,.why-item p,.sec-head p){color:#dae8db!important}
html[data-theme="dark"] :is(.why-item,.cat-card,.sector-card,.contact-form,.catalog-strip){background:#233b2d!important;border-color:#49644f!important;color:#eff6ec!important}
html[data-theme="dark"] :is(.why-item h3,.cat-card h3,.contact-form h3,.catalog-strip h3,.sector-card h3){color:#f6faf2!important}
html[data-theme="dark"] :is(.why-item p,.cat-card p,.catalog-strip p,.contact-form p,.sector-card p){color:#dae8da!important}
html[data-theme="dark"] #brands .brand-card{background:transparent!important}
html[data-theme="dark"] #brands .brand-card p{color:#dae8db!important}
html[data-theme="dark"] #brands .brand-card__text{color:#f1f6ee!important}
html[data-theme="dark"] .products-page .product-card{background:#fdfdf9!important}
html[data-theme="dark"] .products-page :is(.product-card__title,.product-card__more){color:#1c4931!important}
html[data-theme="dark"] .products-page .product-card:hover .product-card__more{color:#fff!important}
html[data-theme="dark"] .product-modal.pm-premium .modal-content{background:#23382d!important;color:#eef8ec!important}
html[data-theme="dark"] #productModal .product-modal__info :is(h4,.pm-specs dd,.pm-request-field,.card-tag){color:#f4fbf2!important}
html[data-theme="dark"] #productModal .product-modal__info :is(.pm-desc,.pm-specs dt,.pm-pack-preview,.product-modal__icon){color:#d9e7dc!important}
html[data-theme="dark"] #productModal .pm-pack-preview{background:#294c37!important;border-color:#52785b!important}
html[data-theme="dark"] #productModal .pm-request-note textarea,html[data-theme="dark"] #productModal :is(#pmQty,#pmUnit){background:#f7faf6!important;color:#173b29!important}
html[data-theme="dark"] #productModal .pm-viewer{background:radial-gradient(circle,#f8faf5,#e4ede1)!important}
html[data-theme="dark"] :is(.form-control,textarea,select):not(#pmNote){color-scheme:dark}
html[data-theme="dark"] :is(.contact-form label,.contact-form .form-label,.footer h6){color:#fff!important}
/* Mobile and short desktop viewports: balanced proportions and centered product photos. */
@media(max-width:900px){
 .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(82vw,500px)!important;height:clamp(200px,36vh,340px)!important;transform:translate3d(-50%,-50%,36px)!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:29%!important;width:min(77vw,390px)!important}
 .family-hero[data-scene="story"] .fh-copy{width:90%!important;top:auto!important;bottom:102px!important;inset-inline-start:5%!important;transform:none!important;max-width:none!important}
 .family-hero .fh-title{font-size:clamp(2rem,6.4vw,3.1rem)!important}
 #productModal .pm-layout{grid-template-columns:1fr!important}
 #productModal .pm-stage{height:clamp(250px,40vh,345px)!important;min-height:235px!important;padding:17px 12px 60px!important}
}
@media(max-width:600px){
 .family-hero[data-scene="story"] .fh-title{font-size:clamp(1.95rem,7.9vw,2.65rem)!important}
 .family-hero[data-scene="story"] .fh-tagline{font-size:.87rem!important;line-height:1.5!important;max-width:100%!important}
 .family-hero[data-scene="story"] .fh-copy{bottom:105px!important}
 .family-hero[data-scene="story"] .fh-products,html[dir="rtl"] .family-hero[data-scene="story"] .fh-products{top:27%!important;height:230px!important;width:88vw!important}
 .family-hero .fh-title{font-size:clamp(1.95rem,8.5vw,2.6rem)!important}
 .products-page .p-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:11px!important}
 .products-page .product-card__media{height:clamp(160px,41vw,195px)!important;padding:10px!important}
 .products-page .product-card__body{padding:10px 10px 12px!important;gap:9px!important;min-height:130px!important}
 .products-page .product-card__title{font-size:.84rem!important;min-height:3em!important}
 .products-page .product-card__more{font-size:.76rem!important;padding:8px 9px!important}
 #brands .brand-card{min-height:120px!important}
 #brands .brand-card__logo{height:78px!important}
 .footer .footer-brand img{width:clamp(195px,62vw,265px)!important}
}
@media(prefers-reduced-motion:reduce){.rev14-brand-ring,.rev14-brand-item,.rev14-brand-item img{animation:none!important}}