/* Power Meals V2 — editorial design refinement / responsive corrections */
:root{--paper:#f5f5ef;--ink:#14251c;--deep:#101f18;--green:#55b947;--line:#d9dfd5;--muted:#68756a;--radius:12px}
body{background:var(--paper);overflow-x:clip}
.container{width:min(100% - 88px,1400px)}
.sm-container{width:min(100% - 88px,1000px)}
.section{padding-block:106px}
.section-sm{padding-block:70px}
.heading{letter-spacing:-.068em;line-height:1.06}
.btn{transition:transform .35s cubic-bezier(.2,.85,.2,1),background .3s,border-color .3s;position:relative}
.btn:not(.small){min-height:52px}
.btn:focus-visible,a:focus-visible{outline:2px solid #50b545;outline-offset:4px}
.announcement{background:#14241b;font-size:10px;letter-spacing:.06em}
.nav-shell{background:rgba(248,248,242,.97);border-color:#dce3d8;z-index:90;isolation:isolate}
.navbar{height:79px;gap:24px}
.brand img{width:176px}
.nav-links{gap:clamp(12px,2vw,32px)}
.nav-links a{font-weight:750;letter-spacing:-.01em;white-space:nowrap}
.nav-actions{gap:9px}
.nav-actions .icon-btn{height:43px;width:43px}
.lang-picker{display:inline-flex;align-items:center;gap:5px;border:1px solid #d8dfd4;border-radius:100px;padding:3px;background:#fff;flex:none}
.lang-picker button{border:0;background:transparent;color:#7f8980;padding:7px 8px;font:800 10px 'Manrope',sans-serif;letter-spacing:.07em;border-radius:99px;transition:background .25s,color .25s}
.lang-picker button.selected{background:var(--ink);color:#fff}
.lang-divider{height:12px;width:1px;background:#d4dcd1}
.lang-picker:has(.selected) .lang-divider{opacity:0}
.demo-strip{line-height:1.65;padding-inline:15px}
.hero{padding:42px 0 54px;background:linear-gradient(115deg,#f9f8f3,#f0f3eb 73%,#edf0e9)}
.hero-grid{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);min-height:665px;gap:clamp(20px,4vw,66px)}
.hero-copy{padding:34px 0}
.hero h1{font-size:clamp(62px,6.9vw,108px);letter-spacing:-.092em;line-height:.99}
.hero h1 span{color:var(--green)}
.hero p{font-size:16px;max-width:440px;line-height:1.75}
.hero-meta{border-top:1px solid #d8e0d4;padding-top:23px;flex-wrap:wrap;gap:13px;margin-top:48px}
.hero-visual{height:670px}
.hero-image-frame{inset:8px 2px 35px 35px;border-radius:155px 8px 8px 8px;background:#d1dccc;box-shadow:0 42px 70px #13281a14}
.hero-image-frame:before{background:linear-gradient(0deg,rgba(12,26,16,.23),transparent 50%)}
.hero-image-frame img{object-position:center;transform:scale(1.06)}
.hero-roundmark{display:none}
.hero-badge{width:138px;height:138px;bottom:53px;left:-20px;background:#59be4d;border:9px solid var(--paper);box-shadow:0 22px 55px #172a1820}
.hero-badge .big{font-size:35px}
.hero-floating{right:0;bottom:0;padding:14px 19px;box-shadow:0 16px 30px #15271926}
.marquee-band{height:56px}
.marquee-track{font-size:13px;letter-spacing:.045em}
.section-heading-row{align-items:end;margin-bottom:37px}
.section-heading-row .heading{font-size:clamp(34px,4.5vw,66px)}
.goal-grid{gap:14px}
.goal-card{height:410px;border-radius:7px}
.goal-card::after{background:linear-gradient(180deg,transparent 35%,rgba(10,24,15,.8))}
.goal-card-content{left:22px;right:22px;bottom:21px}
.goal-card small{color:#dbe8dc}
.goal-card .arrow-circle{background:#fff;color:#12231a;border:0;width:40px;height:40px}
.goal-card h3{letter-spacing:-.065em;font-size:clamp(19px,2.2vw,30px)}
.catalog-preview{background:#fdfefa}
.product-grid{gap:clamp(12px,1.5vw,24px)}
.product-card{position:relative;display:flex;flex-direction:column;min-width:0;isolation:isolate}
.product-media{position:relative;isolation:isolate}
.product-card-image{display:block;width:100%;aspect-ratio:1/1.07;overflow:hidden;border-radius:5px;background:#eff0ed;position:relative;will-change:transform}
.product-card-image img{display:block;width:100%;height:100%;object-fit:cover;transform-origin:50% 50%;transition:filter .4s}
.product-card:hover .product-card-image img{filter:contrast(1.05)}
.product-card .quick-add{position:absolute;bottom:15px;right:15px;top:auto;width:44px;height:44px;z-index:4;box-shadow:0 6px 14px #12201422;transition:background .2s,transform .3s}
.product-card .quick-add:hover{background:#65cd51;transform:rotate(90deg) scale(1.04)}
.product-card .tag{top:15px;left:15px;background:#f8faf7;box-shadow:0 4px 14px #18271813}
.product-card-footer{display:grid;grid-template-columns:1fr;gap:5px;padding:17px 2px 0;min-height:112px;align-content:start}
.product-card .category{font-size:10px;letter-spacing:.15em;color:#66816b}
.product-card h3{font:800 clamp(14px,1.15vw,17px)/1.37 'Manrope',sans-serif;letter-spacing:-.04em;margin:3px 0 4px;min-height:0;overflow-wrap:anywhere}
.product-card h3 a:hover{color:#3e9f36}
.product-card .price{font:800 17px/1.4 'Manrope',sans-serif;display:block;margin-top:1px}
.product-card .price-note{margin-top:0}
.center-actions{position:relative;z-index:0;display:flex;justify-content:center;align-items:center;margin-top:49px;clear:both}
.center-actions .btn{position:relative;inset:auto;transform:none;flex-shrink:0}
.center-actions .btn:hover{transform:translateY(-3px)}
.quote-strip{background:#102219}
.quote-strip .container{gap:62px;padding-block:80px}
.quote-strip .quote-visual{border-radius:8px}
.quote-strip .ghost-word{opacity:.055;pointer-events:none}
.step-card{border-radius:9px;border:1px solid #ebeee8}
.cta-banner{border-radius:8px;padding:64px 66px;background:#5fc24f}
.cta-banner .heading{font-size:clamp(36px,4.3vw,61px)}
/* Footer: deliberately compact, no oversize decorative mark. */
.footer{padding:52px 0 16px;background:#101f18;overflow:hidden}
.footer-top{grid-template-columns:1.7fr .9fr .95fr 1fr;gap:clamp(24px,4vw,65px);align-items:start}
.footer-logo{width:165px;height:auto;max-height:58px;object-fit:contain;object-position:left center}
.footer p{font-size:12px;line-height:1.65;max-width:295px;margin:17px 0 18px}
.footer .btn.small{font-size:11px;color:#0e2212!important}
.footer h4{margin:5px 0 18px;font-size:12px;color:#f4f8f0;letter-spacing:.03em}
.footer ul{gap:11px}
.footer li{margin:0;padding:0}
.footer a{font-size:12px}
.footer svg{width:18px;height:18px;max-width:24px;max-height:24px}
.footer-bottom{margin-top:43px;padding-top:17px;font-size:11px}
.page-hero.green-bg{background:#e8f0e5}
.page-hero{padding:80px 0 60px}
.feature-card,.form-card,.info-box,.mini-dashboard{border-radius:9px}
.b2b-hero img{border-radius:100px 7px 7px 7px}
.filter{border-radius:99px}
.cart-total-card{border-radius:10px}
/* Language and mobile menu */
.menu-bars{width:21px;height:20px;display:grid;align-content:center;gap:6px}
.menu-bars i{display:block;width:21px;height:2px;background:currentColor;transition:transform .35s ease}
.menu-btn.is-open .menu-bars i:first-child{transform:translateY(4px) rotate(45deg)}
.menu-btn.is-open .menu-bars i:last-child{transform:translateY(-4px) rotate(-45deg)}
.mobile-menu{display:none}
.mobile-overline,.mobile-menu-bottom{display:none}
@media (max-width:1150px){
 .navbar{gap:15px}.nav-links{gap:15px}.nav-links a{font-size:11px}
 .brand img{width:163px}.nav-actions .btn.small{display:none}
 .hero h1{font-size:clamp(59px,6.6vw,87px)}
}
@media (max-width:800px){
 .container,.sm-container{width:min(100% - 38px,1400px)}
 .section{padding-block:72px}.section-sm{padding-block:55px}
 .navbar{height:72px;gap:10px}.brand img{width:145px}
 .nav-links{display:none}.nav-account{display:none!important}
 .nav-actions{gap:8px}.nav-actions .icon-btn{height:42px;width:42px}
 .nav-actions .lang-picker{display:none}.menu-btn{display:grid;z-index:105}
 .nav-shell{z-index:100;isolation:auto}
 .mobile-menu{display:block;position:fixed;top:72px;left:0;right:0;height:calc(100dvh - 72px);height:calc(100vh - 72px);background:#11241a;color:#f2f9f2;z-index:101;visibility:hidden;opacity:0;pointer-events:none;transform:translateY(-16px);overflow:auto;overscroll-behavior:contain;box-shadow:0 24px 60px #09130b70;transition:transform .45s cubic-bezier(.18,.85,.22,1),opacity .35s ease,visibility .35s}
 .mobile-menu.open{display:block;visibility:visible;opacity:1;pointer-events:auto;transform:translateY(0)}
 .mobile-menu-inner{width:min(100% - 48px,660px);margin:0 auto;padding:26px 0 48px;display:flex;flex-direction:column;min-height:100%}
 .mobile-overline{display:block;color:#92ae97;font-size:11px;letter-spacing:.19em;font-weight:800;margin-bottom:22px}
 .mobile-menu-inner>a{display:flex;padding:13px 0;font:800 clamp(28px,7vw,46px)/1.2 'Manrope',sans-serif;letter-spacing:-.055em;border-bottom:1px solid #ffffff22;opacity:0;transform:translateY(19px);transition:transform .45s,opacity .45s,color .2s}
 .mobile-menu.open .mobile-menu-inner>a{opacity:1;transform:translateY(0)}
 .mobile-menu.open .mobile-menu-inner>a:nth-of-type(1){transition-delay:.08s}
 .mobile-menu.open .mobile-menu-inner>a:nth-of-type(2){transition-delay:.12s}
 .mobile-menu.open .mobile-menu-inner>a:nth-of-type(3){transition-delay:.16s}
 .mobile-menu.open .mobile-menu-inner>a:nth-of-type(4){transition-delay:.2s}
 .mobile-menu.open .mobile-menu-inner>a:nth-of-type(5){transition-delay:.24s}
 .mobile-menu.open .mobile-menu-inner>a:nth-of-type(6){transition-delay:.28s}
 .mobile-menu.open .mobile-menu-inner>a:nth-of-type(7){transition-delay:.32s}
 .mobile-menu-inner>a:hover,.mobile-menu-inner>a.active{color:#73d662}
 .mobile-menu-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:auto;padding-top:32px;color:#96a99a;font-size:10px;letter-spacing:.13em;font-weight:800}
 .mobile-languages{display:flex;align-items:center;gap:16px}
 .mobile-languages button{border:0;background:none;padding:8px 0;color:#9aafa0;font-size:11px;font-weight:800;letter-spacing:.08em}
 .mobile-languages button.selected{color:#79d56b;border-bottom:2px solid #79d56b}
 body.menu-open{overflow:hidden}
 .hero{padding:25px 0 45px}.hero-grid{grid-template-columns:1fr;gap:0;min-height:0}
 .hero h1{font-size:clamp(52px,10vw,82px)}.hero-meta{margin-top:30px;padding-top:19px}
 .hero-visual{height:550px;margin-top:26px}
 .hero-image-frame{inset:10px 0 24px 15px;border-radius:100px 6px 6px 6px}
 .hero-badge{bottom:45px;left:-12px;width:125px;height:125px;border-width:7px}
 .hero-floating{right:0;bottom:3px}.goal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .goal-card{height:370px}.goal-card-content{left:18px;right:16px;bottom:17px}
 .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 15px}
 .product-card-footer{min-height:106px}.product-card h3{font-size:14px}
 .product-card .quick-add{width:40px;height:40px;right:12px;bottom:12px}
 .footer{padding:48px 0 16px}.footer-top{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 20px}
 .footer-top>div:first-child{grid-column:1/-1}.footer-bottom{margin-top:32px}
 .quote-strip .container{padding-block:65px}
 .cta-banner{padding:42px 33px}
 .page-hero{padding:58px 0 46px}
}
@media (max-width:500px){
 .container,.sm-container{width:min(100% - 32px,1400px)}
 .announcement{font-size:9px;padding:0 12px;gap:7px}.announcement span:last-child{display:none}
 .brand img{width:132px}.navbar{height:68px}
 .nav-actions .icon-btn{width:39px;height:39px}.mobile-menu{top:68px;height:calc(100dvh - 68px)}
 .hero h1{font-size:clamp(46px,12.2vw,67px)}
 .hero p{font-size:14px}.hero-actions{gap:8px}.hero-actions .btn{padding:13px 15px;font-size:11px;gap:8px}
 .hero-meta{gap:9px}.hero-meta span{font-size:10px}
 .hero-visual{height:420px}.hero-image-frame{inset:0 0 26px 10px;border-radius:70px 5px 5px 5px}
 .hero-badge{width:102px;height:102px;left:-10px;bottom:35px;border-width:6px}.hero-badge .big{font-size:28px}.hero-badge span:last-child{font-size:9px}
 .hero-floating{font-size:9px;padding:11px 13px}.hero-floating svg{width:17px}
 .marquee-band{height:49px}.marquee-track{font-size:11px}
 .section-heading-row{gap:18px;align-items:start;flex-direction:column}.section-heading-row .heading{font-size:clamp(32px,9vw,45px)}
 .goal-grid{gap:9px}.goal-card{height:285px}.goal-card-content{left:12px;right:12px;bottom:12px;gap:4px}.goal-card small{font-size:8px}.goal-card h3{font-size:17px}.goal-card .arrow-circle{width:30px;height:30px}.goal-card .arrow-circle svg{width:13px}
 .product-grid{gap:23px 10px}.product-card-image{aspect-ratio:1/1.13;border-radius:3px}
 .product-card .quick-add{width:36px;height:36px;right:9px;bottom:9px}.product-card .quick-add svg{width:19px}
 .product-card .tag{font-size:8px;padding:6px 8px;top:8px;left:8px}
 .product-card-footer{padding:12px 1px 0;min-height:114px}.product-card .category{font-size:8px;letter-spacing:.09em}.product-card h3{font-size:13px;letter-spacing:-.035em}.product-card .price{font-size:15px}
 .center-actions{margin-top:30px}.center-actions .btn{max-width:100%;white-space:normal;text-align:center;line-height:1.3}
 .footer h4{margin:3px 0 14px}.footer p{font-size:12px}.footer-bottom{display:grid;gap:10px}
 .b2b-hero img{height:320px;border-radius:80px 4px 4px 4px}
 .quote-strip .ghost-word{display:none}
 .feature-cards{grid-template-columns:1fr}
 .cart-row{grid-template-columns:65px minmax(0,1fr) auto;gap:10px}.cart-row img{width:65px;height:65px}.cart-row .cart-subtotal{grid-column:2}.cart-qty{grid-column:2}.cart-row .remove{grid-column:3;grid-row:2}
 .add-row{flex-wrap:wrap}
}
@media (prefers-reduced-motion:reduce){.mobile-menu,.mobile-menu-inner>a,.menu-bars i{transition:none!important}}
