/* A restrained refinement of the supplied design; no replacement hero. */
.site--cinema .container{width:94%;max-width:1440px}
section[id]{scroll-margin-top:112px}
#home{scroll-margin-top:0}
.sec{padding-block:clamp(30px,4vw,58px)}
.sec-head{margin-bottom:24px}
.sec-lead{line-height:1.85}
.about-grid{gap:clamp(24px,4vw,54px)}
.about-media__img img{max-height:460px;object-fit:cover}
@media(min-width:992px){.about-media{max-width:420px}.about-copy .sec-title{font-size:clamp(1.6rem,2.4vw,2.2rem)}}
@media(max-width:600px){.site--cinema .container{width:94%;padding-inline:0}section[id]{scroll-margin-top:103px}.sec{padding-block:28px}.sec-head{margin-bottom:20px}.about-media__img img{height:240px;aspect-ratio:auto}.about-grid{gap:22px}}

.container{width:94%;max-width:1440px}
.fh-stage{background:radial-gradient(ellipse at 28% 35%,color-mix(in srgb,var(--fh-orbit2) 13%,transparent),transparent 62%),var(--fh-bg)}
.family-hero .fh-bgword{display:none}.fh-tagline{color:var(--fh-ink)}
.site-header--cinema:not(.is-scrolled) .sig-frame{background:linear-gradient(180deg,color-mix(in srgb,var(--slide-nav,#203749) 30%,#101b24),color-mix(in srgb,var(--slide-nav,#203749) 38%,#101b24));box-shadow:0 5px 18px #00000012;transition:background .9s ease}
.site-header--cinema .sig-frame__surface{background:transparent!important;box-shadow:none}
.site-header--cinema.is-scrolled{box-shadow:0 5px 18px #00000018}
.fh-sector{box-shadow:none}.fh-serve-center{font-size:clamp(2rem,4.2vw,4rem);white-space:nowrap}
.contact-notice{font-size:.8rem;line-height:1.7;margin:1rem 0 0;opacity:.85}.catalog-direct{display:inline-block;color:inherit;margin-top:.75rem;text-underline-offset:5px;font-size:.9rem}
.catalog-lazy-page{background:#fff;position:relative;overflow:hidden}.catalog-lazy-page img{width:100%;height:100%;object-fit:contain;display:block;position:absolute;inset:0}.catalog-page-status{position:absolute;inset:0;display:grid;place-items:center;color:#203749;padding:2rem;text-align:center;font-size:.9rem}
.page-hero{padding-block:clamp(32px,5vw,64px)}.brand-card__text{font-size:clamp(1rem,2vw,1.6rem);line-height:1.4;text-align:center}
@media(max-width:600px){.container{width:94%;padding-inline:0}.page-hero{padding-block:28px}.fh-serve-center{font-size:2rem}.fh-sector{font-size:.7rem;padding:.4rem .55rem}}

#productModal .btn-close{background-image:none;display:grid;place-items:center;color:#203749;opacity:1}#productModal .btn-close::before{content:"×";font:28px/1 Arial,sans-serif}
/* Sectors share one scene with a quiet partner strip below. */
.fh-partners{display:none;position:absolute;z-index:10;bottom:6.5rem;left:50%;transform:translateX(-50%);width:min(88%,1080px);text-align:center;transition:opacity .3s ease}
.family-hero[data-scene-type="serve"] .fh-partners{display:block}
.family-hero.is-leaving .fh-partners{opacity:0}
.fh-partners-label{display:flex;align-items:center;justify-content:center;gap:20px;font-size:.73rem;font-weight:600;opacity:.8;margin-bottom:1rem}
.fh-partners-label::before,.fh-partners-label::after{content:"";width:58px;height:1px;background:currentColor;opacity:.25}
.fh-partners-row{display:flex;align-items:center;justify-content:space-between;gap:clamp(18px,3vw,48px)}
.fh-partner{height:64px;flex:1;min-width:0;display:flex;align-items:center;justify-content:center;padding:0;background:transparent;color:#203749;font-size:1rem;font-weight:700;line-height:1.35;animation:fhBrandReveal .85s cubic-bezier(.16,.8,.2,1) both;animation-delay:calc(.55s + var(--brand-order)*.1s)}
.fh-partner--name{max-width:130px}
@keyframes fhBrandReveal{from{opacity:0;transform:translateY(14px);clip-path:inset(0 0 100%)}to{opacity:1;transform:none;clip-path:inset(0)}}
.fh-partner img{display:block;max-height:100%;max-width:100%;object-fit:contain;mix-blend-mode:multiply}
.family-hero[data-scene-type="serve"] .fh-orbit,.family-hero[data-scene-type="serve"] .fh-shape,.family-hero[data-scene-type="serve"] .fh-ambient,.family-hero[data-scene-type="serve"] .fh-webgl{display:none}
.family-hero[data-scene-type="serve"] .fh-products{width:min(50vw,720px);height:46vh;top:43%}
.fh-sector-scene{width:100%;height:100%;display:flex;flex-direction:column;gap:14px}
.fh-sector-picture{flex:1;position:relative;overflow:hidden;border-radius:24px;box-shadow:0 24px 60px #20374926;min-height:0}
.fh-sector-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.04);transition:opacity .85s ease,transform 4s ease}
.fh-sector-photo.is-active{opacity:1;transform:scale(1)}
.fh-sector-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}
.fh-sector-choice{border:0;border-bottom:2px solid transparent;background:transparent;color:inherit;padding:5px 7px;font-size:.82rem;font-weight:700;transition:border-color .25s ease;white-space:nowrap}
.fh-sector-choice.is-active{border-color:currentColor}
.family-hero[data-scene-type="serve"] .fh-title{font-size:clamp(2.4rem,3.6vw,4.2rem);line-height:1.15}
.family-hero[data-scene-type="serve"] .fh-copy{top:43%}
@media(max-width:900px){
 .family-hero[data-scene-type="serve"] .fh-products{top:30%;height:32vh;width:80vw}
 .family-hero[data-scene-type="serve"] .fh-copy{top:50%;bottom:auto;transform:none;width:86%;inset-inline-start:7%}
 .family-hero[data-scene-type="serve"] .fh-title{font-size:clamp(1.8rem,7.4vw,2.7rem)}
 .family-hero[data-scene-type="serve"] .fh-tagline{font-size:.8rem;margin:.55rem 0 .6rem;max-width:100%}
 .family-hero[data-scene-type="serve"] .fh-eyebrow{margin-bottom:.6rem}
 .family-hero[data-scene-type="serve"] .fh-cta{font-size:.82rem;padding:.2rem 0}
 .fh-sector-scene{gap:8px}.fh-sector-picture{border-radius:16px}.fh-sector-choice{font-size:.7rem;padding:4px 5px}
 .fh-partners{bottom:5.1rem;width:86%}.fh-partners-row{flex-wrap:wrap;justify-content:center;column-gap:7%;row-gap:10px}.fh-partner{flex:0 0 19%;height:40px;font-size:.75rem}.fh-partners-label{font-size:.65rem;margin-bottom:12px;gap:12px}.fh-partners-label::before,.fh-partners-label::after{width:36px}
}
@media(max-height:700px) and (max-width:900px){.family-hero[data-scene-type="serve"]{min-height:720px}.family-hero[data-scene-type="serve"] .fh-products{height:230px;top:29%}.fh-partners{bottom:4.5rem}}
@media(prefers-reduced-motion:reduce){.fh-sector-photo{transition:none;transform:none}.fh-partner{animation:none}}
/* Request basket: one nav entry and a compact native dialog. */
.navbar>.navbar-brand{order:0}.navbar>.navbar-collapse{order:1}.navbar>.basket-nav{order:2;margin-inline-start:14px}.navbar>.navbar-toggler{order:3}
.basket-nav{display:inline-flex;gap:7px;align-items:center;justify-content:center;border:1px solid #fff5;color:#fff1d8;background:#ffffff0a;border-radius:12px;padding:8px 10px;font-size:.78rem;font-weight:700;flex-shrink:0}
.basket-nav b{min-width:18px;font-size:.72rem;color:#203749;background:#fff1d8;border-radius:50%;line-height:18px;text-align:center}
.basket-add{display:inline-flex;align-items:center;justify-content:center;border:1px solid #20374935;background:transparent;color:var(--green-900);border-radius:9px;padding:8px 12px;font-size:.82rem;font-weight:700;cursor:pointer}.basket-add:hover{background:#2037490c}.product-card__body>.basket-add{margin-top:10px;width:100%}.product-card__more{border:0;text-align:inherit;cursor:pointer}.basket-add-modal{width:100%;margin-bottom:10px}
.request-basket{width:min(640px,calc(100% - 24px));max-height:88svh;padding:24px;border:1px solid #20374925;border-radius:20px;background:#fffdf8;color:#203749;box-shadow:0 24px 90px #0004;overflow:auto;overscroll-behavior:contain}
.request-basket::backdrop{background:#14263188;backdrop-filter:blur(5px)}
.basket-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.basket-head h2{font-size:1.35rem;margin:0}.basket-close{border:0;background:#2037490d;color:#203749;border-radius:50%;width:36px;height:36px;font:26px/1 Arial;cursor:pointer}
.basket-list{display:grid;gap:12px}.basket-row{display:flex;gap:14px;padding:12px;border:1px solid #20374920;border-radius:12px;background:#fff}.basket-row>img{width:72px;height:88px;object-fit:contain}.basket-row-body{flex:1;min-width:0}.basket-row h3{font-size:.94rem;line-height:1.5;margin:0 0 10px}.basket-row-controls{display:flex;align-items:end;gap:10px;flex-wrap:wrap}
.basket-field{display:grid;gap:4px;font-size:.73rem}.basket-field input{width:72px}.basket-field input,.basket-field select,.basket-form input,.basket-form textarea{border:1px solid #20374940;border-radius:7px;padding:8px;background:#fff;color:#203749;font:inherit}.basket-remove{border:0;background:transparent;color:#91443b;padding:8px;font-size:.78rem;cursor:pointer}.basket-form{display:grid;gap:8px;margin-top:20px}.basket-form[hidden]{display:none}.basket-form label{font-size:.85rem}.basket-form textarea{resize:vertical}.basket-notice{font-size:.76rem;line-height:1.6;margin:8px 0}.basket-send{display:block;text-align:center;padding:12px;background:#203749;color:#fffdf8;border-radius:10px;text-decoration:none;font-size:.9rem;font-weight:700}.basket-send:hover{background:#314f65;color:white}.basket-browse{display:inline-block;margin-top:14px;color:#203749;text-underline-offset:4px;font-size:.85rem}.basket-empty{font-size:.95rem;line-height:1.7}
.basket-status{position:fixed;z-index:2000;bottom:20px;left:50%;transform:translate(-50%,15px);background:#203749;color:#fffdf8;padding:10px 20px;border-radius:10px;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;font-size:.9rem;box-shadow:0 10px 30px #0002}.basket-status.is-visible{opacity:1;transform:translate(-50%,0)}
@media(max-width:991px){.navbar>.basket-nav{order:1;margin-inline-start:auto;margin-inline-end:12px}.navbar>.navbar-toggler{order:2}.navbar>.navbar-collapse{order:3}.basket-nav-label{display:none}}
@media(max-width:600px){.request-basket{padding:16px}.basket-row{padding:10px;gap:10px}.basket-row>img{width:52px;height:80px}.basket-field select{max-width:110px}.basket-row-controls{gap:8px}.basket-head h2{font-size:1.1rem}}
.fh-sector-tabs,.fh-sector-choice{pointer-events:auto}.fh-shape{pointer-events:none}
@media(min-width:992px) and (max-width:1199px){.basket-nav-label{display:none}.basket-nav{padding-inline:9px}.site-nav .nav-link{font-size:.8rem;padding-inline:6px;white-space:nowrap}.navbar-brand{margin-inline-end:12px}}

/* The compact fixed navbar owns its actual frame height, without a second shadow below it. */
body.site--cinema .site-header{height:auto}
.site-header--cinema.is-scrolled .sig-frame{background:linear-gradient(180deg,color-mix(in srgb,var(--slide-nav,#203749) 25%,#101b24),color-mix(in srgb,var(--slide-nav,#203749) 30%,#101b24));box-shadow:none}
.site-header--cinema.is-scrolled{box-shadow:0 4px 14px #0000001f}

/* An open brand gallery, without nested cards or decorative logo badges. */
#brands .brands-grid{grid-template-columns:repeat(6,minmax(0,1fr));column-gap:clamp(20px,3vw,48px);row-gap:32px;padding-block:12px}
#brands .brand-card,#brands .brand-card:hover{background:transparent;border:0;border-radius:0;box-shadow:none;transform:none;padding:12px 0}
#brands .brand-card__logo{background:transparent;border:0;border-radius:0;height:92px;padding:0;margin-bottom:16px}
#brands .brand-card__logo img{max-height:86px;max-width:100%;mix-blend-mode:multiply}
#brands .brand-card__text{width:auto;height:auto;border-radius:0;background:transparent;color:var(--text);font-size:clamp(1rem,1.6vw,1.4rem);line-height:1.5}
#brands .brand-card p{font-size:.8rem;line-height:1.7}
@media(max-width:900px){#brands .brands-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}#brands .brand-card__logo{height:80px}#brands .brand-card__logo img{max-height:76px}}
@media(max-width:480px){#brands .brands-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px;row-gap:20px}}
html[data-theme="dark"] #brands .brand-card__logo img{mix-blend-mode:normal}

@media(min-width:601px) and (max-width:900px){.family-hero[data-scene-type="serve"] .fh-copy{top:48%}}
@media(max-height:700px) and (max-width:900px){.family-hero[data-scene-type="serve"] .fh-copy{top:47%}.family-hero[data-scene-type="serve"] .fh-title{font-size:1.7rem}.family-hero[data-scene-type="serve"] .fh-eyebrow{margin-bottom:.4rem}}

/* MAYAN 2026: family atmospheres / polished catalogue */
.fh-family-atmosphere{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0;background:radial-gradient(ellipse at 12% 85%, color-mix(in srgb,var(--fh-accent) 38%,transparent),transparent 46%),radial-gradient(ellipse at 83% 12%,color-mix(in srgb,var(--fh-orbit2) 26%,transparent),transparent 58%);background-size:140% 140%;animation:family-gradient 17s ease-in-out infinite alternate}
.fh-family-atmosphere span{position:absolute;left:var(--x);top:var(--y);font-size:var(--sz);color:var(--fh-orbit2);opacity:.13;filter:blur(.55px);animation:family-mote calc(8s + var(--i)*.8s) ease-in-out infinite alternate;animation-delay:calc(var(--i)*-.45s)}
[data-scene="rice"] .fh-family-atmosphere span{border-radius:90% 12% 90% 12%;width:6px;height:14px;background:var(--fh-orbit2);color:transparent;transform:rotate(48deg)}
[data-scene="sauce"] .fh-family-atmosphere span,[data-scene="syrup"] .fh-family-atmosphere span{border-radius:70% 70% 75% 10%;background:var(--fh-orbit2);width:calc(var(--sz)*.5);height:var(--sz);color:transparent;transform:rotate(-35deg)}
[data-scene="oil"] .fh-family-atmosphere span,[data-scene="vinegar"] .fh-family-atmosphere span{border:1px solid var(--fh-orbit2);border-radius:50%;color:transparent;width:var(--sz);height:var(--sz)}
@keyframes family-gradient{0%{background-position:0 10%;transform:scale(1)}100%{background-position:100% 90%;transform:scale(1.12)}}
@keyframes family-mote{from{translate:0 0;opacity:.08}to{translate:20px -36px;opacity:.27}}
.catalog-mode-bar{max-width:1250px;margin:0 auto 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 26px;background:var(--card-bg,#fff);border:1px solid rgba(123,141,118,.25);border-radius:22px;box-shadow:0 15px 45px rgba(20,50,32,.08)}
.catalog-mode-heading{display:grid;gap:5px}.catalog-mode-heading strong{font-size:20px}.catalog-mode-heading span{font-size:13px;opacity:.7}.catalog-mode-buttons{display:flex;gap:8px;flex-wrap:wrap}
.catalog-mode-btn{padding:13px 18px;border:1px solid rgba(50,75,51,.2);background:transparent;color:inherit;border-radius:12px;font:inherit;cursor:pointer;transition:background .2s,color .2s}
.catalog-mode-btn.is-active{background:#1b553d;color:white;border-color:#1b553d}
.catalog-reader{max-width:1250px;margin:auto;padding:14px;background:#e8ece6;border:1px solid #d9e0d7;border-radius:20px;box-shadow:0 20px 55px rgba(15,32,22,.1)}
.catalog-reader iframe{width:100%;height:min(84vh,1000px);min-height:540px;border:0;border-radius:12px;background:white;display:block}.reader-fallback{font-size:13px;text-align:center;padding:13px;color:#375241}.reader-fallback a{color:#165b43;text-decoration:underline;font-weight:700}
#catalogFlipMode[hidden],#catalogReader[hidden]{display:none!important}
.products-catalogue .p-grid img{object-fit:contain}.products-catalogue .p-grid .p-card{transition:transform .24s,box-shadow .24s}.products-catalogue .p-grid .p-card:hover{transform:translateY(-5px)}
@media(max-width:700px){.catalog-mode-bar{margin:0 12px 15px;padding:16px;flex-direction:column;align-items:stretch}.catalog-mode-buttons{display:grid;grid-template-columns:1fr 1fr}.catalog-mode-btn{font-size:12px;padding:12px 7px}.catalog-reader{margin:0 8px;padding:6px}.catalog-reader iframe{height:72vh;min-height:420px}}
@media(prefers-reduced-motion:reduce){.fh-family-atmosphere,.fh-family-atmosphere span{animation:none}}

.product-gallery-note{margin:12px 0 24px;padding:14px 20px;border-radius:14px;background:rgba(190,160,90,.09);border:1px solid rgba(190,160,90,.17);font-size:14px}