/* ==========================================================================
   Yummy — landing page styles
   Base rules extracted from the original design; hero/reveal/placeholder
   rules added to replace the design-tool runtime with plain CSS + JS.
   ========================================================================== */

html,body{margin:0;padding:0;background:#FFFFFF;font-family:'Montserrat',sans-serif;color:#0B1F19;}
a{color:#33C8A2;text-decoration:none;}
a:hover{color:#00795B;}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
[id]{scroll-margin-top:92px;}
@media (max-width:1340px){[data-nav-secondary]{display:none !important;}}
@media (max-width:1150px){[data-nav-links]{display:none !important;}}
@media (max-width:700px){[data-nav-conduce]{display:none !important;}}
@media (max-width:1040px){[data-nav-links]{overflow-x:auto;flex:1 1 auto !important;min-width:0 !important;scrollbar-width:none;}[data-nav-links]::-webkit-scrollbar{display:none;}}
@media (max-width:860px){[data-nav-links]{display:none !important;}}
@media (max-width:760px){
  [data-stats-row]{display:grid !important;grid-template-columns:1fr 1fr;gap:12px;}
  [data-stats-row] > div[style*="width:1px"],[data-stats-row] > div[style*="width: 1px"]{display:none !important;}
  [data-stats-row] > div{background:#F4FAF7;border-radius:16px;padding:18px 16px;}
  [data-stats-row] > div > div:first-child{font-size:26px !important;}
}
@media (max-width:620px){
  [data-nav-conduce]{display:none !important;}
  header > div{gap:12px !important;padding:0 16px !important;}
  header a[href="https://yummysuperapp.app.link"]{padding:10px 16px !important;font-size:12px !important;}
  header a[href="#top"] img{height:24px !important;}
}
html,body{overflow-x:clip;}
[data-product-row]{grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;}
[data-product-row] div[style*="width: 5"]{width:auto !important;max-width:100% !important;}
@media (max-width:1200px){
  [data-deco]{display:none !important;}
  [data-corp-mock]{display:none !important;}
  [data-corp-panel]{grid-template-columns:1fr !important;}
}
@media (max-width:1000px){
  [data-product-row]{display:flex !important;flex-direction:column !important;gap:32px !important;}
  [data-product-row] > *{order:1 !important;}
  [data-product-row] > div[style*="min-height: 520px"]{order:2 !important;}
}
@media (max-width:700px){
  section [style*="grid-template-columns"],
  footer [style*="grid-template-columns"]{grid-template-columns:1fr !important;grid-auto-rows:auto !important;}
  section [style*="grid-template-columns"] > *{min-width:0 !important;}
}

[data-eco-card]{flex:1;transition:flex 0.55s cubic-bezier(0.4,0,0.2,1);}
[data-eco-card]:hover{flex:2.6;}
[data-eco-card] [data-eco-more]{opacity:0;max-height:0;transform:translateY(8px);transition:opacity 0.35s ease 0.15s,transform 0.35s ease 0.15s,max-height 0.55s cubic-bezier(0.4,0,0.2,1);}
[data-eco-card]:hover [data-eco-more]{opacity:1;max-height:200px;transform:translateY(0);}
[data-eco-card] [data-eco-title]{opacity:0;max-height:0;overflow:hidden;overflow-wrap:break-word;hyphens:auto;transform:translateY(8px);transition:opacity 0.35s ease 0.1s,transform 0.35s ease 0.1s,max-height 0.55s cubic-bezier(0.4,0,0.2,1);}
[data-eco-card]:hover [data-eco-title]{opacity:1;max-height:160px;transform:translateY(0);}
[data-eco-card] [data-eco-eyebrow]{writing-mode:vertical-rl;transform:rotate(180deg);font-size:15px;letter-spacing:0.06em;flex:1;transition:opacity 0.25s ease;}
[data-eco-card]:hover [data-eco-eyebrow]{position:absolute;opacity:0;pointer-events:none;}
[data-tooltip-wrap] [data-tooltip]{opacity:0;pointer-events:none;transition:opacity 0.15s ease;}
[data-tooltip-wrap]:hover [data-tooltip]{opacity:1;}
@media (max-width:1000px){
  [data-hero-grid]{grid-template-columns:1fr !important;gap:40px !important;}
  [data-hero-copy]{align-items:center !important;text-align:center;}
  [data-hero-copy] p{margin-left:auto;margin-right:auto;}
  [data-hero-media]{max-width:480px;margin:0 auto;}
  [data-hero-chip]{display:none !important;}
  [data-hero-tabs]{justify-content:center;}
}
[data-hero-tabs]{width:100%;transform-origin:center center;}
@media (max-width:1200px){[data-hero-tabs]{transform:scale(0.9);}}
@media (max-width:1000px){[data-hero-tabs]{transform:none !important;flex-wrap:wrap !important;height:auto !important;row-gap:10px !important;column-gap:18px !important;}}
@media (max-width:520px){[data-hero-tabs]{column-gap:14px !important;}}
@media (max-width:700px){
  [data-hero-glow-edge]{display:none !important;}
  [data-hero-copy] img{width:210px !important;}
}

a{transition:color .2s ease,background-color .25s ease,border-color .25s ease,transform .25s ease,box-shadow .25s ease;}
a[data-btn]:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(5,39,30,0.16);}
a[data-btn]:active{transform:translateY(0) scale(.97);}
a[data-card]{will-change:transform;}
a[data-card]:hover{transform:translateY(-5px);box-shadow:0 18px 40px rgba(5,39,30,0.10);}
header a img{transition:transform .25s ease;}
header a:hover img{transform:scale(1.06);}
@keyframes chipfloat{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-13px,0)}}
@keyframes yfloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
[data-float]{animation:yfloat 5.5s ease-in-out infinite;}
[data-reveal]{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s cubic-bezier(.22,.61,.36,1);}
[data-reveal="in"]{opacity:1;transform:translateY(0);}
nav a{position:relative;}
nav a::after{content:"";position:absolute;left:0;bottom:-6px;width:100%;height:2px;border-radius:2px;background:#00A67C;transform:scaleX(0);transform-origin:left;transition:transform .25s ease;}
nav a:hover::after{transform:scaleX(1);}
a[data-card] span:last-child{transition:transform .25s ease;}
a[data-card]:hover span:last-child{transform:translateX(5px);}
@media (prefers-reduced-motion:reduce){[data-reveal],[data-reveal="in"]{opacity:1;transform:none;transition:none}[data-float]{animation:none}a{transition:none}}

/* ---- Hero carousel (rotates every 5.2s, see assets/scripts.js) ---- */
.hero-glow,
.hero-glow-edge{transition:background 1.4s cubic-bezier(0.33,0,0.25,1);}
.hero-photo-layer{transition:opacity 1s cubic-bezier(0.33,0,0.25,1);opacity:0;}
.hero-photo-layer.active{opacity:1;}
.hero-chip-layer{transition:opacity 1s cubic-bezier(0.33,0,0.25,1);opacity:0;}
.hero-chip-layer.active{opacity:1;}
.hero-tab{
  display:inline-block;line-height:26px;height:26px;text-transform:uppercase;
  white-space:nowrap;cursor:pointer;font-weight:600;letter-spacing:0.02em;
  transition:color 0.75s cubic-bezier(0.33,0,0.25,1),font-size 0.75s cubic-bezier(0.33,0,0.25,1),opacity 0.75s cubic-bezier(0.33,0,0.25,1);
  font-size:13px;color:#8E8AA0;opacity:0.72;
}
.hero-tab.active{font-size:19px;color:#FFFFFF;opacity:1;}

/* ---- Pending-asset placeholder (image-slots with no final photo yet) ---- */
.photo-placeholder{
  background:#F4FAF7;display:flex;align-items:center;justify-content:center;
  text-align:center;color:#5B6E67;font-size:12px;font-weight:600;line-height:1.5;padding:16px;
  border:1px dashed #CFE0D8;
}
.photo-placeholder::before{content:attr(data-placeholder);}