/* NutriPuente 7.4 consolidated stylesheet — original cascade order preserved. */

/* SOURCE: app.css */
/* NutriPuente V7.0 unified stylesheet. Source order preserves V6.4 visual behavior. */

/* ---- styles.css ---- */
:root{--bg:#f3f1eb;--surface:#fff;--ink:#18352e;--muted:#73817d;--line:#dfe6e1;--green:#1f745f;--green2:#3a947c;--gsoft:#e8f4ef;--warm:#f5ebde;--blue:#eaf1f2;--shadow:0 16px 42px rgba(26,67,57,.09)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(180deg,#f5f3ed 0%,#f8f7f3 48%,#f1f4f1 100%);color:var(--ink);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei","Noto Sans JP","Noto Sans KR",sans-serif;-webkit-font-smoothing:antialiased}button,input,select{font:inherit;color:inherit}.shell{width:min(1280px,calc(100% - 44px));margin:0 auto}
header{height:78px;display:flex;align-items:center;position:sticky;top:0;z-index:60;background:rgba(245,243,237,.92);backdrop-filter:blur(16px);border-bottom:1px solid rgba(218,226,220,.78)}.header-inner{display:flex;align-items:center;gap:24px}.brand{border:0;background:transparent;display:flex;align-items:center;gap:10px;min-width:180px;padding:0;text-align:left;cursor:pointer}.brand-mark{width:32px;height:32px;border-radius:50%;background:conic-gradient(from 25deg,#1f745f,#8fc2b1,#d9ece5,#d2aa70,#1f745f);box-shadow:inset 0 0 0 6px rgba(255,255,255,.58)}.brand strong{display:block;font-weight:860}.brand small{display:block;font-size:9px;color:var(--muted);margin-top:1px}.nav{display:flex;align-items:center;gap:4px;flex:1}.nav button{border:0;background:transparent;padding:9px 11px;border-radius:10px;font-size:13px;color:#52635e;cursor:pointer}.nav button:hover,.nav button.on{background:#e6f1ec;color:var(--green);font-weight:780}.header-actions{display:flex;align-items:center;gap:9px}.lang,.profile-btn{border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 11px;font-size:12px}.profile-btn{display:flex;align-items:center;gap:8px;cursor:pointer}.avatar{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#e2f0eb;color:var(--green);font-weight:850}.page{display:none;padding:30px 0 64px}.page.on{display:block}
.hero{display:grid;grid-template-columns:1.08fr .92fr;min-height:410px;border:1px solid #dce5df;border-radius:30px;overflow:hidden;background:linear-gradient(120deg,#edf5f1,#fbfaf6 58%,#f4ece1);box-shadow:var(--shadow)}.hero-copy{padding:48px 40px 34px;display:flex;flex-direction:column;justify-content:center}.eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:.11em;font-weight:850;color:var(--green)}.hero h1{font-size:50px;line-height:1.04;letter-spacing:-.045em;margin:12px 0 14px;max-width:620px}.hero p{font-size:14px;line-height:1.78;color:#52645e;max-width:600px;margin:0}.route-panel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:23px}.route-field{background:rgba(255,255,255,.93);border:1px solid #dce6e1;border-radius:14px;padding:9px 11px}.route-field label{display:block;font-size:9px;color:#82908b;text-transform:uppercase;letter-spacing:.08em;margin-bottom:3px}.route-field select{width:100%;border:0;background:transparent;outline:0;font-size:12px;font-weight:760}.searchbar{display:grid;grid-template-columns:1fr auto;background:#fff;border:1px solid #dbe5e0;border-radius:14px;padding:5px 5px 5px 12px;margin-top:9px}.searchbar input{border:0;outline:0;background:transparent;min-width:0;font-size:12px}.searchbar button{border:0;background:var(--green);color:#fff;border-radius:10px;padding:10px 18px;font-size:12px;font-weight:800;cursor:pointer}
.hero-visual{padding:22px 22px 22px 0}.visual-grid{height:100%;display:grid;grid-template-columns:1.12fr .88fr;grid-template-rows:1fr 1fr;gap:12px}.visual-card{position:relative;border-radius:23px;overflow:hidden;background:#e8eee9;min-height:0}.visual-card.big{grid-row:1/3}.visual-card>img{width:100%;height:100%;object-fit:cover;display:block}.visual-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(15,45,38,.44));pointer-events:none}.visual-label{position:absolute;left:12px;bottom:11px;z-index:3;color:#fff;font-size:10px;font-weight:800;letter-spacing:.03em;text-shadow:0 1px 3px rgba(0,0,0,.24)}.retail-collage{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:12px;background:linear-gradient(135deg,#fff,#edf3ef)}.retail-collage img{width:100%;height:100%;min-width:0;object-fit:contain;background:#fff;border-radius:11px;padding:3px}.retail-collage:after{background:linear-gradient(180deg,transparent 58%,rgba(22,56,48,.34))}
.entries{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:17px}.entry{border:1px solid var(--line);border-radius:19px;padding:14px;display:grid;grid-template-columns:70px 1fr;gap:12px;align-items:center;cursor:pointer;transition:.2s}.entry:nth-child(1){background:#fff}.entry:nth-child(2){background:#edf6f2}.entry:nth-child(3){background:#f7efe4}.entry:nth-child(4){background:#eaf1f2}.entry:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.entry-img{height:62px;border-radius:14px;overflow:hidden;background:#eef2ef}.entry-img img{width:100%;height:100%;object-fit:cover}.entry h3{font-size:14px;margin:0 0 4px}.entry p{font-size:11px;color:var(--muted);margin:0;line-height:1.45}.entry .arrow{font-size:11px;color:var(--green);font-weight:850;margin-top:5px}
.section{margin-top:30px}.section-head{display:flex;justify-content:space-between;gap:18px;align-items:end;margin-bottom:12px}.section-head h2{font-size:22px;margin:0;letter-spacing:-.025em}.section-head p{font-size:12px;color:var(--muted);margin:5px 0 0}.text-btn{border:0;background:transparent;color:var(--green);font-size:12px;font-weight:850;cursor:pointer}.home-content{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:15px}.reco-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.reco-card{background:#fff;border:1px solid var(--line);border-radius:19px;overflow:hidden;cursor:pointer;transition:.2s}.reco-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.reco-img{height:148px;position:relative;overflow:hidden;background:#eef3f0}.reco-img img{width:100%;height:100%;object-fit:cover}.heart{position:absolute;right:9px;top:9px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.93);font-size:13px}.reco-body{padding:13px}.reco-type{font-size:9px;text-transform:uppercase;letter-spacing:.07em;color:#87938f}.reco-card h3{font-size:14px;margin:5px 0 4px}.reco-card p{font-size:11px;color:var(--muted);line-height:1.5;margin:0}.tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:9px}.tag{font-size:9px;padding:5px 7px;border-radius:999px;background:#edf6f2;color:#377664}.life-card{border-radius:21px;overflow:hidden;position:relative;min-height:278px;background:#173d36;color:#fff}.life-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.44}.life-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(13,43,36,.08),rgba(13,43,36,.9))}.life-copy{position:absolute;z-index:2;left:18px;right:18px;bottom:17px}.life-copy .small{font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:#d8e9e3}.life-copy h3{font-size:20px;margin:4px 0 6px}.life-copy p{font-size:11px;line-height:1.6;color:#dce9e5;margin:0 0 12px}.cta{border:0;background:#4ab596;color:#fff;border-radius:999px;padding:9px 13px;font-size:11px;font-weight:850;cursor:pointer}.bridge-mini{margin-top:10px;background:#fff;border:1px solid var(--line);border-radius:17px;padding:13px}.bridge-mini h4{font-size:11px;margin:0 0 9px}.bridge-line{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#566862}.bridge-icon{width:34px;height:24px;border-radius:999px;background:#e9f5f0;display:grid;place-items:center;color:var(--green);font-weight:850}
.page-hero{background:linear-gradient(135deg,#fff,#f8f5ee);border:1px solid var(--line);border-radius:24px;padding:25px 27px;display:flex;justify-content:space-between;align-items:center;gap:20px}.page-hero h1{font-size:30px;letter-spacing:-.035em;margin:0 0 7px}.page-hero p{font-size:13px;color:var(--muted);margin:0;line-height:1.65}.route-badge{white-space:nowrap;background:#e8f4ef;color:var(--green);padding:8px 12px;border-radius:999px;font-size:11px;font-weight:780}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-top:15px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:15px}.panel{background:#fff;border:1px solid var(--line);border-radius:19px;padding:17px}.click{cursor:pointer;transition:.2s}.click:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.iconbox{width:42px;height:42px;border-radius:13px;background:#edf6f2;display:grid;place-items:center;font-size:21px}.panel h3{font-size:15px;margin:10px 0 5px}.panel p{font-size:11px;color:var(--muted);line-height:1.6;margin:0}.kicker{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:var(--green);font-weight:850}.chips{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.chip{font-size:10px;background:#f0f5f3;border-radius:999px;padding:6px 8px;color:#5a6c66}.food-cats{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-top:15px}.food-cat{background:#fff;border:1px solid var(--line);border-radius:19px;padding:17px;cursor:pointer;transition:.2s}.food-cat:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.food-cat .emoji{font-size:26px}.food-cat h3{font-size:14px;margin:7px 0 4px}.food-cat p{font-size:10px;color:var(--muted);margin:0}.back{border:0;background:transparent;color:var(--green);font-weight:850;font-size:12px;cursor:pointer;padding:0 0 12px}.store-tabs{display:flex;gap:7px;flex-wrap:wrap;margin:13px 0}.store-tabs button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:7px 10px;font-size:10px;cursor:pointer}.store-tabs button.on{background:#e9f5f0;color:var(--green);border-color:#c2ded4;font-weight:780}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.product{background:#fff;border:1px solid var(--line);border-radius:19px;padding:13px}.product-img{height:160px;border-radius:14px;background:#f7f9f8;display:grid;place-items:center;overflow:hidden}.product-img img{max-width:95%;max-height:150px;object-fit:contain}.product h3{font-size:13px;margin:9px 0 4px}.price{font-size:18px;font-weight:860}.unit{font-size:10px;color:var(--muted)}.note{font-size:10px;line-height:1.55;color:#61716c;background:#f6f9f8;border-radius:11px;padding:9px;margin-top:9px}.sub-row{display:grid;grid-template-columns:180px 48px 1fr;gap:12px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px;margin-top:10px}.sub-origin{font-weight:780;font-size:13px}.sub-arrow{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#edf6f2;color:var(--green)}.sub-result strong{font-size:13px}.sub-result span{display:block;color:var(--muted);font-size:10px;margin-top:4px}.store-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-top:15px}.store{border:1px solid var(--line);border-radius:20px;padding:18px;cursor:pointer;transition:.2s}.store:nth-child(1){background:#fff}.store:nth-child(2){background:#eef6f2}.store:nth-child(3){background:#f7efe4}.store:nth-child(4){background:#eaf1f2}.store:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.store h3{font-size:17px;margin:0 0 6px}.store p{font-size:11px;color:var(--muted);line-height:1.55;margin:0}.store .go{color:var(--green);font-size:11px;font-weight:850;margin-top:14px}.day-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:15px}.day-tabs button{border:1px solid var(--line);background:#fff;border-radius:15px;padding:13px;cursor:pointer;font-size:12px}.day-tabs button.on{background:#e9f5f0;color:var(--green);border-color:#bddbd0;font-weight:850}.day-panel{background:#fff;border:1px solid var(--line);border-radius:20px;padding:19px;margin-top:10px}.day-panel h3{font-size:18px;margin:0 0 7px}.day-panel p{font-size:12px;color:var(--muted);line-height:1.65;margin:0}.timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:14px}.timeline div{background:#f5f8f7;border-radius:13px;padding:12px}.timeline b{display:block;font-size:12px;margin-bottom:4px}.timeline span{font-size:10px;color:var(--muted)}.supp{display:none;margin-top:12px}.supp.on{display:block}.sortbar{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.sortbar span{font-size:10px;padding:6px 8px;background:#eef5f2;border-radius:999px}.bridge-board{display:grid;grid-template-columns:1.2fr .8fr;gap:14px;margin-top:15px}.saved-list{display:grid;gap:9px}.saved-item{display:flex;justify-content:space-between;align-items:center;background:#f7f9f8;border-radius:13px;padding:11px}.saved-item b{font-size:12px}.saved-item span{font-size:10px;color:var(--muted)}.mobile-nav{display:none}
@media(max-width:1050px){.nav{gap:0}.nav button{padding:8px 7px;font-size:11px}.hero h1{font-size:42px}.reco-grid{grid-template-columns:repeat(2,1fr)}.food-cats,.grid4,.store-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:780px){header{height:64px}.shell{width:min(100% - 28px,1280px)}.nav{display:none}.brand{min-width:0}.brand small{display:none}.header-actions{margin-left:auto}.profile-btn{display:none}.page{padding-top:18px;padding-bottom:84px}.hero{grid-template-columns:1fr}.hero-copy{padding:30px 22px 22px}.hero h1{font-size:36px}.hero-visual{min-height:260px;padding:0 18px 18px}.route-panel{grid-template-columns:1fr}.entries{grid-template-columns:1fr 1fr}.home-content{grid-template-columns:1fr}.reco-grid{grid-template-columns:1fr 1fr}.life-card{min-height:230px}.grid3,.grid4,.food-cats,.store-grid,.product-grid{grid-template-columns:1fr 1fr}.day-tabs,.timeline{grid-template-columns:1fr 1fr}.bridge-board{grid-template-columns:1fr}.mobile-nav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;bottom:0;left:0;right:0;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-top:1px solid var(--line);z-index:80}.mobile-nav button{border:0;background:transparent;padding:9px 3px;font-size:10px;color:#65746f}.mobile-nav button.on{color:var(--green);font-weight:850}}
@media(max-width:520px){.entries,.reco-grid,.grid3,.grid4,.food-cats,.store-grid,.product-grid,.day-tabs,.timeline{grid-template-columns:1fr}.hero h1{font-size:31px}.hero p{font-size:13px}.page-hero{align-items:flex-start;flex-direction:column}.sub-row{grid-template-columns:1fr}.sub-arrow{transform:rotate(90deg)}}


/* ---------- V4.2: origin-specific depth + sharper visual system ---------- */
.visual-card.big img{filter:saturate(.98) contrast(1.02)}
.lifestyle-graphic{
  background:
    radial-gradient(circle at 78% 18%,rgba(123,201,177,.32),transparent 28%),
    linear-gradient(145deg,#173d36,#286b5c);
  color:#fff;display:flex;align-items:flex-end;padding:17px;
}
.lifestyle-graphic:after{display:none}
.lifestyle-graphic .visual-label{position:static;text-shadow:none}
.lifestyle-graphic strong{display:block;font-size:19px;letter-spacing:-.02em;margin:3px 0 8px}
.lifestyle-graphic .sport-pills{display:flex;gap:5px;flex-wrap:wrap}
.lifestyle-graphic .sport-pills span{font-size:8px;border:1px solid rgba(255,255,255,.28);padding:5px 6px;border-radius:999px}
.origin-section{margin-top:18px}
.origin-head{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:11px}
.origin-head h2{font-size:20px;margin:0}.origin-head p{font-size:11px;color:var(--muted);margin:5px 0 0}
.origin-focus{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.focus-card{
  background:#fff;border:1px solid var(--line);border-radius:20px;padding:16px;cursor:pointer;
  transition:.2s;min-height:165px;position:relative;overflow:hidden
}
.focus-card:nth-child(2){background:#eef6f2}.focus-card:nth-child(3){background:#f7efe4}.focus-card:nth-child(4){background:#eaf1f2}
.focus-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}
.focus-card .focus-icon{font-size:27px}.focus-card h3{font-size:15px;margin:9px 0 5px}
.focus-card p{font-size:10.5px;color:var(--muted);line-height:1.55;margin:0 0 13px}
.focus-card .focus-go{position:absolute;left:16px;bottom:14px;font-size:10px;color:var(--green);font-weight:850}
.secondary-title{margin-top:26px}
.detail-wrap{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:14px;margin-top:14px}
.detail-main,.detail-side{background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px}
.detail-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.detail-icon{width:54px;height:54px;border-radius:17px;background:#eaf4ef;display:grid;place-items:center;font-size:28px;flex:0 0 auto}
.detail-title h1{font-size:31px;line-height:1.06;margin:0 0 7px;letter-spacing:-.035em}
.detail-title p{font-size:12px;color:var(--muted);line-height:1.65;margin:0}
.detail-sections{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}
.detail-block{background:#f7f9f8;border-radius:15px;padding:14px}
.detail-block b{display:block;font-size:12px;margin-bottom:5px}.detail-block p{font-size:11px;color:#65746f;line-height:1.6;margin:0}
.term-box{margin-top:14px;background:#eef6f2;border-radius:16px;padding:14px}
.term-box b{font-size:11px}.term-chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.term-chips span{background:#fff;border:1px solid #dce8e3;border-radius:999px;padding:6px 8px;font-size:10px;font-weight:730}
.detail-side h3{font-size:15px;margin:0 0 10px}.where-card{padding:11px 0;border-top:1px solid #edf1ef}
.where-card:first-of-type{border-top:0}.where-card b{display:block;font-size:12px}.where-card span{font-size:10px;color:var(--muted);line-height:1.45}
.coverage-note{margin-top:12px;padding:11px;border-radius:13px;background:#fff5e8;color:#7a6441;font-size:10px;line-height:1.5}
.content-priority{margin-top:18px;background:linear-gradient(135deg,#193f38,#285f54);color:#fff;border-radius:20px;padding:18px}
.content-priority h3{margin:0 0 6px;font-size:16px}.content-priority p{margin:0;color:#d8e8e3;font-size:10.5px;line-height:1.55}
.content-priority .chips .chip{background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.16)}
@media(max-width:980px){.origin-focus{grid-template-columns:1fr 1fr}.detail-wrap{grid-template-columns:1fr}}
@media(max-width:520px){.origin-focus,.detail-sections{grid-template-columns:1fr}.detail-title-row{flex-direction:column}}


/* ===== V4.3 Country Food DNA ===== */
.country-dna{
  margin-top:18px;background:linear-gradient(135deg,#fff,#f8f4ec);
  border:1px solid var(--line);border-radius:24px;padding:20px
}
.country-dna-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}
.country-dna-head h2{font-size:21px;margin:2px 0 6px;letter-spacing:-.02em}
.country-dna-head p{font-size:11px;line-height:1.6;color:var(--muted);margin:0;max-width:720px}
.dna-badge{font-size:9px;text-transform:uppercase;letter-spacing:.08em;background:#eaf4ef;color:var(--green);padding:7px 9px;border-radius:999px;font-weight:850;white-space:nowrap}
.dna-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:14px}
.dna-card{background:#fff;border:1px solid #e7ece9;border-radius:16px;padding:13px;min-height:120px}
.dna-card:nth-child(2){background:#eef6f2}.dna-card:nth-child(3){background:#f7efe4}.dna-card:nth-child(4){background:#eef2f5}.dna-card:nth-child(5){background:#f2efe8}
.dna-card .dna-icon{font-size:22px}.dna-card b{display:block;font-size:12px;margin:6px 0 4px}.dna-card span{display:block;font-size:9.5px;line-height:1.5;color:var(--muted)}
.dna-examples{margin-top:12px;display:flex;gap:6px;flex-wrap:wrap}.dna-examples span{font-size:9px;background:#fff;border:1px solid #e3e9e5;padding:5px 7px;border-radius:999px;color:#566862}
.origin-story{margin-top:22px;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.story-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:18px}
.story-card h3{font-size:15px;margin:0 0 7px}.story-card p{font-size:10.5px;color:var(--muted);line-height:1.6;margin:0}
.story-list{margin-top:10px;display:grid;gap:7px}.story-item{display:flex;gap:8px;align-items:flex-start;padding:8px;background:#f7f9f8;border-radius:11px}
.story-item b{font-size:10.5px;min-width:95px}.story-item span{font-size:9.5px;color:#677670;line-height:1.45}
.origin-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.origin-tags span{font-size:9px;background:#edf6f2;color:#3e7668;padding:5px 7px;border-radius:999px}
@media(max-width:1050px){.dna-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:780px){.dna-grid{grid-template-columns:1fr 1fr}.origin-story{grid-template-columns:1fr}}
@media(max-width:520px){.dna-grid{grid-template-columns:1fr}.country-dna-head{flex-direction:column}}


/* ===== V4.4 Product Core ===== */
/* Home: less explanation, stronger hierarchy */
.dna-compact{
  margin-top:16px;background:#fff;border:1px solid var(--line);border-radius:18px;
  padding:14px 16px;display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center
}
.dna-compact .flag{font-size:24px}.dna-compact strong{display:block;font-size:13px;margin-bottom:3px}
.dna-compact p{margin:0;font-size:10px;color:var(--muted);line-height:1.5}
.dna-mini-tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:7px}
.dna-mini-tags span{font-size:9px;padding:5px 7px;background:#eff5f2;border-radius:999px;color:#4d6d64}
.dna-compact button{border:0;background:#e8f4ef;color:var(--green);font-size:10px;font-weight:850;border-radius:999px;padding:8px 11px;cursor:pointer}

.home-priority{margin-top:26px}
.home-priority-grid{display:grid;grid-template-columns:1.15fr .95fr .95fr;gap:13px}
.priority-card{
  border:1px solid var(--line);border-radius:21px;padding:18px;background:#fff;cursor:pointer;transition:.2s;
  min-height:196px;position:relative;overflow:hidden
}
.priority-card:nth-child(2){background:#f7efe4}.priority-card:nth-child(3){background:#eaf2ef}
.priority-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}
.priority-kicker{font-size:9px;text-transform:uppercase;letter-spacing:.09em;color:var(--green);font-weight:850}
.priority-card .big-icon{font-size:30px;margin:12px 0 8px}
.priority-card h3{font-size:17px;margin:0 0 6px}.priority-card p{font-size:10.5px;line-height:1.55;color:var(--muted);margin:0}
.why-line{margin-top:13px;padding-top:10px;border-top:1px solid rgba(111,130,122,.15);font-size:9.5px;color:#5d7069}
.why-line b{color:var(--green)}

.compare-toolbar{
  display:flex;justify-content:space-between;gap:12px;align-items:center;margin:0 0 12px;
  background:#fff;border:1px solid var(--line);border-radius:16px;padding:10px 12px
}
.compare-toolbar .left{display:flex;gap:7px;flex-wrap:wrap}
.compare-toolbar button{
  border:1px solid #dfe7e3;background:#fff;border-radius:999px;padding:7px 9px;font-size:9.5px;cursor:pointer
}
.compare-toolbar button.on{background:#e8f4ef;color:var(--green);border-color:#bcd9ce;font-weight:850}
.compare-toolbar .hint{font-size:9.5px;color:var(--muted)}
.product-compare-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.compare-product{background:#fff;border:1px solid var(--line);border-radius:19px;padding:13px;position:relative}
.compare-product .product-img{height:145px}
.compare-product h3{font-size:13px;margin:9px 0 4px}
.compare-meta{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:10px}
.compare-meta div{background:#f6f9f7;border-radius:10px;padding:8px}
.compare-meta b{display:block;font-size:9px;color:#8a9692;font-weight:700}.compare-meta span{display:block;font-size:11px;font-weight:800;margin-top:2px}
.product-type{display:inline-block;font-size:8.5px;padding:5px 7px;border-radius:999px;background:#edf6f2;color:#3d7466;margin-top:5px}
.save-btn{
  width:100%;border:1px solid #cfe0d9;background:#fff;color:var(--green);border-radius:10px;
  padding:8px 10px;font-size:9.5px;font-weight:850;cursor:pointer;margin-top:10px
}
.save-btn.saved{background:#e8f4ef}

.detail-summary{
  margin-top:14px;background:linear-gradient(135deg,#173f38,#2b6658);color:#fff;border-radius:17px;padding:15px
}
.detail-summary .mini{font-size:9px;color:#d1e4de;text-transform:uppercase;letter-spacing:.08em}
.detail-summary p{margin:5px 0 0;font-size:11px;line-height:1.6;color:#edf7f4}
.detail-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}
.detail-actions button{
  border:1px solid #dbe6e1;background:#fff;color:var(--ink);border-radius:999px;padding:8px 10px;font-size:9.5px;font-weight:800;cursor:pointer
}
.detail-actions button.primary{background:var(--green);color:#fff;border-color:var(--green)}
.detail-actions button.saved{background:#e8f4ef;color:var(--green);border-color:#c7ddd4}

.bridge-empty{
  background:#fff;border:1px dashed #cad9d3;border-radius:16px;padding:22px;text-align:center;color:var(--muted);font-size:10.5px
}
.bridge-saved-card{
  display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;
  border:1px solid var(--line);background:#fff;border-radius:14px;padding:11px
}
.bridge-saved-card .ico{font-size:21px}
.bridge-saved-card b{display:block;font-size:11px}.bridge-saved-card span{display:block;font-size:9px;color:var(--muted);margin-top:2px}
.bridge-saved-card button{border:0;background:#f1f5f3;border-radius:999px;padding:6px 8px;font-size:9px;cursor:pointer}

@media(max-width:980px){
  .home-priority-grid{grid-template-columns:1fr 1fr}
  .home-priority-grid .priority-card:first-child{grid-column:1/-1}
  .product-compare-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:620px){
  .dna-compact{grid-template-columns:auto 1fr}.dna-compact button{grid-column:1/-1}
  .home-priority-grid,.product-compare-grid{grid-template-columns:1fr}
  .home-priority-grid .priority-card:first-child{grid-column:auto}
  .compare-toolbar{align-items:flex-start;flex-direction:column}
}


/* ===== V4.5 Context Recommendations ===== */
.route-panel{grid-template-columns:repeat(4,minmax(0,1fr))}
.visual-grid-v45{
  height:100%;display:grid;grid-template-columns:1.12fr .88fr;grid-template-rows:1fr 1fr;gap:12px
}
.visual-grid-v45 .visual-card.big{grid-row:1/3}
.ui-visual{
  border-radius:23px;border:1px solid rgba(255,255,255,.45);overflow:hidden;position:relative;
  padding:16px;background:linear-gradient(145deg,#fbfbf8,#eef4f1);display:flex;flex-direction:column;justify-content:space-between
}
.ui-visual.market{background:linear-gradient(145deg,#fffaf1,#f3eee3)}
.ui-visual.mode{background:linear-gradient(145deg,#183f38,#2d6c5e);color:#fff}
.ui-visual .mini-kicker{font-size:8.5px;text-transform:uppercase;letter-spacing:.09em;font-weight:850;color:var(--green)}
.ui-visual.mode .mini-kicker{color:#bfe0d5}
.market-lines{display:grid;gap:7px;margin-top:12px}
.market-line{
  display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;background:#fff;border:1px solid #e8ece8;
  border-radius:11px;padding:8px 9px;font-size:9px
}
.market-line b{font-size:9.5px}.market-line span{color:#6b7773}
.mode-icon{font-size:28px;margin:10px 0 4px}
.mode-title{font-size:17px;font-weight:850;letter-spacing:-.02em}
.mode-desc{font-size:9.5px;line-height:1.5;color:#dbeae5;margin-top:4px}
.mode-tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:9px}
.mode-tags span{font-size:8.5px;padding:5px 7px;border:1px solid rgba(255,255,255,.22);border-radius:999px;color:#ecf8f4}
.goal-note{
  margin-top:5px;font-size:9px;color:#6d7d77;background:#f5f8f6;border-radius:9px;padding:7px 8px
}

.recommend-grid-v45{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.recommend-card-v45{
  background:#fff;border:1px solid var(--line);border-radius:20px;padding:16px;min-height:205px;position:relative;
  transition:.2s;cursor:pointer
}
.recommend-card-v45:nth-child(2){background:#eef6f2}
.recommend-card-v45:nth-child(3){background:#f7efe4}
.recommend-card-v45:nth-child(4){background:#edf2f4}
.recommend-card-v45:hover{transform:translateY(-2px);box-shadow:var(--shadow)}
.recommend-card-v45 .rec-icon{font-size:27px;margin:9px 0}
.recommend-card-v45 h3{font-size:15px;margin:0 0 6px}
.recommend-card-v45 p{font-size:10.5px;color:var(--muted);line-height:1.55;margin:0}
.recommend-card-v45 .rec-type{font-size:8.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--green);font-weight:850}
.recommend-card-v45 .rec-why{font-size:9px;color:#5f726b;border-top:1px solid rgba(80,105,96,.12);padding-top:9px;margin-top:12px}
.recommend-card-v45 .rec-why b{color:var(--green)}
.goal-pill{
  display:inline-flex;align-items:center;gap:5px;background:#fff;border:1px solid #dfe7e3;border-radius:999px;
  padding:6px 8px;font-size:9px;font-weight:800;margin-top:9px
}
@media(max-width:1080px){.recommend-grid-v45{grid-template-columns:1fr 1fr}}
@media(max-width:780px){
  .route-panel{grid-template-columns:1fr 1fr}
  .visual-grid-v45{grid-template-columns:1fr 1fr;grid-template-rows:230px auto}
  .visual-grid-v45 .visual-card.big{grid-column:1/3;grid-row:auto}
}
@media(max-width:520px){
  .route-panel,.recommend-grid-v45,.visual-grid-v45{grid-template-columns:1fr}
  .visual-grid-v45 .visual-card.big{grid-column:auto}
}

/* ===== V4.6 corrected hierarchy ===== */
#fitnessGoalField{background:#f7efe4;border-color:#e5d2b5}
@media(max-width:780px){.route-panel{grid-template-columns:1fr 1fr!important}}
@media(max-width:520px){.route-panel{grid-template-columns:1fr!important}}


/* ===== V4.7 single slider + recommendation refresh ===== */
.single-slider-shell{
  position:relative;border-radius:26px;overflow:hidden;background:#eef3ef;min-height:460px;
  border:1px solid rgba(255,255,255,.48);box-shadow:0 18px 40px rgba(16,32,26,.08)
}
.hero-slider{position:relative;height:100%}
.hero-slider-track{
  display:flex;height:100%;width:100%;transition:transform .35s ease
}
.hero-slide{
  min-width:100%;height:460px;position:relative;overflow:hidden;background:#edf2ef
}
.hero-slide.photo img{
  width:100%;height:100%;object-fit:cover;display:block
}
.hero-slide.photo:after{
  content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,16,14,0.05),rgba(9,22,17,.48) 72%,rgba(7,16,13,.7))
}
.slide-overlay{
  position:absolute;left:22px;right:22px;bottom:20px;z-index:2;color:#fff
}
.slide-kicker{
  display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:999px;
  background:rgba(255,255,255,.16);backdrop-filter:blur(8px);font-size:8.5px;text-transform:uppercase;letter-spacing:.08em;font-weight:850
}
.slide-overlay h3{font-size:22px;line-height:1.1;margin:10px 0 6px;letter-spacing:-.03em}
.slide-overlay p{margin:0;color:rgba(255,255,255,.9);font-size:11px;line-height:1.55;max-width:92%}
.slide-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}
.slide-tags span{
  font-size:8.8px;padding:6px 8px;border-radius:999px;background:rgba(255,255,255,.15);
  color:#fff;border:1px solid rgba(255,255,255,.18)
}

.slide-panel{
  height:100%;padding:22px;display:flex;flex-direction:column;justify-content:space-between
}
.slide-panel.market{background:linear-gradient(145deg,#fffdf9,#f2ede3)}
.slide-panel.context{background:linear-gradient(145deg,#173f38,#2d6b5d);color:#fff}
.panel-topline{
  display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:999px;
  background:#f2f6f4;color:var(--green);font-size:8.5px;text-transform:uppercase;letter-spacing:.08em;font-weight:850
}
.slide-panel.context .panel-topline{background:rgba(255,255,255,.12);color:#cfe7dd}
.slide-panel h3{font-size:24px;line-height:1.08;margin:14px 0 8px;letter-spacing:-.03em}
.slide-panel p{margin:0;color:var(--muted);font-size:11px;line-height:1.65;max-width:92%}
.slide-panel.context p{color:#dbeae4}
.slider-market-grid{display:grid;gap:9px;margin-top:18px}
.slider-market-row{
  display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;padding:10px 11px;
  background:#fff;border:1px solid #e6ece8;border-radius:12px
}
.slider-market-row b{font-size:10px}
.slider-market-row span{font-size:9px;color:#6d7873}
.slider-context-box{
  margin-top:18px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);
  border-radius:16px;padding:14px
}
.slider-context-box .context-icon{font-size:28px}
.slider-context-box .context-title{font-size:17px;font-weight:850;margin-top:8px}
.slider-context-box .context-desc{font-size:10px;line-height:1.6;color:#dfeee8;margin-top:5px}
.slider-context-pills{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}
.slider-context-pills span{
  font-size:8.8px;padding:6px 8px;border-radius:999px;border:1px solid rgba(255,255,255,.18);color:#eef9f4
}

.hero-slider-nav{
  position:absolute;left:16px;right:16px;bottom:16px;z-index:4;display:flex;justify-content:space-between;pointer-events:none
}
.hero-slider-arrow{
  width:38px;height:38px;border-radius:999px;border:1px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.13);backdrop-filter:blur(10px);color:#fff;display:grid;place-items:center;
  font-size:18px;cursor:pointer;pointer-events:auto
}
.hero-slider-dots{
  position:absolute;left:50%;bottom:18px;z-index:4;transform:translateX(-50%);
  display:flex;gap:7px
}
.hero-slider-dots button{
  width:8px;height:8px;border-radius:999px;border:0;background:rgba(255,255,255,.35);cursor:pointer;padding:0
}
.hero-slider-dots button.on{width:22px;background:#fff}

.next-moves{margin-top:28px}
.next-board{
  display:grid;grid-template-columns:1.1fr .9fr;gap:14px
}
.next-brief{
  background:linear-gradient(145deg,#173f38,#2a6658);color:#fff;border-radius:24px;padding:22px;
  box-shadow:0 16px 36px rgba(18,43,36,.15)
}
.next-brief .mini{
  display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:999px;
  background:rgba(255,255,255,.1);color:#d5ebe3;font-size:8.5px;text-transform:uppercase;letter-spacing:.08em;font-weight:850
}
.next-brief h2{font-size:28px;line-height:1.04;letter-spacing:-.035em;margin:14px 0 10px}
.next-brief p{font-size:11px;line-height:1.7;color:#e2efe9;margin:0;max-width:95%}
.next-route-pills{display:flex;gap:7px;flex-wrap:wrap;margin-top:15px}
.next-route-pills span{
  font-size:8.8px;padding:6px 8px;border-radius:999px;background:rgba(255,255,255,.11);
  border:1px solid rgba(255,255,255,.14);color:#f6fbf9
}
.next-cta-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}
.next-cta-row button{
  border:0;border-radius:999px;padding:10px 13px;font-size:10px;font-weight:850;cursor:pointer
}
.next-cta-row .primary{background:#fff;color:var(--green)}
.next-cta-row .ghost{background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.16)}
.next-reason{
  margin-top:16px;padding-top:13px;border-top:1px solid rgba(255,255,255,.12);font-size:9.5px;color:#d7e8e1
}
.next-stack{display:grid;gap:12px}
.next-card{
  background:#fff;border:1px solid var(--line);border-radius:19px;padding:16px;cursor:pointer;transition:.2s
}
.next-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}
.next-card:nth-child(2){background:#f7efe4}
.next-card:nth-child(3){background:#edf3f1}
.next-card .type{font-size:8.4px;text-transform:uppercase;letter-spacing:.08em;color:var(--green);font-weight:850}
.next-card .icon{font-size:24px;margin:10px 0 7px}
.next-card h3{font-size:15px;line-height:1.25;margin:0 0 5px}
.next-card p{font-size:10.2px;line-height:1.58;color:var(--muted);margin:0}
.next-card .meta{font-size:9px;color:#60736c;margin-top:11px;padding-top:9px;border-top:1px solid rgba(86,110,101,.12)}

@media(max-width:1080px){
  .next-board{grid-template-columns:1fr}
}
@media(max-width:780px){
  .single-slider-shell,.hero-slide{min-height:400px;height:400px}
  .slide-panel h3,.next-brief h2{font-size:22px}
}
@media(max-width:520px){
  .single-slider-shell,.hero-slide{min-height:360px;height:360px}
  .slide-overlay{left:16px;right:16px;bottom:16px}
  .slide-overlay h3,.slide-panel h3,.next-brief h2{font-size:20px}
  .hero-slider-arrow{width:34px;height:34px}
}


/* ===== V4.8 premium interaction + recommendation flow ===== */

/* smoother, more app-like hero slider */
.single-slider-shell{
  min-height:468px;
  box-shadow:0 22px 54px rgba(20,53,44,.11);
}
.hero-slider{
  height:100%;
  touch-action:pan-y;
  user-select:none;
  cursor:grab;
}
.hero-slider.dragging{cursor:grabbing}
.hero-slider-track{
  transition:transform .56s cubic-bezier(.22,.72,.24,1);
  will-change:transform;
}
.hero-slider.dragging .hero-slider-track{transition:none}
.hero-slide{height:468px}
.hero-slider-arrow{
  width:40px;height:40px;
  background:rgba(18,42,35,.32);
  border:1px solid rgba(255,255,255,.28);
  box-shadow:0 8px 24px rgba(0,0,0,.12);
  transition:transform .18s ease, background .18s ease;
}
.hero-slider-arrow:hover{transform:scale(1.06);background:rgba(18,42,35,.48)}
.hero-slider-dots{
  bottom:19px;
  background:rgba(18,42,35,.18);
  backdrop-filter:blur(10px);
  padding:6px 8px;border-radius:999px;
}
.hero-slider-dots button{
  transition:width .28s ease,background .28s ease,opacity .28s ease;
}
.slider-index{
  position:absolute;right:17px;top:16px;z-index:5;
  padding:6px 9px;border-radius:999px;
  background:rgba(18,42,35,.22);backdrop-filter:blur(10px);
  color:#fff;font-size:9px;font-weight:800;letter-spacing:.07em
}
.slider-progress{
  position:absolute;left:0;right:0;bottom:0;height:3px;z-index:5;background:rgba(255,255,255,.15)
}
.slider-progress span{
  display:block;height:100%;width:33.333%;background:#fff;
  transform:translateX(0);transition:transform .56s cubic-bezier(.22,.72,.24,1)
}

/* premium recommendation section: "path", not a generic card grid */
.personal-path{margin-top:30px}
.path-shell{
  background:rgba(255,255,255,.82);
  border:1px solid var(--line);
  border-radius:26px;
  padding:20px;
  box-shadow:0 18px 44px rgba(31,77,64,.065);
}
.path-head{
  display:grid;grid-template-columns:1fr auto;gap:18px;align-items:end;
  padding-bottom:17px;border-bottom:1px solid #e8ece9
}
.path-head .eyeline{
  font-size:9px;text-transform:uppercase;letter-spacing:.11em;color:var(--green);font-weight:850
}
.path-head h2{
  font-size:27px;line-height:1.08;letter-spacing:-.035em;margin:7px 0 7px
}
.path-head p{font-size:11px;line-height:1.65;color:var(--muted);margin:0;max-width:730px}
.path-profile{
  display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end;max-width:390px
}
.path-profile span{
  font-size:8.8px;padding:6px 8px;border-radius:999px;
  background:#f0f5f2;color:#536961;border:1px solid #e2e8e4
}
.path-focus{
  display:grid;grid-template-columns:1.15fr .85fr;gap:14px;margin-top:17px
}
.path-main{
  position:relative;overflow:hidden;
  background:linear-gradient(145deg,#173f38,#2d6b5d);
  color:#fff;border-radius:21px;padding:22px;min-height:230px
}
.path-main:after{
  content:"";position:absolute;width:240px;height:240px;border-radius:50%;
  right:-90px;top:-100px;background:rgba(122,199,174,.12)
}
.path-main .step-no{
  font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#bcded3;font-weight:850
}
.path-main h3{
  font-size:28px;line-height:1.07;letter-spacing:-.04em;margin:18px 0 10px;max-width:520px
}
.path-main p{font-size:11px;line-height:1.7;color:#dcece6;max-width:610px;margin:0}
.path-main-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:19px}
.path-main-actions button{
  border:0;border-radius:999px;padding:10px 13px;font-size:10px;font-weight:850;cursor:pointer
}
.path-main-actions .primary{background:#fff;color:var(--green)}
.path-main-actions .secondary{
  background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.15)
}
.path-main .why{
  margin-top:17px;padding-top:13px;border-top:1px solid rgba(255,255,255,.13);
  font-size:9.5px;color:#cee2db
}
.path-side{
  background:#f8f5ee;border:1px solid #ebe4d8;border-radius:21px;padding:19px;
  display:flex;flex-direction:column;justify-content:space-between
}
.path-side .label{
  font-size:9px;text-transform:uppercase;letter-spacing:.09em;color:#927c59;font-weight:850
}
.path-side .symbol{font-size:32px;margin:17px 0 8px}
.path-side h3{font-size:17px;line-height:1.25;margin:0 0 7px}
.path-side p{font-size:10.5px;line-height:1.6;color:#776e60;margin:0}
.path-side .micro{
  margin-top:14px;padding-top:11px;border-top:1px solid #e4dacb;
  font-size:9px;color:#857966
}

.path-steps{
  display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin-top:12px
}
.path-step{
  position:relative;background:#fff;border:1px solid var(--line);border-radius:18px;padding:15px;
  cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease
}
.path-step:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:#cfddd7}
.path-step:nth-child(2){background:#edf5f1}
.path-step:nth-child(3){background:#eef2f4}
.path-step .num{
  width:27px;height:27px;border-radius:999px;display:grid;place-items:center;
  background:#edf5f1;color:var(--green);font-size:9px;font-weight:900
}
.path-step:nth-child(2) .num{background:#fff}
.path-step .type{
  margin-top:13px;font-size:8.5px;text-transform:uppercase;letter-spacing:.08em;color:#788681;font-weight:820
}
.path-step h4{font-size:14px;line-height:1.3;margin:5px 0 5px}
.path-step p{font-size:9.7px;line-height:1.55;color:var(--muted);margin:0}
.path-step .go{
  display:inline-flex;margin-top:12px;font-size:9px;color:var(--green);font-weight:850
}

@media(max-width:980px){
  .path-focus{grid-template-columns:1fr}
}
@media(max-width:760px){
  .single-slider-shell,.hero-slide{height:415px;min-height:415px}
  .path-head{grid-template-columns:1fr}
  .path-profile{justify-content:flex-start}
  .path-steps{grid-template-columns:1fr}
}
@media(max-width:520px){
  .single-slider-shell,.hero-slide{height:365px;min-height:365px}
  .path-shell{padding:14px}
  .path-main,.path-side{padding:17px}
  .path-main h3,.path-head h2{font-size:22px}
}


/* ===== V4.9 food-led promotional hero ===== */
.single-slider-shell{
  background:linear-gradient(145deg,#f5f1ea,#eef4f1);
}
.hero-slide.photo-promo{
  position:relative;
  background:#edf2ef;
}
.hero-slide.photo-promo img{
  width:100%;height:100%;object-fit:cover;display:block;
  transform:scale(1.01);
}
.hero-slide.photo-promo::after{
  content:"";
  position:absolute;inset:0;
  background:
    linear-gradient(90deg,rgba(11,22,18,.62) 0%, rgba(11,22,18,.34) 34%, rgba(11,22,18,.08) 62%, rgba(11,22,18,.18) 100%),
    linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.28));
}
.promo-layout{
  position:absolute;inset:0;z-index:2;
  display:grid;grid-template-columns:1.15fr .85fr;
  gap:18px;align-items:end;padding:24px;
}
.promo-copy{
  color:#fff;align-self:end
}
.promo-kicker{
  display:inline-flex;align-items:center;gap:6px;
  padding:6px 10px;border-radius:999px;
  background:rgba(255,255,255,.14);
  border:1px solid rgba(255,255,255,.18);
  backdrop-filter:blur(10px);
  font-size:8.4px;text-transform:uppercase;letter-spacing:.1em;font-weight:850
}
.promo-copy h3{
  font-size:31px;line-height:1.03;letter-spacing:-.04em;margin:14px 0 10px;max-width:520px
}
.promo-copy p{
  margin:0;color:rgba(255,255,255,.9);font-size:11px;line-height:1.68;max-width:510px
}
.promo-chip-list{display:flex;gap:7px;flex-wrap:wrap;margin-top:14px}
.promo-chip-list span{
  font-size:8.9px;padding:6px 8px;border-radius:999px;
  background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.16);color:#fff
}
.promo-side{
  display:grid;gap:10px;align-self:center;justify-self:end;max-width:300px;width:100%
}
.promo-card{
  border-radius:18px;padding:15px 15px 14px;
  background:rgba(255,255,255,.86);
  border:1px solid rgba(255,255,255,.6);
  box-shadow:0 16px 36px rgba(17,31,26,.12);
  backdrop-filter:blur(14px);
}
.promo-card.dark{
  background:rgba(18,42,35,.78);
  border:1px solid rgba(255,255,255,.12);
  color:#fff
}
.promo-card .mini{
  font-size:8px;text-transform:uppercase;letter-spacing:.1em;font-weight:850;color:#597168
}
.promo-card.dark .mini{color:#b6d8cb}
.promo-card h4{
  font-size:16px;line-height:1.2;margin:8px 0 6px;letter-spacing:-.02em
}
.promo-card p{
  margin:0;font-size:9.8px;line-height:1.6;color:#63756d
}
.promo-card.dark p{color:#d5e5df}
.promo-mini-grid{
  display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin-top:12px
}
.promo-mini-grid div{
  border-radius:12px;padding:9px 10px;background:rgba(241,246,243,.95);border:1px solid #e4ece8
}
.promo-card.dark .promo-mini-grid div{
  background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.1)
}
.promo-mini-grid b{
  display:block;font-size:9.6px;line-height:1.25;margin-bottom:2px
}
.promo-mini-grid span{
  display:block;font-size:8.7px;color:#6a7b74;line-height:1.45
}
.promo-card.dark .promo-mini-grid span{color:#d5e5df}

@media(max-width:900px){
  .promo-layout{grid-template-columns:1fr;align-items:end}
  .promo-side{justify-self:stretch;max-width:none;grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
  .promo-layout{padding:18px;gap:12px}
  .promo-copy h3{font-size:24px}
  .promo-side{grid-template-columns:1fr}
}


/* ===== V5.0 commercial homepage cleanup ===== */
.commerce-home{
  margin-top:26px;
  display:grid;
  gap:20px;
}
.commerce-shell{
  background:rgba(255,255,255,.88);
  border:1px solid var(--line);
  border-radius:26px;
  padding:22px;
  box-shadow:0 18px 42px rgba(31,77,64,.06);
}
.section-kicker{
  font-size:9px;
  text-transform:uppercase;
  letter-spacing:.12em;
  color:var(--green);
  font-weight:850;
}
.commerce-head{
  display:grid;
  grid-template-columns:1fr auto;
  gap:18px;
  align-items:end;
  margin-bottom:16px;
}
.commerce-head h2{
  font-size:28px;
  line-height:1.06;
  letter-spacing:-.04em;
  margin:8px 0 8px;
}
.commerce-head p{
  font-size:11px;
  line-height:1.7;
  color:var(--muted);
  margin:0;
  max-width:720px;
}
.commerce-mini-note{
  justify-self:end;
  font-size:9px;
  color:#6d7e77;
  background:#f3f7f4;
  border:1px solid #e4ebe7;
  border-radius:999px;
  padding:8px 11px;
  white-space:nowrap;
}

.commerce-card-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
}
.commerce-card{
  border:1px solid var(--line);
  border-radius:22px;
  overflow:hidden;
  background:#fff;
  cursor:pointer;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.commerce-card:hover{
  transform:translateY(-2px);
  box-shadow:var(--shadow);
  border-color:#ccdcd5;
}
.commerce-card-media{
  height:170px;
  overflow:hidden;
  position:relative;
}
.commerce-card-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.commerce-card-media:after{
  content:"";
  position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.16));
}
.commerce-card-body{
  padding:16px 16px 15px;
}
.commerce-card-type{
  font-size:8.5px;
  text-transform:uppercase;
  letter-spacing:.08em;
  color:#7b8883;
  font-weight:820;
}
.commerce-card h3{
  font-size:16px;
  line-height:1.25;
  letter-spacing:-.02em;
  margin:6px 0 7px;
}
.commerce-card p{
  font-size:10px;
  line-height:1.62;
  color:var(--muted);
  margin:0;
}
.commerce-tags{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-top:12px;
}
.commerce-tags span{
  font-size:8.5px;
  color:#5b6d66;
  padding:6px 7px;
  background:#f2f6f3;
  border-radius:999px;
  border:1px solid #e4ece8;
}
.commerce-link{
  margin-top:12px;
  display:inline-flex;
  font-size:9px;
  color:var(--green);
  font-weight:850;
}

.strategy-shell{
  display:grid;
  grid-template-columns:1.06fr .94fr;
  gap:16px;
  align-items:stretch;
}
.strategy-panel{
  border-radius:24px;
  overflow:hidden;
  background:linear-gradient(145deg,#173f38,#2d6b5d);
  color:#fff;
  padding:24px;
  position:relative;
}
.strategy-panel:after{
  content:"";
  position:absolute;
  width:260px;height:260px;border-radius:50%;
  right:-110px;top:-120px;
  background:rgba(124,200,175,.12);
}
.strategy-panel .eyeline{
  font-size:9px;
  text-transform:uppercase;
  letter-spacing:.1em;
  color:#bcded3;
  font-weight:850;
}
.strategy-panel h3{
  font-size:30px;
  line-height:1.06;
  letter-spacing:-.045em;
  margin:14px 0 10px;
  max-width:520px;
}
.strategy-panel p{
  font-size:11px;
  line-height:1.7;
  color:#d8ebe4;
  max-width:620px;
  margin:0;
}
.strategy-profile{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:16px;
}
.strategy-profile span{
  font-size:8.8px;
  padding:6px 8px;
  border-radius:999px;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.14);
}
.strategy-actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:18px;
}
.strategy-actions button{
  border:0;
  border-radius:999px;
  padding:10px 13px;
  font-size:9.8px;
  font-weight:850;
  cursor:pointer;
}
.strategy-actions .primary{background:#fff;color:var(--green)}
.strategy-actions .secondary{
  background:rgba(255,255,255,.08);
  color:#fff;
  border:1px solid rgba(255,255,255,.12);
}
.strategy-why{
  margin-top:16px;
  padding-top:12px;
  border-top:1px solid rgba(255,255,255,.14);
  font-size:9.2px;
  color:#caded7;
}

.strategy-steps{
  display:grid;
  gap:11px;
}
.strategy-step{
  background:#fff;
  border:1px solid var(--line);
  border-radius:20px;
  padding:16px;
}
.strategy-step:nth-child(1){background:#fbfaf6}
.strategy-step:nth-child(2){background:#f3f7f4}
.strategy-step:nth-child(3){background:#f5f7fb}
.strategy-step-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.strategy-num{
  width:30px;height:30px;border-radius:999px;
  display:grid;place-items:center;
  background:#fff;
  border:1px solid #e3ebe7;
  color:var(--green);
  font-size:9px;
  font-weight:900;
}
.strategy-step-top span{
  font-size:8px;
  text-transform:uppercase;
  letter-spacing:.09em;
  color:#7e8b85;
  font-weight:820;
}
.strategy-step h4{
  font-size:15px;
  line-height:1.3;
  margin:12px 0 6px;
  letter-spacing:-.02em;
}
.strategy-step p{
  font-size:10px;
  line-height:1.58;
  color:var(--muted);
  margin:0;
}
.strategy-step .go{
  display:inline-flex;
  margin-top:11px;
  font-size:9px;
  color:var(--green);
  font-weight:850;
}

.business-cta{
  display:grid;
  grid-template-columns:1fr auto;
  gap:18px;
  align-items:center;
  background:linear-gradient(135deg,#f7faf8,#eef4f1);
}
.business-cta h3{
  font-size:22px;
  line-height:1.15;
  letter-spacing:-.03em;
  margin:6px 0 8px;
}
.business-cta p{
  font-size:10.8px;
  line-height:1.65;
  color:var(--muted);
  margin:0;
  max-width:760px;
}
.business-points{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin-top:14px;
}
.business-points span{
  font-size:8.8px;
  background:#fff;
  border:1px solid #e0e9e4;
  color:#596c64;
  border-radius:999px;
  padding:7px 9px;
}
.business-buttons{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  justify-content:flex-end;
}
.business-buttons button{
  border:0;
  border-radius:999px;
  padding:10px 14px;
  font-size:9.8px;
  font-weight:850;
  cursor:pointer;
}
.business-buttons .solid{background:var(--green);color:#fff}
.business-buttons .ghost{
  background:#fff;
  color:var(--green);
  border:1px solid #dce6e1;
}

@media(max-width:1020px){
  .commerce-card-grid,
  .strategy-shell{
    grid-template-columns:1fr;
  }
  .commerce-head,
  .business-cta{
    grid-template-columns:1fr;
  }
  .commerce-mini-note,
  .business-buttons{
    justify-self:start;
  }
}
@media(max-width:680px){
  .commerce-card-grid{grid-template-columns:1fr}
  .commerce-shell{padding:16px}
  .commerce-head h2,.strategy-panel h3{font-size:24px}
  .commerce-card-media{height:150px}
}


/* ===== V5.1 mature commercial homepage ===== */
.v51-home{
  display:grid;
  gap:28px;
}
.v51-section{
  width:min(1320px,calc(100% - 44px));
  margin:0 auto;
}
.v51-eyebrow{
  font-size:9px;
  text-transform:uppercase;
  letter-spacing:.12em;
  color:var(--green);
  font-weight:850;
}
.v51-section-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:20px;
  margin-bottom:15px;
}
.v51-section-head h2{
  margin:6px 0 6px;
  font-size:27px;
  line-height:1.08;
  letter-spacing:-.035em;
}
.v51-section-head p{
  margin:0;
  max-width:760px;
  color:var(--muted);
  font-size:11px;
  line-height:1.68;
}

/* hero */
.v51-hero{
  width:min(1320px,calc(100% - 44px));
  margin:18px auto 0;
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:24px;
  align-items:stretch;
}
.v51-hero-copy{
  padding:28px 4px 24px 4px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.v51-hero-copy h1{
  margin:10px 0 12px;
  font-size:50px;
  line-height:.99;
  letter-spacing:-.055em;
  max-width:620px;
}
.v51-hero-copy>p{
  margin:0;
  max-width:610px;
  color:var(--muted);
  font-size:12px;
  line-height:1.75;
}
.v51-route{
  margin-top:22px;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:9px;
}
.v51-field{
  background:#fff;
  border:1px solid var(--line);
  border-radius:14px;
  padding:9px 10px 8px;
}
.v51-field label{
  display:block;
  font-size:7.5px;
  color:#8a9692;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-weight:800;
  margin-bottom:2px;
}
.v51-field select{
  width:100%;
  border:0;
  outline:0;
  background:transparent;
  font-size:10px;
  font-weight:750;
  color:var(--ink);
}
.v51-search{
  margin-top:10px;
  display:grid;
  grid-template-columns:1fr auto;
  gap:8px;
}
.v51-search input{
  border:1px solid var(--line);
  background:#fff;
  border-radius:14px;
  padding:12px 13px;
  font-size:10px;
  outline:0;
}
.v51-search button{
  border:0;
  border-radius:14px;
  padding:0 18px;
  background:var(--green);
  color:#fff;
  font-size:10px;
  font-weight:850;
  cursor:pointer;
}
.v51-hero-image{
  min-height:470px;
  border-radius:28px;
  overflow:hidden;
  position:relative;
  background:#e9efeb;
  box-shadow:0 22px 56px rgba(25,58,49,.12);
}
.v51-hero-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  position:absolute;
  inset:0;
}
.v51-hero-image:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(8,20,16,.48));
}
.v51-hero-badge{
  position:absolute;
  left:18px;
  bottom:18px;
  z-index:2;
  background:rgba(255,255,255,.88);
  backdrop-filter:blur(14px);
  border:1px solid rgba(255,255,255,.62);
  border-radius:16px;
  padding:12px 13px;
  max-width:300px;
}
.v51-hero-badge small{
  display:block;
  font-size:7.5px;
  text-transform:uppercase;
  letter-spacing:.09em;
  color:var(--green);
  font-weight:850;
}
.v51-hero-badge b{
  display:block;
  margin-top:5px;
  font-size:14px;
  line-height:1.25;
}
.v51-hero-badge span{
  display:block;
  margin-top:5px;
  font-size:9px;
  line-height:1.5;
  color:#61726b;
}

/* three value pillars */
.v51-pillars{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:13px;
}
.v51-pillar{
  background:#fff;
  border:1px solid var(--line);
  border-radius:21px;
  padding:19px;
  min-height:210px;
  cursor:pointer;
  transition:.18s;
}
.v51-pillar:nth-child(2){background:#f7f1e7}
.v51-pillar:nth-child(3){background:#edf4f1}
.v51-pillar:hover{
  transform:translateY(-2px);
  box-shadow:var(--shadow);
}
.v51-pillar-icon{
  width:44px;
  height:44px;
  border-radius:14px;
  display:grid;
  place-items:center;
  background:#edf5f1;
  font-size:20px;
}
.v51-pillar:nth-child(2) .v51-pillar-icon{background:#fff}
.v51-pillar h3{
  margin:15px 0 7px;
  font-size:17px;
  letter-spacing:-.02em;
}
.v51-pillar p{
  margin:0;
  color:var(--muted);
  font-size:10.5px;
  line-height:1.65;
}
.v51-pillar .go{
  display:inline-flex;
  margin-top:16px;
  color:var(--green);
  font-size:9px;
  font-weight:850;
}

/* audience */
.v51-audience{
  background:#fff;
  border:1px solid var(--line);
  border-radius:25px;
  padding:20px;
}
.v51-tabs{
  display:flex;
  gap:7px;
  flex-wrap:wrap;
  margin-bottom:14px;
}
.v51-tabs button{
  border:1px solid #dfe7e3;
  background:#fff;
  color:#66776f;
  border-radius:999px;
  padding:8px 11px;
  font-size:9px;
  cursor:pointer;
}
.v51-tabs button.on{
  background:var(--green);
  color:#fff;
  border-color:var(--green);
}
.v51-audience-panel{
  display:grid;
  grid-template-columns:1.08fr .92fr;
  gap:14px;
}
.v51-audience-main{
  border-radius:20px;
  background:linear-gradient(145deg,#173f38,#2c6859);
  color:#fff;
  padding:22px;
}
.v51-audience-main small{
  color:#bad9ce;
  text-transform:uppercase;
  letter-spacing:.09em;
  font-size:8px;
  font-weight:850;
}
.v51-audience-main h3{
  margin:13px 0 8px;
  font-size:26px;
  letter-spacing:-.035em;
}
.v51-audience-main p{
  margin:0;
  color:#dbeae5;
  font-size:10.8px;
  line-height:1.7;
}
.v51-audience-points{
  display:grid;
  gap:8px;
}
.v51-audience-point{
  background:#f6f9f7;
  border:1px solid #e4ebe7;
  border-radius:15px;
  padding:12px;
}
.v51-audience-point b{
  display:block;
  font-size:10.5px;
  margin-bottom:3px;
}
.v51-audience-point span{
  font-size:9.3px;
  line-height:1.5;
  color:#6b7a74;
}

/* cross-cultural cuisine */
.v51-fusion{
  background:linear-gradient(135deg,#f9f6ef,#edf4f1);
  border:1px solid var(--line);
  border-radius:27px;
  padding:22px;
}
.v51-origin-tabs{
  display:flex;
  gap:7px;
  flex-wrap:wrap;
}
.v51-origin-tabs button{
  border:1px solid #dce5e1;
  background:#fff;
  border-radius:999px;
  padding:8px 11px;
  font-size:9px;
  cursor:pointer;
}
.v51-origin-tabs button.on{
  background:#173f38;
  color:#fff;
  border-color:#173f38;
}
.v51-fusion-intro{
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:18px;
  align-items:end;
  margin:17px 0 14px;
}
.v51-fusion-intro h3{
  margin:0;
  font-size:25px;
  line-height:1.08;
  letter-spacing:-.035em;
}
.v51-fusion-intro p{
  margin:0;
  color:var(--muted);
  font-size:10.7px;
  line-height:1.7;
}
.v51-fusion-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
}
.v51-fusion-card{
  background:#fff;
  border:1px solid #e1e8e4;
  border-radius:19px;
  padding:16px;
}
.v51-fusion-card:nth-child(2){background:#f3f7f4}
.v51-fusion-card:nth-child(3){background:#fffaf2}
.v51-fusion-card .formula{
  display:flex;
  gap:6px;
  flex-wrap:wrap;
  align-items:center;
}
.v51-fusion-card .formula span{
  font-size:8.5px;
  padding:6px 8px;
  border-radius:999px;
  background:#eef5f1;
  color:#4f695f;
}
.v51-fusion-card .formula i{
  font-style:normal;
  color:#95a19c;
  font-size:11px;
}
.v51-fusion-card h4{
  margin:14px 0 6px;
  font-size:14px;
  line-height:1.3;
}
.v51-fusion-card p{
  margin:0;
  color:var(--muted);
  font-size:9.6px;
  line-height:1.58;
}
.v51-fusion-note{
  margin-top:13px;
  padding-top:11px;
  border-top:1px solid #e6ece8;
  font-size:9px;
  color:#687870;
}

/* products */
.v51-products{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:14px;
}
.v51-product-lead{
  border-radius:23px;
  background:#173f38;
  color:#fff;
  padding:22px;
  min-height:315px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}
.v51-product-lead small{
  font-size:8px;
  text-transform:uppercase;
  letter-spacing:.1em;
  color:#bad9ce;
  font-weight:850;
}
.v51-product-lead h3{
  margin:12px 0 8px;
  font-size:26px;
  line-height:1.08;
  letter-spacing:-.035em;
}
.v51-product-lead p{
  margin:0;
  color:#d9e9e3;
  font-size:10.5px;
  line-height:1.65;
}
.v51-product-lead button{
  align-self:flex-start;
  border:0;
  background:#fff;
  color:var(--green);
  border-radius:999px;
  padding:10px 13px;
  font-size:9.5px;
  font-weight:850;
  cursor:pointer;
}
.v51-product-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
}
.v51-product{
  background:#fff;
  border:1px solid var(--line);
  border-radius:19px;
  padding:11px;
}
.v51-product-img{
  height:150px;
  display:grid;
  place-items:center;
  border-radius:14px;
  background:#f7f8f6;
  overflow:hidden;
}
.v51-product-img img{
  width:100%;
  height:100%;
  object-fit:contain;
}
.v51-product h4{
  font-size:10.8px;
  line-height:1.35;
  margin:9px 0 6px;
}
.v51-product .price{
  font-size:14px;
  font-weight:850;
}
.v51-product .unit{
  font-size:8.8px;
  color:#7d8a85;
  margin-top:2px;
}

/* CTA */
.v51-cta{
  width:min(1320px,calc(100% - 44px));
  margin:0 auto 26px;
  border-radius:27px;
  padding:28px;
  background:linear-gradient(135deg,#f6efe3,#e9f2ed);
  display:grid;
  grid-template-columns:1fr auto;
  gap:20px;
  align-items:center;
}
.v51-cta h2{
  margin:6px 0 7px;
  font-size:27px;
  letter-spacing:-.035em;
}
.v51-cta p{
  margin:0;
  color:var(--muted);
  font-size:10.8px;
  line-height:1.65;
  max-width:780px;
}
.v51-cta-actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}
.v51-cta-actions button{
  border:0;
  border-radius:999px;
  padding:10px 14px;
  font-size:9.5px;
  font-weight:850;
  cursor:pointer;
}
.v51-cta-actions .primary{background:var(--green);color:#fff}
.v51-cta-actions .ghost{background:#fff;color:var(--green);border:1px solid #dce6e1}

@media(max-width:1040px){
  .v51-hero,
  .v51-audience-panel,
  .v51-fusion-intro,
  .v51-products{
    grid-template-columns:1fr;
  }
  .v51-hero-image{min-height:360px}
  .v51-product-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:760px){
  .v51-pillars,
  .v51-fusion-grid,
  .v51-product-grid{
    grid-template-columns:1fr;
  }
  .v51-route{
    grid-template-columns:1fr 1fr;
  }
  .v51-cta{
    grid-template-columns:1fr;
  }
  .v51-hero-copy h1{font-size:40px}
}
@media(max-width:520px){
  .v51-section,
  .v51-hero,
  .v51-cta{
    width:min(100% - 24px,1320px);
  }
  .v51-route{grid-template-columns:1fr}
  .v51-hero-copy h1{font-size:34px}
  .v51-section-head{align-items:flex-start;flex-direction:column}
}


/* ===== V5.2 dual-audience commercial narrative ===== */
.v52-home{display:grid;gap:30px}
.v52-section{width:min(1320px,calc(100% - 44px));margin:0 auto}
.v52-kicker{
  font-size:9px;text-transform:uppercase;letter-spacing:.12em;
  color:var(--green);font-weight:850
}
.v52-head{
  display:flex;justify-content:space-between;gap:22px;align-items:flex-end;margin-bottom:16px
}
.v52-head h2{
  margin:7px 0 6px;font-size:29px;line-height:1.06;letter-spacing:-.04em
}
.v52-head p{
  margin:0;max-width:760px;color:var(--muted);font-size:11px;line-height:1.7
}

/* HERO */
.v52-hero{
  width:min(1320px,calc(100% - 44px));margin:18px auto 0;
  display:grid;grid-template-columns:1.08fr .92fr;gap:24px;align-items:stretch
}
.v52-hero-copy{
  display:flex;flex-direction:column;justify-content:center;padding:26px 2px
}
.v52-hero-copy h1{
  margin:10px 0 12px;font-size:52px;line-height:.98;letter-spacing:-.058em;max-width:680px
}
.v52-hero-copy>p{
  margin:0;max-width:640px;color:var(--muted);font-size:12px;line-height:1.76
}
.v52-hero-actions{
  display:flex;gap:9px;flex-wrap:wrap;margin-top:18px
}
.v52-hero-actions button{
  border-radius:999px;padding:11px 15px;font-size:10px;font-weight:850;cursor:pointer
}
.v52-hero-actions .solid{border:0;background:var(--green);color:#fff}
.v52-hero-actions .ghost{border:1px solid #dbe5e0;background:#fff;color:var(--green)}
.v52-route{
  margin-top:20px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px
}
.v52-field{
  background:#fff;border:1px solid var(--line);border-radius:14px;padding:9px 10px 8px
}
.v52-field label{
  display:block;font-size:7.4px;text-transform:uppercase;letter-spacing:.09em;
  color:#89968f;font-weight:850;margin-bottom:2px
}
.v52-field select{
  width:100%;border:0;background:transparent;outline:0;color:var(--ink);
  font-size:10px;font-weight:750
}
.v52-search{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:9px}
.v52-search input{
  border:1px solid var(--line);background:#fff;border-radius:14px;padding:12px 13px;
  outline:0;font-size:10px
}
.v52-search button{
  border:0;border-radius:14px;background:#173f38;color:#fff;font-size:10px;
  font-weight:850;padding:0 17px;cursor:pointer
}
.v52-hero-art{
  min-height:490px;border-radius:29px;overflow:hidden;position:relative;
  background:#e8efeb;box-shadow:0 24px 60px rgba(20,55,46,.13)
}
.v52-hero-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.v52-hero-art:after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(7,18,14,.02),rgba(7,18,14,.48))
}
.v52-bridge-card{
  position:absolute;z-index:2;left:18px;right:18px;bottom:18px;
  display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;
  background:rgba(255,255,255,.9);backdrop-filter:blur(15px);
  border:1px solid rgba(255,255,255,.68);border-radius:18px;padding:13px 14px
}
.v52-bridge-card small{
  display:block;font-size:7.5px;text-transform:uppercase;letter-spacing:.09em;
  color:var(--green);font-weight:850
}
.v52-bridge-card b{display:block;font-size:15px;margin-top:4px}
.v52-bridge-card span{display:block;font-size:9px;color:#65756f;margin-top:3px}
.v52-bridge-card button{
  border:0;border-radius:999px;background:#173f38;color:#fff;padding:9px 11px;
  font-size:8.8px;font-weight:850;cursor:pointer
}

/* QUICK BRIDGES */
.v52-bridge-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.v52-bridge{
  background:#fff;border:1px solid var(--line);border-radius:22px;padding:17px;cursor:pointer;
  transition:transform .18s ease, box-shadow .18s ease
}
.v52-bridge:nth-child(2){background:#f8f4ec}
.v52-bridge:nth-child(3){background:#eef5f2}
.v52-bridge:hover{transform:translateY(-2px);box-shadow:var(--shadow)}
.v52-bridge-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.v52-bridge-route{font-size:10px;font-weight:850;color:#30483f}
.v52-bridge-tag{
  font-size:8px;text-transform:uppercase;letter-spacing:.08em;color:#7c8984;
  background:#fff;border:1px solid #e3ebe7;border-radius:999px;padding:5px 7px
}
.v52-bridge h3{font-size:16px;line-height:1.28;letter-spacing:-.02em;margin:16px 0 7px}
.v52-bridge p{margin:0;color:var(--muted);font-size:10px;line-height:1.62}
.v52-bridge-link{display:inline-flex;margin-top:13px;color:var(--green);font-size:9px;font-weight:850}

/* CROSS-CULTURE EXPERIENCE */
.v52-culture{
  background:linear-gradient(135deg,#fbf7ef,#edf5f1);
  border:1px solid var(--line);border-radius:28px;padding:22px
}
.v52-culture-tabs{display:flex;gap:7px;flex-wrap:wrap}
.v52-culture-tabs button{
  border:1px solid #dce5e1;background:#fff;border-radius:999px;padding:8px 11px;
  font-size:9px;cursor:pointer
}
.v52-culture-tabs button.on{background:#173f38;color:#fff;border-color:#173f38}
.v52-culture-copy{
  display:grid;grid-template-columns:1.08fr .92fr;gap:20px;align-items:end;margin:18px 0 14px
}
.v52-culture-copy h3{font-size:27px;line-height:1.07;letter-spacing:-.038em;margin:0}
.v52-culture-copy p{margin:0;color:var(--muted);font-size:10.8px;line-height:1.72}
.v52-culture-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.v52-dish{
  background:#fff;border:1px solid #e1e8e4;border-radius:19px;padding:16px
}
.v52-dish:nth-child(2){background:#f5f8f6}
.v52-dish:nth-child(3){background:#fffaf3}
.v52-formula{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.v52-formula span{
  background:#edf5f1;color:#506960;border-radius:999px;padding:6px 8px;font-size:8.5px
}
.v52-formula i{font-style:normal;color:#9aa6a1}
.v52-dish h4{font-size:14px;line-height:1.3;margin:13px 0 6px}
.v52-dish p{margin:0;color:var(--muted);font-size:9.6px;line-height:1.58}

/* UTILITY STRIP */
.v52-tools{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.v52-tool{
  border:1px solid var(--line);border-radius:20px;background:#fff;padding:18px;cursor:pointer
}
.v52-tool .icon{
  width:40px;height:40px;border-radius:13px;display:grid;place-items:center;
  background:#eef5f1;font-size:18px
}
.v52-tool h3{font-size:15px;margin:13px 0 6px}
.v52-tool p{margin:0;color:var(--muted);font-size:10px;line-height:1.58}
.v52-tool .go{display:inline-flex;margin-top:12px;color:var(--green);font-size:9px;font-weight:850}

/* AUDIENCE */
.v52-audience{
  background:#173f38;border-radius:27px;padding:22px;color:#fff
}
.v52-audience .v52-kicker{color:#b9ddd1}
.v52-audience h2{color:#fff}
.v52-audience .v52-head p{color:#d5e7e1}
.v52-audience-tabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:14px}
.v52-audience-tabs button{
  border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.08);color:#e6f1ed;
  border-radius:999px;padding:8px 11px;font-size:9px;cursor:pointer
}
.v52-audience-tabs button.on{background:#fff;color:#173f38}
.v52-audience-body{display:grid;grid-template-columns:1.05fr .95fr;gap:12px}
.v52-audience-main{
  border-radius:19px;background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.1);padding:20px
}
.v52-audience-main small{
  font-size:8px;text-transform:uppercase;letter-spacing:.09em;color:#b9ddd1;font-weight:850
}
.v52-audience-main h3{font-size:25px;letter-spacing:-.035em;margin:12px 0 8px}
.v52-audience-main p{margin:0;color:#d8e8e3;font-size:10.6px;line-height:1.68}
.v52-audience-points{display:grid;gap:8px}
.v52-audience-point{
  border-radius:15px;background:#fff;color:#173f38;padding:12px 13px
}
.v52-audience-point b{display:block;font-size:9px;color:#7a8983;margin-bottom:2px}
.v52-audience-point span{font-size:9.7px;line-height:1.48}

/* SHOP */
.v52-shop{
  display:grid;grid-template-columns:.9fr 1.1fr;gap:14px
}
.v52-shop-copy{
  border-radius:24px;background:#f4efe5;padding:22px;display:flex;flex-direction:column;justify-content:space-between
}
.v52-shop-copy h3{font-size:25px;line-height:1.08;letter-spacing:-.035em;margin:12px 0 8px}
.v52-shop-copy p{margin:0;color:#65746e;font-size:10.5px;line-height:1.65}
.v52-shop-copy button{
  align-self:flex-start;margin-top:18px;border:0;border-radius:999px;
  background:#173f38;color:#fff;padding:10px 13px;font-size:9.4px;font-weight:850;cursor:pointer
}
.v52-product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.v52-product{
  background:#fff;border:1px solid var(--line);border-radius:18px;padding:10px
}
.v52-product-img{
  height:140px;background:#f7f8f6;border-radius:13px;display:grid;place-items:center;overflow:hidden
}
.v52-product-img img{width:100%;height:100%;object-fit:contain}
.v52-product h4{font-size:10.6px;line-height:1.35;margin:9px 0 5px}
.v52-product .price{font-size:14px;font-weight:850}
.v52-product .unit{font-size:8.5px;color:#7d8a85;margin-top:2px}

/* CTA */
.v52-cta{
  width:min(1320px,calc(100% - 44px));margin:0 auto 28px;
  background:linear-gradient(135deg,#edf5f1,#f7f1e7);
  border:1px solid var(--line);border-radius:28px;padding:28px;
  display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center
}
.v52-cta h2{margin:7px 0 7px;font-size:28px;letter-spacing:-.038em}
.v52-cta p{margin:0;color:var(--muted);font-size:10.8px;line-height:1.65;max-width:800px}
.v52-cta-actions{display:flex;gap:8px;flex-wrap:wrap}
.v52-cta-actions button{
  border-radius:999px;padding:10px 14px;font-size:9.5px;font-weight:850;cursor:pointer
}
.v52-cta-actions .solid{border:0;background:#173f38;color:#fff}
.v52-cta-actions .ghost{border:1px solid #dbe5e0;background:#fff;color:#173f38}

@media(max-width:1040px){
 .v52-hero,.v52-culture-copy,.v52-audience-body,.v52-shop{grid-template-columns:1fr}
 .v52-hero-art{min-height:390px}
 .v52-product-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:760px){
 .v52-bridge-grid,.v52-culture-grid,.v52-tools,.v52-product-grid{grid-template-columns:1fr}
 .v52-route{grid-template-columns:1fr 1fr}
 .v52-cta{grid-template-columns:1fr}
 .v52-hero-copy h1{font-size:40px}
 .v52-head{flex-direction:column;align-items:flex-start}
}
@media(max-width:520px){
 .v52-section,.v52-hero,.v52-cta{width:min(100% - 24px,1320px)}
 .v52-route{grid-template-columns:1fr}
 .v52-hero-copy h1{font-size:34px}
 .v52-bridge-card{grid-template-columns:1fr}
}


/* ===== V5.3 compact mobile product / yogurt comparison ===== */
.v53-yogurt-guide{
  margin-top:14px;
  background:linear-gradient(135deg,#f7f2e8,#eef5f1);
  border:1px solid var(--line);
  border-radius:20px;
  padding:17px;
  display:grid;
  grid-template-columns:1fr auto;
  gap:18px;
  align-items:end;
}
.v53-eyebrow{
  display:block;
  font-size:8px;
  text-transform:uppercase;
  letter-spacing:.1em;
  color:var(--green);
  font-weight:850;
}
.v53-yogurt-guide h3{
  margin:7px 0 5px;
  font-size:18px;
  letter-spacing:-.025em;
}
.v53-yogurt-guide p{
  margin:0;
  max-width:760px;
  color:var(--muted);
  font-size:10px;
  line-height:1.65;
}
.v53-update{
  font-size:8.5px;
  color:#6c7b75;
  background:rgba(255,255,255,.76);
  border:1px solid #e2e9e5;
  border-radius:999px;
  padding:7px 9px;
  white-space:nowrap;
}
.v53-compare-toolbar{
  margin-top:10px;
}
.v53-product-compare-grid{
  margin-top:10px;
}
.v53-product-card{
  padding:12px;
}
.v53-product-top{
  display:grid;
  grid-template-columns:112px 1fr;
  gap:11px;
  align-items:center;
}
.v53-product-img{
  height:104px!important;
  background:#fafbf9;
}
.v53-product-img img{
  max-width:98%!important;
  max-height:96px!important;
}
.v53-product-copy h3{
  margin:6px 0 7px!important;
  font-size:11.5px!important;
  line-height:1.36;
}
.v53-price-line{
  display:flex;
  align-items:baseline;
  gap:8px;
}
.v53-price-line strong{
  font-size:16px;
}
.v53-price-line span{
  font-size:8.8px;
  color:var(--muted);
}
.v53-product-metrics{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:6px;
  margin-top:10px;
}
.v53-product-metrics div{
  padding:8px 7px;
  background:#f5f8f6;
  border-radius:10px;
}
.v53-product-metrics b{
  display:block;
  font-size:10px;
  color:#263d35;
}
.v53-product-metrics span{
  display:block;
  margin-top:2px;
  font-size:7.4px;
  color:#7a8983;
  line-height:1.25;
}
.v53-product-note{
  margin-top:9px;
  min-height:48px;
  font-size:8.9px;
  line-height:1.55;
  color:#5f7069;
  border-top:1px solid #e8eeeb;
  padding-top:9px;
}

/* homepage compact shelf */
.v53-home-compare{
  display:grid;
  grid-template-columns:.84fr 1.16fr;
  gap:13px;
  align-items:stretch;
}
.v53-home-compare-lead{
  background:#173f38;
  color:#fff;
  border-radius:22px;
  padding:20px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.v53-home-compare-lead .v52-kicker{
  color:#b9dbd0;
}
.v53-home-compare-lead h3{
  margin:11px 0 7px;
  font-size:22px;
  line-height:1.12;
  letter-spacing:-.03em;
}
.v53-home-compare-lead p{
  margin:0;
  color:#d7e8e2;
  font-size:10px;
  line-height:1.62;
}
.v53-home-compare-lead button{
  align-self:flex-start;
  margin-top:14px;
  border:0;
  border-radius:999px;
  background:#fff;
  color:#173f38;
  padding:9px 12px;
  font-size:8.8px;
  font-weight:850;
  cursor:pointer;
}
.v53-home-product-list{
  display:grid;
  gap:8px;
}
.v53-home-product{
  display:grid;
  grid-template-columns:82px 1fr auto;
  gap:11px;
  align-items:center;
  background:#fff;
  border:1px solid var(--line);
  border-radius:16px;
  padding:8px 11px 8px 8px;
  min-width:0;
}
.v53-home-thumb{
  height:72px;
  border-radius:12px;
  background:#f8faf8;
  display:grid;
  place-items:center;
  overflow:hidden;
}
.v53-home-thumb img{
  max-width:96%;
  max-height:66px;
  object-fit:contain;
}
.v53-home-product-copy{
  min-width:0;
}
.v53-home-product-copy>span{
  display:block;
  font-size:7.7px;
  text-transform:uppercase;
  letter-spacing:.06em;
  color:#6f7e78;
  margin-bottom:3px;
}
.v53-home-product-copy>b{
  display:block;
  font-size:10px;
  line-height:1.3;
}
.v53-home-facts{
  display:flex;
  gap:6px;
  flex-wrap:wrap;
  margin-top:5px;
}
.v53-home-facts em{
  font-style:normal;
  font-size:7.8px;
  color:#587066;
  background:#f0f5f2;
  border-radius:999px;
  padding:4px 6px;
}
.v53-home-product>strong{
  font-size:13px;
  white-space:nowrap;
}

/* keep product images intentionally small so 510px source assets are not enlarged and blurred */
@media(max-width:780px){
  .v53-home-compare{
    grid-template-columns:1fr;
  }
  .v53-home-compare-lead{
    padding:17px;
  }
  .v53-home-compare-lead h3{
    font-size:19px;
  }
  .v53-yogurt-guide{
    grid-template-columns:1fr;
    gap:10px;
  }
  .v53-update{
    justify-self:start;
    white-space:normal;
  }
  .v53-product-compare-grid{
    display:flex!important;
    overflow-x:auto;
    gap:10px;
    scroll-snap-type:x mandatory;
    padding:1px 1px 8px;
    -webkit-overflow-scrolling:touch;
  }
  .v53-product-card{
    flex:0 0 min(86vw,360px);
    scroll-snap-align:start;
  }
}
@media(max-width:520px){
  /* Override old global rule that stacked all product cards into giant full-width blocks */
  .product-compare-grid.v53-product-compare-grid{
    display:flex!important;
  }
  .v53-product-top{
    grid-template-columns:88px 1fr;
  }
  .v53-product-img{
    height:82px!important;
  }
  .v53-product-img img{
    max-height:76px!important;
  }
  .v53-product-metrics{
    grid-template-columns:1fr 1fr;
  }
  .v53-product-note{
    min-height:0;
  }
  .v53-home-product{
    grid-template-columns:68px 1fr auto;
    gap:8px;
    padding:7px 9px 7px 7px;
  }
  .v53-home-thumb{
    height:60px;
  }
  .v53-home-thumb img{
    max-height:55px;
  }
  .v53-home-product-copy>b{
    font-size:9.4px;
  }
  .v53-home-product>strong{
    font-size:12px;
  }
}


/* ===== V5.4 Mercadona-first comparison ===== */
.v54-yogurt-guide{margin-bottom:10px}
.v54-store-summary{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin-top:10px;
}
.v54-store-stat{
  border:1px solid var(--line);
  border-radius:14px;
  padding:10px 11px;
  background:#fff;
}
.v54-store-stat.mercadona{background:#f1f7f3}
.v54-store-stat.carrefour{background:#f3f5fa}
.v54-store-stat b{
  display:block;
  font-size:10px;
  margin-bottom:2px;
}
.v54-store-stat span{
  display:block;
  font-size:8.5px;
  color:#6d7c76;
}
.v54-product-grid .v54-product-card{
  padding:11px;
}
.v54-card-storeline{
  display:flex;
  justify-content:space-between;
  gap:8px;
  align-items:center;
  margin-bottom:8px;
}
.v54-card-storeline>span{
  font-size:8px;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-weight:850;
  color:#61736b;
}
.v54-card-storeline small{
  font-size:7.5px;
  color:#89958f;
}
.v54-pack{
  height:82px;
  border-radius:15px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:12px;
  border:1px solid #e2e9e5;
}
.v54-pack.mercadona{
  background:linear-gradient(135deg,#f5faf6,#e9f4ed);
}
.v54-pack.carrefour{
  background:linear-gradient(135deg,#f7f8fc,#edf1f8);
}
.v54-store-letter{
  width:42px;height:42px;border-radius:13px;
  display:grid;place-items:center;
  font-size:20px;font-weight:900;
  background:#fff;
  box-shadow:0 7px 18px rgba(31,64,53,.07);
}
.v54-pack.mercadona .v54-store-letter{color:#17633e}
.v54-pack.carrefour .v54-store-letter{color:#244f9c}
.v54-pack b{
  display:block;
  font-size:10px;
}
.v54-pack small{
  display:block;
  margin-top:3px;
  font-size:8px;
  color:#6c7a74;
}
.v54-product-copy{
  margin-top:9px;
}
.v54-product-copy h3{
  font-size:11px!important;
}
.v54-home-market{
  display:grid;
  grid-template-columns:.8fr 1.2fr;
  gap:13px;
}
.v54-home-market-lead{
  background:#f0f6f2;
  border:1px solid #dfe9e4;
  border-radius:22px;
  padding:19px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.v54-market-logo{
  display:flex;
  align-items:center;
  gap:8px;
}
.v54-market-logo span{
  width:35px;height:35px;border-radius:11px;
  display:grid;place-items:center;
  background:#fff;
  font-weight:900;
}
.v54-market-logo.mercadona span{color:#17633e}
.v54-market-logo b{font-size:11px}
.v54-home-market-lead h3{
  margin:14px 0 9px;
  font-size:20px;
  line-height:1.15;
  letter-spacing:-.025em;
}
.v54-home-points{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
}
.v54-home-points span{
  padding:6px 8px;
  background:#fff;
  border:1px solid #e0e9e4;
  border-radius:999px;
  color:#5c6f66;
  font-size:8px;
}
.v54-home-market-lead button{
  align-self:flex-start;
  margin-top:14px;
  border:0;
  border-radius:999px;
  background:#173f38;
  color:#fff;
  padding:9px 12px;
  font-size:8.8px;
  font-weight:850;
  cursor:pointer;
}
.v54-home-list{
  display:grid;
  gap:8px;
}
.v54-home-row{
  display:grid;
  grid-template-columns:44px 1fr auto;
  gap:10px;
  align-items:center;
  border:1px solid var(--line);
  background:#fff;
  border-radius:15px;
  padding:9px 10px;
}
.v54-row-store{
  width:40px;height:40px;
  border-radius:12px;
  display:grid;place-items:center;
  font-weight:900;
}
.v54-row-store.mercadona{background:#eaf5ed;color:#17633e}
.v54-row-store.carrefour{background:#eef2fa;color:#244f9c}
.v54-row-copy{min-width:0}
.v54-row-copy span{
  display:block;
  font-size:7.5px;
  text-transform:uppercase;
  letter-spacing:.05em;
  color:#7b8983;
}
.v54-row-copy b{
  display:block;
  font-size:9.8px;
  line-height:1.3;
  margin-top:2px;
}
.v54-row-copy small{
  display:block;
  font-size:8px;
  color:#61746b;
  margin-top:3px;
}
.v54-row-price{
  font-size:12px;
  font-weight:850;
  white-space:nowrap;
}
@media(max-width:780px){
  .v54-home-market{grid-template-columns:1fr}
  .v54-home-market-lead{padding:16px}
  .v54-store-summary{grid-template-columns:1fr 1fr}
}
@media(max-width:520px){
  .v54-store-summary{grid-template-columns:1fr}
  .v54-home-row{
    grid-template-columns:38px 1fr auto;
    gap:8px;
    padding:8px;
  }
  .v54-row-store{
    width:36px;height:36px;
  }
  .v54-row-copy b{font-size:9.2px}
  .v54-row-copy small{font-size:7.5px}
  .v54-row-price{font-size:11px}
}


/* ===== V5.5 selected logo + supermarket information architecture ===== */
.v55-brand{
  gap:10px!important;
}
.v55-brand-logo{
  width:42px;
  height:34px;
  object-fit:contain;
  flex:none;
}
.v55-brand .brand-mark{display:none!important}
.v55-brand strong{letter-spacing:-.025em}
.v55-brand small{letter-spacing:.02em}

/* Supermarket landing */
.v55-shop-hero{
  margin-top:18px;
  padding:26px;
  border-radius:26px;
  background:linear-gradient(135deg,#f7f2e8,#eef5f1);
  border:1px solid var(--line);
  display:grid;
  grid-template-columns:1fr auto;
  gap:22px;
  align-items:end;
}
.v55-shop-hero h1{
  font-size:34px;
  line-height:1.06;
  letter-spacing:-.045em;
  margin:8px 0 8px;
  max-width:820px;
}
.v55-shop-hero p{
  margin:0;
  max-width:820px;
  font-size:11px;
  line-height:1.7;
  color:var(--muted);
}
.v55-shop-section{margin-top:24px}
.v55-shop-section-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:18px;
  margin-bottom:12px;
}
.v55-shop-section-head h2{
  margin:5px 0 0;
  font-size:23px;
  letter-spacing:-.03em;
}
.v55-shop-groups{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:10px;
}
.v55-shop-group{
  border:1px solid var(--line);
  background:#fff;
  border-radius:19px;
  padding:16px;
  min-height:210px;
  cursor:pointer;
  transition:.18s ease;
}
.v55-shop-group:first-child{
  background:#eef5f1;
}
.v55-shop-group:hover{
  transform:translateY(-2px);
  box-shadow:var(--shadow);
}
.v55-group-icon{
  width:42px;height:42px;
  border-radius:13px;
  display:grid;place-items:center;
  background:#f3f7f4;
  font-size:20px;
}
.v55-shop-group:first-child .v55-group-icon{background:#fff}
.v55-shop-group h3{
  font-size:14px;
  margin:13px 0 6px;
}
.v55-shop-group p{
  margin:0;
  font-size:9.5px;
  line-height:1.58;
  color:var(--muted);
}
.v55-shop-group span{
  display:inline-flex;
  margin-top:12px;
  color:var(--green);
  font-size:8.8px;
  font-weight:850;
}
.v55-store-row{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:9px;
}
.v55-store-row button{
  text-align:left;
  border:1px solid var(--line);
  background:#fff;
  border-radius:16px;
  padding:13px;
  cursor:pointer;
}
.v55-store-row b{display:block;font-size:10.5px}
.v55-store-row span{
  display:block;
  margin-top:3px;
  font-size:8.5px;
  color:#75837d;
}

/* Category */
.v55-back{margin-top:16px}
.v55-shop-group-head{
  margin-top:12px;
  padding:20px;
  border-radius:23px;
  background:#f4f8f5;
  border:1px solid var(--line);
  display:grid;
  grid-template-columns:auto 1fr;
  gap:16px;
  align-items:center;
}
.v55-shop-icon{
  width:64px;height:64px;
  border-radius:18px;
  display:grid;place-items:center;
  background:#fff;
  font-size:30px;
}
.v55-shop-group-head h1{
  margin:5px 0 5px;
  font-size:27px;
  letter-spacing:-.035em;
}
.v55-shop-group-head p{
  margin:0;
  font-size:10.5px;
  color:var(--muted);
  line-height:1.6;
}
.v55-dairy-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:10px;
  margin-top:14px;
}
.v55-dairy-card{
  border:1px solid var(--line);
  background:#fff;
  border-radius:19px;
  padding:15px;
  display:grid;
  grid-template-columns:auto 1fr;
  gap:12px;
  cursor:pointer;
}
.v55-dairy-card:first-child{background:#f7f2e8}
.v55-dairy-icon{
  width:45px;height:45px;
  border-radius:13px;
  display:grid;place-items:center;
  background:#f2f7f4;
  font-size:21px;
}
.v55-dairy-card h3{font-size:13px;margin:2px 0 5px}
.v55-dairy-card p{
  font-size:9.5px;line-height:1.55;color:var(--muted);margin:0
}
.v55-dairy-card>span{
  grid-column:2;
  color:var(--green);
  font-size:8.5px;
  font-weight:850;
}
.v55-simple-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
  margin-top:14px;
}
.v55-simple-cat{
  border:1px solid var(--line);
  background:#fff;
  border-radius:18px;
  padding:15px;
  cursor:pointer;
}
.v55-simple-cat>div{font-size:24px}
.v55-simple-cat h3{margin:10px 0 5px;font-size:13px}
.v55-simple-cat p{font-size:9px;color:var(--muted);margin:0}
.v55-simple-cat span{
  display:inline-flex;margin-top:10px;font-size:8.5px;color:var(--green);font-weight:850
}

/* Type guide */
.v55-type-guide{
  margin-top:12px;
  background:#fff;
  border:1px solid var(--line);
  border-radius:23px;
  padding:21px;
}
.v55-type-guide h1{font-size:28px;margin:6px 0}
.v55-type-guide>p{font-size:10.5px;line-height:1.65;color:var(--muted);max-width:760px}
.v55-type-chips{display:flex;gap:7px;flex-wrap:wrap;margin-top:15px}
.v55-type-chips span{
  font-size:9px;padding:7px 9px;border-radius:999px;background:#f1f6f3;color:#536a60
}
.v55-type-principles{
  display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:16px
}
.v55-type-principles div{
  background:#f8faf8;border-radius:14px;padding:12px
}
.v55-type-principles b{display:block;font-size:9.5px;margin-bottom:4px}
.v55-type-principles span{font-size:8.6px;line-height:1.5;color:#6e7d76}

/* Yogurt */
.v55-yogurt-hero{
  margin-top:12px;
  border:1px solid var(--line);
  background:#fff;
  border-radius:23px;
  padding:14px;
  display:grid;
  grid-template-columns:180px 1fr;
  gap:18px;
  align-items:center;
}
.v55-yogurt-photo{
  height:130px;
  border-radius:16px;
  overflow:hidden;
  background:#f7f8f6;
}
.v55-yogurt-photo img{
  width:100%;height:100%;object-fit:cover
}
.v55-yogurt-hero h1{
  font-size:27px;margin:6px 0 6px;letter-spacing:-.035em
}
.v55-yogurt-hero p{
  margin:0;font-size:10.5px;line-height:1.65;color:var(--muted);max-width:760px
}
.v55-yogurt-controls{
  display:flex;justify-content:space-between;gap:10px;align-items:center;
  margin:12px 0
}
.v55-store-tabs,.v55-sort-tabs{display:flex;gap:6px;flex-wrap:wrap}
.v55-store-tabs button,.v55-sort-tabs button{
  border:1px solid #dfe7e3;background:#fff;border-radius:999px;
  padding:7px 9px;font-size:8.5px;cursor:pointer;color:#64756d
}
.v55-store-tabs button.on,.v55-sort-tabs button.on{
  background:#173f38;color:#fff;border-color:#173f38
}
.v55-yogurt-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:9px;
}
.v55-yogurt-card{
  border:1px solid var(--line);
  background:#fff;
  border-radius:18px;
  padding:12px;
  min-width:0;
}
.v55-yogurt-card-head{
  display:grid;
  grid-template-columns:36px 1fr;
  gap:8px;
  align-items:start;
}
.v55-yogurt-store{
  width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-weight:900
}
.v55-yogurt-store.mercadona{background:#eaf5ed;color:#17633e}
.v55-yogurt-store.carrefour{background:#eef2fa;color:#244f9c}
.v55-yogurt-card-head span{
  font-size:7px;text-transform:uppercase;letter-spacing:.05em;color:#7a8882
}
.v55-yogurt-card-head h3{
  margin:3px 0 0;font-size:9.8px;line-height:1.32
}
.v55-yogurt-product-photo{
  height:70px;
  margin-top:9px;
  border-radius:11px;
  overflow:hidden;
  background:#f8faf8;
  display:grid;place-items:center
}
.v55-yogurt-product-photo img{
  max-width:96%;max-height:66px;object-fit:contain
}
.v55-yogurt-price{
  display:flex;align-items:baseline;gap:6px;margin-top:10px
}
.v55-yogurt-price b{font-size:14px}
.v55-yogurt-price span{font-size:8px;color:#7b8883}
.v55-yogurt-metrics{
  display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:8px
}
.v55-yogurt-metrics div{
  background:#f5f8f6;border-radius:9px;padding:7px
}
.v55-yogurt-metrics b{display:block;font-size:9px}
.v55-yogurt-metrics span{font-size:7px;color:#718079}
.v55-yogurt-card>p{
  font-size:8.3px;line-height:1.5;color:#60716a;margin:8px 0 0;
  border-top:1px solid #e8eeeb;padding-top:8px
}
.v55-yogurt-card .save-btn{margin-top:9px}
.v55-yogurt-learn{
  margin-top:12px;
  border-radius:19px;
  background:#eef5f1;
  padding:16px;
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:14px;
  align-items:center;
}
.v55-yogurt-learn h2{
  font-size:18px;line-height:1.2;margin:6px 0 0;letter-spacing:-.025em
}
.v55-yogurt-facts{
  display:grid;grid-template-columns:repeat(3,1fr);gap:7px
}
.v55-yogurt-facts span{
  background:#fff;border-radius:12px;padding:9px;font-size:8px;line-height:1.45;color:#5e7068
}

/* Homepage: no product shelf anymore; cross-cultural content remains the product story */
.v52-home>.v52-section:last-of-type{
  margin-bottom:2px;
}

@media(max-width:1000px){
  .v55-shop-groups{grid-template-columns:repeat(3,1fr)}
  .v55-store-row{grid-template-columns:repeat(2,1fr)}
  .v55-yogurt-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:700px){
  .v55-brand-logo{width:38px;height:31px}
  .v55-shop-hero{grid-template-columns:1fr;padding:18px}
  .v55-shop-hero h1{font-size:27px}
  .v55-shop-groups{grid-template-columns:1fr 1fr}
  .v55-shop-group{min-height:178px;padding:13px}
  .v55-dairy-grid{grid-template-columns:1fr}
  .v55-simple-grid{grid-template-columns:1fr 1fr}
  .v55-type-principles{grid-template-columns:1fr}
  .v55-yogurt-hero{grid-template-columns:110px 1fr;gap:12px}
  .v55-yogurt-photo{height:100px}
  .v55-yogurt-hero h1{font-size:22px}
  .v55-yogurt-controls{align-items:flex-start;flex-direction:column}
  .v55-yogurt-grid{
    display:flex;overflow-x:auto;gap:9px;scroll-snap-type:x mandatory;
    padding-bottom:7px;-webkit-overflow-scrolling:touch
  }
  .v55-yogurt-card{
    flex:0 0 min(82vw,330px);scroll-snap-align:start
  }
  .v55-yogurt-learn{grid-template-columns:1fr}
  .v55-yogurt-facts{grid-template-columns:1fr}
}
@media(max-width:480px){
  .v55-shop-groups{grid-template-columns:1fr 1fr}
  .v55-shop-group h3{font-size:12.5px}
  .v55-shop-group p{font-size:8.8px}
  .v55-store-row{grid-template-columns:1fr 1fr}
  .v55-yogurt-hero{grid-template-columns:1fr}
  .v55-yogurt-photo{height:120px}
  .v55-yogurt-hero p{font-size:9.5px}
}


/* ===== V5.6 remove repeated Food Bridge section ===== */
.v56-culture{
  background:linear-gradient(135deg,#f8f5ee,#eef5f1);
  border:1px solid var(--line);
  border-radius:27px;
  padding:22px;
}
.v56-culture-top{
  display:grid;
  grid-template-columns:1fr auto;
  gap:20px;
  align-items:end;
}
.v56-culture-top h2{
  margin:7px 0 7px;
  max-width:850px;
  font-size:29px;
  line-height:1.06;
  letter-spacing:-.04em;
}
.v56-culture-top p{
  margin:0;
  max-width:800px;
  font-size:10.7px;
  line-height:1.68;
  color:var(--muted);
}
.v56-origin-tabs{
  display:flex;
  gap:7px;
  flex-wrap:wrap;
  justify-content:flex-end;
}
.v56-origin-tabs button{
  border:1px solid #dce5e1;
  background:#fff;
  border-radius:999px;
  padding:8px 11px;
  font-size:9px;
  cursor:pointer;
}
.v56-origin-tabs button.on{
  background:#173f38;
  color:#fff;
  border-color:#173f38;
}
.v56-route-strip{
  margin-top:18px;
  display:grid;
  grid-template-columns:auto 1fr;
  gap:16px;
  align-items:start;
  padding:15px;
  border-radius:18px;
  background:rgba(255,255,255,.78);
  border:1px solid #e1e9e5;
}
.v56-route-badge{
  white-space:nowrap;
  padding:8px 10px;
  border-radius:999px;
  background:#173f38;
  color:#fff;
  font-size:9px;
  font-weight:850;
}
.v56-route-badge span{opacity:.6;margin:0 4px}
.v56-route-text strong{
  display:block;
  font-size:14px;
  line-height:1.35;
  letter-spacing:-.015em;
}
.v56-route-text span{
  display:block;
  margin-top:4px;
  color:#6d7c76;
  font-size:9.4px;
  line-height:1.58;
}
.v56-dish-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
  margin-top:11px;
}
.v56-dish{
  position:relative;
  min-height:205px;
  border:1px solid #e1e8e4;
  border-radius:18px;
  background:#fff;
  padding:15px;
}
.v56-dish:nth-child(2){background:#f4f8f6}
.v56-dish:nth-child(3){background:#fffaf3}
.v56-dish-index{
  position:absolute;
  right:13px;
  top:12px;
  color:#9aa7a1;
  font-size:8px;
  font-weight:850;
}
.v56-dish-formula{
  display:flex;
  gap:5px;
  flex-wrap:wrap;
  align-items:center;
  padding-right:25px;
}
.v56-dish-formula span{
  padding:5px 7px;
  border-radius:999px;
  background:#eef5f1;
  color:#536960;
  font-size:8px;
}
.v56-dish-formula i{
  font-style:normal;
  color:#9aa6a1;
}
.v56-dish h3{
  margin:15px 0 7px;
  font-size:14px;
  line-height:1.28;
}
.v56-dish p{
  margin:0;
  color:var(--muted);
  font-size:9.3px;
  line-height:1.6;
}
.v56-culture-bottom{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:15px;
  margin-top:12px;
  padding-top:12px;
  border-top:1px solid #e1e8e4;
}
.v56-culture-bottom span{
  color:#687870;
  font-size:9px;
  line-height:1.5;
}
.v56-culture-bottom button{
  border:0;
  border-radius:999px;
  background:#173f38;
  color:#fff;
  padding:9px 12px;
  font-size:8.8px;
  font-weight:850;
  cursor:pointer;
  white-space:nowrap;
}

/* the former three big bridge cards are intentionally removed */
.v52-bridge-grid{display:none!important}

@media(max-width:800px){
  .v56-culture-top{
    grid-template-columns:1fr;
  }
  .v56-origin-tabs{
    justify-content:flex-start;
  }
  .v56-route-strip{
    grid-template-columns:1fr;
    gap:9px;
  }
  .v56-route-badge{
    justify-self:start;
  }
  .v56-dish-grid{
    grid-template-columns:1fr;
  }
  .v56-dish{
    min-height:0;
  }
  .v56-culture-bottom{
    align-items:flex-start;
    flex-direction:column;
  }
}
@media(max-width:520px){
  .v56-culture{
    padding:17px;
  }
  .v56-culture-top h2{
    font-size:24px;
  }
  .v56-route-text strong{
    font-size:13px;
  }
  .v56-dish{
    padding:14px;
  }
}


/* ===== V5.8 refinement stage: mobile rhythm + less template feel ===== */
@media(max-width:700px){
  .v52-home{gap:22px}
  .v52-section{width:min(100% - 26px,1320px)}
  .v52-hero{width:min(100% - 26px,1320px);gap:14px;margin-top:10px}
  .v52-hero-copy{padding:12px 0 8px}
  .v52-hero-copy h1{font-size:37px;line-height:1.02;margin:8px 0 9px}
  .v52-hero-copy>p{font-size:10.8px;line-height:1.7}
  .v52-hero-actions{margin-top:14px}
  .v52-hero-actions button{padding:10px 13px}
  .v52-route{margin-top:15px}
  .v52-hero-art{min-height:300px;border-radius:22px}
  .v52-bridge-card{left:12px;right:12px;bottom:12px;padding:11px 12px}
  .v52-head{margin-bottom:11px}
  .v52-head h2{font-size:24px}
  .v52-head p{font-size:9.8px}
  .v56-culture{padding:16px;border-radius:22px}
  .v56-culture-top h2{font-size:23px;line-height:1.1}
  .v56-culture-top p{font-size:9.5px}
  .v56-route-strip{margin-top:13px;padding:12px}
  .v56-dish-grid{
    display:flex;overflow-x:auto;gap:9px;scroll-snap-type:x mandatory;
    -webkit-overflow-scrolling:touch;padding-bottom:6px
  }
  .v56-dish{flex:0 0 min(82vw,325px);scroll-snap-align:start;min-height:190px}
  .v52-tools{grid-template-columns:1fr}
  .v52-tool{padding:15px}
  .v52-audience{padding:17px;border-radius:22px}
  .v52-audience-main{padding:16px}
  .v52-audience-main h3{font-size:21px}
  .v52-cta{width:min(100% - 26px,1320px);padding:20px;border-radius:22px}
  .v52-cta h2{font-size:23px}
}

/* Chinese UI should feel editorial, not like a template full of uppercase English */
html[lang^="zh"] .kicker,
html[lang^="zh"] .v52-kicker,
html[lang^="zh"] .v51-eyebrow,
html[lang^="zh"] .v53-eyebrow{
  text-transform:none;
  letter-spacing:.04em;
}


/* V5.8 second polish: quieter content pages */
.page-hero .kicker{margin-bottom:5px}
.page-hero h1{letter-spacing:-.035em}
.detail-sections .detail-block p{line-height:1.65}
.country-dna{box-shadow:none}
.country-dna-head .dna-badge{text-transform:none;letter-spacing:.03em}
@media(max-width:700px){
  .page-hero{padding:17px;border-radius:20px}
  .page-hero h1{font-size:28px}
  .page-hero p{font-size:9.8px;line-height:1.65}
  .country-dna{padding:15px;border-radius:19px}
  .dna-grid{grid-template-columns:1fr 1fr}
  .dna-card{padding:11px}
  .origin-focus{display:flex;overflow-x:auto;gap:9px;scroll-snap-type:x mandatory;padding-bottom:6px}
  .origin-focus .focus-card{flex:0 0 min(78vw,310px);scroll-snap-align:start}
  .bridge-board{grid-template-columns:1fr}
  .detail-wrap{grid-template-columns:1fr}
}


/* ===== V5.9 refinement: product-like navigation + quieter content pages ===== */
.mobile-bridge-btn{
  display:none;
  width:40px;
  height:40px;
  border:1px solid var(--line);
  background:#fff;
  border-radius:999px;
  padding:10px;
  cursor:pointer;
}
.mobile-bridge-btn svg,
.mobile-nav-icon svg{
  width:100%;
  height:100%;
  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.profile-btn .avatar{
  font-size:15px;
  background:#edf5f1;
}

.v59-page-hero{
  box-shadow:none;
}
.v59-food-block{
  margin-top:25px;
}
.v59-food-basics{
  margin-top:30px;
}
.v59-food-heading{
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:18px;
  margin-bottom:12px;
}
.v59-food-heading>div>span{
  display:block;
  color:var(--green);
  font-size:9px;
  font-weight:850;
  margin-bottom:4px;
}
.v59-food-heading h2{
  margin:0 0 5px;
  font-size:22px;
  letter-spacing:-.025em;
}
.v59-food-heading p{
  margin:0;
  max-width:760px;
  color:var(--muted);
  font-size:10.5px;
  line-height:1.6;
}
.v59-sub-guide{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  margin-top:14px;
  border:1px solid var(--line);
  border-radius:18px;
  overflow:hidden;
  background:#fff;
}
.v59-sub-guide>div{
  padding:15px 16px;
  border-right:1px solid var(--line);
}
.v59-sub-guide>div:last-child{
  border-right:0;
}
.v59-sub-guide span{
  display:block;
  color:#8a9892;
  font-size:8px;
  font-weight:850;
  margin-bottom:5px;
}
.v59-sub-guide b{
  display:block;
  font-size:11.5px;
  margin-bottom:4px;
}
.v59-sub-guide p{
  margin:0;
  color:var(--muted);
  font-size:9px;
  line-height:1.5;
}
.v59-sub-section{
  margin-top:26px;
}
.v59-sub-list{
  display:grid;
  gap:8px;
}
.v59-sub-list .sub-row{
  margin-top:0;
}
.v59-profile-panel{
  background:#f8faf8;
}

/* mobile navigation behaves like a real app bar, not emoji labels */
.mobile-nav button{
  position:relative;
}
.mobile-nav-icon{
  display:block;
  width:21px;
  height:21px;
  margin:0 auto 4px;
}
.mobile-nav button.on:before{
  content:"";
  position:absolute;
  top:4px;
  left:50%;
  width:18px;
  height:2px;
  border-radius:999px;
  background:var(--green);
  transform:translateX(-50%);
}

@media(max-width:780px){
  .mobile-bridge-btn{
    display:grid;
    place-items:center;
    flex:none;
  }
  .header-actions{
    gap:7px;
  }
  .lang{
    max-width:104px;
  }
  .mobile-nav{
    padding-bottom:max(5px,env(safe-area-inset-bottom));
  }
  .mobile-nav button{
    min-height:58px;
    padding:8px 2px 6px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    gap:0;
    line-height:1.15;
  }
  .v59-food-block{
    margin-top:20px;
  }
  .v59-food-heading h2{
    font-size:20px;
  }
  .v59-food-heading p{
    font-size:9.5px;
  }
  .v59-sub-guide{
    display:flex;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    -webkit-overflow-scrolling:touch;
  }
  .v59-sub-guide>div{
    flex:0 0 min(76vw,290px);
    scroll-snap-align:start;
    border-right:1px solid var(--line);
  }
  .v59-sub-guide>div:last-child{
    border-right:0;
  }
  .sub-row{
    grid-template-columns:1fr 34px 1.2fr;
    padding:12px;
  }
}
@media(max-width:480px){
  .v55-brand strong{
    font-size:17px;
  }
  .lang{
    padding:8px 9px;
    max-width:92px;
  }
  .mobile-bridge-btn{
    width:38px;
    height:38px;
  }
  .food-cats{
    gap:9px;
  }
  .food-cat{
    padding:13px;
    border-radius:16px;
  }
  .food-cat .emoji{
    font-size:22px;
  }
  .food-cat h3{
    font-size:12.5px;
  }
  .food-cat p{
    font-size:8.5px;
    line-height:1.45;
  }
  .sub-row{
    grid-template-columns:1fr;
    gap:6px;
  }
  .sub-arrow{
    width:28px;
    height:28px;
    transform:rotate(90deg);
  }
}


/* ===== V5.10 refinement: sport + saved experience ===== */
.v510-day-wrap{
  margin-top:15px;
}
.v510-day-tabs{
  margin-top:0;
}
.v510-day-panel{
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:12px;
  margin-top:10px;
}
.v510-day-lead{
  border-radius:20px;
  padding:19px;
  background:linear-gradient(145deg,#173f38,#286657);
  color:#fff;
}
.v510-day-lead>span{
  display:block;
  font-size:8px;
  text-transform:uppercase;
  letter-spacing:.08em;
  color:#bedfd4;
  font-weight:850;
}
.v510-day-lead h3{
  margin:10px 0 6px;
  font-size:21px;
  letter-spacing:-.025em;
}
.v510-day-lead>p{
  margin:0;
  font-size:10.3px;
  line-height:1.65;
  color:#e0eee9;
}
.v510-day-note{
  margin-top:14px;
  padding-top:12px;
  border-top:1px solid rgba(255,255,255,.14);
  font-size:9.2px;
  line-height:1.55;
  color:#d4e7e0;
}
.v510-day-points{
  display:grid;
  gap:8px;
}
.v510-day-points>div{
  position:relative;
  border:1px solid var(--line);
  border-radius:16px;
  background:#fff;
  padding:13px 13px 12px 44px;
}
.v510-day-points em{
  position:absolute;
  left:12px;
  top:13px;
  font-style:normal;
  font-size:8px;
  color:#94a19c;
  font-weight:850;
}
.v510-day-points b{
  display:block;
  font-size:10.5px;
  margin-bottom:3px;
}
.v510-day-points span{
  display:block;
  color:#6d7c76;
  font-size:9px;
  line-height:1.48;
}
.v510-sport-tools{
  margin-top:28px;
}
.v510-sport-heading span{
  display:block;
  color:var(--green);
  font-size:9px;
  font-weight:850;
  margin-bottom:4px;
}
.v510-sport-heading h2{
  font-size:22px;
  margin:0 0 5px;
  letter-spacing:-.025em;
}
.v510-sport-heading p{
  margin:0;
  color:var(--muted);
  font-size:10.5px;
}
.v510-tool-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:10px;
  margin-top:12px;
}
.v510-tool-card{
  border:1px solid var(--line);
  background:#fff;
  border-radius:18px;
  padding:15px;
  min-height:190px;
}
.v510-tool-card:nth-child(2){background:#f2f7f5}
.v510-tool-card:nth-child(4){background:#f8f3e9}
.v510-tool-card h3{
  margin:12px 0 5px;
  font-size:13px;
}
.v510-tool-card p{
  margin:0;
  color:var(--muted);
  font-size:9.4px;
  line-height:1.55;
}
.v510-tool-link{
  display:inline-flex;
  margin-top:11px;
  color:var(--green);
  font-size:8.5px;
  font-weight:850;
}
.v510-supp{
  margin-top:12px;
  border:1px solid var(--line);
  border-radius:20px;
  background:#fff;
  padding:17px;
}
.v510-supp-head{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:16px;
}
.v510-supp-head>div:first-child>span{
  display:block;
  color:var(--green);
  font-size:8px;
  font-weight:850;
  margin-bottom:4px;
}
.v510-supp-head h2{
  margin:0;
  font-size:19px;
  letter-spacing:-.02em;
}
.v510-supp-tags{
  display:flex;
  gap:5px;
  flex-wrap:wrap;
  justify-content:flex-end;
}
.v510-supp-tags span{
  padding:5px 7px;
  border-radius:999px;
  background:#f1f6f3;
  color:#62746c;
  font-size:7.8px;
}
.v510-supp-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:8px;
  margin-top:12px;
}
.v510-supp-grid article{
  background:#f8faf8;
  border-radius:14px;
  padding:12px;
}
.v510-supp-grid h3{
  font-size:10.5px;
  margin:0 0 4px;
}
.v510-supp-grid p{
  font-size:8.6px;
  line-height:1.5;
  color:#6c7b75;
  margin:0;
}

/* Saved / My Food Bridge */
.v510-bridge-layout{
  display:grid;
  grid-template-columns:1.25fr .75fr;
  gap:13px;
  margin-top:14px;
}
.v510-saved-section,
.v510-settings{
  border:1px solid var(--line);
  border-radius:20px;
  background:#fff;
  padding:17px;
}
.v510-settings{
  background:#f5f8f6;
  align-self:start;
}
.v510-section-head{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:12px;
  margin-bottom:11px;
}
.v510-section-head span{
  display:block;
  color:var(--green);
  font-size:8px;
  font-weight:850;
  margin-bottom:3px;
}
.v510-section-head h2{
  margin:0;
  font-size:20px;
}
.v510-section-head>strong{
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  border-radius:999px;
  background:#eef5f1;
  color:var(--green);
  font-size:11px;
}
.v510-saved-list{
  display:grid;
  gap:8px;
}
.v510-saved-card{
  display:grid;
  grid-template-columns:38px 1fr auto;
  gap:10px;
  align-items:center;
  border:1px solid #e6ece8;
  border-radius:14px;
  padding:9px 10px;
}
.v510-saved-icon{
  width:36px;
  height:36px;
  border-radius:11px;
  display:grid;
  place-items:center;
  background:#f1f6f3;
  font-size:18px;
}
.v510-saved-copy{
  min-width:0;
}
.v510-saved-copy b{
  display:block;
  font-size:10px;
  line-height:1.35;
}
.v510-saved-copy span{
  display:block;
  margin-top:2px;
  color:#7a8882;
  font-size:8px;
}
.v510-saved-card>button{
  width:28px;
  height:28px;
  border:0;
  border-radius:999px;
  background:#f4f6f5;
  color:#74817c;
  cursor:pointer;
}
.v510-bridge-empty{
  text-align:center;
  padding:36px 18px;
}
.v510-empty-mark{
  width:48px;
  height:48px;
  margin:0 auto;
  border-radius:16px;
  display:grid;
  place-items:center;
  background:#eef5f1;
  color:var(--green);
  font-size:22px;
}
.v510-bridge-empty h3{
  margin:12px 0 5px;
  font-size:14px;
}
.v510-bridge-empty p{
  max-width:440px;
  margin:0 auto;
  color:var(--muted);
  font-size:9.5px;
  line-height:1.55;
}
.v510-bridge-empty>div:last-child{
  display:flex;
  justify-content:center;
  gap:7px;
  flex-wrap:wrap;
  margin-top:13px;
}
.v510-bridge-empty button{
  border:1px solid #dce6e1;
  background:#fff;
  border-radius:999px;
  padding:8px 10px;
  color:var(--green);
  font-size:8.5px;
  font-weight:850;
  cursor:pointer;
}
.v510-settings h3{
  margin:6px 0 12px;
  font-size:17px;
}
.v510-settings-list{
  display:grid;
  gap:7px;
}
.v510-settings-list>div{
  display:flex;
  justify-content:space-between;
  gap:10px;
  padding:9px 0;
  border-bottom:1px solid #e0e8e4;
}
.v510-settings-list>div:last-child{
  border-bottom:0;
}
.v510-settings-list b{
  font-size:9px;
}
.v510-settings-list span{
  font-size:8.8px;
  color:#65766f;
  text-align:right;
}
.v510-settings-edit{
  width:100%;
  margin-top:12px;
  border:1px solid #d9e4df;
  background:#fff;
  border-radius:12px;
  padding:9px;
  color:var(--green);
  font-size:8.5px;
  font-weight:850;
  cursor:pointer;
}

@media(max-width:900px){
  .v510-tool-grid,
  .v510-supp-grid{
    grid-template-columns:1fr 1fr;
  }
}
@media(max-width:700px){
  .v510-day-panel,
  .v510-bridge-layout{
    grid-template-columns:1fr;
  }
  .v510-day-tabs{
    display:flex;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    gap:7px;
    padding-bottom:3px;
  }
  .v510-day-tabs button{
    flex:0 0 auto;
    min-width:116px;
    scroll-snap-align:start;
  }
  .v510-tool-grid{
    grid-template-columns:1fr 1fr;
  }
  .v510-tool-card{
    min-height:170px;
    padding:13px;
  }
  .v510-supp-head{
    align-items:flex-start;
    flex-direction:column;
  }
  .v510-supp-tags{
    justify-content:flex-start;
  }
  .v510-bridge-layout{
    gap:10px;
  }
}
@media(max-width:480px){
  .v510-day-lead{
    padding:16px;
  }
  .v510-tool-grid{
    grid-template-columns:1fr;
  }
  .v510-tool-card{
    min-height:0;
  }
  .v510-supp-grid{
    grid-template-columns:1fr;
  }
}


/* ===== V5.11 real personal profile architecture ===== */
.v511-profile-btn{
  gap:7px!important;
}
.v511-profile-icon{
  width:18px;
  height:18px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.v511-profile-status{
  padding:8px 10px;
  border-radius:999px;
  background:#eef5f1;
  color:var(--green);
  font-size:8.5px;
  font-weight:850;
  white-space:nowrap;
}
.v511-profile-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  margin-top:14px;
}
.v511-second-row{
  margin-top:12px;
}
.v511-account-card,
.v511-measure-card,
.v511-import-card,
.v511-privacy-card{
  border:1px solid var(--line);
  border-radius:20px;
  background:#fff;
  padding:17px;
}
.v511-measure-card{background:#f7f3ea}
.v511-import-card{background:#f3f8f5}
.v511-privacy-card{background:#fafbf9}
.v511-section-title{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:12px;
  margin-bottom:13px;
}
.v511-section-title span{
  display:block;
  color:var(--green);
  font-size:8px;
  font-weight:850;
  margin-bottom:3px;
}
.v511-section-title h2{
  margin:0;
  font-size:18px;
  letter-spacing:-.02em;
}
.v511-section-title>strong{
  font-size:8.5px;
  color:#718079;
}
.v511-account-fields{
  display:grid;
  gap:8px;
}
.v511-account-fields label{
  display:grid;
  grid-template-columns:110px 1fr;
  gap:10px;
  align-items:center;
  border-bottom:1px solid #e7ece9;
  padding:8px 0;
}
.v511-account-fields label:last-child{border-bottom:0}
.v511-account-fields span{
  font-size:8.8px;
  color:#74817c;
}
.v511-account-fields strong{
  font-size:9.5px;
  font-weight:750;
}
.v511-account-fields input{
  width:100%;
  border:1px solid #dfe7e3;
  background:#fff;
  border-radius:10px;
  padding:8px 9px;
  font-size:9.5px;
  outline:0;
}
.v511-save-profile,
.v511-primary,
.v511-secondary{
  border-radius:999px;
  padding:9px 12px;
  font-size:8.8px;
  font-weight:850;
  cursor:pointer;
}
.v511-save-profile,
.v511-secondary{
  margin-top:12px;
  border:1px solid #dce6e1;
  background:#fff;
  color:var(--green);
}
.v511-primary{
  margin-top:12px;
  border:0;
  background:#173f38;
  color:#fff;
}
.v511-measure-stats{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:7px;
}
.v511-measure-stats>div{
  background:rgba(255,255,255,.82);
  border-radius:13px;
  padding:11px;
}
.v511-measure-stats span{
  display:block;
  font-size:7.8px;
  color:#78857f;
}
.v511-measure-stats b{
  display:block;
  margin-top:4px;
  font-size:15px;
}
.v511-measure-stats em{
  display:block;
  margin-top:3px;
  font-style:normal;
  font-size:7.8px;
  color:#6a7c73;
}
.v511-no-measure{
  text-align:center;
  padding:18px 10px 12px;
}
.v511-no-measure>div{
  width:44px;
  height:44px;
  margin:0 auto;
  border-radius:14px;
  display:grid;
  place-items:center;
  background:#fff;
  color:#7f9188;
  font-size:22px;
}
.v511-no-measure h3{
  margin:10px 0 4px;
  font-size:12px;
}
.v511-no-measure p{
  margin:0 auto;
  max-width:420px;
  color:#6e7c76;
  font-size:8.8px;
  line-height:1.5;
}
.v511-import-flow{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:7px;
}
.v511-import-flow>div{
  border:1px solid #dfe9e4;
  background:#fff;
  border-radius:13px;
  padding:10px;
}
.v511-import-flow span{
  display:block;
  color:#94a19c;
  font-size:7.5px;
  margin-bottom:4px;
}
.v511-import-flow b{
  font-size:9px;
  line-height:1.4;
}
.v511-import-note{
  margin:11px 0 0;
  color:#687870;
  font-size:8.7px;
  line-height:1.55;
}
.v511-privacy-list{
  display:grid;
  gap:8px;
}
.v511-privacy-list>div{
  border-bottom:1px solid #e5ebe8;
  padding-bottom:8px;
}
.v511-privacy-list>div:last-child{
  border-bottom:0;
  padding-bottom:0;
}
.v511-privacy-list b{
  display:block;
  font-size:9.4px;
  margin-bottom:3px;
}
.v511-privacy-list span{
  display:block;
  color:#6d7b75;
  font-size:8.6px;
  line-height:1.48;
}
.v511-measure-form{
  display:none;
  margin-top:14px;
  border:1px solid var(--line);
  border-radius:20px;
  background:#fff;
  padding:17px;
}
.v511-measure-form.on{display:block}
.v511-form-head{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:start;
}
.v511-form-head span{
  display:block;
  color:var(--green);
  font-size:8px;
  font-weight:850;
  margin-bottom:3px;
}
.v511-form-head h2{
  margin:0;
  font-size:18px;
}
.v511-form-head button{
  width:30px;
  height:30px;
  border:0;
  border-radius:999px;
  background:#f3f6f4;
  color:#67776f;
  cursor:pointer;
}
.v511-form-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:8px;
  margin-top:13px;
}
.v511-form-grid label span{
  display:block;
  margin-bottom:4px;
  color:#6f7d77;
  font-size:8px;
}
.v511-form-grid input{
  width:100%;
  border:1px solid #dfe7e3;
  border-radius:11px;
  padding:9px;
  font-size:9px;
  outline:0;
}
.v511-local-note{
  margin-top:10px;
  padding:9px 10px;
  border-radius:11px;
  background:#f7f8f7;
  color:#75827c;
  font-size:8.2px;
  line-height:1.48;
}

@media(max-width:800px){
  .v511-profile-grid{
    grid-template-columns:1fr;
  }
  .v511-form-grid{
    grid-template-columns:1fr 1fr;
  }
}
@media(max-width:520px){
  .profile-btn span#accountLabel{
    display:none;
  }
  .v511-profile-btn{
    width:38px;
    height:38px;
    padding:9px!important;
    display:grid!important;
    place-items:center;
  }
  .v511-profile-status{
    white-space:normal;
  }
  .v511-account-fields label{
    grid-template-columns:1fr;
    gap:4px;
  }
  .v511-measure-stats{
    grid-template-columns:1fr 1fr 1fr;
  }
  .v511-import-flow{
    grid-template-columns:1fr;
  }
  .v511-form-grid{
    grid-template-columns:1fr;
  }
}


/* ===== V5.12 profile trends + partner-import refinement ===== */
.v512-history-section{
  margin-top:12px;
  border:1px solid var(--line);
  border-radius:20px;
  background:#fff;
  padding:17px;
}
.v512-trend-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:8px;
}
.v512-trend-grid article{
  min-width:0;
  border:1px solid #e4ebe7;
  border-radius:15px;
  background:#f8faf8;
  padding:12px;
}
.v512-trend-grid span{
  display:block;
  font-size:8px;
  color:#74817c;
}
.v512-trend-grid b{
  display:block;
  margin-top:3px;
  font-size:15px;
}
.v512-spark{
  display:block;
  width:100%;
  height:42px;
  margin-top:7px;
  color:#2f725f;
}
.v512-history-list{
  margin-top:10px;
  border:1px solid #e5ebe8;
  border-radius:15px;
  overflow:hidden;
}
.v512-history-row{
  display:grid;
  grid-template-columns:1.15fr repeat(3,1fr);
  gap:8px;
  align-items:center;
  padding:10px 11px;
  background:#fff;
  border-bottom:1px solid #e8eeeb;
}
.v512-history-row:last-child{border-bottom:0}
.v512-history-row>div span{
  display:block;
  font-size:7.5px;
  color:#83908b;
  margin-bottom:2px;
}
.v512-history-row>div b{
  display:block;
  font-size:9px;
  font-weight:750;
}
.v512-trend-note{
  margin:10px 0 0;
  padding:9px 10px;
  border-radius:11px;
  background:#f7f3ea;
  color:#6e7a75;
  font-size:8.3px;
  line-height:1.5;
}
.v512-import-panel{
  display:none;
  margin-top:10px;
  gap:7px;
}
.v512-import-panel.on{
  display:grid;
}
.v512-import-panel>div{
  display:grid;
  grid-template-columns:90px 1fr;
  gap:10px;
  border:1px solid #dfe8e4;
  border-radius:12px;
  background:#fff;
  padding:9px 10px;
}
.v512-import-panel b{
  font-size:8.8px;
}
.v512-import-panel span{
  color:#6f7d77;
  font-size:8.3px;
  line-height:1.45;
}

@media(max-width:700px){
  .v512-trend-grid{
    display:flex;
    overflow-x:auto;
    gap:8px;
    scroll-snap-type:x mandatory;
    -webkit-overflow-scrolling:touch;
    padding-bottom:4px;
  }
  .v512-trend-grid article{
    flex:0 0 min(70vw,260px);
    scroll-snap-align:start;
  }
  .v512-history-list{
    overflow-x:auto;
  }
  .v512-history-row{
    min-width:560px;
  }
}
@media(max-width:480px){
  .v512-import-panel>div{
    grid-template-columns:1fr;
    gap:3px;
  }
}


/* ===== V5.13 personal-control polish ===== */
.v511-account-fields select{
  width:100%;
  border:1px solid #dfe7e3;
  background:#fff;
  border-radius:10px;
  padding:8px 9px;
  font-size:9.5px;
  outline:0;
  color:var(--ink);
}
.v513-delete-measure{
  width:26px;
  height:26px;
  border:0;
  border-radius:999px;
  background:#f4f6f5;
  color:#798680;
  cursor:pointer;
  align-self:center;
}
.v512-history-row{
  grid-template-columns:1.15fr repeat(3,1fr) 30px!important;
}
.v513-clear-local{
  width:100%;
  margin-top:13px;
  padding-top:11px;
  border:0;
  border-top:1px solid #e2e9e5;
  background:transparent;
  color:#8b645d;
  font-size:8.2px;
  text-align:left;
  cursor:pointer;
}
.v55-store-row button.preferred{
  border-color:#b8d3c8;
  background:#eef6f2;
}
.v55-store-row button b em{
  display:inline-flex;
  margin-left:5px;
  padding:3px 5px;
  border-radius:999px;
  background:#fff;
  color:#2f725f;
  font-size:6.8px;
  font-style:normal;
  vertical-align:middle;
}
@media(max-width:700px){
  .v512-history-row{
    min-width:610px;
  }
}


/* ===== V5.14 first-use + profile maturity ===== */
.v514-profile-summary{
  display:grid;
  grid-template-columns:repeat(3,minmax(90px,1fr));
  gap:7px;
  min-width:330px;
}
.v514-profile-summary>div,
.v514-profile-summary>button{
  border:1px solid #dfe8e4;
  background:rgba(255,255,255,.82);
  border-radius:13px;
  padding:10px;
  text-align:left;
}
.v514-profile-summary>button{
  cursor:pointer;
  color:inherit;
}
.v514-profile-summary b{
  display:block;
  max-width:120px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:11px;
}
.v514-profile-summary span{
  display:block;
  margin-top:3px;
  color:#74817c;
  font-size:7.7px;
}
.v514-first-use{
  margin-top:12px;
  border:1px solid #dfe8e4;
  border-radius:18px;
  background:#f4f8f6;
  padding:14px 16px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:18px;
}
.v514-first-use>div>span{
  display:block;
  color:var(--green);
  font-size:8px;
  font-weight:850;
  margin-bottom:3px;
}
.v514-first-use h3{
  margin:0;
  font-size:13px;
}
.v514-first-use p{
  margin:4px 0 0;
  color:#708079;
  font-size:8.7px;
  line-height:1.45;
}
.v514-first-use button{
  flex:none;
  border:0;
  border-radius:999px;
  background:#173f38;
  color:#fff;
  padding:9px 11px;
  font-size:8.5px;
  font-weight:850;
  cursor:pointer;
}
.v510-day-tabs button{
  position:relative;
  padding-left:18px;
}
.v510-day-tabs button:before{
  content:"";
  position:absolute;
  left:8px;
  top:50%;
  width:5px;
  height:5px;
  transform:translateY(-50%);
  border-radius:999px;
  background:#9baaa4;
}
.v510-day-tabs button.on:before{
  background:#fff;
}

@media(max-width:820px){
  .v511-profile-hero{
    grid-template-columns:1fr!important;
  }
  .v514-profile-summary{
    min-width:0;
    width:100%;
  }
}
@media(max-width:560px){
  .v514-profile-summary{
    grid-template-columns:repeat(3,1fr);
  }
  .v514-first-use{
    align-items:flex-start;
    flex-direction:column;
  }
  .v514-first-use button{
    width:100%;
  }
}


/* ===== V5.16 pricing architecture ===== */
.v516-plan-hero{
  grid-template-columns:1fr auto!important;
}
.v516-current-plan{
  border:1px solid #dfe8e4;
  background:#fff;
  border-radius:16px;
  padding:11px 13px;
  min-width:110px;
}
.v516-current-plan span{
  display:block;
  font-size:7.5px;
  color:#7d8a84;
}
.v516-current-plan b{
  display:block;
  margin-top:3px;
  font-size:13px;
}
.v516-plan-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:10px;
  margin-top:14px;
}
.v516-plan-card{
  position:relative;
  border:1px solid var(--line);
  border-radius:20px;
  background:#fff;
  padding:16px;
  display:flex;
  flex-direction:column;
  min-width:0;
}
.v516-plan-card.featured{
  border-color:#92b9aa;
  background:linear-gradient(180deg,#eef6f2 0%,#fff 42%);
  box-shadow:0 10px 26px rgba(38,84,69,.08);
}
.v516-badge{
  position:absolute;
  right:11px;
  top:11px;
  padding:4px 6px;
  border-radius:999px;
  background:#173f38;
  color:#fff;
  font-size:6.8px;
  font-weight:850;
}
.v516-plan-top>span{
  display:block;
  color:var(--green);
  font-size:9px;
  font-weight:850;
}
.v516-plan-top>div{
  display:flex;
  align-items:baseline;
  gap:3px;
  margin-top:8px;
}
.v516-plan-top b{
  font-size:25px;
  letter-spacing:-.035em;
}
.v516-plan-top em{
  font-style:normal;
  font-size:8px;
  color:#78847f;
}
.v516-plan-top p{
  min-height:40px;
  margin:7px 0 0;
  color:#6e7d76;
  font-size:8.9px;
  line-height:1.5;
}
.v516-plan-features{
  display:grid;
  gap:8px;
  margin:15px 0 14px;
  flex:1;
}
.v516-plan-features>div{
  display:grid;
  grid-template-columns:16px 1fr;
  gap:6px;
  align-items:start;
}
.v516-plan-features>div>span{
  color:#2f725f;
  font-size:9px;
  font-weight:900;
}
.v516-plan-features p{
  margin:0;
  font-size:8.4px;
  line-height:1.42;
  color:#46584f;
}
.v516-plan-card>button{
  width:100%;
  margin-top:auto;
  border-radius:999px;
  padding:9px 10px;
  font-size:8.5px;
  font-weight:850;
  cursor:pointer;
}
.v516-plan-card>button.outline{
  border:1px solid #dce5e1;
  background:#fff;
  color:var(--green);
}
.v516-plan-card>button.solid{
  border:0;
  background:#173f38;
  color:#fff;
}
.v516-plan-card>button:disabled{
  opacity:.55;
  cursor:default;
}
.v516-matrix{
  margin-top:18px;
  border:1px solid var(--line);
  border-radius:20px;
  background:#fff;
  padding:16px;
}
.v516-matrix-head span{
  display:block;
  color:var(--green);
  font-size:8px;
  font-weight:850;
}
.v516-matrix-head h2{
  margin:4px 0 0;
  font-size:18px;
}
.v516-table-wrap{
  margin-top:12px;
  overflow-x:auto;
}
.v516-matrix table{
  width:100%;
  min-width:680px;
  border-collapse:collapse;
}
.v516-matrix th,
.v516-matrix td{
  padding:9px 10px;
  border-bottom:1px solid #e7ece9;
  text-align:center;
  font-size:8.4px;
}
.v516-matrix th:first-child,
.v516-matrix td:first-child{
  text-align:left;
  width:30%;
}
.v516-matrix th{
  color:#32483f;
  font-size:9px;
}
.v516-matrix th small{
  display:block;
  margin-top:2px;
  color:#82908a;
  font-size:7px;
  font-weight:600;
}
.v516-professional-note{
  margin-top:12px;
  border:1px solid #dfd9cc;
  border-radius:20px;
  background:#f8f3e9;
  padding:16px;
  display:grid;
  grid-template-columns:1fr auto;
  gap:16px;
  align-items:center;
}
.v516-professional-note span{
  display:block;
  color:#8a6d47;
  font-size:8px;
  font-weight:850;
}
.v516-professional-note h2{
  margin:5px 0 5px;
  font-size:17px;
}
.v516-professional-note p{
  margin:0;
  max-width:800px;
  color:#6f675d;
  font-size:8.7px;
  line-height:1.55;
}
.v516-professional-note button{
  border:0;
  border-radius:999px;
  background:#173f38;
  color:#fff;
  padding:9px 11px;
  font-size:8.4px;
  font-weight:850;
  cursor:pointer;
  white-space:nowrap;
}
.v516-legal-note{
  margin:10px 3px 0;
  color:#7b8782;
  font-size:7.8px;
  line-height:1.5;
}
.v516-profile-plans{
  margin-top:7px;
  border:0;
  background:transparent;
  color:var(--green);
  font-size:8.3px;
  font-weight:850;
  cursor:pointer;
  padding:3px 0;
  text-align:left;
}
.v52-cta .ghost{
  border:1px solid #dce5e1;
  background:#fff;
  color:var(--green);
  border-radius:999px;
  padding:9px 12px;
  font-size:8.5px;
  font-weight:850;
  cursor:pointer;
}

@media(max-width:980px){
  .v516-plan-grid{
    grid-template-columns:1fr 1fr;
  }
}
@media(max-width:700px){
  .v516-plan-hero{
    grid-template-columns:1fr!important;
  }
  .v516-current-plan{
    justify-self:start;
  }
  .v516-plan-grid{
    display:flex;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    -webkit-overflow-scrolling:touch;
    padding-bottom:5px;
  }
  .v516-plan-card{
    flex:0 0 min(82vw,330px);
    scroll-snap-align:start;
  }
  .v516-professional-note{
    grid-template-columns:1fr;
  }
  .v516-professional-note button{
    justify-self:start;
  }
}


/* ===== V5.17 monetization / upgrade flow ===== */
.v517-upgrade-modal{
  display:none;
  position:fixed;
  inset:0;
  z-index:1000;
}
.v517-upgrade-modal.on{display:block}
.v517-upgrade-backdrop{
  position:absolute;inset:0;background:rgba(13,31,26,.45);backdrop-filter:blur(5px)
}
.v517-upgrade-card{
  position:absolute;
  left:50%;top:50%;
  width:min(430px,calc(100vw - 28px));
  transform:translate(-50%,-50%);
  background:#fff;
  border-radius:22px;
  padding:20px;
  box-shadow:0 24px 70px rgba(14,43,35,.22);
}
.v517-upgrade-card>span{
  display:block;color:var(--green);font-size:8.5px;font-weight:850
}
.v517-upgrade-card h3{
  margin:7px 30px 6px 0;font-size:19px;letter-spacing:-.025em
}
.v517-upgrade-card p{
  margin:0;color:#697a72;font-size:9.5px;line-height:1.6
}
.v517-upgrade-close{
  position:absolute;right:12px;top:12px;width:30px;height:30px;border:0;border-radius:999px;background:#f2f5f3;color:#6d7a75;cursor:pointer
}
.v517-upgrade-actions{display:flex;gap:7px;margin-top:15px}
.v517-upgrade-actions button{
  border-radius:999px;padding:9px 12px;font-size:8.5px;font-weight:850;cursor:pointer
}
.v517-upgrade-actions .solid{border:0;background:#173f38;color:#fff}
.v517-upgrade-actions .ghost{border:1px solid #dce6e1;background:#fff;color:var(--green)}

.v517-inline-lock,
.v517-profile-lock{
  margin-top:10px;
  border:1px dashed #b8cec5;
  border-radius:16px;
  background:#f4f8f6;
  padding:13px 14px;
  display:flex;
  justify-content:space-between;
  gap:14px;
  align-items:center;
}
.v517-inline-lock span,
.v517-profile-lock span{
  display:block;color:var(--green);font-size:7.8px;font-weight:850;margin-bottom:3px
}
.v517-inline-lock h3,
.v517-profile-lock h3{margin:0;font-size:11.5px}
.v517-inline-lock p,
.v517-profile-lock p{margin:4px 0 0;color:#6d7c75;font-size:8.5px;line-height:1.5}
.v517-inline-lock button,
.v517-profile-lock button{
  flex:none;border:0;border-radius:999px;background:#173f38;color:#fff;padding:8px 10px;font-size:8px;font-weight:850;cursor:pointer
}
.v510-day-tabs button.locked{opacity:.62}
.v517-tool-locked{position:relative}
.v517-tool-locked:after{
  content:"";
  position:absolute;inset:0;border-radius:18px;
  border:1px dashed #afc8be;pointer-events:none
}
.v517-professional-card{
  margin-top:12px;border:1px solid #ded8cb;border-radius:20px;background:#f8f3e9;padding:17px
}
.v517-professional-head{
  display:flex;justify-content:space-between;gap:14px;align-items:flex-end
}
.v517-professional-head span{display:block;color:#896b46;font-size:8px;font-weight:850}
.v517-professional-head h2{margin:4px 0 0;font-size:17px}
.v517-professional-head>strong{font-size:8.5px;color:#766c5f;white-space:nowrap}
.v517-guided-locked,.v517-guided-open{
  margin-top:12px;padding-top:11px;border-top:1px solid #e5ddcf;
  display:flex;justify-content:space-between;gap:14px;align-items:center
}
.v517-guided-locked p,.v517-guided-open span{
  margin:0;color:#6f675c;font-size:8.7px;line-height:1.52
}
.v517-guided-open b{display:block;font-size:9.5px;margin-bottom:3px}
.v517-guided-locked button,.v517-guided-open button{
  flex:none;border:0;border-radius:999px;background:#173f38;color:#fff;padding:8px 10px;font-size:8px;font-weight:850;cursor:pointer
}

.v517-value-ladder{
  display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px
}
.v517-value-ladder>div{
  border:1px solid var(--line);border-radius:16px;background:#fff;padding:12px
}
.v517-value-ladder>div:nth-child(3){background:#eef6f2}
.v517-value-ladder span{display:block;color:var(--green);font-size:8px;font-weight:900}
.v517-value-ladder b{display:block;margin-top:5px;font-size:10.5px;line-height:1.35}
.v517-value-ladder p{margin:4px 0 0;color:#728078;font-size:8px;line-height:1.45}
.v517-demo-banner{
  margin-top:10px;border:1px solid #d9e4df;border-radius:14px;background:#f7faf8;padding:10px 12px;
  display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center
}
.v517-demo-banner span{font-size:8.8px}
.v517-demo-banner p{margin:0;color:#728079;font-size:8px;line-height:1.4}
.v517-demo-banner button{
  border:1px solid #dce5e1;background:#fff;border-radius:999px;padding:7px 9px;color:var(--green);font-size:7.8px;font-weight:850;cursor:pointer
}
.v516-current-plan small{display:block;margin-top:4px;color:#2f725f;font-size:7px}

@media(max-width:800px){
  .v517-value-ladder{
    display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:4px
  }
  .v517-value-ladder>div{flex:0 0 min(68vw,250px);scroll-snap-align:start}
  .v517-demo-banner{grid-template-columns:1fr}
  .v517-demo-banner button{justify-self:start}
}
@media(max-width:560px){
  .v517-inline-lock,.v517-profile-lock,
  .v517-guided-locked,.v517-guided-open,
  .v517-professional-head{align-items:flex-start;flex-direction:column}
  .v517-inline-lock button,.v517-profile-lock button,
  .v517-guided-locked button,.v517-guided-open button{width:100%}
  .v517-upgrade-actions{flex-direction:column}
}


/* ===== V5.18 professional network ===== */
.v518-pro-hero{
  grid-template-columns:1fr auto!important;
}
.v518-pro-status{
  min-width:130px;
  border:1px solid #dfe8e4;
  border-radius:16px;
  background:#fff;
  padding:11px 13px;
}
.v518-pro-status span{
  display:block;
  font-size:7.5px;
  color:#7a8781;
}
.v518-pro-status b{
  display:block;
  margin-top:3px;
  font-size:11px;
  color:#765f42;
}
.v518-pro-path{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:8px;
  margin-top:14px;
}
.v518-pro-path>div{
  border:1px solid var(--line);
  border-radius:17px;
  background:#fff;
  padding:13px;
}
.v518-pro-path>div:nth-child(4){
  background:#f8f3e9;
}
.v518-pro-path span{
  display:block;
  color:#96a39e;
  font-size:7.5px;
  font-weight:850;
}
.v518-pro-path b{
  display:block;
  margin-top:7px;
  font-size:10.5px;
  line-height:1.35;
}
.v518-pro-path p{
  margin:5px 0 0;
  color:#718078;
  font-size:8.2px;
  line-height:1.5;
}
.v518-specialty-section{
  margin-top:22px;
}
.v518-section-head span,
.v518-how-paid>div>span,
.v518-partner-empty>div:nth-child(2)>span{
  display:block;
  color:var(--green);
  font-size:8px;
  font-weight:850;
}
.v518-section-head h2,
.v518-how-paid h2,
.v518-partner-empty h2{
  margin:5px 0 0;
  font-size:18px;
  letter-spacing:-.025em;
}
.v518-specialty-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:9px;
  margin-top:11px;
}
.v518-specialty-grid article{
  border:1px solid var(--line);
  border-radius:17px;
  background:#fff;
  padding:14px;
}
.v518-specialty-grid article>span{
  color:#2f725f;
  font-size:15px;
}
.v518-specialty-grid h3{
  margin:7px 0 4px;
  font-size:11px;
}
.v518-specialty-grid p{
  margin:0;
  color:#718078;
  font-size:8.5px;
  line-height:1.48;
}
.v518-how-paid{
  margin-top:13px;
  display:grid;
  grid-template-columns:1fr auto;
  gap:18px;
  align-items:center;
  border:1px solid #ded8cb;
  border-radius:20px;
  background:#f8f3e9;
  padding:17px;
}
.v518-included{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin-top:11px;
}
.v518-included>div{
  background:rgba(255,255,255,.7);
  border-radius:13px;
  padding:10px;
}
.v518-included b{
  font-size:9.5px;
}
.v518-included p{
  margin:4px 0 0;
  color:#70685d;
  font-size:8.4px;
  line-height:1.5;
}
.v518-guided-price{
  min-width:150px;
  border-left:1px solid #e4ddcf;
  padding-left:18px;
}
.v518-guided-price>span{
  display:block;
  color:#846842;
  font-size:8px;
  font-weight:850;
}
.v518-guided-price b{
  display:inline-block;
  margin-top:5px;
  font-size:24px;
}
.v518-guided-price em{
  font-style:normal;
  color:#7a7063;
  font-size:8px;
}
.v518-guided-price button{
  display:block;
  margin-top:9px;
  border:0;
  border-radius:999px;
  background:#173f38;
  color:#fff;
  padding:8px 10px;
  font-size:8px;
  font-weight:850;
  cursor:pointer;
}
.v518-partner-empty{
  margin-top:13px;
  border:1px dashed #bdcbc5;
  border-radius:19px;
  background:#f8faf8;
  padding:17px;
  display:grid;
  grid-template-columns:auto 1fr;
  gap:13px;
  align-items:center;
}
.v518-empty-icon{
  width:50px;
  height:50px;
  border-radius:15px;
  display:grid;
  place-items:center;
  background:#eef5f1;
  color:#2f725f;
  font-size:22px;
}
.v518-partner-empty p{
  margin:5px 0 0;
  color:#6f7d76;
  font-size:8.6px;
  line-height:1.52;
}
.v518-reg-note{
  margin:10px 4px 0;
  color:#7b8782;
  font-size:7.7px;
  line-height:1.5;
}

@media(max-width:850px){
  .v518-pro-path{grid-template-columns:1fr 1fr}
  .v518-specialty-grid{grid-template-columns:1fr}
}
@media(max-width:700px){
  .v518-pro-hero{grid-template-columns:1fr!important}
  .v518-pro-status{justify-self:start}
  .v518-how-paid{grid-template-columns:1fr}
  .v518-guided-price{
    border-left:0;
    border-top:1px solid #e4ddcf;
    padding-left:0;
    padding-top:12px;
  }
}
@media(max-width:520px){
  .v518-pro-path{
    display:flex;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    padding-bottom:4px;
  }
  .v518-pro-path>div{
    flex:0 0 min(74vw,270px);
    scroll-snap-align:start;
  }
  .v518-included{grid-template-columns:1fr}
  .v518-partner-empty{grid-template-columns:1fr}
}


/* ===== V5.19 partner business architecture ===== */
.v519-partner-hero{
  grid-template-columns:1fr auto!important;
}
.v519-back-pro{
  align-self:end;
  border:1px solid #dce6e1;
  border-radius:999px;
  background:#fff;
  color:var(--green);
  padding:9px 11px;
  font-size:8px;
  font-weight:850;
  cursor:pointer;
}
.v519-partner-types{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:11px;
  margin-top:14px;
}
.v519-partner-types article{
  border:1px solid var(--line);
  border-radius:20px;
  background:#fff;
  padding:17px;
}
.v519-partner-types article:nth-child(2){
  background:#f3f8f5;
}
.v519-partner-icon{
  width:45px;height:45px;border-radius:14px;
  display:grid;place-items:center;
  background:#eef5f1;color:#2f725f;font-size:21px
}
.v519-partner-types article>span,
.v519-section-head>span,
.v519-share-flow>div:first-child>span,
.v519-partner-join>div:first-child>span,
.v519-pro-partner-cta span{
  display:block;
  color:var(--green);
  font-size:8px;
  font-weight:850;
  margin-top:10px;
}
.v519-partner-types h2{
  margin:5px 0 5px;
  font-size:17px;
  letter-spacing:-.02em;
}
.v519-partner-types p{
  margin:0;
  color:#6e7c76;
  font-size:8.8px;
  line-height:1.55;
}
.v519-partner-bullets{
  display:grid;
  gap:7px;
  margin-top:12px;
}
.v519-partner-bullets>div{
  display:grid;
  grid-template-columns:16px 1fr;
  gap:5px;
}
.v519-partner-bullets i{
  font-style:normal;
  color:#2f725f;
  font-size:8px;
  font-weight:900;
}
.v519-partner-bullets b{
  font-size:8.5px;
  font-weight:750;
  line-height:1.4;
}
.v519-user-value{
  margin-top:22px;
}
.v519-section-head h2,
.v519-share-flow h2,
.v519-partner-join h2,
.v519-pro-partner-cta h2{
  margin:5px 0 0;
  font-size:18px;
  letter-spacing:-.025em;
}
.v519-reason-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:8px;
  margin-top:11px;
}
.v519-reason-grid article{
  border:1px solid var(--line);
  border-radius:15px;
  background:#fff;
  padding:12px;
}
.v519-reason-grid h3{
  margin:0;
  font-size:10px;
}
.v519-reason-grid p{
  margin:5px 0 0;
  color:#718078;
  font-size:8px;
  line-height:1.48;
}
.v519-share-flow{
  margin-top:13px;
  border:1px solid #dce5e1;
  border-radius:20px;
  background:#f7faf8;
  padding:16px;
  display:grid;
  grid-template-columns:1fr .8fr;
  gap:18px;
  align-items:center;
}
.v519-share-flow p{
  margin:6px 0 0;
  color:#6d7c75;
  font-size:8.7px;
  line-height:1.55;
}
.v519-share-mock{
  display:grid;
  gap:7px;
}
.v519-share-mock label{
  display:flex;
  gap:8px;
  align-items:center;
  border:1px solid #e0e8e4;
  border-radius:12px;
  background:#fff;
  padding:9px 10px;
}
.v519-share-mock input{
  accent-color:#2f725f;
}
.v519-share-mock span{
  font-size:8.6px;
  color:#52655c;
}
.v519-partner-join{
  margin-top:13px;
  border:1px solid #ded8cb;
  border-radius:20px;
  background:#f8f3e9;
  padding:17px;
  display:grid;
  grid-template-columns:1fr auto;
  gap:18px;
  align-items:center;
}
.v519-partner-join p{
  margin:6px 0 0;
  color:#70685d;
  font-size:8.7px;
  line-height:1.55;
}
.v519-pilot-actions{
  min-width:245px;
  display:grid;
  gap:7px;
}
.v519-pilot-actions button{
  border:1px solid #ddd5c7;
  border-radius:999px;
  background:rgba(255,255,255,.78);
  color:#807566;
  padding:9px 11px;
  font-size:8px;
}
.v519-boundary-note{
  margin:9px 3px 0;
  color:#7b8782;
  font-size:7.7px;
  line-height:1.5;
}
.v519-pro-partner-cta{
  margin-top:13px;
  border:1px solid #dfe8e4;
  border-radius:18px;
  background:#f4f8f6;
  padding:14px 16px;
  display:flex;
  justify-content:space-between;
  gap:16px;
  align-items:center;
}
.v519-pro-partner-cta span{margin-top:0}
.v519-pro-partner-cta p{
  margin:5px 0 0;
  color:#6e7d76;
  font-size:8.4px;
  line-height:1.5;
}
.v519-pro-partner-cta button{
  flex:none;
  border:0;
  border-radius:999px;
  background:#173f38;
  color:#fff;
  padding:9px 11px;
  font-size:8px;
  font-weight:850;
  cursor:pointer;
}
@media(max-width:850px){
  .v519-reason-grid{grid-template-columns:1fr 1fr}
  .v519-partner-join{grid-template-columns:1fr}
  .v519-pilot-actions{min-width:0}
}
@media(max-width:700px){
  .v519-partner-hero{grid-template-columns:1fr!important}
  .v519-back-pro{justify-self:start}
  .v519-partner-types{grid-template-columns:1fr}
  .v519-share-flow{grid-template-columns:1fr}
  .v519-pro-partner-cta{
    align-items:flex-start;
    flex-direction:column;
  }
  .v519-pro-partner-cta button{width:100%}
}
@media(max-width:520px){
  .v519-reason-grid{grid-template-columns:1fr}
}


/* ===== V5.20 entitlements + professional workspace ===== */
.v520-upgrade-modal{display:none;position:fixed;inset:0;z-index:1200}
.v520-upgrade-modal.on{display:block}
.v520-upgrade-backdrop{position:absolute;inset:0;background:rgba(15,34,29,.46);backdrop-filter:blur(5px)}
.v520-upgrade-card{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  width:min(430px,calc(100vw - 28px));background:#fff;border-radius:22px;padding:20px;
  box-shadow:0 24px 70px rgba(14,43,35,.22)
}
.v520-upgrade-card>span{display:block;color:var(--green);font-size:8.4px;font-weight:850}
.v520-upgrade-card h3{margin:7px 30px 6px 0;font-size:19px;letter-spacing:-.025em}
.v520-upgrade-card p{margin:0;color:#697a72;font-size:9.5px;line-height:1.6}
.v520-upgrade-close{
  position:absolute;right:12px;top:12px;width:30px;height:30px;border:0;border-radius:999px;
  background:#f2f5f3;color:#6d7a75;cursor:pointer
}
.v520-upgrade-actions{display:flex;gap:7px;margin-top:15px}
.v520-upgrade-actions button{border-radius:999px;padding:9px 12px;font-size:8.5px;font-weight:850;cursor:pointer}
.v520-upgrade-actions .solid{border:0;background:#173f38;color:#fff}
.v520-upgrade-actions .ghost{border:1px solid #dce6e1;background:#fff;color:var(--green)}

.v520-inline-lock,.v520-profile-lock{
  margin-top:10px;border:1px dashed #b8cec5;border-radius:16px;background:#f4f8f6;
  padding:13px 14px;display:flex;justify-content:space-between;gap:14px;align-items:center
}
.v520-inline-lock span,.v520-profile-lock span{display:block;color:var(--green);font-size:7.8px;font-weight:850;margin-bottom:3px}
.v520-inline-lock h3,.v520-profile-lock h3{margin:0;font-size:11.5px}
.v520-inline-lock p,.v520-profile-lock p{margin:4px 0 0;color:#6d7c75;font-size:8.5px;line-height:1.5}
.v520-inline-lock button,.v520-profile-lock button{
  flex:none;border:0;border-radius:999px;background:#173f38;color:#fff;padding:8px 10px;font-size:8px;font-weight:850;cursor:pointer
}
.v510-day-tabs button.locked{opacity:.58}
.v520-tool-locked{position:relative}
.v520-tool-locked:after{content:"";position:absolute;inset:0;border:1px dashed #afc8be;border-radius:18px;pointer-events:none}
.v520-plan-preview{
  margin-top:11px;border:1px solid #d9e4df;border-radius:14px;background:#f7faf8;padding:10px 12px;
  display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center
}
.v520-plan-preview span{display:block;color:var(--green);font-size:7.8px;font-weight:850}
.v520-plan-preview b{font-size:11px}
.v520-plan-preview p{margin:3px 0 0;color:#728079;font-size:8px;line-height:1.4}
.v520-plan-preview button{
  border:1px solid #dce5e1;background:#fff;border-radius:999px;padding:7px 9px;
  color:var(--green);font-size:7.8px;font-weight:850;cursor:pointer
}
.v516-current-plan small{display:block;margin-top:4px;color:#2f725f;font-size:7px}

/* booking */
.v520-booking-hero,.v520-desk-hero{grid-template-columns:1fr auto!important}
.v520-back-pro{
  align-self:end;border:1px solid #dce6e1;border-radius:999px;background:#fff;color:var(--green);
  padding:9px 11px;font-size:8px;font-weight:850;cursor:pointer
}
.v520-booking-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px}
.v520-booking-steps article{
  border:1px solid var(--line);border-radius:17px;background:#fff;padding:13px
}
.v520-booking-steps article:nth-child(4){background:#f8f3e9}
.v520-booking-steps span{font-size:7.5px;color:#96a39e;font-weight:850}
.v520-booking-steps h3{margin:7px 0 4px;font-size:10.5px;line-height:1.35}
.v520-booking-steps p{margin:0;color:#708078;font-size:8.2px;line-height:1.5}

.v520-booking-filter,.v520-booking-share{
  margin-top:13px;border:1px solid var(--line);border-radius:20px;background:#fff;padding:16px;
  display:grid;grid-template-columns:1fr .85fr;gap:18px;align-items:center
}
.v520-booking-filter>div:first-child>span,.v520-booking-share>div:first-child>span{
  display:block;color:var(--green);font-size:8px;font-weight:850
}
.v520-booking-filter h2,.v520-booking-share h2,.v520-booking-empty h2{
  margin:5px 0 0;font-size:18px;letter-spacing:-.025em
}
.v520-booking-filter p,.v520-booking-share p,.v520-booking-empty p{color:#6e7c76;font-size:8.6px;line-height:1.52}
.v520-filter-mock,.v520-share-demo{display:grid;gap:7px}
.v520-filter-mock label{display:grid;grid-template-columns:85px 1fr;gap:8px;align-items:center}
.v520-filter-mock label span{font-size:8px;color:#6d7c75}
.v520-filter-mock select{
  width:100%;border:1px solid #dfe7e3;background:#f7f9f8;border-radius:10px;padding:8px;font-size:8.3px;color:#53665d
}
.v520-share-demo label{
  display:flex;gap:8px;align-items:center;border:1px solid #e0e8e4;border-radius:12px;background:#f8faf8;padding:9px 10px
}
.v520-share-demo input{accent-color:#2f725f}
.v520-share-demo span{font-size:8.5px;color:#53665d}
.v520-booking-empty{
  margin-top:13px;border:1px dashed #bdcbc5;border-radius:19px;background:#f8faf8;padding:20px;text-align:center
}
.v520-booking-empty>div{
  width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:#eef5f1;color:#2f725f;
  margin:0 auto;font-size:22px
}
.v520-booking-empty button{
  margin-top:10px;border:0;border-radius:999px;background:#173f38;color:#fff;padding:9px 11px;font-size:8px;font-weight:850;cursor:pointer
}

/* partner desk */
.v520-desk-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px}
.v520-desk-metrics>div{border:1px solid var(--line);border-radius:15px;background:#fff;padding:12px}
.v520-desk-metrics span{display:block;color:#75827d;font-size:7.8px}
.v520-desk-metrics b{display:block;margin-top:5px;font-size:21px}
.v520-desk-metrics em{display:block;margin-top:2px;font-style:normal;color:#8a9691;font-size:7.3px}

.v520-review-workspace{margin-top:13px;border:1px solid var(--line);border-radius:20px;background:#fff;padding:17px}
.v520-workspace-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-end}
.v520-workspace-head span{display:block;color:var(--green);font-size:8px;font-weight:850}
.v520-workspace-head h2{margin:5px 0 0;font-size:18px;letter-spacing:-.025em;max-width:820px}
.v520-review-time{
  flex:none;padding:6px 8px;border-radius:999px;background:#f1f6f3;color:#566c62!important;font-size:7.5px!important
}
.v520-consent-strip{
  margin-top:12px;border:1px solid #dfe8e4;border-radius:13px;background:#f7faf8;padding:10px 11px;
  display:flex;justify-content:space-between;gap:12px;align-items:center
}
.v520-consent-strip b{display:block;font-size:8.7px}
.v520-consent-strip span{display:block;margin-top:3px;color:#6f7d76;font-size:8px!important;font-weight:500!important}
.v520-consent-strip em{font-style:normal;font-size:7.5px;color:#89958f}
.v520-review-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
.v520-review-grid article{border:1px solid #e3eae6;border-radius:14px;background:#fbfcfb;padding:11px}
.v520-review-grid article>span{display:block;color:#98a59f;font-size:7.5px;font-weight:850}
.v520-review-grid h3{margin:6px 0;font-size:10px}
.v520-review-grid textarea{
  width:100%;min-height:84px;resize:none;border:1px solid #e0e7e3;border-radius:10px;background:#fff;
  padding:8px;font-size:8px;line-height:1.45;color:#728078
}
.v520-desk-bottom{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:13px}
.v520-desk-bottom section{border:1px solid var(--line);border-radius:17px;background:#fff;padding:14px}
.v520-desk-bottom section:nth-child(2){background:#f4f8f6}
.v520-desk-bottom span{display:block;color:var(--green);font-size:8px;font-weight:850}
.v520-desk-bottom h2{margin:5px 0;font-size:14px}
.v520-desk-bottom p{margin:0;color:#6f7d76;font-size:8.4px;line-height:1.5}

.v520-professional-actions,.v520-partner-workspace-cta{
  margin-top:13px;border:1px solid #dfe8e4;border-radius:18px;background:#f4f8f6;padding:14px 16px;
  display:flex;justify-content:space-between;gap:16px;align-items:center
}
.v520-professional-actions span,.v520-partner-workspace-cta span{display:block;color:var(--green);font-size:8px;font-weight:850}
.v520-professional-actions h2,.v520-partner-workspace-cta h2{margin:5px 0 0;font-size:15px}
.v520-professional-actions>div:last-child{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.v520-professional-actions button,.v520-partner-workspace-cta button{
  border:0;border-radius:999px;background:#173f38;color:#fff;padding:9px 11px;font-size:8px;font-weight:850;cursor:pointer
}
.v520-partner-workspace-cta button{flex:none}

@media(max-width:900px){
  .v520-booking-steps{grid-template-columns:1fr 1fr}
  .v520-desk-metrics{grid-template-columns:1fr 1fr}
}
@media(max-width:700px){
  .v520-booking-hero,.v520-desk-hero{grid-template-columns:1fr!important}
  .v520-back-pro{justify-self:start}
  .v520-booking-filter,.v520-booking-share,.v520-desk-bottom{grid-template-columns:1fr}
  .v520-workspace-head,.v520-professional-actions,.v520-partner-workspace-cta{align-items:flex-start;flex-direction:column}
  .v520-professional-actions>div:last-child{justify-content:flex-start}
  .v520-review-grid{grid-template-columns:1fr}
}
@media(max-width:520px){
  .v520-booking-steps{
    display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:4px
  }
  .v520-booking-steps article{flex:0 0 min(73vw,270px);scroll-snap-align:start}
  .v520-desk-metrics{grid-template-columns:1fr 1fr}
  .v520-inline-lock,.v520-profile-lock,.v520-consent-strip{align-items:flex-start;flex-direction:column}
  .v520-inline-lock button,.v520-profile-lock button{width:100%}
  .v520-upgrade-actions{flex-direction:column}
  .v520-plan-preview{grid-template-columns:1fr}
  .v520-plan-preview button{justify-self:start}
}


/* ===== V5.21 market-ready polish ===== */

/* upgrade modal */
.v521-upgrade-path{
  display:flex;
  align-items:center;
  gap:6px;
  margin-bottom:8px;
  color:#7b8882;
  font-size:8px;
}
.v521-upgrade-path i{font-style:normal;color:#9ba7a2}
.v521-upgrade-path b{color:var(--green)}
.v521-upgrade-list{
  margin:12px 0 0;
  padding:0;
  list-style:none;
  display:grid;
  gap:6px;
}
.v521-upgrade-list li{
  position:relative;
  padding-left:16px;
  color:#51635b;
  font-size:8.6px;
  line-height:1.45;
}
.v521-upgrade-list li:before{
  content:"✓";
  position:absolute;
  left:0;
  top:0;
  color:#2f725f;
  font-weight:900;
}
.v520-upgrade-actions{
  display:grid!important;
  grid-template-columns:1fr 1fr;
}
.v520-upgrade-actions .ghost{
  grid-column:1/-1;
}
.v520-upgrade-actions .outline{
  border:1px solid #dce6e1;
  background:#fff;
  color:var(--green);
}

/* plan usage ladder */
.v521-plan-usage{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:8px;
  margin-top:12px;
}
.v521-plan-usage>div{
  border:1px solid var(--line);
  border-radius:15px;
  background:#fff;
  padding:11px;
}
.v521-plan-usage>div:nth-child(3){background:#eef6f2}
.v521-plan-usage span{
  display:block;
  color:var(--green);
  font-size:8px;
  font-weight:900;
}
.v521-plan-usage b{
  display:block;
  margin-top:4px;
  font-size:10px;
}
.v521-plan-usage p{
  margin:4px 0 0;
  color:#74817b;
  font-size:7.9px;
  line-height:1.45;
}

/* booking preview links */
.v521-booking-preview-links{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin-top:13px;
}
.v521-booking-preview-links button{
  border:1px solid #dfe8e4;
  border-radius:16px;
  background:#fff;
  padding:13px;
  text-align:left;
  cursor:pointer;
}
.v521-booking-preview-links button:nth-child(2){background:#f8f3e9}
.v521-booking-preview-links span{
  display:block;
  color:#74817b;
  font-size:7.8px;
}
.v521-booking-preview-links b{
  display:block;
  margin-top:5px;
  color:#233c33;
  font-size:9.5px;
}

/* professional profile structure */
.v521-proprofile-hero,.v521-consult-hero{grid-template-columns:1fr auto!important}
.v521-profile-shell{
  display:grid;
  grid-template-columns:1.25fr .75fr;
  gap:11px;
  margin-top:14px;
}
.v521-profile-main,.v521-profile-trust{
  border:1px solid var(--line);
  border-radius:20px;
  background:#fff;
  padding:17px;
}
.v521-profile-trust{background:#f4f8f6}
.v521-profile-head{
  display:flex;
  gap:12px;
  align-items:center;
}
.v521-avatar-placeholder{
  width:58px;height:58px;border-radius:18px;
  display:grid;place-items:center;
  background:linear-gradient(145deg,#e9f3ee,#f7f1e7);
  color:#245546;font-size:16px;font-weight:900;
  flex:none;
}
.v521-profile-head span,.v521-profile-trust>span,.v521-profile-before-book span,
.v521-section-title span,.v521-price-breakdown>div:first-child>span,.v521-cancel-card span{
  display:block;
  color:var(--green);
  font-size:8px;
  font-weight:850;
}
.v521-profile-head h2{
  margin:4px 0 3px;
  font-size:17px;
}
.v521-profile-head p{
  margin:0;
  color:#718078;
  font-size:8.5px;
  line-height:1.45;
}
.v521-profile-fields{
  display:grid;
  gap:0;
  margin-top:14px;
  border-top:1px solid #e6ece9;
}
.v521-profile-fields>div{
  display:grid;
  grid-template-columns:130px 1fr;
  gap:12px;
  padding:10px 0;
  border-bottom:1px solid #e6ece9;
}
.v521-profile-fields b{font-size:8.8px}
.v521-profile-fields span{font-size:8.5px;color:#667770;line-height:1.45}
.v521-profile-trust h3{
  margin:5px 0 11px;
  font-size:14px;
  line-height:1.35;
}
.v521-profile-trust>div{
  display:grid;
  gap:7px;
}
.v521-profile-trust p{
  margin:0;
  display:grid;
  grid-template-columns:22px 1fr;
  gap:7px;
  color:#8b9691;
  font-size:7.5px;
}
.v521-profile-trust b{
  color:#52645c;
  font-size:8.6px;
}
.v521-profile-before-book{
  margin-top:12px;
  border:1px solid #ded8cb;
  border-radius:18px;
  background:#f8f3e9;
  padding:14px 16px;
  display:flex;
  justify-content:space-between;
  gap:16px;
  align-items:center;
}
.v521-profile-before-book h2{
  margin:5px 0 0;
  font-size:15px;
  max-width:850px;
}
.v521-profile-before-book button{
  flex:none;
  border:0;
  border-radius:999px;
  background:#173f38;
  color:#fff;
  padding:9px 11px;
  font-size:8px;
  font-weight:850;
  cursor:pointer;
}
.v521-profile-note{
  margin:9px 3px 0;
  color:#7c8883;
  font-size:7.7px;
  line-height:1.45;
}

/* consultation detail */
.v521-consult-compare{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:9px;
  margin-top:14px;
}
.v521-consult-compare article{
  border:1px solid var(--line);
  border-radius:19px;
  background:#fff;
  padding:16px;
}
.v521-consult-compare article.primary{
  background:linear-gradient(145deg,#eef6f2,#fff);
  border-color:#b8d1c7;
}
.v521-consult-compare span{
  display:block;
  color:var(--green);
  font-size:8px;
  font-weight:850;
}
.v521-consult-compare h2{
  margin:6px 0 5px;
  font-size:17px;
}
.v521-consult-compare p{
  margin:0;
  color:#6e7c76;
  font-size:8.6px;
  line-height:1.55;
}
.v521-consult-includes{
  margin-top:13px;
}
.v521-section-title h2{
  margin:5px 0 0;
  font-size:18px;
}
.v521-consult-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:8px;
  margin-top:10px;
}
.v521-consult-grid article{
  border:1px solid var(--line);
  border-radius:15px;
  background:#fff;
  padding:12px;
}
.v521-consult-grid span{
  display:block;
  color:#95a19c;
  font-size:7.5px;
  font-weight:850;
}
.v521-consult-grid b{
  display:block;
  margin-top:6px;
  font-size:9.4px;
}
.v521-consult-grid p{
  margin:4px 0 0;
  color:#718078;
  font-size:8.1px;
  line-height:1.48;
}
.v521-price-breakdown{
  margin-top:13px;
  border:1px solid #dfe8e4;
  border-radius:20px;
  background:#f7faf8;
  padding:16px;
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:18px;
  align-items:center;
}
.v521-price-breakdown h2{
  margin:5px 0 0;
  font-size:17px;
}
.v521-price-lines{
  border:1px solid #e0e8e4;
  border-radius:14px;
  background:#fff;
  overflow:hidden;
}
.v521-price-lines>div{
  display:flex;
  justify-content:space-between;
  gap:12px;
  padding:9px 11px;
  border-bottom:1px solid #e7ece9;
}
.v521-price-lines>div:last-child{border-bottom:0}
.v521-price-lines span{
  font-size:8.2px;
  color:#6f7d76;
}
.v521-price-lines b{
  font-size:8.3px;
  text-align:right;
}
.v521-price-lines .total{
  background:#f3f7f5;
}
.v521-cancel-card{
  margin-top:12px;
  border:1px solid #ded8cb;
  border-radius:18px;
  background:#f8f3e9;
  padding:14px 16px;
  display:flex;
  gap:16px;
  justify-content:space-between;
  align-items:center;
}
.v521-cancel-card h2{
  margin:5px 0 4px;
  font-size:15px;
}
.v521-cancel-card p{
  margin:0;
  color:#70685d;
  font-size:8.4px;
  line-height:1.5;
}
.v521-cancel-card button{
  flex:none;
  border:1px solid #ddd5c7;
  border-radius:999px;
  background:rgba(255,255,255,.78);
  color:#827669;
  padding:9px 11px;
  font-size:8px;
}
.v521-guided-crosssell{
  margin-top:12px;
  border:1px solid #dfe8e4;
  border-radius:17px;
  background:#f4f8f6;
  padding:13px 14px;
  display:flex;
  gap:14px;
  justify-content:space-between;
  align-items:center;
}
.v521-guided-crosssell span{
  display:block;
  color:var(--green);
  font-size:8px;
  font-weight:850;
}
.v521-guided-crosssell h3{
  margin:5px 0 0;
  font-size:10.5px;
  max-width:850px;
}
.v521-guided-crosssell button{
  flex:none;
  border:0;
  border-radius:999px;
  background:#173f38;
  color:#fff;
  padding:8px 10px;
  font-size:8px;
  font-weight:850;
  cursor:pointer;
}

/* final mobile rhythm */
@media(max-width:900px){
  .v521-plan-usage{grid-template-columns:1fr 1fr}
  .v521-consult-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:720px){
  .v521-proprofile-hero,.v521-consult-hero{grid-template-columns:1fr!important}
  .v521-profile-shell,.v521-price-breakdown{grid-template-columns:1fr}
  .v521-booking-preview-links{grid-template-columns:1fr}
  .v521-profile-before-book,.v521-cancel-card,.v521-guided-crosssell{
    align-items:flex-start;
    flex-direction:column;
  }
  .v521-profile-before-book button,.v521-guided-crosssell button{width:100%}
  .v520-upgrade-actions{grid-template-columns:1fr}
  .v520-upgrade-actions .ghost{grid-column:auto}
}
@media(max-width:520px){
  .v521-plan-usage{
    display:flex;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    padding-bottom:4px;
  }
  .v521-plan-usage>div{
    flex:0 0 min(72vw,260px);
    scroll-snap-align:start;
  }
  .v521-profile-fields>div{
    grid-template-columns:1fr;
    gap:4px;
  }
  .v521-consult-compare{
    display:flex;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    padding-bottom:4px;
  }
  .v521-consult-compare article{
    flex:0 0 min(80vw,300px);
    scroll-snap-align:start;
  }
  .v521-consult-grid{grid-template-columns:1fr}
}


/* ===== V5.22 App-first / PWA ===== */
.v522-app-status{display:none}
.v522-app-status.on{
  display:block;
  position:fixed;
  top:max(7px,env(safe-area-inset-top));
  left:50%;
  transform:translateX(-50%);
  z-index:120;
  pointer-events:none;
}
.v522-app-status span{
  display:block;padding:4px 8px;border-radius:999px;background:rgba(15,75,62,.9);
  color:#fff;font-size:7px;font-weight:800;box-shadow:0 5px 16px rgba(15,75,62,.12)
}

.v522-app-page-title{display:none}
.v522-explore-shortcuts{
  display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 12px
}
.v522-explore-shortcuts button{
  border:1px solid #dfe8e4;border-radius:16px;background:#fff;padding:11px 12px;
  display:flex;gap:9px;align-items:center;text-align:left;cursor:pointer
}
.v522-explore-shortcuts button>span{
  width:33px;height:33px;border-radius:11px;display:grid;place-items:center;
  background:#eef6f2;color:#2f725f;flex:none
}
.v522-explore-shortcuts svg,
.v522-my-icon svg{
  width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;
  stroke-linecap:round;stroke-linejoin:round
}
.v522-explore-shortcuts b{display:block;font-size:9.5px}
.v522-explore-shortcuts small{
  display:block;margin-top:2px;color:#7b8882;font-size:7.4px;line-height:1.35
}

.v522-my-menu{
  display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px
}
.v522-my-menu button{
  border:1px solid #dfe8e4;border-radius:16px;background:#fff;padding:11px;text-align:left;
  display:flex;align-items:center;gap:8px;min-width:0;cursor:pointer
}
.v522-my-icon{
  width:34px;height:34px;display:grid;place-items:center;flex:none;
  border-radius:11px;background:#eef6f2;color:#2f725f
}
.v522-my-menu b{
  display:block;font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap
}
.v522-my-menu small{
  display:block;margin-top:2px;color:#7a8781;font-size:7.1px;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap
}

@media (display-mode: standalone){
  body{overscroll-behavior-y:none;-webkit-tap-highlight-color:transparent}
  header{
    padding-top:max(0px,env(safe-area-inset-top));
    height:calc(64px + env(safe-area-inset-top))
  }
}

@media(max-width:780px){
  html,body{background:#f7f5ef}
  body{
    padding-bottom:calc(72px + env(safe-area-inset-bottom));
    -webkit-tap-highlight-color:transparent
  }
  header{
    height:58px;background:rgba(247,245,239,.94);
    border-bottom:1px solid rgba(220,229,224,.72)
  }
  .header-inner{gap:10px}
  .brand{gap:7px}
  .v55-brand-logo{width:29px!important;height:29px!important}
  .brand strong{font-size:14px}
  .brand small{display:none!important}
  .header-actions{gap:6px}
  .lang{
    max-width:92px;padding:7px 9px;background:rgba(255,255,255,.78);font-size:10px
  }
  .profile-btn{display:none!important}
  .shell{width:min(100% - 20px,1280px)}
  main.shell{min-height:calc(100vh - 130px)}
  .page{padding-top:12px;padding-bottom:24px}

  .hero{min-height:0;border-radius:22px}
  .hero-copy{padding:22px 17px 16px}
  .hero h1{font-size:31px;line-height:1.06;margin:9px 0 10px}
  .hero p{font-size:11.5px;line-height:1.6}
  .hero-visual{min-height:205px;padding:0 12px 12px}
  .section{margin-top:19px}
  .section-head{margin-bottom:9px}
  .section-head h2{font-size:18px}
  .section-head p{font-size:10px}

  .page-hero{border-radius:18px;padding:17px 16px;align-items:flex-start}
  .page-hero h1{font-size:23px;line-height:1.12}
  .page-hero p{font-size:10.5px;line-height:1.55}

  .v522-app-page-title{
    display:flex;justify-content:space-between;align-items:end;margin:2px 2px 9px
  }
  .v522-app-page-title span{display:block;color:#2f725f;font-size:7.5px;font-weight:850}
  .v522-app-page-title h1{margin:3px 0 0;font-size:20px;letter-spacing:-.025em}

  .v522-explore-shortcuts{
    display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none
  }
  .v522-explore-shortcuts::-webkit-scrollbar{display:none}
  .v522-explore-shortcuts button{
    flex:0 0 min(72vw,270px);scroll-snap-align:start
  }

  .v522-my-menu{
    display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin-top:9px
  }
  .v522-my-menu::-webkit-scrollbar{display:none}
  .v522-my-menu button{
    flex:0 0 min(64vw,235px);scroll-snap-align:start;min-height:62px
  }

  .mobile-nav{
    display:grid!important;
    grid-template-columns:repeat(5,1fr)!important;
    position:fixed;left:8px;right:8px;bottom:max(8px,env(safe-area-inset-bottom));
    z-index:110;border:1px solid rgba(215,225,220,.94)!important;border-radius:21px;
    background:rgba(255,255,255,.94)!important;box-shadow:0 10px 34px rgba(25,58,48,.12);
    backdrop-filter:blur(18px);overflow:hidden;padding:3px 3px 4px!important
  }
  .mobile-nav button{
    position:relative;min-width:0;padding:7px 2px 5px!important;border-radius:16px;
    font-size:7.6px!important;line-height:1.05;color:#7a8882!important
  }
  .mobile-nav button.on{
    background:#eef6f2!important;color:#185947!important;font-weight:850
  }
  .mobile-nav button.on:before{display:none!important}
  .mobile-nav-icon{
    width:22px!important;height:22px!important;margin:0 auto 2px!important
  }
  .mobile-nav-icon svg{width:20px!important;height:20px!important}

  .v516-plan-grid,.v518-pro-path,.v521-consult-compare,.v517-value-ladder,.v521-plan-usage{
    scroll-padding-left:2px
  }
}

@media(max-width:520px){
  .reco-grid,.grid3,.grid4,.food-cats,.store-grid,.product-grid{
    grid-template-columns:1fr!important
  }
  .reco-grid{gap:9px}
  .reco-img{height:160px}
  .route-panel{margin-top:15px}
  .searchbar{border-radius:12px}
  .v514-profile-summary{gap:5px!important}
  .v514-profile-summary>div,.v514-profile-summary>button{padding:8px!important}
}


/* ===== V5.23 cuisine visibility + lighter punctuation ===== */
.v523-culture-actions{
  display:flex;
  gap:7px;
  flex-wrap:wrap;
}
.v523-culture-actions .ghost{
  border:1px solid #dce5e1!important;
  background:#fff!important;
  color:var(--green)!important;
}

.v523-cuisine-shortcut{
  background:linear-gradient(145deg,#eef6f2,#fff)!important;
  border-color:#bed3ca!important;
}
.v523-cuisine-shortcut>span{
  font-size:19px;
  font-weight:800;
}

.v523-cuisine-page{
  padding-bottom:20px;
}
.v523-cuisine-hero{
  display:grid;
  grid-template-columns:1fr auto;
  gap:18px;
  align-items:end;
  border:1px solid #dfe8e4;
  border-radius:22px;
  padding:20px;
  background:linear-gradient(145deg,#f1f7f4 0%,#fff 62%,#fbf2e9 100%);
}
.v523-cuisine-hero>div:first-child>span{
  display:block;
  color:var(--green);
  font-size:8px;
  font-weight:850;
}
.v523-cuisine-hero h1{
  margin:6px 0 6px;
  font-size:26px;
  letter-spacing:-.035em;
}
.v523-cuisine-hero p{
  margin:0;
  max-width:800px;
  color:#6d7c75;
  font-size:9.4px;
  line-height:1.55;
}
.v523-cuisine-route{
  min-width:130px;
  border:1px solid #dce5e1;
  border-radius:15px;
  background:rgba(255,255,255,.78);
  padding:10px 12px;
}
.v523-cuisine-route small{
  display:block;
  color:#81908a;
  font-size:7.4px;
}
.v523-cuisine-route b{
  display:block;
  margin-top:3px;
  font-size:10.5px;
}
.v523-origin-switch{
  display:flex;
  gap:7px;
  margin-top:12px;
  overflow-x:auto;
  scrollbar-width:none;
}
.v523-origin-switch::-webkit-scrollbar{display:none}
.v523-origin-switch button{
  flex:none;
  border:1px solid #dfe5e1;
  border-radius:999px;
  background:#fff;
  color:#65766e;
  padding:8px 11px;
  font-size:8.4px;
  font-weight:800;
  cursor:pointer;
}
.v523-origin-switch button.on{
  background:#173f38;
  color:#fff;
  border-color:#173f38;
}

.v523-cuisine-intro{
  margin-top:12px;
  display:grid;
  grid-template-columns:auto 1fr;
  gap:13px;
  align-items:center;
  border:1px solid #e2e8e5;
  border-radius:18px;
  background:#fff;
  padding:14px;
}
.v523-route-badge{
  border-radius:13px;
  background:#eef6f2;
  color:#255f4e;
  padding:11px 12px;
  font-size:9px;
  font-weight:850;
  white-space:nowrap;
}
.v523-route-badge span{
  color:#d97845;
  margin:0 4px;
}
.v523-cuisine-intro h2{
  margin:0;
  font-size:16px;
}
.v523-cuisine-intro p{
  margin:4px 0 0;
  color:#718078;
  font-size:8.5px;
  line-height:1.5;
}

.v523-cuisine-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:9px;
  margin-top:11px;
}
.v523-cuisine-card{
  border:1px solid var(--line);
  border-radius:18px;
  background:#fff;
  padding:14px;
}
.v523-card-top{
  display:flex;
  justify-content:space-between;
  gap:8px;
  align-items:center;
}
.v523-card-top>span{
  color:#9aa59f;
  font-size:7.5px;
  font-weight:850;
}
.v523-formula{
  display:flex;
  gap:5px;
  align-items:center;
  flex-wrap:wrap;
  justify-content:flex-end;
}
.v523-formula b{
  font-size:7.6px;
  color:#61746b;
}
.v523-formula i{
  color:#d97845;
  font-style:normal;
}
.v523-cuisine-card h3{
  margin:13px 0 5px;
  font-size:12px;
  line-height:1.3;
}
.v523-cuisine-card p{
  margin:0;
  min-height:49px;
  color:#6e7d76;
  font-size:8.4px;
  line-height:1.5;
}
.v523-cuisine-card button{
  margin-top:11px;
  padding:0;
  border:0;
  background:transparent;
  color:var(--green);
  font-size:8px;
  font-weight:850;
  cursor:pointer;
}
.v523-cuisine-principle{
  margin-top:12px;
  border:1px solid #ded8cb;
  border-radius:19px;
  background:#f8f3e9;
  padding:15px;
  display:grid;
  grid-template-columns:1fr auto;
  gap:18px;
  align-items:center;
}
.v523-cuisine-principle>div:first-child>span{
  display:block;
  color:#876b48;
  font-size:8px;
  font-weight:850;
}
.v523-cuisine-principle h2{
  margin:5px 0 0;
  font-size:15px;
  max-width:760px;
}
.v523-principle-flow{
  display:flex;
  gap:6px;
  align-items:center;
  flex-wrap:wrap;
  justify-content:flex-end;
}
.v523-principle-flow span{
  border-radius:999px;
  background:rgba(255,255,255,.8);
  padding:7px 9px;
  color:#615b52;
  font-size:7.7px;
  font-weight:800;
}
.v523-principle-flow i{
  font-style:normal;
  color:#d97845;
}

@media(max-width:780px){
  .v523-cuisine-hero{
    grid-template-columns:1fr;
    padding:17px 16px;
    border-radius:19px;
  }
  .v523-cuisine-hero h1{
    font-size:23px;
  }
  .v523-cuisine-route{
    justify-self:start;
  }
  .v523-cuisine-grid{
    display:flex;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
    padding-bottom:4px;
  }
  .v523-cuisine-grid::-webkit-scrollbar{display:none}
  .v523-cuisine-card{
    flex:0 0 min(79vw,310px);
    scroll-snap-align:start;
  }
  .v523-cuisine-card p{
    min-height:0;
  }
  .v523-cuisine-principle{
    grid-template-columns:1fr;
  }
  .v523-principle-flow{
    justify-content:flex-start;
  }
}
@media(max-width:520px){
  .v523-cuisine-intro{
    grid-template-columns:1fr;
  }
  .v523-route-badge{
    justify-self:start;
  }
  .v523-culture-actions{
    width:100%;
  }
  .v523-culture-actions button{
    flex:1;
    min-width:130px;
  }
}


/* ===== V5.24 meat cuts + fish identification ===== */
.v524-protein-shortcut{
  background:linear-gradient(145deg,#fff8f1,#fff)!important;
  border-color:#ead7c8!important;
}
.v524-protein-shortcut>span{
  font-size:17px;
  font-weight:900;
}

.v524-guide-page{padding-bottom:22px}
.v524-guide-hero{
  display:grid;grid-template-columns:1fr auto;gap:18px;align-items:end;
  border:1px solid #dfe8e4;border-radius:22px;background:linear-gradient(145deg,#f3f8f5,#fff 64%,#fff7ef);
  padding:19px
}
.v524-guide-hero>div>span,.v524-section-head span{
  display:block;color:var(--green);font-size:8px;font-weight:850
}
.v524-guide-hero h1{margin:6px 0;font-size:25px;letter-spacing:-.03em}
.v524-guide-hero p{margin:0;color:#6d7c75;font-size:9.2px;line-height:1.55;max-width:820px}
.v524-back-explore{
  border:1px solid #dce5e1;border-radius:999px;background:#fff;color:var(--green);
  padding:8px 10px;font-size:8px;font-weight:850;cursor:pointer
}

.v524-guide-tabs{
  display:flex;gap:7px;margin-top:12px;overflow-x:auto;scrollbar-width:none
}
.v524-guide-tabs::-webkit-scrollbar{display:none}
.v524-guide-tabs button{
  flex:none;border:1px solid #dfe5e1;border-radius:999px;background:#fff;color:#687870;
  padding:8px 12px;font-size:8.4px;font-weight:800;cursor:pointer
}
.v524-guide-tabs button.on{background:#173f38;border-color:#173f38;color:#fff}

.v524-section-head{margin-top:16px}
.v524-section-head h2{margin:5px 0 0;font-size:17px;line-height:1.35;max-width:920px}

.v524-cut-map{
  margin-top:10px;border:1px solid #e0e7e3;border-radius:18px;background:#fff;padding:14px;
  display:grid;grid-template-columns:82px 1fr;gap:12px;align-items:stretch;position:relative
}
.v524-animal-mark{
  border-radius:15px;background:#f4f8f6;display:grid;place-items:center;font-size:37px;min-height:126px
}
.v524-map-zones{
  display:grid;grid-template-columns:repeat(5,1fr);gap:6px
}
.v524-map-zone{
  border:1px solid #e2e8e5;border-radius:12px;background:#fbfcfb;padding:9px 8px;
  min-height:82px;display:flex;flex-direction:column;justify-content:flex-end
}
.v524-map-zone small{color:#78867f;font-size:7.4px}
.v524-map-zone b{margin-top:3px;color:#2a4e42;font-size:8.7px;line-height:1.25}
.v524-map-zone.back,.v524-map-zone.inner{background:#f0f7f3}
.v524-map-zone.belly,.v524-map-zone.chest{background:#fbf4ec}
.v524-map-note{grid-column:1/-1;color:#8b9691;font-size:7.2px}

.v524-cut-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px
}
.v524-cut-card{
  border:1px solid var(--line);border-radius:16px;background:#fff;padding:12px
}
.v524-cut-card>div:first-child span{
  display:block;color:#2f725f;font-size:8px;font-weight:850
}
.v524-cut-card h3{margin:3px 0 7px;font-size:11px}
.v524-cut-card>p{margin:0;color:#6f7d76;font-size:8.2px;line-height:1.48;min-height:35px}
.v524-cook-use{
  margin-top:10px;border-top:1px solid #e7ece9;padding-top:8px
}
.v524-cook-use small{display:block;color:#8a9691;font-size:7px}
.v524-cook-use b{display:block;margin-top:3px;font-size:8.2px;line-height:1.4;color:#4d6158}
.v524-use-tip{
  margin-top:10px;border:1px solid #ded8cb;border-radius:17px;background:#f8f3e9;padding:13px 14px
}
.v524-use-tip span{display:block;color:#876b48;font-size:7.7px;font-weight:850}
.v524-use-tip h3{margin:5px 0 0;font-size:11px;line-height:1.5}

.v524-fish-filters{
  display:flex;gap:6px;margin-top:10px;overflow-x:auto;scrollbar-width:none
}
.v524-fish-filters::-webkit-scrollbar{display:none}
.v524-fish-filters button{
  flex:none;border:1px solid #dfe6e2;border-radius:999px;background:#fff;color:#66776f;
  padding:7px 10px;font-size:7.7px;font-weight:800;cursor:pointer
}
.v524-fish-filters button.on{background:#eef6f2;color:#195847;border-color:#bcd2c8}

.v524-fish-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px
}
.v524-fish-card{
  border:1px solid var(--line);border-radius:17px;background:#fff;padding:12px
}
.v524-fish-visual{
  height:72px;border-radius:13px;background:linear-gradient(145deg,#eef6f2,#f8fbf9);
  display:grid;place-items:center
}
.v524-fish-svg{width:104px;height:47px;fill:#b8cec5;stroke:#37685a;stroke-width:1.4}
.v524-fish-svg.salmon{fill:#e9b29a}
.v524-fish-svg.striped .stripe{fill:none;stroke:#416c61;stroke-width:2}
.v524-fish-svg.flat,.v524-fish-svg.flatround{fill:#d0c5ad}
.v524-fish-svg.bighead{fill:#c8d4cb}
.v524-fish-name{margin-top:9px}
.v524-fish-name span{display:block;color:#2f725f;font-size:8.5px;font-weight:900}
.v524-fish-name h3{margin:2px 0 7px;font-size:11px}
.v524-fish-card dl{margin:0;display:grid;gap:6px}
.v524-fish-card dl>div{display:grid;grid-template-columns:58px 1fr;gap:6px}
.v524-fish-card dt{color:#8a9690;font-size:7px}
.v524-fish-card dd{margin:0;color:#566a61;font-size:8px;line-height:1.4}

.v524-label-tip{
  margin-top:11px;border:1px solid #dfe8e4;border-radius:18px;background:#f4f8f6;padding:13px;
  display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:start
}
.v524-label-tip>div:first-child{
  width:32px;height:32px;border-radius:10px;background:#fff;display:grid;place-items:center;
  color:#2f725f;font-weight:900
}
.v524-label-tip b{font-size:9.5px}
.v524-label-tip p{margin:4px 0 0;color:#6e7d76;font-size:8.2px;line-height:1.5}

@media(max-width:900px){
  .v524-cut-grid,.v524-fish-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:720px){
  .v524-guide-hero{grid-template-columns:1fr;padding:16px;border-radius:19px}
  .v524-guide-hero h1{font-size:22px}
  .v524-back-explore{justify-self:start}
  .v524-cut-map{grid-template-columns:58px 1fr}
  .v524-map-zones{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
  .v524-map-zones::-webkit-scrollbar{display:none}
  .v524-map-zone{flex:0 0 128px;scroll-snap-align:start}
}
@media(max-width:520px){
  .v524-cut-grid,.v524-fish-grid{
    display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:4px
  }
  .v524-cut-grid::-webkit-scrollbar,.v524-fish-grid::-webkit-scrollbar{display:none}
  .v524-cut-card,.v524-fish-card{flex:0 0 min(82vw,310px);scroll-snap-align:start}
  .v524-cut-card>p{min-height:0}
  .v524-fish-card dl>div{grid-template-columns:52px 1fr}
}


/* ===== V5.25 supermarket meat/fish entry ===== */
.v525-shop-identify{
  margin-top:13px;
  border:1px solid #d9e5df;
  border-radius:18px;
  background:linear-gradient(145deg,#f1f7f4,#fff 65%,#fff7ef);
  padding:13px 14px;
  display:grid;
  grid-template-columns:auto 1fr auto;
  gap:11px;
  align-items:center;
  cursor:pointer;
}
.v525-identify-icon{
  width:40px;height:40px;border-radius:13px;
  display:grid;place-items:center;
  background:#fff;color:#245b4a;
  font-size:18px;font-weight:900;
  box-shadow:0 5px 16px rgba(26,72,58,.06)
}
.v525-shop-identify span,
.v525-protein-guide-banner span{
  display:block;color:#2f725f;font-size:7.6px;font-weight:850
}
.v525-shop-identify h3,
.v525-protein-guide-banner h3{
  margin:3px 0 3px;font-size:11px
}
.v525-shop-identify p{
  margin:0;color:#728079;font-size:8px;line-height:1.45
}
.v525-shop-identify button,
.v525-protein-guide-banner button{
  border:0;border-radius:999px;background:#173f38;color:#fff;
  padding:8px 10px;font-size:7.8px;font-weight:850;cursor:pointer;white-space:nowrap
}

.v525-protein-guide-banner{
  margin:11px 0;
  border:1px solid #ded8cb;
  border-radius:16px;
  background:#f8f3e9;
  padding:12px 13px;
  display:flex;
  justify-content:space-between;
  gap:14px;
  align-items:center;
  cursor:pointer;
}
.v525-protein-guide-banner h3{
  max-width:760px;
  line-height:1.4;
}

@media(max-width:680px){
  .v525-shop-identify{
    grid-template-columns:auto 1fr;
  }
  .v525-shop-identify button{
    grid-column:1/-1;
    width:100%;
  }
  .v525-protein-guide-banner{
    align-items:flex-start;
    flex-direction:column;
  }
  .v525-protein-guide-banner button{
    width:100%;
  }
}


/* ===== V5.26 everyday food guides ===== */
.v526-everyday-shortcut{
  background:linear-gradient(145deg,#fff,#f7f2e8)!important;
  border-color:#e5ddcf!important;
}
.v526-everyday-shortcut>span{
  font-size:17px;font-weight:900
}

.v526-daily-page{padding-bottom:22px}
.v526-daily-hero{
  display:grid;grid-template-columns:1fr auto;gap:18px;align-items:end;
  border:1px solid #dfe8e4;border-radius:22px;
  background:linear-gradient(145deg,#f3f8f5,#fff 62%,#fff7ee);
  padding:19px
}
.v526-daily-hero>div>span{
  display:block;color:var(--green);font-size:8px;font-weight:850
}
.v526-daily-hero h1{margin:6px 0;font-size:25px;letter-spacing:-.03em}
.v526-daily-hero p{margin:0;max-width:850px;color:#6d7c75;font-size:9.2px;line-height:1.55}
.v526-back-explore{
  border:1px solid #dce5e1;border-radius:999px;background:#fff;color:var(--green);
  padding:8px 10px;font-size:8px;font-weight:850;cursor:pointer
}
.v526-daily-tabs{
  display:flex;gap:7px;margin-top:12px;overflow-x:auto;scrollbar-width:none
}
.v526-daily-tabs::-webkit-scrollbar{display:none}
.v526-daily-tabs button{
  flex:none;border:1px solid #dfe5e1;border-radius:999px;background:#fff;color:#687870;
  padding:8px 11px;font-size:8.3px;font-weight:800;cursor:pointer
}
.v526-daily-tabs button span{margin-right:4px}
.v526-daily-tabs button.on{background:#173f38;border-color:#173f38;color:#fff}

.v526-fact-grid{
  display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:11px
}
.v526-fact-grid article{
  border:1px solid #e0e7e3;border-radius:15px;background:#f7faf8;padding:11px;
  display:grid;grid-template-columns:28px 1fr;gap:8px;align-items:start
}
.v526-fact-grid article>span{
  width:27px;height:27px;border-radius:9px;background:#fff;display:grid;place-items:center;
  color:#2f725f;font-size:11px;font-weight:900
}
.v526-fact-grid b{display:block;font-size:8.8px}
.v526-fact-grid p{margin:3px 0 0;color:#75827c;font-size:7.7px;line-height:1.45}

.v526-item-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:11px
}
.v526-item-card{
  border:1px solid var(--line);border-radius:17px;background:#fff;padding:13px
}
.v526-item-head span{
  display:block;color:#2f725f;font-size:8.2px;font-weight:900
}
.v526-item-head h3{margin:3px 0 7px;font-size:11px}
.v526-item-card>p{margin:0;color:#6e7d76;font-size:8.2px;line-height:1.5;min-height:36px}
.v526-use-box{
  margin-top:9px;border-top:1px solid #e7ece9;padding-top:8px
}
.v526-use-box small{display:block;color:#8b9691;font-size:7px}
.v526-use-box b{display:block;margin-top:3px;color:#53665d;font-size:8.1px;line-height:1.42}

.v526-practical-tip{
  margin-top:11px;border:1px solid #ded8cb;border-radius:17px;background:#f8f3e9;padding:13px 14px
}
.v526-practical-tip span{display:block;color:#876b48;font-size:7.7px;font-weight:850}
.v526-practical-tip h2{margin:5px 0 0;font-size:11px;line-height:1.52}

.v526-guide-actions{
  display:flex;gap:7px;flex-wrap:wrap;margin-top:11px
}
.v526-guide-actions button{
  border:0;border-radius:999px;background:#173f38;color:#fff;
  padding:9px 11px;font-size:8px;font-weight:850;cursor:pointer
}
.v526-guide-actions button.ghost{
  border:1px solid #dce5e1;background:#fff;color:var(--green)
}

@media(max-width:900px){
  .v526-fact-grid{grid-template-columns:1fr 1fr}
  .v526-item-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:720px){
  .v526-daily-hero{grid-template-columns:1fr;padding:16px;border-radius:19px}
  .v526-daily-hero h1{font-size:22px}
  .v526-back-explore{justify-self:start}
}
@media(max-width:520px){
  .v526-fact-grid{
    display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none
  }
  .v526-fact-grid::-webkit-scrollbar{display:none}
  .v526-fact-grid article{flex:0 0 min(76vw,280px);scroll-snap-align:start}
  .v526-item-grid{
    display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:4px
  }
  .v526-item-grid::-webkit-scrollbar{display:none}
  .v526-item-card{flex:0 0 min(82vw,310px);scroll-snap-align:start}
  .v526-item-card>p{min-height:0}
  .v526-guide-actions button{flex:1;min-width:140px}
}

/* ===== V5.27 complete food library ===== */
.v527-guide-library{
  margin-top:12px;
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:8px;
}
.v527-guide-library>section{
  border:1px solid #e1e8e4;
  border-radius:16px;
  background:#fff;
  padding:10px;
}
.v527-guide-library>section>small{
  display:block;
  color:#7c8983;
  font-size:7.2px;
  font-weight:850;
  margin:0 2px 7px;
}
.v527-guide-library>section>div{
  display:flex;
  gap:5px;
  flex-wrap:wrap;
}
.v527-guide-library button{
  border:1px solid #e0e7e3;
  border-radius:999px;
  background:#f8faf9;
  color:#64766d;
  padding:6px 8px;
  font-size:7.6px;
  font-weight:800;
  cursor:pointer;
}
.v527-guide-library button span{margin-right:3px}
.v527-guide-library button.on{
  background:#173f38;
  border-color:#173f38;
  color:#fff;
}
@media(max-width:720px){
  .v527-guide-library{
    display:flex;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
    padding-bottom:4px;
  }
  .v527-guide-library::-webkit-scrollbar{display:none}
  .v527-guide-library>section{
    flex:0 0 min(82vw,315px);
    scroll-snap-align:start;
  }
}


/* ===== V5.28 deep shopping layer ===== */
.v528-open-deep{
  width:100%;
  margin-top:10px;
  border:1px solid #cdded7;
  border-radius:17px;
  background:linear-gradient(145deg,#eef6f2,#fff);
  padding:12px 13px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  text-align:left;
  cursor:pointer;
}
.v528-open-deep span{
  display:block;color:#2f725f;font-size:7.4px;font-weight:850
}
.v528-open-deep b{
  display:block;margin-top:3px;color:#29483d;font-size:9.2px
}
.v528-open-deep i{
  width:29px;height:29px;border-radius:999px;background:#173f38;color:#fff;
  display:grid;place-items:center;font-style:normal;flex:none
}

.v528-deep-page{padding-bottom:24px}
.v528-deep-hero{
  display:grid;grid-template-columns:1fr auto;gap:16px;align-items:end;
  border:1px solid #dfe8e4;border-radius:22px;
  background:linear-gradient(145deg,#f1f7f4,#fff 64%,#fbf2e9);
  padding:19px
}
.v528-deep-hero>div>span,.v528-deep-card>span,.v528-shelf-head span,.v528-where>div:first-child>span,.v528-protein-deep>div:first-child>span{
  display:block;color:#2f725f;font-size:7.8px;font-weight:850
}
.v528-deep-hero h1{margin:5px 0 6px;font-size:25px;letter-spacing:-.03em}
.v528-deep-hero p{margin:0;color:#6c7b74;font-size:9px;line-height:1.55;max-width:850px}
.v528-back{
  border:1px solid #dce5e1;border-radius:999px;background:#fff;color:#255a49;
  padding:8px 10px;font-size:7.8px;font-weight:850;cursor:pointer
}

.v528-deep-grid{
  display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:11px
}
.v528-deep-card{
  border:1px solid #e0e7e3;border-radius:18px;background:#fff;padding:14px
}
.v528-deep-card.terms{background:#f7faf8}
.v528-deep-card.bridge{background:#f8f3e9;border-color:#ded8cb}
.v528-deep-card h2{margin:5px 0 0;font-size:14px;line-height:1.4}
.v528-deep-card>p{margin:7px 0 0;color:#6d7c75;font-size:8.5px;line-height:1.5}
.v528-term-cloud{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}
.v528-term-cloud b,.v528-protein-terms b{
  border:1px solid #dfe7e3;border-radius:999px;background:#fff;
  padding:6px 8px;color:#52665d;font-size:7.6px;font-weight:800
}
.v528-deep-card.compare ol{
  margin:10px 0 0;padding:0;list-style:none;display:grid;gap:6px
}
.v528-deep-card.compare li{
  display:grid;grid-template-columns:27px 1fr;gap:8px;align-items:center;
  border-top:1px solid #edf1ef;padding-top:6px
}
.v528-deep-card.compare li:first-child{border-top:0;padding-top:0}
.v528-deep-card.compare li span{
  width:26px;height:26px;border-radius:8px;background:#eef6f2;display:grid;place-items:center;
  color:#2f725f;font-size:7px;font-weight:900
}
.v528-deep-card.compare li b{font-size:8.3px}
.v528-deep-card.bridge h2{color:#5e503f}
.v528-deep-card.bridge p{color:#655f56}

.v528-shelf-example{
  margin-top:10px;border:1px solid #dfe7e3;border-radius:19px;background:#fff;padding:15px
}
.v528-shelf-head h2{margin:5px 0 0;font-size:15px}
.v528-pack-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:10px}
.v528-pack-flow article{
  border:1px solid #e4eae7;border-radius:14px;background:#fafcfb;padding:11px
}
.v528-pack-flow article>span{display:block;color:#9aa59f;font-size:7px;font-weight:850}
.v528-pack-flow b{display:block;margin-top:5px;font-size:9px}
.v528-pack-flow p{margin:4px 0 0;color:#708078;font-size:7.8px;line-height:1.45}

.v528-where{
  margin-top:10px;border:1px solid #dfe8e4;border-radius:18px;background:#f4f8f6;
  padding:13px 14px;display:flex;justify-content:space-between;gap:14px;align-items:center
}
.v528-where h2{margin:4px 0 0;font-size:12px}
.v528-channel-row{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.v528-channel-row span{
  border-radius:999px;background:#fff;border:1px solid #dce5e1;
  padding:6px 8px;color:#53675e;font-size:7.6px;font-weight:800
}
.v528-deep-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}
.v528-deep-actions button{
  border:0;border-radius:999px;background:#173f38;color:#fff;
  padding:8px 10px;font-size:7.8px;font-weight:850;cursor:pointer
}
.v528-deep-actions button.ghost{
  border:1px solid #dce5e1;background:#fff;color:#255a49
}

.v528-protein-deep{
  margin-top:12px;border:1px solid #d9e5df;border-radius:18px;
  background:linear-gradient(145deg,#f4f8f6,#fff);
  padding:14px
}
.v528-protein-deep h2{margin:5px 0 0;font-size:14px}
.v528-protein-terms{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}
.v528-protein-use{
  margin-top:10px;border-top:1px solid #e4eae7;padding-top:9px
}
.v528-protein-use small{display:block;color:#8a9690;font-size:7px}
.v528-protein-use p{margin:4px 0 0;color:#5f7068;font-size:8.3px;line-height:1.5}

@media(max-width:720px){
  .v528-deep-hero{grid-template-columns:1fr;padding:16px;border-radius:19px}
  .v528-back{justify-self:start}
  .v528-deep-grid{grid-template-columns:1fr}
  .v528-pack-flow{grid-template-columns:1fr}
  .v528-where{align-items:flex-start;flex-direction:column}
  .v528-channel-row{justify-content:flex-start}
}
@media(max-width:520px){
  .v528-term-cloud,.v528-protein-terms{
    overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none;padding-bottom:3px
  }
  .v528-term-cloud::-webkit-scrollbar,.v528-protein-terms::-webkit-scrollbar{display:none}
  .v528-term-cloud b,.v528-protein-terms b{flex:none}
  .v528-deep-actions button{flex:1;min-width:125px}
}


/* ===== V5.29 task-first cooking + shopping list ===== */
.v529-home-task{
  margin-top:13px;
  border:1px solid #d7e4de;
  border-radius:20px;
  background:linear-gradient(135deg,#eef6f2,#fff 62%,#fff4e9);
  padding:16px 18px;
  display:flex;justify-content:space-between;gap:18px;align-items:center
}
.v529-home-task-copy>span,.v529-cook-hero>div>span,.v529-recipe-bridge>span,
.v529-section-head span,.v529-list-hero>div:first-child>span{
  display:block;color:#2f725f;font-size:8px;font-weight:850
}
.v529-home-task h2{margin:4px 0;font-size:17px}
.v529-home-task p{margin:0;color:#718078;font-size:8.6px;line-height:1.45}
.v529-home-task-actions{display:flex;gap:7px;flex:none}
.v529-home-task-actions button{
  border:1px solid #dce5e1;border-radius:999px;background:#fff;color:#255b4a;
  padding:8px 10px;font-size:8px;font-weight:850;cursor:pointer
}
.v529-home-task-actions .solid{background:#173f38;color:#fff;border-color:#173f38}
.v529-home-task-actions b{font-size:10px}

.v529-cook-shortcut{background:linear-gradient(145deg,#eef6f2,#fff)!important;border-color:#bdd4ca!important}
.v529-cook-shortcut>span{font-size:18px;font-weight:900}
.v56-dish button,.v529-cuisine-card-actions button{
  margin-top:9px;border:0;background:transparent;color:#255e4c;font-size:7.8px;font-weight:850;cursor:pointer
}
.v529-cuisine-card-actions{display:flex;gap:7px;align-items:center}
.v529-cuisine-card-actions .ghost{color:#78867f}

.v529-cook-page,.v529-recipe-page,.v529-list-page{padding-bottom:24px}
.v529-cook-hero,.v529-list-hero{
  border:1px solid #dfe8e4;border-radius:22px;
  background:linear-gradient(145deg,#f1f7f4,#fff 64%,#fbf2e9);
  padding:19px;display:grid;grid-template-columns:1fr auto;gap:16px;align-items:end
}
.v529-cook-hero h1,.v529-list-hero h1{margin:5px 0 6px;font-size:25px;letter-spacing:-.03em}
.v529-cook-hero p,.v529-list-hero p{margin:0;color:#6d7c75;font-size:9px;line-height:1.5}
.v529-list-pill,.v529-list-stats{
  min-width:76px;border:1px solid #dce5e1;border-radius:16px;background:#fff;
  padding:10px;text-align:center
}
.v529-list-pill{cursor:pointer}
.v529-list-pill b,.v529-list-stats b{display:block;color:#173f38;font-size:19px}
.v529-list-pill span,.v529-list-stats span{display:block;color:#7b8882;font-size:7.4px}

.v529-cook-search{
  margin-top:10px;border:1px solid #dfe7e3;border-radius:16px;background:#fff;
  padding:5px;display:grid;grid-template-columns:1fr auto;gap:6px
}
.v529-cook-search input{border:0;outline:0;padding:8px 10px;font-size:9px;background:transparent}
.v529-cook-search button{
  border:0;border-radius:11px;background:#173f38;color:#fff;padding:8px 12px;font-size:8px;font-weight:850;cursor:pointer
}
.v529-cook-filters{display:flex;gap:6px;margin-top:9px;overflow-x:auto;scrollbar-width:none}
.v529-cook-filters::-webkit-scrollbar{display:none}
.v529-cook-filters button{
  flex:none;border:1px solid #dfe6e2;border-radius:999px;background:#fff;color:#68776f;
  padding:7px 9px;font-size:7.7px;font-weight:800;cursor:pointer
}
.v529-cook-filters button.on{background:#eef6f2;color:#1c5b49;border-color:#bdd3c9}
.v529-cook-route{
  margin-top:9px;display:flex;justify-content:space-between;gap:10px;align-items:center;
  color:#718078;font-size:8px
}
.v529-cook-route button{border:0;background:transparent;color:#255e4c;font-size:8px;font-weight:850;cursor:pointer}
.v529-recipe-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}
.v529-recipe-card{
  border:1px solid #e0e7e3;border-radius:18px;background:#fff;padding:13px;cursor:pointer;
  transition:transform .18s ease,box-shadow .18s ease
}
.v529-recipe-card:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(25,58,48,.07)}
.v529-recipe-top{display:flex;justify-content:space-between;align-items:center}
.v529-recipe-top>span{font-size:25px}
.v529-recipe-top small{color:#73817a;font-size:7.5px}
.v529-recipe-card h3{margin:10px 0 4px;font-size:11.5px;line-height:1.35}
.v529-recipe-card p{margin:0;color:#718078;font-size:8px;line-height:1.45;min-height:34px}
.v529-recipe-tags{display:flex;gap:4px;flex-wrap:wrap;margin-top:8px}
.v529-recipe-tags span{
  border-radius:999px;background:#f3f7f5;color:#5d7168;padding:4px 6px;font-size:6.9px;font-weight:800
}
.v529-recipe-card>button{margin-top:10px;border:0;background:transparent;color:#255e4c;padding:0;font-size:7.8px;font-weight:850;cursor:pointer}
.v529-no-result{
  grid-column:1/-1;border:1px dashed #d6e0db;border-radius:18px;padding:24px;text-align:center;color:#67776f
}
.v529-no-result b{font-size:11px}.v529-no-result p{font-size:8px;margin:4px 0 0}

.v529-recipe-hero{
  display:grid;grid-template-columns:auto auto 1fr;gap:12px;align-items:center;
  border:1px solid #dfe8e4;border-radius:22px;background:linear-gradient(145deg,#f3f8f5,#fff 62%,#fff4e8);
  padding:16px
}
.v529-recipe-back{
  align-self:start;border:0;background:transparent;color:#61746a;font-size:7.6px;font-weight:800;cursor:pointer
}
.v529-recipe-symbol{
  width:72px;height:72px;border-radius:20px;background:#fff;display:grid;place-items:center;font-size:34px;
  box-shadow:0 7px 20px rgba(20,61,49,.06)
}
.v529-recipe-hero-copy>span{display:block;color:#2f725f;font-size:7.8px;font-weight:850}
.v529-recipe-hero-copy h1{margin:5px 0 4px;font-size:24px}
.v529-recipe-hero-copy p{margin:0;color:#6f7d76;font-size:8.8px}
.v529-recipe-hero-copy>div{display:flex;gap:5px;flex-wrap:wrap;margin-top:8px}
.v529-recipe-hero-copy>div b,.v529-recipe-hero-copy>div span{
  border-radius:999px;background:#fff;border:1px solid #e0e7e3;padding:5px 7px;font-size:7.2px
}
.v529-recipe-bridge{
  margin-top:10px;border:1px solid #ded8cb;border-radius:17px;background:#f8f3e9;padding:12px 14px
}
.v529-recipe-bridge h2{margin:5px 0 0;font-size:12px;line-height:1.5}
.v529-recipe-layout{display:grid;grid-template-columns:1.5fr .5fr;gap:9px;margin-top:10px}
.v529-ingredients,.v529-recipe-side,.v529-steps{
  border:1px solid #e0e7e3;border-radius:18px;background:#fff;padding:14px
}
.v529-section-head{display:flex;justify-content:space-between;gap:12px;align-items:end}
.v529-section-head h2{margin:4px 0 0;font-size:15px}
.v529-section-head>button{
  border:0;border-radius:999px;background:#173f38;color:#fff;padding:8px 10px;font-size:7.6px;font-weight:850;cursor:pointer
}
.v529-ingredient-list{margin-top:9px;display:grid;gap:0;border-top:1px solid #e7ece9}
.v529-ingredient-list article{
  display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid #e7ece9
}
.v529-ingredient-list b{display:block;font-size:8.8px}
.v529-ingredient-list span{display:block;margin-top:2px;color:#7d8983;font-size:7.4px}
.v529-ingredient-list strong{font-size:7.8px;color:#54675e;font-weight:800}
.v529-ing-actions{display:flex;gap:4px}
.v529-ing-actions button{
  border:1px solid #dfe6e2;border-radius:999px;background:#fff;color:#2b6250;
  padding:5px 7px;font-size:7px;font-weight:850;cursor:pointer
}
.v529-recipe-side{background:#f4f8f6}
.v529-recipe-side>span{display:block;color:#2f725f;font-size:7.5px;font-weight:850}
.v529-recipe-side h3{margin:5px 0 12px;font-size:11px;line-height:1.5}
.v529-recipe-side button{
  width:100%;border:0;border-radius:12px;background:#fff;color:#255e4c;padding:8px;font-size:7.7px;font-weight:850;cursor:pointer
}
.v529-steps{margin-top:10px}
.v529-step-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:10px}
.v529-step-grid article{border:1px solid #e5eae8;border-radius:14px;background:#fafcfb;padding:11px}
.v529-step-grid span{display:block;color:#9ca7a2;font-size:7px;font-weight:900}
.v529-step-grid p{margin:7px 0 0;color:#596d63;font-size:8px;line-height:1.5}
.v529-next-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}
.v529-next-actions button{
  border:0;border-radius:999px;background:#173f38;color:#fff;padding:8px 10px;font-size:7.8px;font-weight:850;cursor:pointer
}
.v529-next-actions button.ghost{background:#fff;color:#255e4c;border:1px solid #dce5e1}

.v529-list-tools{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}
.v529-list-tools button{
  border:1px solid #dce5e1;border-radius:999px;background:#fff;color:#255e4c;padding:7px 9px;font-size:7.5px;font-weight:850;cursor:pointer
}
.v529-list-tools .danger{color:#8b5a52}
.v529-list-groups{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
.v529-list-groups>section{border:1px solid #e0e7e3;border-radius:17px;background:#fff;padding:12px}
.v529-list-group-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}
.v529-list-group-head h2{margin:0;font-size:10.5px}
.v529-list-group-head span{
  min-width:22px;height:22px;border-radius:999px;background:#eef6f2;display:grid;place-items:center;
  color:#2f725f;font-size:7px;font-weight:900
}
.v529-list-row{
  display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;padding:8px 0;border-top:1px solid #edf1ef
}
.v529-list-row:first-child{border-top:0}
.v529-check{
  width:24px;height:24px;border-radius:8px;border:1px solid #cbd9d3;background:#fff;color:#fff;cursor:pointer
}
.v529-list-row.done .v529-check{background:#2f725f;border-color:#2f725f}
.v529-list-row b{display:block;font-size:8.5px}
.v529-list-row span{display:block;color:#7f8b85;font-size:7.2px;margin-top:2px}
.v529-list-row.done b,.v529-list-row.done span{text-decoration:line-through;color:#98a29e}
.v529-remove{border:0;background:transparent;color:#9a7770;font-size:14px;cursor:pointer}
.v529-done-section{opacity:.72}
.v529-list-empty{
  margin-top:11px;border:1px dashed #d4ded9;border-radius:19px;padding:28px;text-align:center;background:#fff
}
.v529-list-empty>div{font-size:33px}
.v529-list-empty h2{margin:8px 0 4px;font-size:15px}
.v529-list-empty p{margin:0;color:#78857f;font-size:8.5px}
.v529-list-empty button{
  margin-top:10px;border:0;border-radius:999px;background:#173f38;color:#fff;padding:9px 12px;font-size:8px;font-weight:850;cursor:pointer
}
.v529-toast{
  position:fixed;left:50%;bottom:92px;transform:translate(-50%,14px);opacity:0;pointer-events:none;
  z-index:180;background:#173f38;color:#fff;border-radius:999px;padding:9px 13px;font-size:8px;font-weight:800;
  box-shadow:0 10px 30px rgba(19,58,47,.2);transition:.2s ease
}
.v529-toast.on{opacity:1;transform:translate(-50%,0)}

@media(max-width:900px){
  .v529-recipe-grid{grid-template-columns:1fr 1fr}
  .v529-step-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:720px){
  .v529-home-task{align-items:flex-start;flex-direction:column}
  .v529-home-task-actions{width:100%}
  .v529-home-task-actions button{flex:1}
  .v529-cook-hero,.v529-list-hero{grid-template-columns:1fr;padding:16px;border-radius:19px}
  .v529-list-pill,.v529-list-stats{justify-self:start;min-width:72px}
  .v529-recipe-layout{grid-template-columns:1fr}
  .v529-recipe-hero{grid-template-columns:auto 1fr}
  .v529-recipe-back{grid-column:1/-1}
  .v529-list-groups{grid-template-columns:1fr}
}
@media(max-width:520px){
  .v529-recipe-grid{
    display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:4px
  }
  .v529-recipe-grid::-webkit-scrollbar{display:none}
  .v529-recipe-card{flex:0 0 min(82vw,310px);scroll-snap-align:start}
  .v529-recipe-card p{min-height:0}
  .v529-step-grid{grid-template-columns:1fr}
  .v529-section-head{align-items:flex-start;flex-direction:column}
  .v529-section-head>button{width:100%}
  .v529-recipe-hero{grid-template-columns:auto 1fr}
  .v529-recipe-symbol{width:58px;height:58px;font-size:28px}
  .v529-ingredient-list article{grid-template-columns:1fr auto}
  .v529-ing-actions{grid-column:1/-1;justify-content:flex-end}
}


/* ===== V5.30 real supermarket images + Mediterranean fusion ===== */
.v530-real-products{margin-top:13px}
.v530-real-head{display:flex;justify-content:space-between;gap:16px;align-items:end}
.v530-real-head h2{margin:4px 0 0;font-size:16px}
.v530-real-head small{max-width:360px;color:#86918c;font-size:7.2px;line-height:1.4;text-align:right}
.v530-product-rail{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}
.v530-photo-product{border:1px solid #e0e7e3;border-radius:17px;background:#fff;padding:11px;cursor:pointer;position:relative}
.v530-product-img{height:150px;border-radius:13px;background:#f8faf9;display:grid;place-items:center;overflow:hidden}
.v530-product-img img{width:100%;height:100%;object-fit:contain;background:#fff}
.v530-product-img.broken:after{content:'product';color:#9aa39f;font-size:8px}
.v530-store-tag{display:inline-flex;margin-top:8px;border-radius:999px;padding:4px 7px;font-size:6.8px;font-weight:900}
.v530-store-tag.mercadona{background:#eef7f0;color:#287245}.v530-store-tag.carrefour{background:#eef2fb;color:#315d9c}
.v530-photo-product h3{margin:6px 0 4px;font-size:9.4px;line-height:1.35;min-height:27px}
.v530-photo-product p{margin:0;color:#75827c;font-size:7.5px;line-height:1.4;min-height:22px}
.v530-price{display:flex;align-items:baseline;gap:6px;margin-top:7px}.v530-price b{font-size:10px}.v530-price span{font-size:7px;color:#89948f}
.v530-photo-product>button{margin-top:8px;border:0;background:transparent;color:#275f4e;padding:0;font-size:7.4px;font-weight:850;cursor:pointer}

.v530-atlas-photo{margin:11px 0 0;border:1px solid #e0e7e3;border-radius:18px;background:#fff;overflow:hidden}
.v530-atlas-photo img{width:100%;height:240px;display:block;object-fit:cover;background:#f6f8f7}
.v530-atlas-photo figcaption{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:9px 11px}
.v530-atlas-photo figcaption b{font-size:8px;color:#50665c}.v530-atlas-photo figcaption span{font-size:6.7px;color:#98a19d;text-align:right}

.v530-med-section{margin-top:16px;border-top:1px solid #e3e9e6;padding-top:16px}
.v530-med-head{display:flex;justify-content:space-between;gap:18px;align-items:end}
.v530-med-head>div:first-child>span,.v530-home-med-head span{display:block;color:#2f725f;font-size:7.7px;font-weight:850}
.v530-med-head h2{margin:4px 0 3px;font-size:18px}.v530-med-head p{margin:0;color:#74817b;font-size:8.4px;line-height:1.5;max-width:760px}
.v530-med-keywords{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}
.v530-med-keywords b{border:1px solid #ded8cb;background:#fbf6ed;color:#7a664d;border-radius:999px;padding:5px 7px;font-size:6.8px}
.v530-med-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}
.v530-med-card{border:1px solid #e1e7e4;border-radius:17px;background:linear-gradient(145deg,#fff,#fbf7ef);padding:12px}
.v530-med-num{color:#a28d70;font-size:7px;font-weight:900}
.v530-med-formula{display:flex;gap:5px;align-items:center;margin-top:7px;flex-wrap:wrap}.v530-med-formula span{font-size:7px;background:#fff;border:1px solid #e4ded2;border-radius:999px;padding:4px 6px}.v530-med-formula i{font-style:normal;color:#b59370}
.v530-med-card h3{margin:8px 0 4px;font-size:10.5px;line-height:1.35}.v530-med-card p{margin:0;color:#6f7e76;font-size:7.7px;line-height:1.48}

.v530-home-med{margin-top:12px;border:1px solid #e3ded3;border-radius:19px;background:#fbf7ef;padding:14px 15px}
.v530-home-med-head{display:flex;justify-content:space-between;gap:14px;align-items:end}.v530-home-med-head h2{margin:4px 0 0;font-size:15px}.v530-home-med-head button{border:0;background:transparent;color:#765f45;font-size:7.6px;font-weight:850;cursor:pointer}
.v530-home-med-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:9px}
.v530-home-med-grid article{border:1px solid #e7dfd1;border-radius:13px;background:#fff;padding:9px}.v530-home-med-grid article>div{display:flex;gap:4px;flex-wrap:wrap;align-items:center}.v530-home-med-grid span{font-size:6.8px;color:#786b59}.v530-home-med-grid i{font-style:normal;color:#b48d61}.v530-home-med-grid h3{margin:6px 0 0;font-size:8.8px;line-height:1.35}

@media(max-width:900px){.v530-product-rail,.v530-med-grid{grid-template-columns:1fr 1fr}}
@media(max-width:720px){
 .v530-real-head,.v530-med-head,.v530-home-med-head{align-items:flex-start;flex-direction:column}
 .v530-real-head small{text-align:left}.v530-med-keywords{justify-content:flex-start}
 .v530-atlas-photo img{height:205px}.v530-atlas-photo figcaption{align-items:flex-start;flex-direction:column}
 .v530-home-med-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.v530-home-med-grid::-webkit-scrollbar{display:none}.v530-home-med-grid article{flex:0 0 72vw;scroll-snap-align:start}
}
@media(max-width:520px){
 .v530-product-rail,.v530-med-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:4px}.v530-product-rail::-webkit-scrollbar,.v530-med-grid::-webkit-scrollbar{display:none}
 .v530-photo-product,.v530-med-card{flex:0 0 min(80vw,300px);scroll-snap-align:start}
 .v530-product-img{height:170px}
 .v530-atlas-photo img{height:190px}
}

/* ===== V5.31 commercial polish ===== */
.v531-home-dock{
  margin-top:12px;border:1px solid #dce6e1;border-radius:20px;background:#fff;padding:14px 15px
}
.v531-home-dock-head{display:flex;justify-content:space-between;gap:14px;align-items:end}
.v531-home-dock-head>div>span{display:block;color:#2f725f;font-size:7.7px;font-weight:850}
.v531-home-dock-head h2{margin:4px 0 0;font-size:15px;line-height:1.3}
.v531-home-dock-head>small{color:#7c8983;font-size:7.4px;white-space:nowrap}
.v531-home-dock-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:10px}
.v531-home-dock-grid button{
  border:1px solid #e1e8e4;border-radius:15px;background:#f9fbfa;padding:10px;
  display:grid;grid-template-columns:auto 1fr;gap:8px;align-items:center;text-align:left;cursor:pointer
}
.v531-home-dock-grid button:hover{background:#f2f7f5;border-color:#cbdcd4}
.v531-home-dock-grid button>span{width:31px;height:31px;border-radius:10px;background:#fff;display:grid;place-items:center;font-size:15px}
.v531-home-dock-grid b{display:block;color:#28483d;font-size:8.8px}
.v531-home-dock-grid small{display:block;margin-top:2px;color:#7d8983;font-size:6.9px;line-height:1.3}

.v531-store-filter{display:flex;gap:6px;margin-top:9px;overflow-x:auto;scrollbar-width:none}
.v531-store-filter::-webkit-scrollbar{display:none}
.v531-store-filter button{
  flex:none;border:1px solid #dfe7e3;border-radius:999px;background:#fff;color:#667870;
  padding:6px 9px;font-size:7.5px;font-weight:850;cursor:pointer
}
.v531-store-filter button.on{background:#173f38;color:#fff;border-color:#173f38}

.v531-list-channel-tabs{display:flex;gap:6px;margin-top:10px;overflow-x:auto;scrollbar-width:none}
.v531-list-channel-tabs::-webkit-scrollbar{display:none}
.v531-list-channel-tabs button{
  flex:none;border:1px solid #dfe6e2;border-radius:999px;background:#fff;color:#65766e;
  padding:7px 9px;font-size:7.5px;font-weight:850;cursor:pointer
}
.v531-list-channel-tabs button.on{background:#eef6f2;border-color:#bdd3c9;color:#1f5b49}
.v531-row-actions{display:flex;gap:4px;align-items:center;justify-content:flex-end}
.v531-have-btn{
  border:1px solid #dfe6e2;border-radius:999px;background:#fff;color:#6e7e76;
  padding:4px 7px;font-size:6.8px;font-weight:800;cursor:pointer
}
.v531-have-btn.on{background:#f4efe4;color:#7b684d;border-color:#ddd2bf}
.v529-list-row.have b,.v529-list-row.have span{color:#8f9894}
.v531-have-section,.v531-done-section{
  margin-top:10px;border:1px solid #e1e7e4;border-radius:17px;background:#fff;padding:12px
}
.v531-have-section{background:#fbf8f1;border-color:#e8dfd0}
.v531-filter-empty{
  margin-top:10px;border:1px dashed #d6e0db;border-radius:16px;background:#fff;
  padding:18px;text-align:center;color:#7a8781;font-size:8px
}

/* product cards: consistent shelf-photo rhythm */
.v530-photo-product{display:flex;flex-direction:column;min-height:100%}
.v530-product-img{height:145px;padding:9px;background:#fff;border:1px solid #eef1ef}
.v530-product-img img{max-width:100%;max-height:100%;object-fit:contain}
.v530-photo-product h3{min-height:32px;margin-top:7px}
.v530-photo-product>button{margin-top:auto;padding-top:8px}
.v530-store-tag{align-self:flex-start}

@media(max-width:900px){
 .v531-home-dock-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:720px){
 .v531-home-dock{padding:13px;border-radius:18px}
 .v531-home-dock-head{align-items:flex-start;flex-direction:column;gap:5px}
 .v531-home-dock-grid{grid-template-columns:1fr 1fr}
 .v531-home-dock-grid button{padding:9px}
 .v531-home-secondary{display:none!important}
 .v530-home-med{margin-top:10px}
 .v530-home-med-grid article{min-height:88px}
 .v530-real-products{margin-top:11px}
 .v530-real-head h2{font-size:14px}
 .v530-product-img{height:150px}
 .v531-row-actions{grid-column:1/-1;justify-content:flex-end}
 .v529-list-row{grid-template-columns:auto 1fr}
}
@media(max-width:420px){
 .v531-home-dock-grid{gap:6px}
 .v531-home-dock-grid button{grid-template-columns:1fr;gap:6px}
 .v531-home-dock-grid button>span{width:29px;height:29px}
 .v531-home-dock-grid small{font-size:6.6px}
}


/* ===== V5.32 repeated-use + visual polish ===== */
.v532-recent-recipe{width:100%;margin-top:9px;border:1px solid #dbe6e1;border-radius:14px;background:#fff;padding:9px 11px;display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;text-align:left;cursor:pointer}
.v532-recent-recipe>span{color:#2f725f;font-size:7.1px;font-weight:850}.v532-recent-recipe>b{font-size:8.6px;color:#40564d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v532-recent-recipe>i{font-style:normal;color:#2f725f;font-weight:900}
.v532-recipe-photo{height:105px;border-radius:13px;overflow:hidden;position:relative;background:#eff5f2;margin:-2px -2px 9px}.v532-recipe-photo img,.v532-recipe-hero-photo img,.v532-home-recent-photo img{width:100%;height:100%;object-fit:cover;display:block}.v532-recipe-photo:after,.v532-recipe-hero-photo:after,.v532-home-recent-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,42,34,.01),rgba(11,42,34,.22));pointer-events:none}.v532-recipe-photo>span{position:absolute;left:8px;bottom:7px;z-index:2;width:28px;height:28px;border-radius:9px;background:rgba(255,255,255,.92);display:grid;place-items:center;font-size:15px}.v532-recipe-photo>small{position:absolute;right:7px;top:7px;z-index:2;border-radius:999px;background:rgba(255,255,255,.94);padding:4px 6px;color:#42574e;font-size:6.9px;font-weight:850}
.v532-recipe-hero-photo{width:94px;height:82px;border-radius:17px;overflow:hidden;position:relative;background:#eef4f1;box-shadow:0 7px 20px rgba(20,61,49,.06)}.v532-recipe-hero-photo>span{position:absolute;left:7px;bottom:7px;z-index:2;width:28px;height:28px;border-radius:9px;background:rgba(255,255,255,.92);display:grid;place-items:center;font-size:15px}
.v532-buy-channel{display:inline-flex!important;width:auto!important;margin-top:5px!important;border-radius:999px;background:#f4f7f5;padding:3px 6px;color:#75837c!important;font-size:6.5px!important}.v532-add-state{min-width:28px}.v532-add-state.list{background:#eef6f2!important;color:#2c6553!important;border-color:#cfe0d8!important}.v532-add-state.have{background:#faf5ea!important;color:#7d684b!important;border-color:#e7dcc7!important}.v532-add-state.done{background:#f2f3f2!important;color:#8a9490!important;border-color:#e3e6e4!important}.v532-list-source{display:block;margin-top:4px;color:#9aa49f;font-size:6.4px;line-height:1.35}
.v532-home-recent{margin-top:10px;border:1px solid #e0e7e3;border-radius:17px;background:#fff;padding:8px;display:grid;grid-template-columns:82px 1fr auto;gap:10px;align-items:center;cursor:pointer}.v532-home-recent-photo{height:58px;border-radius:12px;overflow:hidden;position:relative;background:#f2f6f4}.v532-home-recent>div:nth-child(2)>span{display:block;color:#2f725f;font-size:6.8px;font-weight:850}.v532-home-recent h3{margin:3px 0 2px;font-size:9.3px;line-height:1.3}.v532-home-recent p{margin:0;color:#7e8a84;font-size:6.8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v532-home-recent>button{border:0;background:transparent;color:#255e4c;font-size:7.5px;font-weight:850;cursor:pointer}
.v532-med-actions{margin-top:9px;border-top:1px solid #eee8de;padding-top:8px}.v532-med-actions button{border:0;background:transparent;padding:0;color:#765f45;font-size:7.3px;font-weight:850;cursor:pointer}
.v530-atlas-photo.broken{min-height:180px;display:grid;place-items:center;background:linear-gradient(145deg,#eef5f2,#fff);position:relative}.v530-atlas-photo.broken:before{content:'食材图鉴';color:#5f756b;font-size:11px;font-weight:850}.v530-atlas-photo.broken figcaption{display:none}
@media(max-width:720px){.v532-recipe-hero-photo{width:78px;height:70px}.v532-home-recent{grid-template-columns:70px 1fr auto}.v532-home-recent-photo{height:52px}}
@media(max-width:520px){.v532-recipe-photo{height:125px}.v532-home-recent{grid-template-columns:64px 1fr}.v532-home-recent>button{grid-column:2;justify-self:start}.v532-home-recent-photo{height:58px;grid-row:1/3}}

/* ===== V5.33 visual-flow polish ===== */
.v533-home-more-toggle{
  display:none;
  width:100%;margin-top:12px;border:1px solid #dce5e1;border-radius:15px;background:#fff;
  color:#315f50;padding:10px 12px;font-size:8.3px;font-weight:850;cursor:pointer;
  align-items:center;justify-content:space-between
}
.v533-home-more-toggle i{font-style:normal;font-size:13px;color:#718078}
.v533-home-more{display:contents}

.v533-med-note{
  margin:10px 0 11px;border:1px solid #dce7e2;border-radius:15px;background:#f6faf8;
  padding:10px 12px;display:grid;grid-template-columns:24px 1fr;gap:8px;align-items:start
}
.v533-med-note>span{
  width:24px;height:24px;border-radius:8px;background:#fff;display:grid;place-items:center;
  color:#2f725f;font-size:8px;font-weight:900
}
.v533-med-note p{margin:1px 0 0;color:#61736a;font-size:7.9px;line-height:1.48}
.v533-med-logic{display:flex;gap:5px;flex-wrap:wrap;margin-top:8px}
.v533-med-logic span{
  border:1px solid #e2e8e5;border-radius:999px;background:#f8faf9;color:#61736a;
  padding:4px 6px;font-size:6.8px;font-weight:800
}
.v533-med-method{flex:1;min-width:130px}
.v533-med-method summary{
  list-style:none;cursor:pointer;border:0;border-radius:999px;background:#173f38;color:#fff;
  padding:7px 9px;font-size:7.4px;font-weight:850;text-align:center
}
.v533-med-method summary::-webkit-details-marker{display:none}
.v533-med-method[open]{width:100%;flex-basis:100%}
.v533-med-method ol{
  margin:7px 0 0;padding:9px 9px 9px 23px;border:1px solid #e0e7e3;border-radius:12px;background:#fafcfb
}
.v533-med-method li{margin:0 0 5px;color:#65766e;font-size:7.4px;line-height:1.45}
.v533-med-method li:last-child{margin-bottom:0}
.v533-med-method b{color:#385e50}

.v532-recipe-photo img,.v532-recipe-hero-photo img,.v532-home-recent-photo img{
  image-rendering:auto
}

@media(max-width:720px){
  .v533-home-more-toggle{display:flex}
  .v533-home-more{display:none}
  .v533-home-more.open{display:block}
  .v533-home-more .v531-home-secondary:first-child{margin-top:10px}
  .v530-home-med-grid{overflow-x:auto;display:flex;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:4px}
  .v530-home-med-grid::-webkit-scrollbar{display:none}
  .v530-home-med-grid article{flex:0 0 min(78vw,290px);scroll-snap-align:start}
}

/* ===== V5.34 scan / packaging photo flow ===== */
.v534-home-scan{
  width:100%;margin:10px 0 9px;border:1px solid #cfe0d8;border-radius:17px;
  background:linear-gradient(135deg,#edf6f2,#fff 64%,#fff5ea);
  padding:11px 12px;display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;
  text-align:left;cursor:pointer
}
.v534-home-scan-icon{
  width:36px;height:36px;border-radius:12px;background:#173f38;color:#fff;display:grid;place-items:center;
  font-size:18px;font-weight:900
}
.v534-home-scan b{display:block;color:#244c40;font-size:9px}
.v534-home-scan small{display:block;margin-top:2px;color:#728078;font-size:7.4px;line-height:1.35}
.v534-home-scan i{font-style:normal;color:#2f725f;font-weight:900}

.v534-shop-scan{
  width:100%;margin-top:12px;border:1px solid #cfe0d8;border-radius:18px;background:linear-gradient(135deg,#eef6f2,#fff);
  padding:12px 13px;display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;text-align:left;cursor:pointer
}
.v534-shop-scan>span{
  width:38px;height:38px;border-radius:12px;background:#173f38;color:#fff;display:grid;place-items:center;font-size:18px;font-weight:900
}
.v534-shop-scan small{display:block;color:#2f725f;font-size:7.2px;font-weight:850}
.v534-shop-scan b{display:block;margin-top:2px;font-size:10px;color:#274d41}
.v534-shop-scan p{margin:3px 0 0;color:#74817b;font-size:7.8px;line-height:1.4}
.v534-shop-scan>i{font-style:normal;color:#2f725f;font-weight:900}

.v534-scan-page,.v534-result-page{padding-bottom:24px}
.v534-scan-hero,.v534-result-hero{
  border:1px solid #dfe8e4;border-radius:22px;background:linear-gradient(145deg,#f1f7f4,#fff 63%,#fbf2e9);
  padding:18px;display:grid;grid-template-columns:1fr auto;gap:16px;align-items:end
}
.v534-scan-hero>div>span,.v534-result-hero>div:last-child>span,.v534-route-card>div:first-child>span,.v534-demo-head>div:first-child>span{
  display:block;color:#2f725f;font-size:7.8px;font-weight:850
}
.v534-scan-hero h1,.v534-result-hero h1{margin:5px 0 6px;font-size:24px;letter-spacing:-.03em}
.v534-scan-hero p,.v534-result-hero p{margin:0;color:#6d7c75;font-size:8.8px;line-height:1.55;max-width:850px}
.v534-scan-back,.v534-result-back{
  border:1px solid #dce5e1;border-radius:999px;background:#fff;color:#255a49;padding:8px 10px;font-size:7.7px;font-weight:850;cursor:pointer
}

.v534-capture-card{
  margin-top:10px;border:1px solid #dfe7e3;border-radius:20px;background:#fff;padding:13px
}
.v534-capture-placeholder{
  min-height:250px;border:1px dashed #c9d8d2;border-radius:16px;background:linear-gradient(145deg,#f5f9f7,#fbfcfb);
  display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px
}
.v534-camera-icon{
  width:60px;height:60px;border-radius:20px;background:#e8f2ed;color:#245e4b;display:grid;place-items:center;font-size:28px;font-weight:900
}
.v534-capture-placeholder b{margin-top:12px;font-size:12px;color:#2f4f43}
.v534-capture-placeholder p{margin:5px 0 0;max-width:560px;color:#7b8781;font-size:8.2px;line-height:1.5}
.v534-preview-wrap{border-radius:16px;overflow:hidden;background:#eff4f1;max-height:420px;display:grid;place-items:center}
.v534-preview-wrap img{width:100%;max-height:420px;object-fit:contain;display:block}
.v534-preview-info{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:8px}
.v534-preview-info b{font-size:9px}.v534-preview-info span{color:#87918d;font-size:7.2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:50%}
.v534-capture-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}
.v534-capture-actions label,.v534-capture-actions button{
  border:1px solid #dce5e1;border-radius:999px;background:#fff;color:#255a49;padding:8px 11px;font-size:7.8px;font-weight:850;cursor:pointer
}
.v534-capture-actions label.solid{background:#173f38;border-color:#173f38;color:#fff}
.v534-file-input{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
.v534-privacy{display:block;margin-top:8px;color:#8a9590;font-size:6.9px;line-height:1.45}

.v534-scan-side{
  margin-top:10px;border:1px solid #e0e7e3;border-radius:17px;background:#fff;padding:12px
}
.v534-scan-side>span{display:block;color:#6d7d75;font-size:7.6px;font-weight:850;margin-bottom:7px}
.v534-scan-side>div{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}
.v534-scan-side>div::-webkit-scrollbar{display:none}
.v534-scan-side button{
  flex:none;border:1px solid #dfe6e2;border-radius:999px;background:#f8faf9;color:#65756d;padding:7px 9px;font-size:7.5px;font-weight:800;cursor:pointer
}
.v534-scan-side button.on{background:#173f38;border-color:#173f38;color:#fff}

.v534-scan-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:10px}
.v534-scan-steps article{border:1px solid #e2e8e5;border-radius:15px;background:#fff;padding:11px}
.v534-scan-steps span{display:block;color:#9ba6a1;font-size:6.8px;font-weight:900}
.v534-scan-steps b{display:block;margin-top:5px;font-size:8.7px}
.v534-scan-steps p{margin:4px 0 0;color:#738079;font-size:7.6px;line-height:1.45}
.v534-scan-continue{
  width:100%;margin-top:10px;border:0;border-radius:14px;background:#173f38;color:#fff;padding:11px 13px;font-size:8.5px;font-weight:900;cursor:pointer
}
.v534-scan-continue:disabled{background:#d9e0dc;color:#8f9a95;cursor:not-allowed}

.v534-result-hero{grid-template-columns:auto 110px 1fr;align-items:center}
.v534-result-back{align-self:start}
.v534-result-photo{width:110px;height:110px;border-radius:17px;overflow:hidden;background:#eef4f1;display:grid;place-items:center;color:#2f725f;font-size:28px}
.v534-result-photo img{width:100%;height:100%;object-fit:cover}
.v534-route-card,.v534-demo-section{
  margin-top:10px;border:1px solid #dfe7e3;border-radius:18px;background:#fff;padding:14px
}
.v534-route-card h2,.v534-demo-head h2{margin:4px 0 0;font-size:13px}
.v534-route-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-top:10px}
.v534-route-grid button{
  border:1px solid #e0e7e3;border-radius:13px;background:#fafcfb;color:#40584f;padding:9px 8px;font-size:11px;cursor:pointer;text-align:left
}
.v534-route-grid button b{display:block;margin-top:5px;font-size:7.4px;line-height:1.3}

.v534-demo-head{display:flex;justify-content:space-between;gap:12px;align-items:end}
.v534-demo-tabs{display:flex;gap:5px}
.v534-demo-tabs button{width:34px;height:34px;border:1px solid #dfe6e2;border-radius:10px;background:#fff;cursor:pointer}
.v534-demo-tabs button.on{background:#eef6f2;border-color:#bad0c6}
.v534-demo-result{margin-top:10px;border:1px solid #e5eae8;border-radius:16px;background:#fafcfb;padding:12px}
.v534-demo-title{display:flex;gap:9px;align-items:center}
.v534-demo-title>span{font-size:25px}
.v534-demo-title small{display:block;color:#88948e;font-size:6.8px}.v534-demo-title h3{margin:2px 0 0;font-size:10px}
.v534-demo-result dl{display:grid;gap:0;margin:10px 0 0}
.v534-demo-result dl>div{display:grid;grid-template-columns:112px 1fr;gap:10px;padding:8px 0;border-top:1px solid #e7ece9}
.v534-demo-result dt{color:#85918b;font-size:7px}.v534-demo-result dd{margin:0;color:#52655c;font-size:8px;line-height:1.45}
.v534-demo-result dd span{display:inline-block;border-radius:999px;background:#eef5f2;padding:4px 6px;margin:0 4px 3px 0;font-size:7px;font-weight:800}
.v534-demo-result>button{margin-top:10px;border:0;border-radius:999px;background:#173f38;color:#fff;padding:8px 10px;font-size:7.6px;font-weight:850;cursor:pointer}

@media(max-width:760px){
  .v534-scan-hero{grid-template-columns:1fr;padding:16px}.v534-scan-back{justify-self:start}
  .v534-result-hero{grid-template-columns:88px 1fr;padding:14px}
  .v534-result-back{grid-column:1/-1;justify-self:start}
  .v534-result-photo{width:88px;height:88px}
  .v534-scan-steps{grid-template-columns:1fr}
  .v534-route-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:520px){
  .v534-capture-placeholder{min-height:220px}
  .v534-capture-actions label,.v534-capture-actions button{flex:1;text-align:center;min-width:120px}
  .v534-result-hero{grid-template-columns:72px 1fr}.v534-result-photo{width:72px;height:72px}
  .v534-demo-head{align-items:flex-start;flex-direction:column}
  .v534-demo-result dl>div{grid-template-columns:88px 1fr}
  .v534-route-grid{grid-template-columns:1fr 1fr}
}


/* ===== V5.35 local OCR beta ===== */
.v535-auto-card{
 margin-top:10px;border:1px solid #cfe0d8;border-radius:18px;background:linear-gradient(145deg,#eef7f3,#fff);
 padding:13px 14px;display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center
}
.v535-auto-copy>span,.v535-analysis-head>div:first-child>span,.v535-result-block>span,.v535-recognized-text>div:first-child>span{
 display:block;color:#2f725f;font-size:7.6px;font-weight:850
}
.v535-auto-copy h2{margin:4px 0;font-size:12px}.v535-auto-copy p{margin:0;color:#6d7c75;font-size:7.8px;line-height:1.48;max-width:740px}
.v535-auto-card>small{grid-column:1/-1;color:#87928d;font-size:6.9px}
.v535-auto-start{border:0;border-radius:999px;background:#173f38;color:#fff;padding:9px 12px;font-size:7.8px;font-weight:850;cursor:pointer;white-space:nowrap}
.v535-auto-start:disabled{background:#d9e0dc;color:#8f9a95;cursor:not-allowed}
.v535-ocr-running{min-width:210px}
.v535-ocr-running>div:first-child{display:flex;justify-content:space-between;gap:10px;color:#53675e;font-size:7.4px}
.v535-progress{height:7px;border-radius:999px;background:#dfe9e4;overflow:hidden;margin-top:7px}
.v535-progress i{display:block;height:100%;border-radius:999px;background:#2f725f;transition:width .2s ease}
.v535-ocr-error{grid-column:1/-1;border-radius:11px;background:#fff2ef;color:#8a544b;padding:8px 10px;font-size:7.6px;line-height:1.45}

.v535-analysis-card{margin-top:10px;border:1px solid #d8e5df;border-radius:19px;background:#fff;padding:14px}
.v535-analysis-head{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:start}
.v535-analysis-head h2{margin:4px 0 3px;font-size:16px}.v535-analysis-head p{margin:0;color:#6e7d76;font-size:8px;line-height:1.45;max-width:760px}
.v535-confidence{border:1px solid #dfe6e2;border-radius:13px;background:#f7faf8;padding:8px 10px;min-width:84px;text-align:center}
.v535-confidence small{display:block;color:#84918a;font-size:6.7px}.v535-confidence b{display:block;margin-top:3px;font-size:8.3px;color:#52675d}
.v535-confidence.high{background:#eef7f2;border-color:#c6ddd2}.v535-confidence.medium{background:#faf7ec;border-color:#e7dfc4}.v535-confidence.low{background:#faf2ef;border-color:#e8d5cf}
.v535-barcode{margin-top:9px;border-top:1px solid #e7ece9;padding-top:8px;display:flex;justify-content:space-between;gap:10px;font-size:7.4px}
.v535-barcode span{color:#87928d}.v535-barcode b{color:#4f6259;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.04em}
.v535-result-block{margin-top:11px;border-top:1px solid #e7ece9;padding-top:10px}
.v535-block-note{display:block;color:#8a9690;font-size:6.8px;margin-top:3px}
.v535-chip-row{display:flex;gap:5px;flex-wrap:wrap;margin-top:7px}.v535-chip-row b{border:1px solid #dce6e1;border-radius:999px;background:#f4f8f6;color:#53675e;padding:5px 7px;font-size:7px}
.v535-chip-row.muted b{background:#faf8f3;border-color:#e8e1d3;color:#756b5d}
.v535-nutrient-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:8px}
.v535-nutrient-grid article{border:1px solid #e4eae7;border-radius:12px;background:#fafcfb;padding:9px}
.v535-nutrient-grid small{display:block;color:#84918a;font-size:6.8px}.v535-nutrient-grid b{display:block;margin-top:4px;color:#314f44;font-size:11px}.v535-nutrient-grid i{font-style:normal;font-size:7px;font-weight:700;color:#76847d}
.v535-ingredient-snippet{margin:7px 0 0;border-radius:12px;background:#f8faf9;padding:10px;color:#5f7068;font-size:7.8px;line-height:1.5;white-space:pre-wrap}
.v535-analysis-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}
.v535-analysis-actions button{border:0;border-radius:999px;background:#173f38;color:#fff;padding:8px 10px;font-size:7.6px;font-weight:850;cursor:pointer}
.v535-analysis-actions .ghost{background:#fff;color:#255e4c;border:1px solid #dce5e1}

.v535-recognized-text{margin-top:10px;border:1px solid #dfe7e3;border-radius:18px;background:#f7faf8;padding:14px}
.v535-recognized-text h2{margin:4px 0 0;font-size:12px}
.v535-recognized-text textarea{width:100%;min-height:150px;margin-top:9px;border:1px solid #dce5e1;border-radius:12px;background:#fff;padding:10px;color:#53645c;font:7.6px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;resize:vertical;outline:none}
.v535-recognized-text>div:last-child{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:7px}
.v535-recognized-text>div:last-child small{color:#85918b;font-size:6.8px;line-height:1.4}
.v535-recognized-text button{border:0;border-radius:999px;background:#173f38;color:#fff;padding:8px 10px;font-size:7.3px;font-weight:850;cursor:pointer;white-space:nowrap}

@media(max-width:720px){
 .v535-auto-card{grid-template-columns:1fr}.v535-auto-start,.v535-ocr-running{width:100%;min-width:0}.v535-auto-card>small{grid-column:auto}
 .v535-analysis-head{grid-template-columns:1fr}.v535-confidence{justify-self:start}
 .v535-nutrient-grid{grid-template-columns:1fr 1fr}
 .v535-recognized-text>div:last-child{align-items:flex-start;flex-direction:column}.v535-recognized-text button{width:100%}
}


/* ===== V5.36 launch readiness ===== */
.v536-quality{margin-top:9px;border-radius:12px;padding:8px 10px;display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:7.5px;background:#f5f7f6;border:1px solid #e0e7e3}.v536-quality b{font-size:8px}.v536-quality span{color:#78857f}.v536-quality.good{background:#eef7f2;border-color:#cfe2d8;color:#215d4c}.v536-quality.ok{background:#faf7ee;border-color:#e6ddc5;color:#765f32}.v536-quality.low{background:#fbefec;border-color:#ead4ce;color:#8b564c}
.v536-scan-controls{margin:9px 0;display:flex;gap:7px;flex-wrap:wrap;align-items:center}.v536-scan-controls label,.v536-quota,.v536-scan-controls>button{border:1px solid #dde6e2;border-radius:999px;background:#fff;padding:6px 9px;font-size:7.4px;color:#52675d}.v536-scan-controls label{display:flex;align-items:center;gap:5px}.v536-scan-controls input{accent-color:#215d4c}.v536-quota b{color:#1e5b49}.v536-scan-controls>button{cursor:pointer;color:#245f4d;font-weight:800}
.v536-explore-search{width:100%;margin:8px 0 10px;border:1px solid #cfe0d8;border-radius:16px;background:linear-gradient(145deg,#eff7f3,#fff);padding:10px 12px;display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;text-align:left;cursor:pointer}.v536-explore-search>span{font-size:18px}.v536-explore-search b{display:block;font-size:9px}.v536-explore-search small{display:block;color:#78857f;font-size:7.3px;margin-top:2px}.v536-explore-search i{font-style:normal;color:#2d6c58}
.v536-search-page,.v536-history-page,.v536-privacy-page{padding-bottom:26px}.v536-search-hero,.v536-history-hero,.v536-privacy-hero{border:1px solid #dfe8e4;border-radius:22px;background:linear-gradient(145deg,#f1f7f4,#fff 65%,#fbf2e8);padding:18px}.v536-search-hero>span,.v536-history-hero span,.v536-privacy-hero>span{color:#2f725f;font-size:8px;font-weight:850}.v536-search-hero h1,.v536-history-hero h1,.v536-privacy-hero h1{font-size:23px;margin:5px 0 7px}.v536-search-hero p,.v536-history-hero p,.v536-privacy-hero p{color:#718078;font-size:8.4px;line-height:1.5}.v536-searchbox{margin-top:11px;background:#fff;border:1px solid #dce6e1;border-radius:14px;padding:4px;display:grid;grid-template-columns:1fr auto}.v536-searchbox input{border:0;outline:0;padding:8px 9px;font-size:9px}.v536-searchbox button{border:0;border-radius:10px;background:#173f38;color:#fff;padding:8px 12px;font-size:8px;font-weight:850;cursor:pointer}.v536-recent{margin-top:11px}.v536-recent>span{font-size:7.5px;color:#74827b}.v536-recent>div{display:flex;gap:5px;flex-wrap:wrap;margin-top:6px}.v536-recent button{border:1px solid #dfe6e2;background:#fff;border-radius:999px;padding:6px 8px;font-size:7.5px;cursor:pointer}.v536-result-head{display:flex;align-items:baseline;gap:5px;margin:12px 2px 6px}.v536-result-head b{font-size:15px;color:#1e5b49}.v536-result-head span{font-size:7.5px;color:#7a8781}.v536-search-results{display:grid;grid-template-columns:1fr 1fr;gap:7px}.v536-search-results article{border:1px solid #e0e7e3;border-radius:16px;background:#fff;padding:11px;display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center;cursor:pointer}.v536-search-icon{width:34px;height:34px;border-radius:11px;background:#f0f6f3;display:grid;place-items:center;font-size:16px}.v536-search-results small{color:#2f725f;font-size:6.8px;font-weight:850}.v536-search-results h3{font-size:9.4px;margin:2px 0}.v536-search-results p{font-size:7.3px;color:#7a8781;margin:0;line-height:1.4}.v536-search-results article>span{color:#5e766b}.v536-search-empty,.v536-search-start{grid-column:1/-1;border:1px dashed #d6e0db;border-radius:17px;background:#fff;padding:25px;text-align:center}.v536-search-empty b{font-size:11px}.v536-search-empty p{font-size:8px;color:#78857f}.v536-search-start{display:flex;justify-content:center;gap:7px}.v536-search-start button{border:1px solid #dce5e1;border-radius:999px;background:#fff;color:#255e4c;padding:8px 10px;font-size:8px;font-weight:800;cursor:pointer}
.v536-history-hero{display:flex;justify-content:space-between;align-items:end;gap:12px}.v536-history-hero>button{border:0;border-radius:999px;background:#173f38;color:#fff;padding:8px 10px;font-size:8px;font-weight:800}.v536-history-list{display:grid;gap:7px;margin-top:10px}.v536-history-list article{border:1px solid #e0e7e3;background:#fff;border-radius:15px;padding:10px;display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center}.v536-history-mark{width:38px;height:38px;border-radius:12px;background:#eef6f2;display:grid;place-items:center;font-size:18px}.v536-history-list small{font-size:6.8px;color:#8b9691}.v536-history-list h3{font-size:9px;margin:2px 0}.v536-history-list p{font-size:7.2px;color:#78857f;margin:0}.v536-history-list button{border:0;background:transparent;color:#2d6c58;cursor:pointer}.v536-history-clear{margin-top:10px;border:1px solid #e0d5d1;background:#fff;border-radius:999px;padding:7px 10px;font-size:7.5px;color:#8a5a50}.v536-history-empty,.v536-history-lock{margin-top:10px;border:1px dashed #d5dfda;border-radius:17px;background:#fff;padding:24px;text-align:center}.v536-history-empty b,.v536-history-lock b{font-size:11px}.v536-history-empty button,.v536-history-lock button{margin-top:10px;border:0;border-radius:999px;background:#173f38;color:#fff;padding:8px 11px;font-size:8px;font-weight:800}.v536-history-lock p{font-size:8px;color:#78857f}
.v536-data-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:10px}.v536-data-cards article{border:1px solid #e0e7e3;border-radius:15px;background:#fff;padding:11px}.v536-data-cards b{display:block;font-size:16px;color:#1f5d4b}.v536-data-cards span{font-size:7px;color:#7b8882}.v536-privacy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.v536-privacy-grid section,.v536-delete-data{border:1px solid #e0e7e3;border-radius:17px;background:#fff;padding:13px}.v536-privacy-grid span,.v536-delete-data span{font-size:7px;color:#2f725f;font-weight:850}.v536-privacy-grid h2,.v536-delete-data h2{font-size:11px;margin:4px 0}.v536-privacy-grid p{font-size:7.7px;color:#6f7e76;line-height:1.55;margin:0}.v536-delete-data{margin-top:9px;display:flex;justify-content:space-between;gap:14px;align-items:center}.v536-delete-data>div:last-child{display:flex;gap:6px;flex-wrap:wrap}.v536-delete-data button{border:1px solid #dce5e1;border-radius:999px;background:#fff;color:#285f4e;padding:7px 9px;font-size:7.4px;cursor:pointer}.v536-delete-data button.danger{color:#8b554b;border-color:#ead7d2}
@media(max-width:720px){.v536-search-results{grid-template-columns:1fr}.v536-data-cards{grid-template-columns:1fr 1fr}.v536-privacy-grid{grid-template-columns:1fr}.v536-delete-data{align-items:flex-start;flex-direction:column}.v536-history-hero{align-items:flex-start;flex-direction:column}.v536-search-hero h1,.v536-history-hero h1,.v536-privacy-hero h1{font-size:20px}}


/* ===== V5.37 core-function focus ===== */
.v537-hero{display:grid;grid-template-columns:1.05fr .95fr;gap:12px;align-items:stretch;margin-top:8px}
.v537-hero-copy{border:1px solid #dce6e1;border-radius:24px;background:linear-gradient(145deg,#f4f8f6,#fff 60%,#fff8ef);padding:24px;display:flex;flex-direction:column;justify-content:center;min-height:360px}
.v537-brandline{font-size:8px;font-weight:900;letter-spacing:.02em;color:#2e705e;text-transform:none}
.v537-hero h1{margin:8px 0 9px;max-width:650px;font-size:34px;line-height:1.08;letter-spacing:-.045em;color:#163d34}
.v537-hero-copy>p{max-width:650px;margin:0;color:#66776f;font-size:10px;line-height:1.65}
.v537-hero-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}
.v537-hero-actions button{border:1px solid #cfded7;border-radius:999px;background:#fff;color:#245947;padding:10px 14px;font-size:8.7px;font-weight:900;cursor:pointer}
.v537-hero-actions .primary{background:#173f38;color:#fff;border-color:#173f38}
.v537-route-pill{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-top:18px;color:#78867f;font-size:7.4px}.v537-route-pill span{font-weight:850;color:#45685a}.v537-route-pill b{color:#173f38}.v537-route-pill i{font-style:normal}.v537-route-pill em{font-style:normal}
.v537-hero-example{position:relative;overflow:hidden;border-radius:24px;min-height:360px;background:#173f38;cursor:pointer}
.v537-hero-example>img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;filter:saturate(.94)}
.v537-hero-example:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,25,21,.02) 18%,rgba(8,25,21,.84) 100%)}
.v537-example-overlay{position:absolute;z-index:2;left:20px;right:20px;bottom:20px;color:#fff}
.v537-example-overlay>span{font-size:7.6px;font-weight:850;opacity:.78}.v537-example-overlay h2{margin:5px 0 10px;font-size:20px;line-height:1.2}.v537-mini-flow{display:flex;gap:5px;align-items:center;flex-wrap:wrap}.v537-mini-flow b{font-size:7.2px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.12);padding:5px 7px;border-radius:999px}.v537-mini-flow i{font-style:normal;opacity:.6}.v537-example-overlay button{margin-top:10px;border:0;background:#fff;color:#173f38;border-radius:999px;padding:7px 9px;font-size:7.5px;font-weight:900;cursor:pointer}
.v537-core{margin-top:12px;border-top:1px solid #e5ebe8;padding-top:17px}.v537-core-head span{display:block;color:#2f725f;font-size:7.8px;font-weight:900}.v537-core-head h2{margin:4px 0 0;font-size:16px;letter-spacing:-.02em}.v537-core-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:10px}
.v537-core-card{padding:0;text-align:left;overflow:hidden;border:1px solid #dfe7e3;border-radius:19px;background:#fff;cursor:pointer;color:inherit}.v537-core-card:hover{border-color:#c7d8d0;box-shadow:0 8px 25px rgba(22,62,51,.07);transform:translateY(-1px)}
.v537-core-photo{height:112px;overflow:hidden;background:#eef4f1}.v537-core-photo img{width:100%;height:100%;object-fit:cover;display:block}.v537-scan .v537-core-photo img{object-position:center}.v537-sub .v537-core-photo img{object-position:center}
.v537-core-body{padding:13px}.v537-core-body>span{display:block;color:#8e9b95;font-size:7px;font-weight:900}.v537-core-body h3{margin:5px 0 4px;font-size:12.5px;color:#173f38;line-height:1.25}.v537-core-body p{margin:0;min-height:33px;color:#74827b;font-size:7.6px;line-height:1.45}.v537-core-body strong{display:block;margin-top:9px;color:#2c6755;font-size:7.7px}
.v537-quickbar{margin-top:9px;display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.v537-quickbar button{border:1px solid #e0e7e3;border-radius:14px;background:#fafcfb;padding:8px 10px;display:flex;align-items:center;gap:7px;color:#426459;cursor:pointer;text-align:left}.v537-quickbar button span{font-size:13px}.v537-quickbar button b{font-size:7.5px}
.v537-settings{margin-top:8px;border:1px solid #e3e9e6;border-radius:15px;background:#fff;overflow:hidden}.v537-settings summary{list-style:none;display:flex;justify-content:space-between;gap:10px;align-items:center;padding:9px 12px;cursor:pointer;color:#65766e;font-size:7.5px}.v537-settings summary::-webkit-details-marker{display:none}.v537-settings summary b{color:#274f42}.v537-settings[open] summary{border-bottom:1px solid #edf1ef}.v537-settings>.v52-route{padding:10px 12px 0}.v537-search{margin:8px 12px 12px}
.v537-fusion-grid{gap:9px}.v537-fusion-card{padding:0!important;overflow:hidden;cursor:pointer;background:#fff!important}.v537-fusion-photo{height:148px;position:relative;overflow:hidden;background:#eef4f1}.v537-fusion-photo img{width:100%;height:100%;object-fit:cover;display:block}.v537-fusion-photo>span{position:absolute;top:9px;right:9px;width:25px;height:25px;border-radius:999px;background:rgba(255,255,255,.9);display:grid;place-items:center;color:#48675b;font-size:6.8px;font-weight:900}.v537-fusion-body{padding:11px 12px 12px}.v537-fusion-body h3{margin:7px 0 0!important;font-size:11.3px!important;line-height:1.3}.v537-fusion-body button{margin-top:8px!important}
@media(max-width:900px){.v537-hero{grid-template-columns:1fr}.v537-hero-copy{min-height:0}.v537-hero-example{min-height:320px}.v537-core-grid{grid-template-columns:1fr 1fr}.v537-core-card:last-child{grid-column:1/-1}.v537-quickbar{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.v537-hero{margin-top:3px;gap:8px}.v537-hero-copy{padding:18px;border-radius:20px}.v537-hero h1{font-size:27px}.v537-hero-copy>p{font-size:9px}.v537-hero-example{min-height:280px;border-radius:20px}.v537-core{padding-top:14px}.v537-core-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.v537-core-grid::-webkit-scrollbar{display:none}.v537-core-card,.v537-core-card:last-child{flex:0 0 min(82vw,315px);grid-column:auto;scroll-snap-align:start}.v537-core-photo{height:128px}.v537-quickbar{grid-template-columns:1fr 1fr}.v537-settings>.v52-route{grid-template-columns:1fr 1fr!important}.v537-fusion-photo{height:170px}}
@media(max-width:480px){.v537-hero h1{font-size:25px}.v537-hero-actions{display:grid;grid-template-columns:1fr}.v537-hero-actions button{width:100%}.v537-route-pill{margin-top:13px}.v537-hero-example{min-height:250px}.v537-example-overlay{left:15px;right:15px;bottom:15px}.v537-example-overlay h2{font-size:17px}.v537-mini-flow b{font-size:6.8px}.v537-quickbar button{padding:8px}.v537-settings>.v52-route{grid-template-columns:1fr!important}.v537-fusion-photo{height:160px}}


/* ===== V5.38 three-second clarity / first-screen polish ===== */
.v538-hero-proof{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:13px;color:#2b6553;font-size:7.8px;font-weight:900}
.v538-hero-proof span{border-radius:999px;background:#edf5f1;border:1px solid #d7e5de;padding:6px 8px}
.v538-hero-proof i{font-style:normal;color:#9aaaa2}
.v537-core-body>span{color:#2f725f!important;text-transform:none;letter-spacing:0}

@media(min-width:901px){
 .v537-hero-copy{min-height:315px}.v537-hero-example{min-height:315px}
 .v537-hero h1{font-size:36px;max-width:610px}
 .v537-core-photo{height:132px}
}
@media(max-width:720px){
 .v537-hero{display:block}.v537-hero-copy{padding:17px 16px 16px;min-height:0}.v537-hero h1{font-size:29px;line-height:1.06;margin:7px 0 8px}.v537-hero-copy>p{font-size:9.1px;line-height:1.5}.v538-hero-proof{margin-top:11px;gap:5px}.v538-hero-proof span{padding:5px 7px;font-size:7px}
 .v537-hero-example{display:none}
 .v537-core{margin-top:9px;padding-top:13px}.v537-core-head h2{font-size:15px}.v537-core-grid{display:grid;grid-template-columns:1fr;gap:7px;overflow:visible;margin-top:8px}
 .v537-core-card,.v537-core-card:last-child{display:grid;grid-template-columns:104px 1fr;min-width:0;width:100%;grid-column:auto;scroll-snap-align:none;border-radius:16px}
 .v537-core-photo{height:100%;min-height:102px}.v537-core-body{padding:11px 12px;display:flex;flex-direction:column;justify-content:center}.v537-core-body>span{font-size:6.8px}.v537-core-body h3{font-size:11.5px;margin:3px 0 3px}.v537-core-body p{min-height:0;font-size:7.4px;line-height:1.4}.v537-core-body strong{margin-top:6px;font-size:7.4px}
 .v537-quickbar{margin-top:8px}
}
@media(max-width:480px){
 .v537-hero h1{font-size:27px}.v537-hero-actions{display:grid;grid-template-columns:1.2fr .8fr;gap:6px;margin-top:13px}.v537-hero-actions button{padding:9px 8px;font-size:7.8px}.v537-route-pill{margin-top:10px;padding-top:9px}
}

/* language picker clarity */
.lang{cursor:pointer;font-weight:760;color:#274d43;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Apple Color Emoji","Segoe UI Emoji",sans-serif}
@media(max-width:480px){.lang{max-width:108px!important;font-size:10.5px!important}}


/* ===== V5.39 responsive desktop + visual hierarchy ===== */
/* The app should feel intentional on 1024–1920px screens instead of simply stretching a mobile composition. */
@media (min-width:1400px){
  .shell{width:min(1440px,calc(100% - 80px))}
  .page{padding-top:34px}
  .header-inner{gap:28px}
}
@media (min-width:1180px) and (max-width:1399px){
  .shell{width:min(1280px,calc(100% - 52px))}
}
@media (min-width:901px) and (max-width:1179px){
  .shell{width:calc(100% - 34px)}
  .header-inner{gap:12px}
  .brand{min-width:145px}
  .brand small{display:none}
  .nav{gap:1px}
  .nav button{padding:8px 7px;font-size:11px}
  .header-actions{gap:6px}
  .lang{max-width:126px;padding:7px 9px;font-size:11px}
  .profile-btn{padding:7px 9px}
  .profile-btn #accountLabel{display:none}
}

@media (min-width:901px){
  .v52-home{max-width:none}
  .v537-hero{grid-template-columns:minmax(0,1.06fr) minmax(360px,.94fr);gap:14px;margin-top:8px}
  .v537-hero-copy{min-height:360px;padding:clamp(28px,2.5vw,40px);border-radius:26px}
  .v537-brandline{font-size:10px}
  .v537-hero h1{font-size:clamp(38px,3.25vw,50px);line-height:1.035;max-width:760px;margin:10px 0 11px}
  .v537-hero-copy>p{font-size:clamp(11px,.92vw,13px);line-height:1.62;max-width:700px}
  .v538-hero-proof{font-size:9.5px;gap:8px;margin-top:16px}
  .v538-hero-proof span{padding:7px 10px}
  .v537-hero-actions{margin-top:18px;gap:9px}
  .v537-hero-actions button{font-size:10.5px;padding:11px 16px}
  .v537-route-pill{font-size:9px;margin-top:20px;gap:7px}

  .v537-hero-example{min-height:360px;border-radius:26px;cursor:pointer}
  .v537-hero-example:after{background:linear-gradient(180deg,rgba(8,25,21,0) 48%,rgba(8,25,21,.58) 100%)}
  .v537-hero-example>img{filter:saturate(.96) contrast(1.02)}
  .v539-hero-caption{position:absolute;z-index:3;left:20px;right:20px;bottom:18px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#fff}
  .v539-hero-caption span{font-size:9px;font-weight:850;letter-spacing:.02em;opacity:.88}
  .v539-hero-caption b{font-size:10px;font-weight:900;border:1px solid rgba(255,255,255,.25);background:rgba(18,50,42,.24);backdrop-filter:blur(8px);padding:7px 9px;border-radius:999px}
  .v537-example-overlay{display:none!important}

  .v537-core{margin-top:16px;padding-top:21px}
  .v537-core-head span{font-size:9px}
  .v537-core-head h2{font-size:clamp(19px,1.5vw,23px);margin-top:5px}
  .v537-core-grid{gap:12px;margin-top:12px}
  .v537-core-card{border-radius:21px;min-width:0}
  .v537-core-photo{height:clamp(145px,12vw,178px)}
  .v537-core-body{padding:16px 17px 17px}
  .v537-core-body>span{font-size:8.5px}
  .v537-core-body h3{font-size:clamp(15px,1.2vw,18px);margin:6px 0 5px}
  .v537-core-body p{font-size:10.5px;line-height:1.5;min-height:32px;max-width:34em}
  .v537-core-body strong{font-size:9.5px;margin-top:10px}
  .v537-core-card:hover .v537-core-photo img{transform:scale(1.018)}
  .v537-core-photo img{transition:transform .24s ease}

  .v537-quickbar{gap:9px;margin-top:11px}
  .v537-quickbar button{min-height:48px;padding:10px 13px;border-radius:15px}
  .v537-quickbar button span{font-size:16px}
  .v537-quickbar button b{font-size:9.5px}
  .v537-settings summary{font-size:9px;padding:11px 14px}
  .v537-search{margin:10px 14px 14px}

  .page-hero{padding:clamp(24px,2.2vw,34px);border-radius:26px}
  .page-hero h1{font-size:clamp(28px,2.3vw,36px)}
  .page-hero p{font-size:12px;max-width:760px}
  .grid3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
  .grid4{grid-template-columns:repeat(auto-fit,minmax(215px,1fr))}
  .food-cats{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
  .product-grid{grid-template-columns:repeat(auto-fit,minmax(270px,1fr))}
  .store-grid{grid-template-columns:repeat(auto-fit,minmax(225px,1fr))}
  .v529-recipe-grid{grid-template-columns:repeat(auto-fit,minmax(270px,1fr))}
  .v536-search-results{grid-template-columns:repeat(auto-fit,minmax(270px,1fr))}
}

/* Tablet / compact laptop: switch navigation before it starts to squeeze. */
@media (min-width:721px) and (max-width:900px){
  header{height:68px}
  .shell{width:calc(100% - 30px)}
  .nav{display:none!important}
  .profile-btn{display:none!important}
  .mobile-nav{display:grid!important;grid-template-columns:repeat(5,1fr);position:fixed;bottom:0;left:0;right:0;background:rgba(255,255,255,.97);backdrop-filter:blur(14px);border-top:1px solid var(--line);z-index:80}
  .mobile-nav button{border:0;background:transparent;padding:9px 3px;font-size:10px;color:#65746f}
  .page{padding-bottom:86px}
  .v537-hero{grid-template-columns:1fr 1fr;gap:10px}
  .v537-hero-copy,.v537-hero-example{min-height:300px}
  .v537-hero-copy{padding:22px}
  .v537-hero h1{font-size:32px}
  .v537-core-grid{grid-template-columns:repeat(3,1fr)}
  .v537-core-card:last-child{grid-column:auto}
  .v537-core-photo{height:118px}
  .v537-core-body h3{font-size:12px}
  .v537-core-body p{font-size:7.6px}
  .v537-quickbar{grid-template-columns:repeat(4,1fr)}
}

/* Phone stays deliberately compact: priority is the three actions, not a desktop hero squeezed small. */
@media (max-width:720px){
  .shell{width:min(100% - 24px,680px)}
  .v539-hero-caption{display:none}
  .v537-core-photo img{filter:saturate(.96)}
  .v537-core-card{box-shadow:0 4px 14px rgba(20,58,48,.025)}
  .v537-quickbar button b{font-size:7.7px}
}
@media (max-width:420px){
  .shell{width:calc(100% - 20px)}
  .v537-core-card,.v537-core-card:last-child{grid-template-columns:96px 1fr}
  .v537-core-photo{min-height:98px}
  .v537-core-body{padding:10px 11px}
  .v537-hero h1{font-size:25px}
  .v538-hero-proof{gap:4px}
  .v538-hero-proof span{padding:5px 6px}
}

/* Keep the language control obvious without letting it dominate the header. */
.lang{min-width:116px}
@media (max-width:900px){.lang{min-width:104px;max-width:132px}}


/* ===== V5.40 visual hierarchy ===== */
.v540-med-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px!important}
.v540-med-card{padding:0!important;border:1px solid #e5e4dd!important;border-radius:17px!important;background:#fff!important;overflow:hidden;cursor:pointer;min-width:0}
.v540-med-photo{height:118px;overflow:hidden;background:#eee}.v540-med-photo img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .22s ease}.v540-med-card:hover .v540-med-photo img{transform:scale(1.02)}
.v540-med-copy{padding:10px 11px 11px}.v540-med-copy>div{display:flex;gap:5px;align-items:center;min-width:0;color:#837768;font-size:7px;white-space:nowrap;overflow:hidden}.v540-med-copy>div span{overflow:hidden;text-overflow:ellipsis}.v540-med-copy>div i{font-style:normal;color:#b28555;font-weight:900}.v540-med-copy h3{margin:6px 0 0!important;font-size:10.5px!important;line-height:1.35;color:#163f36}.v540-med-copy b{display:block;margin-top:7px;color:#2d6b58;font-size:7.2px}
.v537-hero + .v537-settings{margin-top:10px;margin-bottom:2px;border-color:#d9e5df;background:rgba(255,255,255,.86)}.v537-hero + .v537-settings summary{min-height:42px}
.v540-explore-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(310px,.72fr);gap:13px;align-items:end;margin-top:8px;padding:22px;border:1px solid #e1e8e4;border-radius:23px;background:linear-gradient(135deg,#f5f8f6,#fff 70%)}
.v540-explore-hero>div>span,.v540-section-head span{display:block;color:#2f725f;font-size:8px;font-weight:900}.v540-explore-hero h1{margin:5px 0 5px;font-size:29px;line-height:1.08;color:#143e35;letter-spacing:-.03em}.v540-explore-hero p{margin:0;max-width:650px;color:#738079;font-size:9px;line-height:1.55}.v540-explore-hero .v536-explore-search{margin:0!important;width:100%;min-height:58px}
.v540-guide-section,.v540-learn-section{margin-top:12px}.v540-section-head h2{margin:4px 0 0;font-size:17px;color:#173f38}.v540-guide-list{margin-top:9px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.v540-guide-card{border:1px solid #e1e8e4;border-radius:17px;background:#fff;padding:0;overflow:hidden;display:grid;grid-template-columns:138px 1fr auto;align-items:center;text-align:left;color:inherit;cursor:pointer;min-height:112px}.v540-guide-card img{width:138px;height:112px;object-fit:cover;display:block}.v540-guide-card>div{padding:10px 12px;min-width:0}.v540-guide-card small{display:block;color:#2d765f;font-size:7px;font-weight:900}.v540-guide-card h3{margin:4px 0 3px;font-size:12px;color:#143e35}.v540-guide-card p{margin:0;color:#78847e;font-size:7.7px;line-height:1.4}.v540-guide-card>i{font-style:normal;font-size:20px;color:#789087;padding-right:12px}.v540-guide-card:hover{border-color:#c7d8d0;box-shadow:0 6px 18px rgba(20,58,48,.05)}
.v540-learn-grid{margin-top:9px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.v540-learn-grid button{border:1px solid #e5e8e3;border-radius:16px;background:#fff;padding:7px;display:grid;grid-template-columns:94px 1fr auto;align-items:center;gap:10px;text-align:left;color:inherit;cursor:pointer}.v540-learn-grid img{width:94px;height:72px;border-radius:12px;object-fit:cover;display:block}.v540-learn-grid b{display:block;color:#173f38;font-size:10px}.v540-learn-grid span{display:block;margin-top:3px;color:#7a8780;font-size:7.3px;line-height:1.35}.v540-learn-grid i{font-style:normal;color:#789087;font-size:18px;padding-right:5px}
.v540-explore-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:10px}.v540-explore-actions button{border:1px solid #e0e7e3;border-radius:14px;background:#fafcfb;padding:9px 10px;display:flex;gap:7px;align-items:center;text-align:left;color:#426459;cursor:pointer}.v540-explore-actions span{font-size:13px}.v540-explore-actions b{font-size:7.5px}
@media(min-width:1180px){.v540-med-photo{height:150px}.v540-med-copy h3{font-size:13px!important}.v540-med-copy>div,.v540-med-copy b{font-size:8.5px}.v540-guide-card{grid-template-columns:170px 1fr auto;min-height:132px}.v540-guide-card img{width:170px;height:132px}.v540-guide-card h3{font-size:15px}.v540-guide-card p{font-size:9.5px}.v540-guide-card small{font-size:8.5px}.v540-learn-grid button{grid-template-columns:120px 1fr auto}.v540-learn-grid img{width:120px;height:86px}.v540-learn-grid b{font-size:12px}.v540-learn-grid span{font-size:8.5px}.v540-explore-actions b{font-size:9.5px}}
@media(max-width:900px){.v540-explore-hero{grid-template-columns:1fr}.v540-guide-list{grid-template-columns:1fr}.v540-explore-actions{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.v537-hero + .v537-settings{margin-top:8px;margin-bottom:8px}.v537-hero + .v537-settings summary{padding:10px 12px;font-size:7.8px}.v540-med-grid{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:2px}.v540-med-grid::-webkit-scrollbar{display:none}.v540-med-card{flex:0 0 74vw;scroll-snap-align:start}.v540-med-photo{height:145px}.v540-explore-hero{padding:17px 15px;border-radius:20px;margin-top:4px;gap:10px}.v540-explore-hero h1{font-size:26px}.v540-explore-hero p{font-size:8.5px}.v540-guide-list{gap:7px}.v540-guide-card{grid-template-columns:112px 1fr auto;min-height:104px;border-radius:15px}.v540-guide-card img{width:112px;height:104px}.v540-guide-card>div{padding:9px 10px}.v540-guide-card h3{font-size:11.5px}.v540-guide-card p{font-size:7.4px}.v540-learn-grid{grid-template-columns:1fr}.v540-learn-grid button{grid-template-columns:86px 1fr auto}.v540-learn-grid img{width:86px;height:68px}.v540-explore-actions{grid-template-columns:1fr 1fr}.v540-explore-actions button{min-height:44px}}
@media(max-width:420px){.v540-guide-card{grid-template-columns:100px 1fr auto}.v540-guide-card img{width:100px}.v540-guide-card>i{padding-right:9px}.v540-med-card{flex-basis:79vw}}


/* ===== V5.42 daily variety + native cuisine + supermarket coffee/tea brands ===== */
.v542-topic-section{margin-top:12px}.v542-topic-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:9px}.v542-topic-grid button{border:1px solid #e0e8e4;border-radius:17px;background:#fff;padding:0;overflow:hidden;text-align:left;color:inherit;cursor:pointer}.v542-topic-grid img{width:100%;height:105px;object-fit:cover;display:block}.v542-topic-grid button>div{padding:10px 11px 12px}.v542-topic-grid small{display:block;color:#2d765f;font-size:7px;font-weight:900}.v542-topic-grid h3{margin:4px 0 4px;font-size:10.8px;color:#173f38;line-height:1.35}.v542-topic-grid p{margin:0;color:#7a8680;font-size:7.2px;line-height:1.4}.v542-topic-grid button:hover{border-color:#c7d9d0;box-shadow:0 7px 20px rgba(18,55,45,.05)}
.v542-daily-head{display:flex;justify-content:space-between;align-items:end}.v542-topic-page{padding-bottom:24px}.v542-topic-hero{margin-top:8px;border:1px solid #e0e7e3;border-radius:22px;padding:20px;background:linear-gradient(135deg,#f4f8f6,#fff 72%)}.v542-topic-hero.seasonal{background:linear-gradient(135deg,#eef7ef,#fff 72%)}.v542-topic-hero.snacks{background:linear-gradient(135deg,#f7f3ea,#fff 72%)}.v542-topic-hero.drinks{background:linear-gradient(135deg,#f4efe8,#fff 72%)}.v542-topic-hero>span{display:block;color:#2f725f;font-size:8px;font-weight:900}.v542-topic-hero h1{margin:5px 0 5px;font-size:25px;color:#173f38;letter-spacing:-.03em}.v542-topic-hero p{margin:0;max-width:760px;color:#708078;font-size:8.8px;line-height:1.55}
.v542-season-tabs,.v542-profile-tabs,.v542-store-tabs,.v542-cuisine-mode{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin-top:10px}.v542-season-tabs::-webkit-scrollbar,.v542-profile-tabs::-webkit-scrollbar,.v542-store-tabs::-webkit-scrollbar,.v542-cuisine-mode::-webkit-scrollbar{display:none}.v542-season-tabs button,.v542-profile-tabs button,.v542-store-tabs button,.v542-cuisine-mode button{flex:none;border:1px solid #dde6e1;border-radius:999px;background:#fff;color:#67776f;padding:7px 10px;font-size:7.6px;font-weight:850;cursor:pointer}.v542-season-tabs button.on,.v542-profile-tabs button.on,.v542-store-tabs button.on,.v542-cuisine-mode button.on{background:#1f5f4d;color:#fff;border-color:#1f5f4d}.v542-season-tabs small{margin-left:4px;opacity:.75}
.v542-produce-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}.v542-produce-grid article{border:1px solid #e1e8e4;border-radius:16px;background:#fff;padding:12px;display:grid;grid-template-columns:56px 1fr;gap:11px;align-items:center}.v542-produce-visual{width:56px;height:56px;border-radius:15px;background:#eef6f1;display:grid;place-items:center;font-size:25px}.v542-produce-grid small{display:block;color:#2f725f;font-size:7px;font-weight:850}.v542-produce-grid h3{margin:3px 0 2px;font-size:11px;color:#173f38}.v542-produce-grid span{font-size:7px;color:#8a7461}.v542-produce-grid p{margin:4px 0 0;color:#718079;font-size:7.5px}.v542-tip{margin-top:9px;border-radius:14px;background:#eff6f2;color:#577166;padding:10px 12px;font-size:7.7px;line-height:1.5}
.v542-snack-intro,.v542-brand-note{margin-top:9px;border:1px solid #e2e8e4;border-radius:16px;background:#fff;padding:12px}.v542-snack-intro h2,.v542-brand-note h2{margin:0 0 4px;font-size:13px}.v542-snack-intro p,.v542-brand-note p{margin:0;color:#718079;font-size:8px;line-height:1.5}.v542-snack-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:9px}.v542-snack-list article{border:1px solid #e1e8e4;border-radius:16px;background:#fff;padding:12px;display:grid;grid-template-columns:auto 1fr;gap:10px}.v542-snack-list>article>span{width:26px;height:26px;border-radius:9px;background:#eef6f1;color:#2b6b57;display:grid;place-items:center;font-size:7px;font-weight:900}.v542-snack-list small{display:block;color:#8a7768;font-size:7px}.v542-snack-list h3{margin:3px 0 3px;font-size:10.5px;color:#173f38}.v542-snack-list p{margin:0;color:#718079;font-size:7.4px;line-height:1.45}.v542-topic-cta{margin-top:9px;border:0;border-radius:999px;background:#173f38;color:#fff;padding:8px 11px;font-size:7.8px;font-weight:850;cursor:pointer}
.v542-brand-columns{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:9px}.v542-brand-columns>section{border:1px solid #e1e8e4;border-radius:17px;background:#fff;padding:13px}.v542-brand-columns>section>span{display:block;color:#2e6d59;font-size:8px;font-weight:900}.v542-brand-columns>section>div{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}.v542-brand-columns b{border-radius:999px;background:#f3f6f4;border:1px solid #e2e7e4;color:#3f5f54;padding:6px 8px;font-size:7.4px}.v542-brand-columns small{display:block;margin-top:10px;color:#77837d;font-size:7.2px;line-height:1.45}
.v542-cuisine-mode{margin:10px 0 0}.v542-cuisine-note{margin-top:7px;border-radius:12px;background:#f4f8f6;color:#61756c;padding:8px 10px;font-size:7.4px;line-height:1.45}.v542-cut-card{grid-template-columns:92px 1fr!important;align-items:start}.v542-cut-visual{grid-row:1/4;border-radius:13px;background:#f7f2ec;padding:6px;text-align:center}.v542-cut-visual svg{width:100%;height:58px;display:block}.v542-cut-visual small{display:block;margin-top:2px;color:#9a8170;font-size:6.2px}.v542-cut-card>p,.v542-cut-card>.v524-cook-use{grid-column:2}
@media(min-width:1180px){.v542-topic-grid img{height:135px}.v542-topic-grid h3{font-size:13px}.v542-topic-grid p{font-size:8.5px}.v542-produce-grid article,.v542-snack-list article{padding:15px}.v542-produce-grid h3,.v542-snack-list h3{font-size:12px}.v542-brand-columns b{font-size:8.5px}}
@media(max-width:900px){.v542-topic-grid{grid-template-columns:1fr 1fr}.v542-produce-grid,.v542-snack-list,.v542-brand-columns{grid-template-columns:1fr}}
@media(max-width:720px){.v542-topic-grid{grid-template-columns:1fr 1fr}.v542-topic-grid img{height:92px}.v542-topic-grid h3{font-size:10px}.v542-topic-hero{padding:16px;border-radius:19px}.v542-topic-hero h1{font-size:23px}.v542-produce-grid article{grid-template-columns:48px 1fr}.v542-produce-visual{width:48px;height:48px}.v542-cut-card{grid-template-columns:78px 1fr!important}}


/* V5.43 native cuisine expansion */
.v543-region{display:inline-flex;margin:8px 0 0;padding:4px 7px;border-radius:999px;background:#f3f0e8;color:#786b56;font-size:6.8px;font-weight:850;letter-spacing:.01em}
.v543-native-summary{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin:7px 0 2px}
.v543-native-summary span{border:1px solid #dce6e1;background:#fff;border-radius:999px;padding:5px 8px;color:#60736a;font-size:7.2px;font-weight:800}
@media(max-width:520px){.v543-region{font-size:10px;padding:5px 8px}.v543-native-summary span{font-size:10px;padding:6px 9px}}


/* ===== V5.44 real-use layer ===== */
.v544-current-season{display:flex;gap:7px;align-items:center;margin-top:10px}
.v544-current-season b,.v544-current-season span{border:1px solid #d8e3de;border-radius:999px;background:#fff;padding:6px 9px;font-size:7.5px}
.v544-current-season b{color:#145a47}.v544-current-season span{color:#65766e}
.v542-season-tabs button.current{box-shadow:inset 0 0 0 1px #7da998}.v542-season-tabs button.current small{color:#1d6652}
.v544-produce-visual{font-size:27px!important;background:linear-gradient(145deg,#f5faf7,#edf5f0)!important}
.v544-shelf-examples,.v544-drink-shelf{margin-top:12px;border:1px solid #dfe7e3;border-radius:18px;background:#fff;padding:13px}
.v544-shelf-examples>div:first-child>span,.v544-drink-shelf>div:first-child>span{display:block;color:#2d725e;font-size:7.4px;font-weight:850}
.v544-shelf-examples h2,.v544-drink-shelf h2{margin:4px 0 0;font-size:13px}
.v544-shelf-grid,.v544-drink-products{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:10px}
.v544-shelf-grid article,.v544-drink-products article{border:1px solid #e5ebe8;border-radius:13px;background:#fbfdfc;padding:10px}
.v544-shelf-grid small,.v544-drink-products small{display:block;color:#7b8882;font-size:6.8px}.v544-shelf-grid b,.v544-drink-products b{display:block;margin:5px 0;font-size:8.5px;line-height:1.35}
.v544-shelf-grid article>div,.v544-drink-products article>div{display:flex;gap:5px;align-items:baseline}.v544-shelf-grid strong,.v544-drink-products strong{color:#174f40;font-size:10px}.v544-shelf-grid span,.v544-drink-products span{color:#7b8882;font-size:7px}.v544-shelf-grid p{margin:5px 0 0;color:#6b7972;font-size:7.2px;line-height:1.45}
.v544-data-note{display:block;margin-top:8px;color:#8a948f;font-size:6.8px;line-height:1.4}
.v544-recipe-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:10px}
.v544-recipe-facts>div{border:1px solid #dfe7e3;border-radius:14px;background:#fff;padding:9px 11px}.v544-recipe-facts span{display:block;color:#83908a;font-size:6.8px}.v544-recipe-facts b{display:block;margin-top:3px;font-size:8.2px;line-height:1.35}
.v530-atlas-photo img[src*="meat-cut-atlas"]{height:250px;object-fit:cover;transform:scale(1.03)}
@media(max-width:720px){.v544-shelf-grid,.v544-drink-products{display:flex;overflow-x:auto;scrollbar-width:none}.v544-shelf-grid article,.v544-drink-products article{flex:0 0 min(76vw,280px)}.v544-recipe-facts{grid-template-columns:1fr}.v530-atlas-photo img[src*="meat-cut-atlas"]{height:180px}}


/* ===== V5.45 personalization + pantry + compare ===== */
.v545-meta-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:9px}.v545-meta-filters label{border:1px solid #dfe7e3;background:#fff;border-radius:13px;padding:8px 9px;display:flex;align-items:center;justify-content:space-between;gap:8px}.v545-meta-filters span{font-size:7.2px;color:#718078;font-weight:800}.v545-meta-filters select{border:0;background:#f4f8f6;color:#244f43;border-radius:9px;padding:6px 7px;font-size:7.4px;font-weight:800;outline:0}
.v545-pantry{margin-top:10px;border:1px solid #dfe8e3;border-radius:17px;background:linear-gradient(135deg,#f5faf7,#fff);padding:12px}.v545-pantry-head{display:flex;justify-content:space-between;gap:12px;align-items:start}.v545-pantry-head span{display:block;color:#2b715d;font-size:7.3px;font-weight:900}.v545-pantry-head h3{margin:4px 0 0;font-size:10.4px}.v545-pantry-head button{border:0;background:transparent;color:#777;font-size:7.5px;font-weight:800}.v545-pantry-chips{display:flex;gap:5px;overflow-x:auto;scrollbar-width:none;margin-top:9px;padding-bottom:2px}.v545-pantry-chips::-webkit-scrollbar{display:none}.v545-pantry-chips button{flex:none;border:1px solid #dfe7e3;border-radius:999px;background:#fff;color:#51685e;padding:6px 8px;font-size:7.3px;font-weight:800}.v545-pantry-chips button.on{background:#1f5b49;color:#fff;border-color:#1f5b49}.v545-pantry-chips span{margin-right:4px}.v545-pantry>p{margin:7px 0 0;color:#74817b;font-size:7.2px}
.v545-recipe-meta{display:flex;gap:4px;flex-wrap:wrap;margin-top:7px}.v545-recipe-meta span,.v545-recipe-meta b{border-radius:999px;background:#f4f7f5;padding:4px 6px;font-size:6.8px;color:#566b62}.v545-recipe-meta b{background:#edf6f1;color:#24604d}
.v545-for-you{margin-top:13px;border:1px solid #dde7e2;border-radius:20px;background:#fff;padding:14px}.v545-for-you-head{display:flex;justify-content:space-between;gap:16px;align-items:start}.v545-for-you-head>div:first-child>span{color:#2b715d;font-size:7.4px;font-weight:900}.v545-for-you-head h2{margin:4px 0 4px;font-size:16px}.v545-for-you-head p{margin:0;color:#74817b;font-size:8px;line-height:1.45}.v545-context-pill{flex:none;border-radius:13px;background:#f3f8f5;padding:8px 10px;text-align:right}.v545-context-pill b,.v545-context-pill span{display:block}.v545-context-pill b{font-size:8px;color:#244f43}.v545-context-pill span{margin-top:3px;font-size:6.8px;color:#7d8983}.v545-for-you-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:10px}.v545-for-you-grid button{border:1px solid #e2e8e5;border-radius:15px;background:#fafcfb;padding:0;overflow:hidden;text-align:left;cursor:pointer;display:grid;grid-template-columns:80px 1fr auto;align-items:center}.v545-for-you-grid img{width:80px;height:78px;object-fit:cover}.v545-for-you-grid div{padding:8px}.v545-for-you-grid small{font-size:6.6px;color:#82908a}.v545-for-you-grid h3{font-size:9px;margin:3px 0}.v545-for-you-grid span{font-size:6.8px;color:#6d7b74;line-height:1.35}.v545-for-you-grid i{padding-right:8px;color:#2b715d}.v545-season-strip{display:flex;align-items:center;gap:8px;margin-top:8px;border-radius:12px;background:#f7f3e9;padding:8px 10px;font-size:7.4px}.v545-season-strip span{font-weight:850}.v545-season-strip b{color:#6d6b5f}.v545-season-strip button{margin-left:auto;border:0;background:transparent;color:#28624f;font-size:7.3px;font-weight:850;cursor:pointer}
.v545-compare-tip{display:flex;gap:6px;align-items:center;margin:9px 0 6px;padding:8px 10px;border-radius:12px;background:#f4f8f6}.v545-compare-tip span{font-size:7.2px;color:#2b715d;font-weight:900}.v545-compare-tip b{font-size:7.4px;color:#53675f}.v545-compare-btn{border:1px solid #cfe0d8;border-radius:999px;background:#fff;color:#245b49;padding:6px 8px;font-size:7px;font-weight:850;margin-right:5px;cursor:pointer}.v545-compare-btn.on{background:#1f5b49;color:#fff;border-color:#1f5b49}.v545-compare-panel{margin:10px 0;border:1px solid #d7e3dd;border-radius:17px;background:#fff;padding:12px}.v545-compare-head{display:flex;justify-content:space-between;align-items:start}.v545-compare-head span{font-size:7px;color:#2b715d;font-weight:900}.v545-compare-head h2{margin:4px 0 0;font-size:12px}.v545-compare-head button{border:0;background:#f1f4f2;border-radius:999px;width:25px;height:25px}.v545-compare-names{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:9px 0 5px;padding-left:34%}.v545-compare-names strong{font-size:7.4px;line-height:1.3}.v545-compare-table>div{display:grid;grid-template-columns:34% 1fr 1fr;gap:7px;padding:7px 0;border-top:1px solid #edf0ee}.v545-compare-table span{font-size:7.1px;color:#7a8781}.v545-compare-table b{font-size:7.5px;color:#2e4e44}
.v545-bridge-tabs{display:flex;gap:5px;overflow-x:auto;scrollbar-width:none;margin:0 0 9px}.v545-bridge-tabs::-webkit-scrollbar{display:none}.v545-bridge-tabs button{flex:none;border:1px solid #dfe6e2;border-radius:999px;background:#fff;padding:7px 9px;color:#65756d;font-size:7.4px;font-weight:800}.v545-bridge-tabs button.on{background:#1f5b49;color:#fff;border-color:#1f5b49}.v545-bridge-tabs span{margin-left:3px;opacity:.75}.v510-saved-card.clickable{cursor:pointer}.v510-saved-copy small{display:block;color:#82908a;font-size:6.5px;margin-bottom:2px}
@media(max-width:900px){.v545-for-you-grid{grid-template-columns:1fr}.v545-for-you-grid button{grid-template-columns:92px 1fr auto}.v545-for-you-grid img{width:92px;height:82px}.v545-for-you-head{flex-direction:column}.v545-context-pill{text-align:left}.v545-meta-filters{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:620px){.v545-meta-filters{display:flex;overflow-x:auto;scrollbar-width:none}.v545-meta-filters label{flex:0 0 auto;min-width:132px}.v545-for-you{padding:12px}.v545-for-you-grid button{grid-template-columns:82px 1fr auto}.v545-for-you-grid img{width:82px;height:78px}.v545-season-strip{flex-wrap:wrap}.v545-season-strip button{margin-left:0}.v545-compare-names{padding-left:31%}.v545-compare-table>div{grid-template-columns:31% 1fr 1fr}}


/* ===== V5.46 Smart pantry + quick compare ===== */
.v546-pantry-input{display:grid;grid-template-columns:1fr auto;gap:7px;margin:10px 0 8px}
.v546-pantry-input input{min-width:0;border:1px solid #dce6e1;border-radius:12px;background:#fff;padding:10px 12px;font-size:8.5px;outline:none}
.v546-pantry-input input:focus{border-color:#8eb8a7;box-shadow:0 0 0 3px rgba(72,130,107,.08)}
.v546-pantry-input button{border:0;border-radius:12px;background:#173f38;color:#fff;padding:0 12px;font-size:7.7px;font-weight:850;cursor:pointer}
.v546-custom-pantry{display:flex;gap:5px;flex-wrap:wrap;margin:0 0 8px}
.v546-custom-pantry button{border:1px solid #cfe0d8;border-radius:999px;background:#eef7f3;color:#245e4b;padding:5px 8px;font-size:7.4px;font-weight:800;cursor:pointer}
.v546-custom-pantry span{margin-left:5px;opacity:.6}
.v546-shop-compare{width:100%;margin:10px 0 0;border:1px solid #d5e4dd;border-radius:17px;background:linear-gradient(135deg,#edf7f2,#fff);padding:12px;display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;text-align:left;color:#173f38;cursor:pointer}
.v546-shop-compare>span{width:34px;height:34px;border-radius:11px;background:#fff;display:grid;place-items:center;font-size:17px}
.v546-shop-compare small,.v546-shop-compare b,.v546-shop-compare p{display:block}.v546-shop-compare small{font-size:7px;color:#6f8178}.v546-shop-compare b{font-size:10px;margin:2px 0}.v546-shop-compare p{font-size:7.4px;margin:0;color:#708078}.v546-shop-compare i{font-style:normal;font-size:14px}
.v546-quickcompare-page{padding-bottom:30px}.v546-qc-hero{border:1px solid #dce6e1;border-radius:21px;background:linear-gradient(145deg,#f2f8f5,#fff 68%,#fff5ea);padding:17px}.v546-qc-hero>button{border:0;background:transparent;color:#426b5b;font-size:7.7px;font-weight:800;padding:0;cursor:pointer}.v546-qc-hero>span{display:block;margin-top:11px;color:#2f725f;font-size:7.5px;font-weight:900}.v546-qc-hero h1{margin:4px 0 6px;font-size:22px}.v546-qc-hero p{margin:0;color:#6e7d76;font-size:8.5px;line-height:1.5}
.v546-qc-cats{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin:10px 0}.v546-qc-cats::-webkit-scrollbar{display:none}.v546-qc-cats button{flex:none;border:1px solid #dce5e1;border-radius:999px;background:#fff;padding:7px 9px;font-size:7.5px;font-weight:800;color:#67776f;cursor:pointer}.v546-qc-cats button.on{background:#173f38;color:#fff;border-color:#173f38}
.v546-qc-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.v546-compare-product{position:relative;border:1px solid #dfe7e3;border-radius:17px;background:#fff;padding:13px}.v546-product-letter{width:28px;height:28px;border-radius:9px;background:#eef6f2;color:#2d6b57;display:grid;place-items:center;font-weight:900;margin-bottom:8px}.v546-compare-product label{display:block;margin-top:8px}.v546-compare-product label span{display:block;color:#65766e;font-size:7px;font-weight:800;margin-bottom:4px}.v546-compare-product input{width:100%;box-sizing:border-box;border:1px solid #e0e7e3;border-radius:10px;padding:8px 9px;font-size:8px;outline:none}.v546-qc-two{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.v546-compare-result{margin-top:9px;border:1px solid #dce6e1;border-radius:17px;background:#fff;padding:13px}.v546-compare-result-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.v546-compare-result-head span{display:block;color:#2f725f;font-size:7px;font-weight:900}.v546-compare-result-head h2{font-size:13px;margin:3px 0 0}.v546-compare-result-head button{border:1px solid #dde5e1;border-radius:999px;background:#fff;padding:5px 8px;font-size:7px;color:#6f7e77;cursor:pointer}.v546-compare-table{margin-top:10px;border-top:1px solid #e8eeeb}.v546-compare-table>div{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:8px;padding:8px 0;border-bottom:1px solid #e8eeeb;font-size:7.7px}.v546-compare-table b{color:#5f7068}.v546-compare-table span{color:#173f38;font-weight:800}.v546-compare-result>p{margin:9px 0 0;color:#7a8881;font-size:7.2px;line-height:1.45}
@media(max-width:620px){.v546-qc-grid{grid-template-columns:1fr}.v546-pantry-input{grid-template-columns:1fr auto}.v546-qc-hero h1{font-size:19px}.v546-compare-table>div{grid-template-columns:.95fr 1fr 1fr}.v546-compare-product{padding:12px}}


/* ===== V5.47 distinct food guides ===== */
.v547-food-guide-section{margin-top:14px}
.v547-food-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.v547-food-grid>button{border:1px solid #dbe5df;background:#fff;border-radius:18px;padding:0;overflow:hidden;display:grid;grid-template-columns:126px 1fr auto;align-items:stretch;text-align:left;cursor:pointer;min-height:118px}
.v547-food-grid img{width:126px;height:100%;object-fit:cover;display:block}
.v547-food-grid>button>div{padding:13px 12px;align-self:center}
.v547-food-grid small{display:block;color:#29715c;font-size:8px;font-weight:850;margin-bottom:4px}
.v547-food-grid h3{margin:0;font-size:12px;line-height:1.3;color:#173f38}
.v547-food-grid p{margin:5px 0 0;color:#728079;font-size:8px;line-height:1.45}
.v547-food-grid i{font-style:normal;align-self:center;padding-right:12px;color:#6c8178;font-size:17px}

.v547-guide-page{padding-bottom:28px}
.v547-back{border:0;background:transparent;color:#547068;font-size:8px;font-weight:800;padding:3px 0 8px;cursor:pointer}
.v547-guide-hero{display:grid;grid-template-columns:minmax(240px,.8fr) 1.2fr;border:1px solid #dce5e1;border-radius:22px;overflow:hidden;background:#fff;min-height:230px}
.v547-guide-hero img{width:100%;height:100%;min-height:230px;object-fit:cover}
.v547-guide-hero>div{padding:24px;align-self:center}
.v547-guide-hero span,.v547-head span,.v547-tip>span{display:block;color:#26715a;font-size:8px;font-weight:900}
.v547-guide-hero h1{margin:6px 0 7px;font-size:28px;letter-spacing:-.025em;color:#173f38}
.v547-guide-hero p{margin:0;color:#687a72;font-size:9.5px;line-height:1.65;max-width:720px}
.v547-sibling-tabs{display:flex;gap:6px;overflow-x:auto;margin-top:9px;scrollbar-width:none}
.v547-sibling-tabs::-webkit-scrollbar{display:none}
.v547-sibling-tabs button{flex:none;border:1px solid #dce5e1;background:#fff;border-radius:999px;padding:7px 11px;font-size:8px;font-weight:800;color:#5e7168;cursor:pointer}
.v547-sibling-tabs button.on{background:#173f38;color:#fff;border-color:#173f38}
.v547-quick,.v547-detail-section,.v547-tip{margin-top:11px;border:1px solid #e0e7e3;border-radius:19px;background:#fff;padding:15px}
.v547-head h2{margin:5px 0 0;font-size:16px;color:#173f38}
.v547-quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:11px}
.v547-quick-grid article{background:#f4f8f6;border-radius:13px;padding:11px;min-height:83px}
.v547-quick-grid b{font-size:9px;color:#173f38}
.v547-quick-grid p{margin:5px 0 0;font-size:7.7px;line-height:1.45;color:#687a72}
.v547-item-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:11px}
.v547-item-card{border:1px solid #e5ebe8;border-radius:15px;background:#fbfcfb;padding:12px;display:grid;grid-template-columns:34px 1fr;gap:9px}
.v547-number{width:30px;height:30px;border-radius:9px;background:#edf6f1;color:#2a735e;display:grid;place-items:center;font-size:7px;font-weight:900}
.v547-item-card small{font-size:7.3px;color:#2d755f;font-weight:850}
.v547-item-card h3{margin:3px 0 5px;font-size:11px;color:#173f38}
.v547-item-card p{margin:0;color:#6d7d75;font-size:8px;line-height:1.5}
.v547-use{margin-top:8px;padding-top:8px;border-top:1px solid #e5ebe8}
.v547-use span{display:block;font-size:6.8px;color:#95a19b;margin-bottom:3px}
.v547-use b{font-size:7.6px;line-height:1.4;color:#405a50}
.v547-tip{background:#f4f7ee;border-color:#dfe6d2}
.v547-tip h2{margin:6px 0 0;font-size:12px;line-height:1.5;color:#304d42}
.v547-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}
.v547-actions button{border:0;border-radius:999px;background:#173f38;color:#fff;padding:9px 12px;font-size:8px;font-weight:850;cursor:pointer}
.v547-actions .ghost{background:#fff;color:#255e4c;border:1px solid #dce5e1}

@media(max-width:800px){
 .v547-guide-hero{grid-template-columns:1fr;min-height:0}
 .v547-guide-hero img{height:210px;min-height:0}
 .v547-guide-hero>div{padding:17px}
 .v547-guide-hero h1{font-size:24px}
 .v547-quick-grid{grid-template-columns:1fr 1fr}
 .v547-item-grid{grid-template-columns:1fr}
 .v547-food-grid{grid-template-columns:1fr 1fr}
 .v547-food-grid>button{display:block;min-height:0}
 .v547-food-grid img{width:100%;height:120px}
 .v547-food-grid>button>div{padding:10px 11px 12px}
 .v547-food-grid i{display:none}
}
@media(max-width:520px){
 .v547-food-grid{grid-template-columns:1fr 1fr;gap:7px}
 .v547-food-grid img{height:102px}
 .v547-food-grid h3{font-size:10.4px}
 .v547-food-grid p{font-size:7.2px}
 .v547-guide-hero img{height:190px}
 .v547-quick-grid{grid-template-columns:1fr 1fr}
 .v547-quick-grid article{min-height:72px}
}


/* ===== V5.48 full-chain integration ===== */
.v548-chain-strip{margin-top:10px;border:1px solid #d9e5df;border-radius:16px;background:#f7fbf9;padding:11px 13px}
.v548-chain-strip>span,.v548-next-step>span,.v548-section-head span,.v548-shop-focus span{display:block;color:#2f725f;font-size:7.5px;font-weight:850}
.v548-chain-strip>div{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin-top:6px}
.v548-chain-strip b{font-size:8px;color:#244e42}.v548-chain-strip i{font-style:normal;color:#9baaa3}
.v548-guide-recipes,.v548-protein-recipes{margin-top:10px;border:1px solid #e0e8e4;border-radius:18px;background:#fff;padding:13px}
.v548-section-head{display:flex;justify-content:space-between;gap:12px;align-items:end}
.v548-section-head h2{margin:4px 0 0;font-size:14px}
.v548-section-head>button{border:1px solid #d8e4de;border-radius:999px;background:#f7fbf9;color:#215e4c;padding:7px 10px;font-size:7.5px;font-weight:850;cursor:pointer}
.v548-related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:9px}
.v548-related-recipe{border:1px solid #e3e9e6;border-radius:14px;background:#fbfcfb;padding:0;overflow:hidden;display:grid;grid-template-columns:72px 1fr auto;gap:9px;align-items:center;text-align:left;cursor:pointer}
.v548-related-photo{height:72px;overflow:hidden}.v548-related-photo img{width:100%;height:100%;object-fit:cover;display:block}
.v548-related-recipe div:nth-child(2){padding:8px 0}.v548-related-recipe small{display:block;color:#7b8982;font-size:6.7px}
.v548-related-recipe b{display:block;margin:2px 0;font-size:8.4px;color:#173f38}.v548-related-recipe span{display:block;color:#78867f;font-size:6.9px;line-height:1.35}
.v548-related-recipe i{font-style:normal;color:#2d705b;padding-right:9px}
.v548-next-step{margin-top:10px;border:1px solid #ded7ca;border-radius:16px;background:#faf5ec;padding:11px 13px}
.v548-next-step h2{margin:5px 0 0;font-size:11px}
.v548-buy-btn,.v548-list-guide{border:1px solid #dbe5e0!important;background:#f7fbf9!important;color:#2b6653!important}
.v548-list-guide{border-radius:999px;padding:5px 7px;font-size:7px;font-weight:850;cursor:pointer}
.v548-shop-focus{margin:10px 0;border:1px solid #cfe0d8;border-radius:18px;background:linear-gradient(135deg,#edf6f1,#fff);padding:13px 14px;display:flex;justify-content:space-between;gap:14px;align-items:center}
.v548-shop-focus h2{margin:4px 0;font-size:14px}.v548-shop-focus p{margin:0;color:#718078;font-size:7.8px;line-height:1.45}
.v548-shop-focus>div:last-child{display:flex;gap:6px;flex:none}.v548-shop-focus button{border:0;border-radius:999px;background:#173f38;color:#fff;padding:7px 9px;font-size:7.3px;font-weight:850;cursor:pointer}
.v548-shop-focus button.ghost{background:#fff;color:#2a6652;border:1px solid #d9e4df}
@media(max-width:780px){
 .v548-related-grid{grid-template-columns:1fr}.v548-related-recipe{grid-template-columns:66px 1fr auto}.v548-related-photo{height:66px}
 .v548-shop-focus{align-items:flex-start;flex-direction:column}.v548-shop-focus>div:last-child{width:100%}.v548-shop-focus button{flex:1}
}
@media(max-width:520px){
 .v548-chain-strip>div{gap:5px}.v548-related-recipe span{display:none}.v548-section-head{align-items:flex-start;flex-direction:column}.v548-section-head>button{width:100%}
}

/* V5.49 supplement price cards */
.v549-supp .v510-supp-head p{max-width:720px;margin:5px 0 0;color:#718078;font-size:8px;line-height:1.5}.v549-supp-tabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin:10px 0 8px}.v549-supp-tabs::-webkit-scrollbar{display:none}.v549-supp-tabs button{flex:none;border:1px solid #dce5e1;border-radius:999px;background:#fff;color:#5e7067;padding:7px 10px;font-size:7.6px;font-weight:850;cursor:pointer}.v549-supp-tabs button span{margin-right:4px}.v549-supp-tabs button.on{background:#173f38;color:#fff;border-color:#173f38}.v549-supp-warning{border:1px solid #e7ddca;border-radius:15px;background:#fbf6ed;padding:9px 11px;display:flex;gap:8px;align-items:flex-start;color:#6e6658;font-size:7.4px;line-height:1.45}.v549-supp-warning b{color:#765d35;white-space:nowrap}.v549-supp-intro{margin-top:9px;display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end;border:1px solid #dce6e1;border-radius:16px;background:linear-gradient(135deg,#eef6f2,#fff);padding:11px 12px}.v549-supp-intro span,.v549-supp-use small{display:block;color:#2c6b57;font-size:6.7px;font-weight:850}.v549-supp-intro h3{margin:3px 0;font-size:12px}.v549-supp-intro p{margin:0;color:#6f7f77;font-size:7.5px;line-height:1.45}.v549-supp-use{min-width:150px;border-left:1px solid #dce6e1;padding-left:10px}.v549-supp-use b{display:block;margin-top:3px;font-size:7.7px;color:#294f43}.v549-supp-products{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.v549-supp-product{position:relative;border:1px solid #e0e7e3;border-radius:16px;background:#fff;padding:11px;display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:start}.v549-rank{width:27px;height:27px;border-radius:9px;background:#edf6f1;color:#286751;display:grid;place-items:center;font-size:6.9px;font-weight:900}.v549-product-brand{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.v549-product-brand span{color:#276650;font-size:6.8px;font-weight:850}.v549-product-brand small{color:#94a09a;font-size:6.2px}.v549-product-main h4{margin:3px 0;font-size:8.8px;line-height:1.35}.v549-product-main>p{margin:0;color:#7a8781;font-size:6.9px}.v549-product-note{margin-top:6px;color:#5d7066;font-size:7px;line-height:1.45}.v549-product-proof{display:flex;gap:5px;margin-top:7px}.v549-product-proof span{border-radius:999px;background:#f3f7f5;color:#65766e;padding:4px 6px;font-size:6.2px}.v549-price{text-align:right;min-width:62px}.v549-price small{display:block;color:#909a96;font-size:6.1px}.v549-price strong{display:block;margin-top:3px;color:#173f38;font-size:13px}.v549-supp-footnote{margin-top:8px;border-top:1px solid #e5ebe8;padding-top:8px}.v549-supp-footnote b{font-size:7.4px}.v549-supp-footnote p{margin:3px 0 0;color:#7a8781;font-size:6.8px;line-height:1.45}@media(max-width:760px){.v549-supp-products{grid-template-columns:1fr}.v549-supp-intro{grid-template-columns:1fr}.v549-supp-use{border-left:0;border-top:1px solid #dce6e1;padding:8px 0 0;min-width:0}}@media(max-width:520px){.v549-supp-product{grid-template-columns:auto 1fr}.v549-price{grid-column:2;text-align:left}.v549-price small,.v549-price strong{display:inline;margin-right:5px}.v549-price strong{font-size:11px}}

/* V5.50 — Spanish athlete supplement catalogue */
.v550-cert-legend{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 2px}.v550-cert-legend span{padding:7px 10px;border-radius:999px;font-size:12px;font-weight:800}.v550-cert-legend .verified{background:#e6f5ed;color:#17633f;border:1px solid #bfe4cf}.v550-cert-legend .basic{background:#f5f3ee;color:#6c675d;border:1px solid #e5e0d5}.v549-supp-product.v550-product{grid-template-columns:32px 104px minmax(0,1fr) auto;gap:12px;padding:13px}.v550-supp-photo{width:104px;height:112px;border-radius:13px;background:#f7f8f6;border:1px solid #e3e8e5;display:flex;align-items:center;justify-content:center;overflow:hidden}.v550-supp-photo img{width:100%;height:100%;object-fit:contain;background:#fff}.v550-photo-empty span{font-size:28px;filter:grayscale(.25)}.v550-cert{display:inline-flex;margin-top:7px;padding:5px 8px;border-radius:8px;font-size:11px;font-weight:850;line-height:1.3}.v550-cert.verified{background:#e7f5ed;color:#17633f}.v550-cert.basic{background:#f3f1eb;color:#6f685c}.v550-product .v549-product-brand span,.v550-product .v549-product-brand small,.v550-product .v549-product-main>p,.v550-product .v549-product-note,.v550-product .v549-product-proof span,.v550-product .v549-price small{font-size:12px}.v550-product .v549-product-main h4{font-size:16px}.v550-product .v549-product-note{line-height:1.55}.v550-product .v549-price{min-width:86px}.v550-product .v549-price strong{font-size:22px}.v550-product .v549-price a{display:inline-block;margin-top:9px;color:#17634f;font-size:12px;font-weight:850;text-decoration:none}.v550-product .v549-price a:hover{text-decoration:underline}.v549-supp-tabs button{font-size:13px;padding:9px 13px}.v549-supp-warning{font-size:13px}.v549-supp-intro span,.v549-supp-use small{font-size:12px}.v549-supp-intro h3{font-size:20px}.v549-supp-intro p,.v549-supp-use b{font-size:13px}.v549-supp-footnote b,.v549-supp-footnote p{font-size:12px}.v549-supp .v510-supp-head p{font-size:13px}
@media(max-width:920px){.v549-supp-product.v550-product{grid-template-columns:30px 90px minmax(0,1fr)}.v550-supp-photo{width:90px;height:100px}.v550-product .v549-price{grid-column:3;text-align:left}.v550-product .v549-price small,.v550-product .v549-price strong{display:inline;margin-right:7px}}
@media(max-width:560px){.v549-supp-product.v550-product{grid-template-columns:26px minmax(0,1fr)}.v550-supp-photo{grid-column:2;width:100%;height:160px}.v550-product .v549-product-main,.v550-product .v549-price{grid-column:2}.v550-product .v549-product-main h4{font-size:17px}.v550-product .v549-price strong{font-size:20px}.v550-cert-legend span{font-size:11px}}


/* V5.60 — Consum + public/private separation */
.v54-store-stat.consum{background:#fff6e8}
.v54-pack.consum{background:#fff7ea;border-color:#f1d8ad}
.v54-pack.consum .v54-store-letter{color:#8d5425}
.v55-yogurt-store.consum{background:#fff3df;color:#8d5425}
.v530-store-tag.consum{background:#fff2dc;color:#8d5425}
.v560-public-tools{grid-template-columns:repeat(3,minmax(0,1fr))}
.v530-product-img{background:#fbfaf6}
.v530-product-img img{object-fit:contain;background:#fff}
.v55-yogurt-product-photo{background:#fbfaf6;border-radius:16px;padding:8px}
.v55-yogurt-product-photo img{width:100%;height:150px;object-fit:contain;background:#fff;border-radius:12px}
@media(max-width:760px){.v560-public-tools{grid-template-columns:1fr}.v54-store-summary{grid-template-columns:1fr 1fr 1fr;gap:8px}.v54-store-stat{padding:10px}.v54-store-stat span{font-size:10px}}

/* ===== V5.61 mature product pass ===== */
/* Header/navigation: focus on the user's five most frequent actions. */
header{background:rgba(247,246,241,.94);border-bottom-color:#dfe5e1}
.v55-brand-logo{filter:drop-shadow(0 4px 12px rgba(24,63,55,.08))}
.nav button{font-weight:720;letter-spacing:-.01em}
.nav button.on{box-shadow:inset 0 0 0 1px rgba(40,103,84,.06)}

/* Home: cleaner hierarchy, stronger task cards and one compact learning module. */
.v52-home{max-width:1180px;margin:0 auto}
.v537-hero-copy{background:linear-gradient(145deg,#f4f8f6 0%,#fff 62%,#fff9f0 100%);box-shadow:0 16px 42px rgba(24,63,55,.055)}
.v537-brandline{letter-spacing:.07em;text-transform:uppercase}
.v537-hero h1{max-width:690px}
.v537-core{margin-top:18px}
.v537-core-grid{gap:10px}
.v537-core-card{border-color:#dfe6e2;box-shadow:0 8px 24px rgba(25,53,44,.035)}
.v537-core-card:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(25,53,44,.075)}
.v537-core-photo img{transition:transform .35s ease}
.v537-core-card:hover .v537-core-photo img{transform:scale(1.025)}
.v537-core-body p{max-width:34ch}

.v561-quickbar{grid-template-columns:repeat(5,1fr)!important;background:#fff;border:1px solid #e0e7e3;border-radius:18px;padding:7px;gap:5px;box-shadow:0 8px 26px rgba(31,56,48,.035)}
.v561-quickbar button{border:0!important;background:transparent!important;border-radius:12px!important;min-height:54px}
.v561-quickbar button:hover{background:#f3f7f5!important}
.v561-quickbar button span{font-size:15px}
.v561-quickbar button b{font-size:8px}

.v545-for-you{border-radius:22px;box-shadow:0 10px 30px rgba(28,54,46,.035)}
.v545-for-you-grid button{transition:.18s ease;background:#fff}
.v545-for-you-grid button:hover{transform:translateY(-1px);border-color:#cfded7;box-shadow:0 8px 20px rgba(25,53,44,.06)}

.v561-daily{margin-top:12px;border:1px solid #dde6e2;border-radius:22px;background:linear-gradient(135deg,#fbfcfb,#f6f2e8);padding:14px}
.v561-daily-head{display:flex;align-items:end;justify-content:space-between;gap:18px}
.v561-daily-head span{display:block;color:#2c715e;font-size:7.5px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}
.v561-daily-head h2{margin:4px 0 0;font-size:16px;letter-spacing:-.02em}
.v561-daily-head>button{border:0;background:transparent;color:#285f50;font-size:7.8px;font-weight:900;cursor:pointer;white-space:nowrap}
.v561-daily-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
.v561-learn-card{display:grid;grid-template-columns:92px 1fr auto;align-items:center;gap:0;border:1px solid #e1e7e4;background:rgba(255,255,255,.9);border-radius:16px;overflow:hidden;padding:0;text-align:left;cursor:pointer;min-height:94px;transition:.18s ease}
.v561-learn-card:hover{transform:translateY(-1px);box-shadow:0 8px 22px rgba(25,53,44,.06)}
.v561-learn-card img{width:92px;height:94px;object-fit:cover;background:#f4f6f4}
.v561-learn-card>div{padding:10px 11px}
.v561-learn-card small{display:block;color:#88928e;font-size:6.5px;text-transform:uppercase;letter-spacing:.04em}
.v561-learn-card h3{margin:4px 0 3px;font-size:10px;line-height:1.25}
.v561-learn-card p{margin:0;color:#6f7c76;font-size:7.3px;line-height:1.4}
.v561-learn-card i{padding:0 12px;color:#2c6f5d;font-size:14px}

/* Supermarket: clearer cards, cleaner shelf, images get more breathing room. */
.v55-shop-hero{border-radius:26px;box-shadow:0 14px 34px rgba(25,53,44,.045)}
.v530-real-products{border:1px solid #e1e7e4;background:#fafbf9;border-radius:22px;padding:14px;margin-top:14px}
.v530-product-rail{gap:10px}
.v530-photo-product{border-radius:18px;padding:12px;box-shadow:0 7px 18px rgba(26,49,43,.025);transition:.18s ease}
.v530-photo-product:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(26,49,43,.07)}
.v530-product-img{height:170px;background:#fff;border:1px solid #edf0ee}
.v530-product-img img{padding:8px}
.v530-store-tag{margin-top:9px}
.v530-store-tag.consum{background:#f2edf8;color:#704e8e}
.v530-photo-product h3{font-size:10px;line-height:1.4;min-height:30px}
.v530-photo-product p{font-size:7.7px;line-height:1.45}
.v530-price{margin-top:9px}.v530-price b{font-size:13px}.v530-price span{font-size:7.4px}
.v530-photo-product>button{font-size:7.8px}
.v55-shop-groups{gap:10px}
.v55-shop-group{transition:.18s ease}
.v55-shop-group:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(25,53,44,.055)}
.v55-store-row button{transition:.18s ease}
.v55-store-row button:hover{transform:translateY(-1px);border-color:#cddbd5}

/* Profile menu reads like a separate account area, not a duplicate of Food Bridge. */
.v522-my-menu{border-radius:22px;overflow:hidden}
.v522-my-menu>button{min-height:68px}

@media(max-width:900px){
  .v561-quickbar{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:6px}
  .v561-quickbar::-webkit-scrollbar{display:none}
  .v561-quickbar button{flex:0 0 118px;scroll-snap-align:start}
  .v561-daily-grid{grid-template-columns:1fr}
  .v561-learn-card{grid-template-columns:86px 1fr auto}
  .v561-learn-card img{width:86px;height:90px}
}
@media(max-width:620px){
  .v52-home{max-width:none}
  .v537-hero-copy{box-shadow:none}
  .v537-core{margin-top:12px}
  .v561-quickbar{margin-top:9px;border-radius:15px}
  .v561-quickbar button{flex-basis:106px;min-height:50px}
  .v561-daily{padding:12px;border-radius:18px}
  .v561-daily-head{align-items:flex-start}
  .v561-daily-head h2{font-size:14px}
  .v561-daily-head>button{font-size:7px}
  .v561-learn-card{grid-template-columns:78px 1fr auto;min-height:82px}
  .v561-learn-card img{width:78px;height:82px}
  .v561-learn-card>div{padding:8px 9px}
  .v561-learn-card h3{font-size:9px}
  .v561-learn-card p{font-size:6.9px}
  .v530-real-products{padding:11px;border-radius:18px}
  .v530-product-img{height:156px}
}

/* V5.61 store filter: counts + preferred store without ranking stores as healthier. */
.v561-store-filter{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}
.v561-store-filter button{display:inline-flex!important;align-items:center;gap:5px;border:1px solid #dfe6e2;background:#fff;border-radius:999px;padding:7px 9px;font-size:7.4px;color:#5f6f69;cursor:pointer}
.v561-store-filter button b{display:grid;place-items:center;min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:#f0f4f2;color:#46645a;font-size:6.5px}
.v561-store-filter button em{font-style:normal;font-size:6.1px;color:#8b7760;background:#f8f0e4;border-radius:999px;padding:3px 5px}
.v561-store-filter button.on{background:#173f38;color:#fff;border-color:#173f38;font-weight:900}
.v561-store-filter button.on b{background:rgba(255,255,255,.16);color:#fff}
.v561-store-filter button.on em{background:rgba(255,255,255,.14);color:#fff}

/* ---- v600.css ---- */
/* NutriPuente V6.0 productisation layer */
.v600-personal-dashboard,.v600-chain,.v600-week,.v600-account-layer,.v600-plan-logic{margin:28px 0;border:1px solid rgba(31,57,43,.12);border-radius:28px;background:#fff;box-shadow:0 18px 48px rgba(34,52,41,.07)}
.v600-personal-dashboard{padding:26px;background:linear-gradient(145deg,#f5f3ec 0%,#fff 54%,#edf4ef 100%)}
.v600-dash-head,.v600-section-head{display:flex;justify-content:space-between;gap:22px;align-items:flex-end;margin-bottom:18px}.v600-dash-head span,.v600-section-head span,.v600-account-copy>span,.v600-plan-logic>div:first-child>span{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#607568}.v600-dash-head h2,.v600-section-head h2,.v600-account-copy h2,.v600-plan-logic h2{margin:5px 0 0;font-size:clamp(23px,3vw,34px);line-height:1.08;letter-spacing:-.035em}.v600-route-edit{border:1px solid #cbd8cf;background:#fff;border-radius:999px;padding:10px 14px;font-weight:800;color:#244d37;white-space:nowrap}.v600-dash-grid{display:grid;grid-template-columns:1.7fr repeat(3,1fr);gap:12px}.v600-dash-grid button{border:0;text-align:left}.v600-dash-main{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:20px;border-radius:22px;background:#173f2b;color:#fff}.v600-dash-main>span{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:rgba(255,255,255,.13);font-size:22px}.v600-dash-main small{opacity:.68}.v600-dash-main h3{margin:3px 0 6px;font-size:21px}.v600-dash-main p{margin:0;opacity:.78;font-size:13px;line-height:1.45}.v600-dash-main i{font-size:24px}.v600-dash-mini{padding:17px;border-radius:20px;background:#f5f5f0;color:#1b2d22;display:flex;flex-direction:column;gap:8px;min-height:138px}.v600-dash-mini small{color:#718078}.v600-dash-mini b{font-size:18px;margin-top:auto}.v600-dash-mini span{font-size:12px;color:#54685b}
.v600-chain{padding:28px}.v600-section-head p{margin:7px 0 0;color:#718078}.v600-section-head>button{border:0;background:#edf3ef;color:#204c35;border-radius:14px;padding:12px 15px;font-weight:800}.v600-chain-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.v600-chain-card{border:1px solid #e0e7e1;border-radius:22px;padding:18px;background:#fbfcfa;display:flex;flex-direction:column;gap:14px}.v600-chain-top{display:flex;gap:12px;align-items:flex-start}.v600-chain-top>span{width:46px;height:46px;border-radius:15px;background:#edf2ed;display:grid;place-items:center;font-size:22px}.v600-chain-top small{display:inline-block;background:#e9f0e9;color:#315743;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:800}.v600-chain-top h3{font-size:23px;margin:6px 0 2px}.v600-chain-top b{font-size:13px;color:#5d6d63}.v600-chain-flow{display:flex;align-items:center;gap:6px;overflow:auto;padding-bottom:2px}.v600-chain-flow span{white-space:nowrap;font-size:10px;font-weight:800;background:#f0eee8;padding:5px 7px;border-radius:8px}.v600-chain-flow i{font-size:10px;color:#849188}.v600-chain-card p{font-size:13px;line-height:1.55;color:#58675e;margin:0}.v600-chain-card p strong{color:#263b2e}.v600-chain-card>button{margin-top:auto;border:0;background:#173f2b;color:#fff;padding:11px 13px;border-radius:13px;font-weight:800;text-align:left}
.v600-week{padding:28px;position:relative;overflow:hidden}.v600-plan-chip{background:#173f2b!important;color:#fff!important;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:900}.v600-week-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.v600-week-steps article{display:flex;gap:12px;border-radius:18px;background:#f5f5f0;padding:16px;min-height:105px;position:relative}.v600-week-steps article>span{font-size:11px;font-weight:900;color:#728279}.v600-week-steps article div{display:flex;flex-direction:column;gap:7px}.v600-week-steps article b{font-size:15px;line-height:1.35}.v600-week-steps article small{color:#6c796f;line-height:1.35}.v600-week-locked-step{filter:saturate(.5);opacity:.56}.v600-week-locked-step>i{position:absolute;right:12px;top:12px}.v600-week-actions,.v600-week-lock{margin-top:15px;display:flex;justify-content:space-between;gap:12px;align-items:center}.v600-week-actions button,.v600-week-lock button{border:0;border-radius:14px;padding:12px 15px;background:#173f2b;color:#fff;font-weight:850}.v600-week-actions .ghost{background:#eff2ee;color:#244735}.v600-week-lock{background:#f1eee6;border-radius:18px;padding:15px}.v600-week-lock div{display:flex;flex-direction:column;gap:5px}.v600-week-lock span{font-size:12px;color:#6a746d;line-height:1.4}
.v600-account-layer{padding:25px;background:linear-gradient(135deg,#eef3ef,#fff)}.v600-account-copy{max-width:850px}.v600-account-copy p{max-width:820px;color:#607066;line-height:1.55}.v600-account-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}.v600-account-meta>div{background:#fff;border:1px solid #e1e6e1;border-radius:17px;padding:15px;display:flex;flex-direction:column;gap:4px}.v600-account-meta b{font-size:20px}.v600-account-meta span{font-size:11px;color:#758179}.v600-account-actions{display:flex;flex-wrap:wrap;gap:9px}.v600-account-actions button{border:0;border-radius:13px;background:#173f2b;color:#fff;padding:11px 14px;font-weight:800}.v600-account-actions button.ghost{background:#fff;color:#234a35;border:1px solid #d7e0d8}.v600-cloud-note{margin-top:16px;border-top:1px solid #dce4de;padding-top:14px;display:flex;gap:10px;align-items:flex-start}.v600-cloud-note>span{width:34px;height:34px;border-radius:11px;background:#fff;display:grid;place-items:center}.v600-cloud-note div{display:flex;flex-direction:column;gap:4px}.v600-cloud-note small{color:#758179}
.v600-freshness{display:flex;gap:11px;align-items:flex-start;background:#f5f2e9;border:1px solid #e2dccd;border-radius:17px;padding:13px 15px;margin:0 0 18px}.v600-freshness>span{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#173f2b;color:#fff;font-weight:900;font-family:serif}.v600-freshness div{display:flex;flex-direction:column;gap:4px}.v600-freshness small{color:#776f62;line-height:1.4}
.v600-plan-logic{padding:26px}.v600-plan-logic-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:18px}.v600-plan-logic-grid article{border-radius:17px;background:#f4f4ef;padding:15px}.v600-plan-logic-grid b{font-size:17px}.v600-plan-logic-grid p{margin:7px 0 0;font-size:12px;line-height:1.5;color:#657269}
.v600-onboarding{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:18px}.v600-onboarding-backdrop{position:absolute;inset:0;background:rgba(18,28,22,.64);backdrop-filter:blur(10px)}.v600-onboarding-card{position:relative;width:min(780px,100%);max-height:calc(100vh - 36px);overflow:auto;background:#fbfcf9;border-radius:30px;box-shadow:0 30px 100px rgba(0,0,0,.28);padding:27px}.v600-onboard-progress>div{display:flex;justify-content:space-between;align-items:center}.v600-onboard-progress span{font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#66766b}.v600-onboard-progress b{font-size:12px}.v600-onboard-progress>i{display:block;height:4px;border-radius:999px;background:#e5e8e2;margin-top:11px;overflow:hidden}.v600-onboard-progress>i:before{content:"";display:block;height:100%;width:var(--p);background:#173f2b;border-radius:999px}.v600-onboard-body{padding:30px 0 18px}.v600-onboard-body h1{font-size:clamp(28px,5vw,42px);line-height:1.03;letter-spacing:-.045em;margin:0 0 10px;max-width:650px}.v600-onboard-body>p{color:#66746a;line-height:1.55;max-width:650px}.v600-options{display:grid;gap:10px;margin-top:22px}.v600-options.two{grid-template-columns:repeat(2,1fr)}.v600-option{border:1px solid #dfe5df;background:#fff;border-radius:18px;padding:14px;text-align:left;display:flex;align-items:center;gap:11px;min-height:68px;color:#1a2e21}.v600-option>span{font-size:22px}.v600-option div{display:flex;flex-direction:column;gap:4px;flex:1}.v600-option small{color:#78847c}.v600-option>i{font-style:normal;font-size:18px;color:#97a299}.v600-option.on{border-color:#173f2b;box-shadow:inset 0 0 0 1px #173f2b;background:#eef4ef}.v600-option.on>i{color:#173f2b}.v600-spain-focus{display:flex;gap:12px;align-items:center;margin-top:15px;background:#f1efe8;border-radius:17px;padding:13px}.v600-spain-focus>span{font-size:28px}.v600-spain-focus div{display:flex;flex-direction:column;gap:3px}.v600-spain-focus small{color:#716f68;line-height:1.4}.v600-mini-choice{margin-top:16px;border-top:1px solid #e2e7e2;padding-top:14px}.v600-mini-choice>span,.v600-focus>span{font-size:12px;font-weight:850;color:#66746b}.v600-mini-choice>div,.v600-focus>div{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:9px}.v600-field-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:21px}.v600-field-grid label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:800;color:#5c6c61}.v600-field-grid select{border:1px solid #dfe4df;background:#fff;border-radius:13px;padding:12px;color:#1b2f22;min-width:0}.v600-focus{margin-top:18px}.v600-focus>div{grid-template-columns:repeat(4,1fr)}.v600-focus .v600-option{min-height:50px;padding:10px}.v600-onboard-actions{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #e4e8e3;padding-top:17px}.v600-onboard-actions button{border:0;border-radius:14px;padding:12px 16px;background:#173f2b;color:#fff;font-weight:850}.v600-onboard-actions .ghost{background:#eef0ec;color:#34493a}
@media(max-width:980px){.v600-dash-grid{grid-template-columns:1fr 1fr}.v600-dash-main{grid-column:1/-1}.v600-chain-grid{grid-template-columns:1fr}.v600-week-steps{grid-template-columns:1fr}.v600-plan-logic-grid{grid-template-columns:1fr 1fr}.v600-field-grid{grid-template-columns:1fr}.v600-focus>div{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.v600-personal-dashboard,.v600-chain,.v600-week,.v600-account-layer,.v600-plan-logic{margin:18px 0;border-radius:22px}.v600-personal-dashboard,.v600-chain,.v600-week,.v600-account-layer,.v600-plan-logic{padding:18px}.v600-dash-head,.v600-section-head{align-items:flex-start;flex-direction:column}.v600-dash-grid{grid-template-columns:1fr 1fr}.v600-dash-main{padding:16px}.v600-dash-mini{min-height:122px;padding:14px}.v600-chain-card{padding:15px}.v600-week-lock,.v600-week-actions{align-items:stretch;flex-direction:column}.v600-week-lock button,.v600-week-actions button{width:100%}.v600-account-meta{grid-template-columns:1fr 1fr}.v600-account-meta>div:last-child{grid-column:1/-1}.v600-plan-logic-grid{grid-template-columns:1fr}.v600-onboarding{padding:8px}.v600-onboarding-card{border-radius:24px;padding:19px;max-height:calc(100vh - 16px)}.v600-onboard-body{padding:24px 0 14px}.v600-options.two{grid-template-columns:1fr}.v600-focus>div{grid-template-columns:1fr 1fr}.v600-option{min-height:60px}.v600-onboard-actions{position:sticky;bottom:-19px;background:#fbfcf9;padding-bottom:19px}.v600-route-edit{white-space:normal}}

/* ---- v610.css ---- */
/* NutriPuente V6.1 */
.v610-search-page{max-width:1120px;margin:0 auto;padding-bottom:42px}.v610-search-hero{margin:26px 0 18px;padding:30px;border-radius:28px;background:linear-gradient(135deg,#173f2b,#285c42);color:#fff}.v610-search-hero>div:first-child>span,.v610-return-head span,.v610-bridge-copy>span{font-size:11px;font-weight:900;letter-spacing:.09em;text-transform:uppercase;opacity:.74}.v610-search-hero h1{max-width:850px;margin:7px 0 20px;font-size:clamp(28px,5vw,48px);line-height:1.03;letter-spacing:-.045em}.v610-searchbox{display:grid;grid-template-columns:1fr auto;gap:9px;background:#fff;border-radius:17px;padding:7px}.v610-searchbox input{border:0;outline:0;background:transparent;padding:10px 12px;font-size:16px;color:#183126;min-width:0}.v610-searchbox button{border:0;border-radius:12px;padding:11px 18px;background:#173f2b;color:#fff;font-weight:850}.v610-suggest{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.v610-suggest button{border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.11);color:#fff;border-radius:999px;padding:8px 11px;font-weight:750}.v610-recent{display:flex;justify-content:space-between;align-items:center;gap:20px;background:#f4f3ed;border-radius:21px;padding:18px 20px;margin:14px 0}.v610-recent h2{font-size:19px;margin:3px 0}.v610-recent>div:last-child{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.v610-recent button{border:0;background:#fff;border-radius:999px;padding:8px 11px;color:#254735;font-weight:750}.v610-intent-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.v610-intent-row>button{border:1px solid #dfe6df;background:#fbfcfa;border-radius:19px;padding:15px;text-align:left;display:flex;align-items:center;gap:12px;color:#1a3224}.v610-intent-row>button>span{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#edf3ee;font-size:18px}.v610-intent-row div{display:flex;flex-direction:column;gap:3px}.v610-intent-row small{color:#718078}.v610-intent-row b{font-size:15px}.v610-bridge-answer{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;background:#eef4ef;border:1px solid #d8e4da;border-radius:24px;padding:20px;margin:18px 0}.v610-bridge-mark{width:58px;height:58px;border-radius:18px;background:#fff;display:grid;place-items:center;font-size:30px}.v610-bridge-copy h2{font-size:24px;margin:5px 0 8px}.v610-bridge-copy h2 i{font-style:normal;color:#75847a;margin:0 6px}.v610-bridge-copy p{margin:4px 0;color:#586b5f;font-size:13px;line-height:1.5}.v610-bridge-actions{display:flex;flex-direction:column;gap:7px}.v610-bridge-actions button{border:0;border-radius:12px;padding:10px 12px;background:#173f2b;color:#fff;font-weight:800;white-space:nowrap}.v610-bridge-actions .ghost{background:#fff;color:#214b35;border:1px solid #d3ddd5}.v610-results-shell{margin:20px 0}.v610-results-head{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:14px}.v610-results-head>div:first-child{display:flex;align-items:baseline;gap:7px}.v610-results-head>div:first-child b{font-size:27px}.v610-results-head>div:first-child span{color:#718078}.v610-result-filters{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.v610-result-filters button{border:1px solid #dfe5df;background:#fff;border-radius:999px;padding:8px 11px;color:#40594a;font-weight:750}.v610-result-filters button b{font-size:10px;background:#eef2ed;padding:2px 6px;border-radius:999px;margin-left:4px}.v610-result-filters button.on{background:#173f2b;color:#fff;border-color:#173f2b}.v610-result-filters button.on b{background:rgba(255,255,255,.15)}.v610-result-group{margin:22px 0}.v610-group-title{display:flex;align-items:center;gap:8px;margin-bottom:9px}.v610-group-title h2{font-size:18px;margin:0}.v610-group-title span{font-size:11px;background:#eff2ee;border-radius:999px;padding:3px 7px;color:#5f7065}.v610-hit-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.v610-hit{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;border:1px solid #e0e6e0;background:#fff;border-radius:18px;padding:14px;cursor:pointer;min-width:0}.v610-hit:hover{border-color:#b9cbbd;transform:translateY(-1px)}.v610-hit-icon{width:42px;height:42px;border-radius:13px;background:#f0f3ef;display:grid;place-items:center;font-size:20px}.v610-hit small{color:#718078;font-size:10px;font-weight:800;text-transform:uppercase}.v610-hit h3{margin:3px 0 4px;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v610-hit p{margin:0;color:#68776e;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v610-hit>span{font-size:20px;color:#789083}.v610-empty{padding:35px;text-align:center;background:#f5f5f0;border-radius:24px}.v610-empty>span{width:48px;height:48px;border-radius:16px;background:#fff;display:grid;place-items:center;margin:0 auto 12px;font-size:22px}.v610-empty h2{margin:0 0 7px}.v610-empty p{max-width:620px;margin:0 auto 15px;color:#6b786f}.v610-empty button{border:0;background:#173f2b;color:#fff;border-radius:13px;padding:11px 15px;font-weight:800}.v610-search-start{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.v610-search-start article{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;border:1px solid #e0e6e0;border-radius:20px;padding:17px;cursor:pointer;background:#fff}.v610-search-start article>span{width:42px;height:42px;border-radius:13px;background:#eef3ef;display:grid;place-items:center;font-size:19px}.v610-search-start article div{display:flex;flex-direction:column;gap:4px}.v610-search-start small{color:#718078;line-height:1.35}.v610-search-start i{font-style:normal;font-size:20px;color:#73887a}
.v610-shelf-tools{display:grid;grid-template-columns:minmax(220px,1fr) auto auto auto;gap:10px;align-items:center;margin:13px 0 14px}.v610-shelf-search{display:flex;align-items:center;gap:7px;border:1px solid #dde4de;background:#fff;border-radius:14px;padding:0 11px}.v610-shelf-search input{border:0;outline:0;min-width:0;width:100%;padding:10px 3px;background:transparent}.v610-shelf-cats{display:flex;gap:6px;flex-wrap:wrap}.v610-shelf-cats button{border:1px solid #dfe5df;background:#fff;border-radius:999px;padding:8px 10px;font-weight:750;color:#40594a}.v610-shelf-cats button.on{background:#173f2b;color:#fff;border-color:#173f2b}.v610-shelf-sort{display:flex;align-items:center;gap:6px;font-size:11px;color:#68776e}.v610-shelf-sort select{border:1px solid #dde4de;background:#fff;border-radius:11px;padding:8px;color:#244334}.v610-shelf-count{display:flex;align-items:baseline;gap:4px;white-space:nowrap}.v610-shelf-count b{font-size:20px}.v610-shelf-count span{font-size:10px;color:#718078}.v610-shelf-empty{display:none;border:1px dashed #cbd6cd;background:#f7f7f3;border-radius:16px;padding:15px;text-align:center;color:#5f6f65}.v610-shelf-empty.on{display:flex;flex-direction:column;gap:4px}.v610-shelf-empty span{font-size:12px}
.v610-return-strip{margin:18px 0 24px;padding:21px;border-radius:24px;background:#f2f1eb;border:1px solid #e5e2d9}.v610-return-head h2{font-size:21px;margin:4px 0 13px}.v610-return-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.v610-return-grid button{border:0;background:#fff;border-radius:17px;padding:14px;text-align:left;color:#203b2b;display:flex;flex-direction:column;gap:6px;min-height:105px}.v610-return-grid small{color:#75827a}.v610-return-grid b{font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.v610-return-grid span{font-size:11px;color:#486351;margin-top:auto}
@media(max-width:900px){.v610-hit-grid{grid-template-columns:1fr}.v610-search-start{grid-template-columns:1fr}.v610-shelf-tools{grid-template-columns:1fr 1fr}.v610-shelf-search{grid-column:1/-1}.v610-shelf-cats{grid-column:1/-1}.v610-return-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.v610-search-page{padding:0 0 32px}.v610-search-hero{padding:20px;border-radius:22px;margin:16px 0 12px}.v610-search-hero h1{font-size:31px}.v610-searchbox{grid-template-columns:1fr}.v610-searchbox button{width:100%}.v610-recent{align-items:flex-start;flex-direction:column}.v610-recent>div:last-child{justify-content:flex-start}.v610-intent-row{grid-template-columns:1fr}.v610-bridge-answer{grid-template-columns:auto 1fr}.v610-bridge-actions{grid-column:1/-1;flex-direction:row}.v610-bridge-actions button{flex:1;white-space:normal}.v610-results-head{align-items:flex-start;flex-direction:column}.v610-result-filters{justify-content:flex-start;max-width:100%;overflow:auto;flex-wrap:nowrap;padding-bottom:2px}.v610-result-filters button{white-space:nowrap}.v610-shelf-tools{grid-template-columns:1fr}.v610-shelf-search,.v610-shelf-cats{grid-column:auto}.v610-shelf-cats{overflow:auto;flex-wrap:nowrap;padding-bottom:2px}.v610-shelf-cats button{white-space:nowrap}.v610-shelf-sort{justify-content:space-between}.v610-shelf-sort select{flex:1;max-width:220px}.v610-shelf-count{justify-content:flex-end}.v610-return-strip{padding:17px;border-radius:20px}.v610-return-grid{grid-template-columns:1fr 1fr}.v610-return-grid button{min-height:98px;padding:12px}}
@media(max-width:430px){.v610-return-grid{grid-template-columns:1fr}.v610-bridge-answer{grid-template-columns:1fr}.v610-bridge-mark{width:48px;height:48px}.v610-bridge-actions{grid-column:auto}}

/* ---- v620.css ---- */
/* NutriPuente V6.2 — end-to-end route UI */
.v620-route-card,.v620-home-route,.v620-shop-route,.v620-shopping-route{margin:16px 0;border:1px solid rgba(28,63,43,.12);border-radius:24px;background:linear-gradient(145deg,#fff,#f4f7f1);box-shadow:0 12px 34px rgba(25,52,37,.07)}
.v620-route-card{padding:20px}.v620-route-title{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.v620-route-title>div>span,.v620-home-route>div>span,.v620-shop-route>div>span,.v620-shopping-head span{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#617363}.v620-route-title h2,.v620-home-route h2,.v620-shop-route h2,.v620-shopping-head h2{margin:7px 0 8px;font-size:24px;line-height:1.2;color:#173f2b}.v620-route-title h2 i,.v620-home-route h2 i{font-style:normal;color:#90a294}.v620-route-title p,.v620-home-route p,.v620-shop-route p,.v620-shopping-head p{margin:0;color:#647067;line-height:1.55}.v620-route-title>b{white-space:nowrap;padding:7px 10px;border-radius:999px;background:#e6efe7;color:#255439;font-size:12px}
.v620-route-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:18px 0}.v620-route-steps button{border:1px solid #dfe8df;background:#fff;border-radius:16px;padding:12px;text-align:left;min-height:104px;cursor:pointer}.v620-route-steps em{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#173f2b;color:#fff;font-style:normal;font-weight:800;font-size:12px;margin-bottom:10px}.v620-route-steps small{display:block;color:#7a857d;margin-bottom:4px}.v620-route-steps strong{display:block;color:#1c2f22;line-height:1.3}.v620-route-bottom{display:flex;gap:14px;justify-content:space-between;align-items:center;border-top:1px solid #e5ebe5;padding-top:14px}.v620-route-bottom>div:first-child{max-width:60%;font-size:13px;color:#5f6c62}.v620-route-bottom b{color:#273c2d}.v620-route-actions{display:flex;gap:8px}.v620-route-actions button,.v620-home-route button,.v620-shop-route button{border:0;border-radius:13px;padding:10px 13px;background:#173f2b;color:#fff;font-weight:750;cursor:pointer}.v620-route-actions .ghost,.v620-home-route .ghost,.v620-shop-route .ghost{background:#edf2ed;color:#244a34}.v620-route-products{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.v620-route-products article{background:#fff;border:1px solid #e3e8e2;border-radius:13px;padding:10px}.v620-route-products small,.v620-route-products span{display:block;color:#748078;font-size:11px}.v620-route-products b{display:block;font-size:12px;margin:4px 0 8px;line-height:1.35}
.v620-home-route,.v620-shop-route{padding:17px 18px;display:flex;align-items:center;justify-content:space-between;gap:18px}.v620-home-route h2,.v620-shop-route h2{font-size:20px}.v620-home-route>div:last-child,.v620-shop-route>div:last-child{display:flex;gap:8px;flex-shrink:0}
.v620-product-add{width:100%;margin-top:8px!important;border:1px solid #cfe0d1!important;background:#f2f7f2!important;color:#214d32!important;font-weight:800!important}.v620-product-add.added{background:#173f2b!important;color:#fff!important}
.v620-shopping-route{padding:18px}.v620-shopping-head h2{font-size:20px}.v620-shopping-channels{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}.v620-shopping-channels button{border:1px solid #dce7dd;background:#fff;border-radius:15px;padding:12px;text-align:left;cursor:pointer}.v620-shopping-channels b{display:block;font-size:22px;color:#173f2b}.v620-shopping-channels span{font-size:12px;color:#657168}
@media(max-width:760px){.v620-route-title,.v620-route-bottom,.v620-home-route,.v620-shop-route{display:block}.v620-route-title>b{display:inline-block;margin-top:10px}.v620-route-steps{grid-template-columns:1fr 1fr}.v620-route-bottom>div:first-child{max-width:none;margin-bottom:12px}.v620-route-actions,.v620-home-route>div:last-child,.v620-shop-route>div:last-child{margin-top:12px;display:flex}.v620-route-products{grid-template-columns:1fr}.v620-shopping-channels{grid-template-columns:1fr 1fr 1fr}.v620-route-steps button{min-height:94px}}
@media(max-width:430px){.v620-route-card{padding:15px}.v620-route-title h2{font-size:20px}.v620-route-steps{grid-template-columns:1fr}.v620-route-steps button{min-height:auto;display:grid;grid-template-columns:28px 1fr;column-gap:9px}.v620-route-steps em{grid-row:1/3;margin:0}.v620-route-steps small,.v620-route-steps strong{grid-column:2}.v620-route-actions{flex-direction:column}.v620-route-actions button{width:100%}.v620-shopping-channels{grid-template-columns:1fr}.v620-home-route>div:last-child,.v620-shop-route>div:last-child{flex-direction:column}}

/* ---- v630.css ---- */
/* NutriPuente V6.3 — smart shelf */
.v630-smart-shelf{margin:22px 0 26px;padding:20px;border:1px solid #e5e0d6;border-radius:28px;background:linear-gradient(180deg,#fffdf8,#f8f5ee);box-shadow:0 12px 36px rgba(38,47,41,.06)}
.v630-head{display:flex;justify-content:space-between;gap:24px;align-items:flex-start}.v630-head h2{margin:4px 0 7px;font-size:clamp(24px,3vw,34px);line-height:1.08}.v630-head p{max-width:760px;margin:0;color:#667066;line-height:1.6}.v630-profile-pill{min-width:138px;padding:12px 14px;border-radius:18px;background:#173f2b;color:white}.v630-profile-pill small,.v630-profile-pill b{display:block}.v630-profile-pill small{opacity:.7;font-size:11px}.v630-profile-pill b{margin-top:4px;font-size:14px}
.v630-toolbar{margin-top:18px;padding:14px;border-radius:20px;background:#fff;border:1px solid #e9e4dc}.v630-search{display:flex;align-items:center;gap:8px;padding:0 12px;border-radius:14px;background:#f5f4ef}.v630-search input{width:100%;border:0;outline:0;background:transparent;padding:13px 0;font-size:14px}.v630-filter-row{display:flex;align-items:center;gap:7px;margin-top:10px}.v630-filter-row>span{flex:0 0 42px;color:#879087;font-size:11px;font-weight:700}.v630-filter-row.scroll{overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.v630-filter-row.scroll::-webkit-scrollbar{display:none}.v630-filter-row button{white-space:nowrap;border:1px solid #e4e5df;background:#fff;border-radius:999px;padding:8px 11px;font-size:12px;color:#4d574f;cursor:pointer}.v630-filter-row button.on{background:#173f2b;color:#fff;border-color:#173f2b}
.v630-result-head{display:flex;align-items:baseline;gap:7px;margin:16px 2px 10px;color:#788078}.v630-result-head b{font-size:22px;color:#1e3327}.v630-result-head span{font-size:12px}.v630-result-head button{margin-left:auto;border:0;background:none;color:#5a7462;font-size:12px;cursor:pointer}
.v630-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.v630-card{display:flex;flex-direction:column;min-height:292px;padding:15px;border-radius:20px;background:#fff;border:1px solid #e4e6df;transition:.18s ease}.v630-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(35,54,42,.08)}.v630-card-top{display:flex;align-items:center;gap:7px;min-height:31px}.v630-cat-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#f2f1eb;font-size:18px}.v630-store{font-size:10px;font-weight:800;padding:5px 7px;border-radius:8px;background:#f0f1ed}.v630-store.mercadona{background:#e8f3e9;color:#166c3a}.v630-store.carrefour{background:#eef2fb;color:#35539c}.v630-store.consum{background:#fff0e8;color:#a14b20}.v630-card-top em{margin-left:auto;font-style:normal;font-size:9px;padding:4px 6px;border-radius:999px;background:#f1ead8;color:#7a5b18}.v630-card h3{margin:13px 0 7px;font-size:16px;line-height:1.25}.v630-card>p{margin:0;color:#6b746c;font-size:12px;line-height:1.45}.v630-checks{display:flex;flex-direction:column;gap:5px;margin:12px 0 14px}.v630-checks span{font-size:11px;color:#4f6255}.v630-card-actions{display:grid;grid-template-columns:1fr 1.2fr;gap:7px;margin-top:auto}.v630-card-actions button,.v630-sheet-actions button{border:1px solid #d8ded8;border-radius:12px;background:#fff;padding:10px;font-weight:700;font-size:11px;cursor:pointer}.v630-card-actions button.primary,.v630-sheet-actions button.primary{background:#173f2b;color:#fff;border-color:#173f2b}.v630-empty{grid-column:1/-1;text-align:center;padding:34px 16px;border:1px dashed #dcded8;border-radius:18px;color:#778079}.v630-empty b,.v630-empty span{display:block}.v630-empty span{font-size:12px;margin-top:5px}
.v630-verified{position:relative}.v630-verified-badge{display:flex;align-items:center;gap:9px;padding:9px 11px;border-radius:14px;background:#edf5ef;color:#2f5d40}.v630-verified-badge>span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#173f2b;color:white;font-weight:900}.v630-verified-badge b,.v630-verified-badge small{display:block}.v630-verified-badge b{font-size:11px}.v630-verified-badge small{margin-top:2px;font-size:9px;opacity:.75}
.v630-detail-wrap{position:fixed;inset:0;z-index:9999;display:none}.v630-detail-wrap.on{display:block}.v630-backdrop{position:absolute;inset:0;background:rgba(16,25,19,.48);backdrop-filter:blur(3px)}.v630-sheet{position:absolute;right:0;top:0;height:100%;width:min(480px,94vw);overflow:auto;background:#fffdf8;padding:25px 22px 30px;box-shadow:-18px 0 48px rgba(0,0,0,.16)}.v630-close{position:absolute;right:16px;top:14px;width:34px;height:34px;border:0;border-radius:50%;background:#f0eee8;font-size:22px;cursor:pointer}.v630-sheet-head{display:flex;gap:13px;padding-right:34px}.v630-cat-icon.big{width:48px;height:48px;border-radius:14px;font-size:26px;flex:0 0 auto}.v630-sheet-head small{color:#6b746c}.v630-sheet-head h2{margin:3px 0;font-size:22px}.v630-sheet-head p{margin:0;font-size:11px;color:#899089}.v630-sheet-block{margin-top:20px;padding-top:18px;border-top:1px solid #ece8df}.v630-sheet-block>b{font-size:13px}.v630-sheet-block>p{line-height:1.65;color:#536056}.v630-sheet-checks{display:grid;gap:8px;margin-top:10px}.v630-sheet-checks>div{display:flex;gap:9px;align-items:center;padding:10px;background:#f7f6f1;border-radius:13px}.v630-sheet-checks span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#173f2b;color:#fff;font-size:11px;font-weight:800}.v630-sheet-checks p{margin:0;font-size:12px}.v630-sheet-note{margin-top:18px;padding:12px;border-radius:13px;background:#fff4dd;color:#745a2b;font-size:11px;line-height:1.55}.v630-sheet-actions{display:grid;grid-template-columns:1.2fr 1fr;gap:8px;margin-top:18px}
@media(max-width:900px){.v630-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.v630-smart-shelf{padding:14px;margin:16px -2px 22px;border-radius:23px}.v630-head{display:block}.v630-profile-pill{display:inline-block;min-width:0;margin-top:12px}.v630-grid{grid-template-columns:1fr}.v630-card{min-height:0}.v630-filter-row>span{flex-basis:36px}.v630-sheet{width:100%;top:auto;bottom:0;height:auto;max-height:90%;border-radius:24px 24px 0 0}.v630-verified-badge{margin-top:8px}.v630-card-actions{grid-template-columns:1fr 1.25fr}}

/* ---- v640.css ---- */
/* NutriPuente V6.4 — visual hierarchy & food-page polish */
:root{
  --np640-ink:#173f38;
  --np640-muted:#6e7d76;
  --np640-line:#e1e7e3;
  --np640-paper:#fbfaf7;
  --np640-soft:#f2f6f3;
  --np640-sand:#f5efe4;
  --np640-accent:#2f715e;
  --np640-radius:24px;
  --np640-shadow:0 18px 48px rgba(25,53,44,.055);
}
body{background:linear-gradient(180deg,#f4f2ed 0,#f7f6f2 260px,#f7f6f2 100%);color:#1e2f29}
header{background:rgba(250,249,246,.88)!important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom-color:rgba(217,225,220,.9)!important}
main.shell{padding-top:10px}
.v52-home,.v540-explore-page,.v528-deep-page{--np-img-radius:18px}

/* --- Home: calmer first screen --- */
.v537-hero{gap:16px!important;margin-top:5px!important}
.v537-hero-copy{border-color:rgba(214,225,219,.9)!important;background:
 radial-gradient(circle at 92% 8%,rgba(222,236,228,.8),transparent 31%),
 linear-gradient(145deg,#f7faf8 0%,#fff 58%,#fbf6ed 100%)!important;
 box-shadow:var(--np640-shadow)!important}
.v537-brandline{letter-spacing:.045em;text-transform:uppercase;opacity:.82}
.v537-hero h1{max-width:760px!important;text-wrap:balance}
.v537-hero-copy>p{max-width:650px!important}
.v538-hero-proof{display:flex;align-items:center;gap:7px!important;flex-wrap:wrap}
.v538-hero-proof span{background:rgba(255,255,255,.9)!important;border:1px solid #dde8e2!important;border-radius:999px!important}
.v538-hero-proof i{opacity:.38}
.v537-hero-actions .primary{box-shadow:0 8px 18px rgba(23,63,56,.12)}
.v537-hero-example{box-shadow:var(--np640-shadow);border:1px solid rgba(219,226,221,.72)}
.v537-hero-example>img{filter:saturate(.88) contrast(1.01)!important;transform:scale(1.002)}
.v539-hero-caption{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.v537-settings{box-shadow:none!important}

/* New bridge spotlight: the product's core idea in one glance */
.v640-bridge-spotlight{margin:15px 0 4px;border:1px solid #dfe8e3;border-radius:24px;background:#fff;overflow:hidden;box-shadow:0 10px 34px rgba(25,53,44,.035)}
.v640-bridge-head{display:flex;justify-content:space-between;gap:18px;align-items:end;padding:19px 20px 13px}
.v640-bridge-head span,.v640-food-flow-head span{display:block;color:var(--np640-accent);font-size:9px;font-weight:900;letter-spacing:.015em}
.v640-bridge-head h2,.v640-food-flow-head h2{margin:4px 0 0;color:var(--np640-ink);font-size:20px;letter-spacing:-.025em;line-height:1.2}
.v640-bridge-head p{margin:5px 0 0;color:var(--np640-muted);font-size:10px;line-height:1.55;max-width:690px}
.v640-bridge-head>button{flex:none;border:0;background:#173f38;color:#fff;border-radius:999px;padding:10px 14px;font-weight:850;font-size:9px;cursor:pointer}
.v640-bridge-items{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #edf0ee}
.v640-bridge-item{position:relative;display:grid;grid-template-columns:62px 1fr;gap:12px;align-items:center;padding:16px 18px;border:0;border-right:1px solid #edf0ee;background:#fff;text-align:left;cursor:pointer;color:inherit;min-width:0}
.v640-bridge-item:last-child{border-right:0}
.v640-bridge-item:hover{background:#fafcfb}
.v640-bridge-visual{width:62px;height:62px;border-radius:17px;background:linear-gradient(145deg,#edf5f0,#f7f1e7);display:grid;place-items:center;font-size:28px;overflow:hidden}
.v640-bridge-copy small{display:block;color:#83918a;font-size:7.8px;font-weight:800}
.v640-bridge-copy b{display:block;margin:3px 0 4px;color:#1d4d40;font-size:12px;line-height:1.25}
.v640-bridge-copy strong{display:block;color:#273d35;font-size:9px;line-height:1.4;font-weight:800}
.v640-bridge-copy em{display:block;margin-top:4px;color:#829089;font-size:7.7px;font-style:normal}
.v640-arrow{position:absolute;right:14px;top:14px;color:#9aaca3;font-size:14px}

/* Core cards: fewer visual weights, one consistent image language */
.v537-core{margin-top:18px!important;border-top:0!important;padding-top:0!important}
.v537-core-head{padding:4px 2px 0}
.v537-core-head h2{font-size:19px!important}
.v537-core-grid{gap:10px!important}
.v537-core-card{border-color:#e0e7e3!important;border-radius:20px!important;box-shadow:none!important;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.v537-core-card:hover{box-shadow:0 14px 30px rgba(25,53,44,.055)!important}
.v537-core-photo{aspect-ratio:16/9;height:auto!important;min-height:0!important;background:#eef2ef!important}
.v537-core-photo img{width:100%;height:100%;object-fit:cover;filter:saturate(.88)}
.v537-core-body{padding:14px 15px 15px!important}
.v537-core-body h3{font-size:14px!important}
.v537-core-body p{font-size:9px!important;color:#6f7d76!important;min-height:0!important}
.v537-core-body strong{font-size:8.6px!important}
.v561-quickbar{border:1px solid #e2e7e4;border-radius:18px;padding:5px;background:rgba(255,255,255,.82);gap:3px!important}
.v561-quickbar button{border:0!important;background:transparent!important;border-radius:13px!important}
.v561-quickbar button:hover{background:#f1f5f2!important}

/* Personalized block */
.v545-for-you{border-color:#e1e7e3!important;border-radius:24px!important;box-shadow:none!important;padding:18px!important}
.v545-for-you-head h2{font-size:18px!important}
.v545-for-you-grid{gap:10px!important}
.v545-for-you-grid button{border-radius:17px!important;border-color:#e6ebe8!important;background:#fff!important;overflow:hidden;box-shadow:none!important}
.v545-for-you-grid img{object-fit:cover;filter:saturate(.9)}
.v545-context-pill{background:#f3f6f4!important;border:1px solid #e3e9e6}

/* secondary content visually steps back */
.v533-home-more-toggle{margin-top:16px!important;border-radius:16px!important;background:#f4f5f2!important;border-color:#e4e7e3!important}
.v533-home-more.open{margin-top:8px}
.v531-home-secondary{box-shadow:none!important}

/* --- Food Explore page --- */
.v540-explore-hero{border-radius:26px!important;border-color:#dfe7e2!important;background:
 radial-gradient(circle at 88% 20%,rgba(228,239,232,.75),transparent 32%),
 linear-gradient(135deg,#f8faf8,#fff 70%)!important;box-shadow:0 14px 38px rgba(25,53,44,.04)}
.v540-explore-hero h1{font-size:32px!important;text-wrap:balance}
.v536-explore-search{border-radius:18px!important;box-shadow:0 8px 26px rgba(25,53,44,.055)!important}
.v640-food-flow{margin-top:12px;border:1px solid #e0e7e3;border-radius:22px;background:#fff;padding:17px 18px}
.v640-food-flow-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:12px}
.v640-food-flow-head p{margin:4px 0 0;font-size:9px;color:#76847d;line-height:1.5}
.v640-food-flow-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.v640-food-flow-steps button{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;border:1px solid #e6ebe8;background:#fafbf9;border-radius:15px;padding:11px 12px;text-align:left;cursor:pointer;color:inherit}
.v640-food-flow-steps button:hover{background:#f5f8f6;border-color:#d5e1db}
.v640-food-flow-steps i{font-style:normal;width:27px;height:27px;border-radius:10px;background:#eaf2ed;color:#2e6e5b;display:grid;place-items:center;font-size:8px;font-weight:900}
.v640-food-flow-steps b{display:block;font-size:9.5px;color:#254b40}.v640-food-flow-steps small{display:block;margin-top:2px;color:#7b8882;font-size:7.3px;line-height:1.35}.v640-food-flow-steps em{font-style:normal;color:#8da097}
.v542-topic-grid>button,.v547-food-grid>button,.v540-learn-grid>button{border-color:#e1e7e3!important;box-shadow:none!important;transition:transform .17s ease,border-color .17s ease,box-shadow .17s ease}
.v542-topic-grid>button:hover,.v547-food-grid>button:hover,.v540-learn-grid>button:hover{transform:translateY(-1px);border-color:#cddbd4!important;box-shadow:0 10px 25px rgba(25,53,44,.05)!important}
.v542-topic-grid img,.v547-food-grid img,.v540-learn-grid img{filter:saturate(.9);object-fit:cover}
.v547-food-grid{gap:11px!important}
.v547-food-grid>button{border-radius:20px!important;min-height:128px!important}
.v547-food-grid img{width:138px!important;aspect-ratio:4/3;height:100%!important}
.v547-food-grid h3{font-size:13px!important}.v547-food-grid p{font-size:8.5px!important}

/* --- Deep food pages: visual hero and calmer cards --- */
.v528-deep-hero{position:relative;overflow:hidden;grid-template-columns:minmax(0,1fr) 260px!important;gap:18px!important;align-items:center!important;padding:22px!important;border-radius:25px!important;background:#fff!important;border:1px solid #e0e7e3!important;box-shadow:0 12px 34px rgba(25,53,44,.035)}
.v528-deep-hero>div:first-child{position:relative;z-index:2}
.v528-deep-hero h1{font-size:30px!important}.v528-deep-hero p{font-size:10px!important}
.v640-deep-visual{grid-column:2;grid-row:1;width:100%;height:168px;border-radius:18px;overflow:hidden;background:#eef2ef}
.v640-deep-visual img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.88)}
.v528-back{position:absolute!important;right:12px!important;top:12px!important;z-index:3!important;background:rgba(255,255,255,.92)!important;backdrop-filter:blur(6px)}
.v528-deep-grid{gap:10px!important;margin-top:12px!important}
.v528-deep-card{border-radius:20px!important;border-color:#e3e8e5!important;padding:17px!important;background:#fff!important}
.v528-deep-card.terms{background:#f7faf8!important}.v528-deep-card.bridge{background:#f8f3e9!important}
.v528-deep-card h2{font-size:15px!important}.v528-deep-card>p{font-size:9px!important}
.v528-pack-flow article{border-radius:17px!important;border-color:#e2e8e4!important;background:#fff!important}

/* Accessibility / interaction */
.v640-bridge-item:focus-visible,.v640-bridge-head>button:focus-visible,.v640-food-flow-steps button:focus-visible{outline:3px solid rgba(47,113,94,.28);outline-offset:2px}

@media(max-width:900px){
 .v640-bridge-head{align-items:start;flex-direction:column}.v640-bridge-head>button{align-self:start}
 .v640-bridge-items{grid-template-columns:1fr}.v640-bridge-item{border-right:0;border-bottom:1px solid #edf0ee}.v640-bridge-item:last-child{border-bottom:0}
 .v640-food-flow-steps{grid-template-columns:1fr}
 .v528-deep-hero{grid-template-columns:1fr!important}.v640-deep-visual{grid-column:1;grid-row:auto;height:210px}
}
@media(max-width:720px){
 body{background:#f7f6f2}
 main.shell{padding-top:4px}
 .v537-hero-copy{border-radius:22px!important;padding:19px 17px 17px!important;box-shadow:none!important}
 .v537-hero h1{font-size:28px!important;line-height:1.08!important}
 .v537-hero-copy>p{font-size:9.4px!important}
 .v537-hero-example{display:block!important;min-height:185px!important;border-radius:20px!important;margin-top:8px}.v539-hero-caption{padding:13px 14px!important}
 .v537-hero-actions{grid-template-columns:1fr 1fr!important}
 .v640-bridge-spotlight{border-radius:20px;margin-top:10px;box-shadow:none}.v640-bridge-head{padding:15px 15px 10px}.v640-bridge-head h2{font-size:17px}.v640-bridge-head p{font-size:8.6px}.v640-bridge-head>button{display:none}
 .v640-bridge-items{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;border-top:1px solid #edf0ee}.v640-bridge-items::-webkit-scrollbar{display:none}.v640-bridge-item{flex:0 0 82%;scroll-snap-align:start;border-bottom:0;border-right:1px solid #edf0ee;padding:13px 14px}.v640-bridge-item:last-child{border-right:0}.v640-bridge-visual{width:54px;height:54px;border-radius:15px;font-size:24px}
 .v537-core-head h2{font-size:16px!important}.v537-core-grid{display:grid!important;grid-template-columns:1fr!important;overflow:visible!important}.v537-core-card,.v537-core-card:last-child{display:grid!important;grid-template-columns:112px 1fr!important}.v537-core-photo{height:100%!important;aspect-ratio:auto!important}.v537-core-body{padding:12px!important}.v537-core-body h3{font-size:12px!important}.v537-core-body p{font-size:7.8px!important}
 .v561-quickbar{display:flex!important;overflow-x:auto;scrollbar-width:none;padding:4px!important}.v561-quickbar::-webkit-scrollbar{display:none}.v561-quickbar button{flex:0 0 auto;min-width:92px!important}
 .v545-for-you{padding:14px!important;border-radius:20px!important}.v545-for-you-head h2{font-size:16px!important}.v545-for-you-grid button{grid-template-columns:88px 1fr auto!important}.v545-for-you-grid img{width:88px!important;height:78px!important}
 .v540-explore-hero{padding:18px 16px!important;border-radius:22px!important}.v540-explore-hero h1{font-size:27px!important}
 .v640-food-flow{padding:14px;border-radius:19px}.v640-food-flow-head h2{font-size:16px}.v640-food-flow-head p{font-size:8px}.v640-food-flow-steps{gap:6px}
 .v547-food-grid{grid-template-columns:1fr 1fr!important;gap:8px!important}.v547-food-grid>button{display:block!important;border-radius:17px!important;min-height:0!important}.v547-food-grid img{width:100%!important;height:auto!important;aspect-ratio:4/3!important}.v547-food-grid>button>div{padding:10px 10px 12px!important}.v547-food-grid h3{font-size:10.6px!important}.v547-food-grid p{font-size:7.2px!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.v547-food-grid i{display:none!important}
 .v528-deep-hero{padding:17px!important;border-radius:21px!important}.v528-deep-hero h1{font-size:25px!important}.v528-deep-hero p{font-size:8.7px!important;padding-right:0}.v640-deep-visual{height:175px;border-radius:16px}.v528-back{font-size:0!important;width:34px;height:34px;border-radius:999px!important;padding:0!important}.v528-back:after{content:'←';font-size:15px;color:#294b40}
 .v528-deep-card{padding:14px!important;border-radius:17px!important}
}
@media(max-width:430px){
 .v537-hero h1{font-size:26px!important}.v537-hero-actions button{font-size:7.7px!important;padding:10px 8px!important}
 .v640-bridge-item{flex-basis:88%}
 .v547-food-grid img{aspect-ratio:1.18/1!important}
}

/* =========================================================
   NutriPuente 7.1 — account + cloud sync
   ========================================================= */
.v710-cloud-card{margin:18px 0 24px;padding:24px;border:1px solid rgba(15,75,62,.12);border-radius:28px;background:linear-gradient(145deg,#fff 0%,#f6faf7 100%);box-shadow:0 18px 44px rgba(22,54,43,.07)}
.v710-cloud-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}
.v710-cloud-head>div:first-child{max-width:700px}
.v710-cloud-head span{display:block;margin-bottom:7px;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#6b776f}
.v710-cloud-head h2{margin:0 0 8px;font-size:clamp(22px,3vw,31px);line-height:1.1;color:#173d34}
.v710-cloud-head p{margin:0;color:#66716b;line-height:1.65}
.v710-cloud-state{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border-radius:999px;background:#f0f2ef;color:#66716b;font-size:12px}
.v710-cloud-state i{width:8px;height:8px;border-radius:50%;background:#98a29c;box-shadow:0 0 0 4px rgba(152,162,156,.12)}
.v710-cloud-state.connected{background:#eaf5ef;color:#1e684d}.v710-cloud-state.connected i{background:#2b8a62;box-shadow:0 0 0 4px rgba(43,138,98,.13)}
.v710-cloud-state.ready{background:#f5f0e5;color:#775c22}.v710-cloud-state.ready i{background:#bb8a2d;box-shadow:0 0 0 4px rgba(187,138,45,.12)}
.v710-local-only{display:flex;gap:16px;align-items:flex-start;padding:18px;border-radius:20px;background:#f1f5f2}
.v710-local-icon{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;border-radius:14px;background:#fff;color:#1e684d;font-size:24px;border:1px solid rgba(15,75,62,.1)}
.v710-local-only b{display:block;color:#203d35;margin-bottom:5px}.v710-local-only p{margin:0;color:#6a756f;line-height:1.6}
.v710-notice{margin:0 0 16px;padding:12px 14px;border-radius:14px;background:#eaf5ef;color:#1d644a;font-size:13px;font-weight:700}.v710-notice.error{background:#fff0ee;color:#a04436}
.v710-auth-tabs{display:flex;gap:6px;width:max-content;max-width:100%;padding:5px;background:#eef2ef;border-radius:14px;margin-bottom:16px}
.v710-auth-tabs button{border:0;background:transparent;padding:10px 15px;border-radius:10px;font-weight:800;color:#68736d;cursor:pointer}.v710-auth-tabs button.on{background:#fff;color:#17483b;box-shadow:0 4px 14px rgba(26,60,49,.08)}
.v710-auth-form{max-width:520px;display:grid;gap:12px}.v710-auth-form label{display:grid;gap:6px}.v710-auth-form label>span{font-size:12px;font-weight:800;color:#59665f}.v710-auth-form input{width:100%;height:46px;border:1px solid #d9e0dc;border-radius:13px;background:#fff;padding:0 13px;font:inherit;color:#213a33;outline:none}.v710-auth-form input:focus{border-color:#6e9e8a;box-shadow:0 0 0 3px rgba(41,112,82,.08)}
.v710-form-head{display:grid;gap:4px;margin-bottom:3px}.v710-form-head b{font-size:18px;color:#203d35}.v710-form-head span{font-size:13px;color:#78827d}
.v710-primary,.v710-secondary{min-height:44px;border:0;border-radius:13px;padding:10px 16px;font-weight:850;cursor:pointer}.v710-primary{background:#184e40;color:#fff}.v710-primary:hover{background:#113f34}.v710-secondary{background:#edf2ef;color:#234c40}.v710-link,.v710-danger-link{width:max-content;border:0;background:transparent;padding:4px 0;cursor:pointer;font-weight:750;color:#386b5a}.v710-danger-link{color:#a04d43}.v710-auth-note{margin:5px 0 0;padding-top:12px;border-top:1px solid #e8ece9;color:#7a847f;font-size:12px;line-height:1.55}
.v710-cloud-user{display:grid;gap:18px}.v710-user-row{display:flex;gap:13px;align-items:center}.v710-avatar{display:grid;place-items:center;width:46px;height:46px;border-radius:15px;background:#164f40;color:#fff;font-weight:900;font-size:17px}.v710-user-row>div:last-child{min-width:0;display:grid;gap:3px}.v710-user-row b{color:#213f36;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v710-user-row span{font-size:13px;color:#748079}
.v710-sync-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.v710-sync-grid>div{padding:14px;border-radius:16px;background:#f2f6f3}.v710-sync-grid small{display:block;color:#7a847f;font-size:11px;margin-bottom:5px}.v710-sync-grid b{display:block;color:#27483e;font-size:13px;line-height:1.4}
.v710-sensitive-toggle{display:flex;gap:12px;align-items:flex-start;padding:15px 16px;border:1px solid #e0e7e3;border-radius:18px;background:#fff}.v710-sensitive-toggle input{margin-top:3px;width:18px;height:18px;accent-color:#1f6a50}.v710-sensitive-toggle>span{display:grid;gap:4px}.v710-sensitive-toggle b{font-size:13px;color:#25463c}.v710-sensitive-toggle small{font-size:12px;color:#78827d;line-height:1.55}
.v710-cloud-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.v710-cloud-actions .v710-danger-link{margin-left:auto}
.v511-profile-btn{position:relative}.v511-profile-btn::after{content:"";position:absolute;right:5px;top:5px;width:8px;height:8px;border-radius:50%;background:transparent;border:2px solid #fff}.v511-profile-btn[data-cloud="connected"]::after{background:#34a36f}.v511-profile-btn[data-cloud="ready"]::after{background:#d19c3b}
@media(max-width:720px){.v710-cloud-card{padding:18px;border-radius:22px}.v710-cloud-head{display:grid}.v710-cloud-state{justify-self:start}.v710-sync-grid{grid-template-columns:1fr}.v710-cloud-actions{display:grid;grid-template-columns:1fr 1fr}.v710-cloud-actions .v710-danger-link{grid-column:1/-1;margin-left:0}.v710-primary,.v710-secondary{width:100%}}
.v710-privacy-cloud{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:18px 0;padding:20px;border:1px solid #dfe7e2;border-radius:22px;background:#f5f8f6}.v710-privacy-cloud>div{max-width:720px}.v710-privacy-cloud span{display:block;font-size:11px;font-weight:850;letter-spacing:.08em;text-transform:uppercase;color:#738078;margin-bottom:6px}.v710-privacy-cloud h2{margin:0 0 7px;color:#23463b;font-size:20px}.v710-privacy-cloud p{margin:0;color:#6d7972;line-height:1.6}.v710-privacy-cloud button{flex:0 0 auto;border:0;border-radius:13px;background:#e8f0ec;color:#245b49;padding:11px 14px;font-weight:850;cursor:pointer}@media(max-width:720px){.v710-privacy-cloud{display:grid}.v710-privacy-cloud button{width:100%}}

/* ===== V7.1.2 — image-led clean home + top account sheet ===== */
.v712-home{display:grid;gap:26px}
.v712-hero{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(340px,.98fr);min-height:480px;background:#fff;border:1px solid #dfe7e2;border-radius:30px;overflow:hidden;box-shadow:0 18px 48px rgba(26,67,57,.08)}
.v712-hero-copy{padding:48px 42px;display:flex;flex-direction:column;justify-content:center}
.v712-kicker,.v712-section-head>span,.v712-continue>div:first-child>span{font-size:11px;font-weight:850;letter-spacing:.04em;color:#23735f}
.v712-hero h1{font-size:clamp(42px,5vw,68px);line-height:1.02;letter-spacing:-.055em;margin:14px 0 18px;max-width:720px}
.v712-hero p{font-size:16px;line-height:1.7;color:#64736e;max-width:640px;margin:0}
.v712-search{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:28px;background:#f6f8f6;border:1px solid #dfe7e2;border-radius:17px;padding:6px}
.v712-search input{border:0;background:transparent;outline:0;padding:0 12px;min-width:0;font-size:14px}
.v712-search button{border:0;background:#174f42;color:#fff;border-radius:12px;padding:12px 20px;font-weight:800;cursor:pointer}
.v712-route{margin-top:14px;width:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;border:0;background:transparent;padding:5px 2px;color:#5e706a;text-align:left;cursor:pointer}
.v712-route span{font-size:11px}.v712-route b{font-size:12px;color:#21483e}.v712-route i{font-style:normal;font-size:20px}
.v712-hero-image{position:relative;border:0;padding:0;min-height:480px;overflow:hidden;background:#e8eeea;cursor:pointer}
.v712-hero-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.v712-hero-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,34,28,.02) 35%,rgba(10,34,28,.72) 100%)}
.v712-hero-image>div{position:absolute;z-index:2;left:28px;right:28px;bottom:26px;color:#fff;text-align:left}.v712-hero-image span{display:block;font-size:11px;opacity:.82}.v712-hero-image strong{display:block;font-size:25px;line-height:1.15;margin-top:7px}
.v712-settings{background:#fff;border:1px solid #e1e8e4;border-radius:20px;padding:0 18px}.v712-settings summary{list-style:none;padding:16px 2px;font-size:13px;font-weight:800;cursor:pointer}.v712-settings summary::-webkit-details-marker{display:none}
.v712-settings-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:0 0 18px}.v712-settings-grid label{display:grid;gap:7px}.v712-settings-grid span{font-size:10px;color:#75837e}.v712-settings-grid select{border:1px solid #dfe7e2;background:#fafbfa;border-radius:12px;padding:11px}
.v712-section-head{margin-bottom:14px}.v712-section-head h2,.v712-continue h2{font-size:28px;letter-spacing:-.035em;margin:5px 0 0}
.v712-action-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.v712-action-card{border:1px solid #dfe7e2;background:#fff;border-radius:22px;overflow:hidden;padding:0;text-align:left;cursor:pointer;box-shadow:0 8px 25px rgba(30,65,56,.04);transition:.18s}.v712-action-card:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(30,65,56,.09)}
.v712-action-card img{display:block;width:100%;height:180px;object-fit:cover}.v712-action-card>div{padding:16px 17px 18px;display:grid;grid-template-columns:1fr auto;gap:4px 10px;align-items:end}.v712-action-card span{grid-column:1/-1;font-size:11px;color:#247460;font-weight:820}.v712-action-card b{font-size:15px;line-height:1.4}.v712-action-card i{font-style:normal;font-size:22px;color:#247460}
.v712-continue{display:flex;justify-content:space-between;align-items:center;gap:22px;background:linear-gradient(135deg,#edf5f1,#f8f5ee);border:1px solid #dfe7e2;border-radius:24px;padding:22px}.v712-mini-actions{display:grid;grid-template-columns:repeat(2,minmax(170px,1fr));gap:10px}.v712-mini-actions button{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:2px 8px;align-items:center;border:1px solid #dde6e1;background:#fff;border-radius:16px;padding:12px 14px;text-align:left;cursor:pointer}.v712-mini-actions b{font-size:12px}.v712-mini-actions small{grid-column:2;font-size:10px;color:#7a8883}

.v712-account-modal{position:fixed;inset:0;z-index:300;display:none}.v712-account-modal.open{display:block}.v712-account-backdrop{position:absolute;inset:0;background:rgba(18,36,31,.38);backdrop-filter:blur(4px)}.v712-account-sheet{position:absolute;top:86px;right:max(22px,calc((100vw - min(1280px,calc(100vw - 44px)))/2));width:min(410px,calc(100vw - 28px));max-height:calc(100vh - 112px);overflow:auto;background:#fff;border:1px solid #dfe7e2;border-radius:24px;box-shadow:0 28px 80px rgba(19,46,39,.24);padding:25px}.v712-account-x{position:absolute;right:14px;top:12px;border:0;background:#f1f4f2;width:34px;height:34px;border-radius:50%;font-size:22px;cursor:pointer}.v712-account-head span{font-size:10px;font-weight:850;color:#26745f}.v712-account-head h2{font-size:28px;margin:7px 36px 7px 0;letter-spacing:-.035em}.v712-account-head p{font-size:12px;color:#74827d;line-height:1.55;margin:0 0 18px}.v712-auth-tabs{display:grid;grid-template-columns:1fr 1fr;background:#f1f4f2;padding:4px;border-radius:12px;margin-bottom:14px}.v712-auth-tabs button{border:0;background:transparent;border-radius:9px;padding:10px;font-weight:760;cursor:pointer}.v712-auth-tabs button.on{background:#fff;box-shadow:0 2px 10px rgba(20,52,43,.08)}.v712-auth-form{display:grid;gap:12px}.v712-auth-form label{display:grid;gap:6px}.v712-auth-form label span{font-size:11px;color:#65736f}.v712-auth-form input{width:100%;border:1px solid #dce5e0;border-radius:12px;padding:12px 13px;outline:0}.v712-auth-form input:focus{border-color:#6aa993;box-shadow:0 0 0 3px rgba(78,151,126,.12)}.v712-account-sheet button.primary{border:0;background:#174f42;color:#fff;border-radius:12px;padding:12px 16px;font-weight:800;cursor:pointer}.v712-account-sheet button.text{border:0;background:transparent;color:#2c735f;padding:7px 0;text-align:left;cursor:pointer}.v712-notice{font-size:11px;line-height:1.5;padding:10px 12px;border-radius:11px;background:#eaf5ef;color:#276451;margin:0 0 12px}.v712-notice.error{background:#fff0ee;color:#9a473e}.v712-account-user{display:grid;grid-template-columns:46px 1fr;gap:12px;align-items:center;background:#f7f9f8;border-radius:16px;padding:13px}.v712-avatar-letter{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#dfeee8;color:#155345;font-size:18px;font-weight:850}.v712-account-user b,.v712-account-user small{display:block}.v712-account-user small{font-size:10px;color:#74827d;margin-top:3px;line-height:1.45}.v712-sync-toggle{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start;margin:14px 0;padding:12px;border:1px solid #e0e7e3;border-radius:14px}.v712-sync-toggle input{margin-top:3px}.v712-sync-toggle b,.v712-sync-toggle small{display:block}.v712-sync-toggle b{font-size:12px}.v712-sync-toggle small{font-size:10px;color:#75837e;margin-top:3px}.v712-account-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.v712-account-actions>button:not(.text){border:1px solid #dce5e0;background:#fff;border-radius:12px;padding:11px;font-weight:760;cursor:pointer}.v712-account-actions>button.primary{background:#174f42;color:#fff;border-color:#174f42}.v712-account-actions .text{grid-column:1/-1;text-align:center;color:#7b5550}.v712-inline-cloud-hidden{display:none!important}.v712-modal-open{overflow:hidden}.v511-profile-btn.connected{border-color:#9bc8b7;background:#eff8f4}

@media(max-width:780px){
  .profile-btn.v511-profile-btn{display:flex!important;width:42px;height:42px;padding:0;justify-content:center;border-radius:50%}.profile-btn.v511-profile-btn #accountLabel{display:none}.v511-profile-icon{width:21px;height:21px}
  .header-actions{gap:7px}.lang{padding:8px 10px;max-width:126px}.v55-brand-logo{width:36px!important;height:36px!important}.v55-brand span strong{font-size:18px}
  .v712-home{gap:20px}.v712-hero{grid-template-columns:1fr;min-height:0;border-radius:24px}.v712-hero-copy{padding:30px 22px 24px}.v712-hero h1{font-size:40px}.v712-hero p{font-size:14px}.v712-hero-image{min-height:280px}.v712-hero-image>div{left:20px;right:20px;bottom:19px}.v712-settings-grid{grid-template-columns:1fr}.v712-action-grid{grid-template-columns:1fr;gap:11px}.v712-action-card{display:grid;grid-template-columns:118px 1fr;min-height:118px}.v712-action-card img{height:100%;min-height:118px}.v712-action-card>div{padding:14px}.v712-section-head h2,.v712-continue h2{font-size:25px}.v712-continue{display:grid;padding:18px}.v712-mini-actions{grid-template-columns:1fr 1fr}.v712-account-sheet{top:auto;right:0;left:0;bottom:0;width:100%;max-height:84vh;border-radius:26px 26px 0 0;padding:24px 20px calc(24px + env(safe-area-inset-bottom))}.v712-account-head h2{font-size:26px}
}
@media(max-width:520px){.v712-hero h1{font-size:35px}.v712-search{grid-template-columns:1fr auto}.v712-action-card{grid-template-columns:104px 1fr}.v712-mini-actions{grid-template-columns:1fr}.v712-continue{border-radius:20px}}

/* ===== V7.2 — NutriPuente signature brand system ===== */
:root{
  --np-pine:#173e34;--np-forest:#235c4d;--np-sage:#dfeae3;--np-sage-2:#edf3ef;
  --np-oat:#f1e6d7;--np-cream:#faf7f0;--np-paper:#fffdf8;--np-terracotta:#d97752;
  --np-sun:#e5b85b;--np-ink:#1d2f29;--np-soft:#6c7974;--np-hair:#d9e1dc;
  --np-shadow:0 24px 70px rgba(25,55,47,.10);--np-shadow-sm:0 12px 34px rgba(25,55,47,.07)
}
body.np-v720{background:
  radial-gradient(circle at 92% 1%,rgba(229,184,91,.11),transparent 22rem),
  radial-gradient(circle at 2% 28%,rgba(217,119,82,.07),transparent 26rem),
  var(--np-cream);color:var(--np-ink)}
body.np-v720:before{content:"";position:fixed;inset:78px 0 auto 0;height:1px;pointer-events:none;z-index:0;background:linear-gradient(90deg,transparent 4%,rgba(217,119,82,.35) 21%,rgba(229,184,91,.35) 49%,rgba(35,92,77,.28) 78%,transparent 96%)}
body.np-v720 header{height:76px!important;background:rgba(250,247,240,.91)!important;border-bottom:0!important;box-shadow:0 1px 0 rgba(23,62,52,.08);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
body.np-v720 .header-inner{position:relative}
body.np-v720 .v55-brand{position:relative;gap:9px;isolation:isolate}
body.np-v720 .v55-brand-logo{width:41px!important;height:41px!important;object-fit:contain;filter:drop-shadow(0 7px 14px rgba(23,62,52,.10))}
body.np-v720 .v55-brand strong{font-size:19px;letter-spacing:-.035em;color:var(--np-pine)}
body.np-v720 .v55-brand small{font-size:8px;color:#7b807a;letter-spacing:.08em;text-transform:uppercase}
.v720-brand-bridge{position:absolute;width:27px;height:12px;left:24px;bottom:-4px;border:2px solid var(--np-terracotta);border-bottom:0;border-radius:28px 28px 0 0;opacity:.78;z-index:-1}
body.np-v720 .nav button{font-size:12px;border-radius:999px;color:#596963;padding:9px 12px}
body.np-v720 .nav button:hover,body.np-v720 .nav button.on{background:var(--np-sage);color:var(--np-pine);box-shadow:none}
body.np-v720 .lang{background:rgba(255,253,248,.92);border-color:#d8e0db;min-height:42px}
body.np-v720 .profile-btn.v511-profile-btn{min-width:42px;min-height:42px;border-color:#cedbd4;background:var(--np-pine);color:#fff;box-shadow:0 7px 18px rgba(23,62,52,.16)}
body.np-v720 .profile-btn.v511-profile-btn.connected{background:var(--np-terracotta);border-color:var(--np-terracotta)}
body.np-v720 .v511-profile-icon{stroke:currentColor}
body.np-v720 .page{padding-top:28px}

.v720-home{display:grid;gap:54px;padding-bottom:18px}
.v720-hero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr);min-height:570px;border-radius:36px;overflow:hidden;background:var(--np-paper);border:1px solid rgba(23,62,52,.10);box-shadow:var(--np-shadow);position:relative}
.v720-hero:before{content:"";position:absolute;width:270px;height:130px;border:2px solid rgba(217,119,82,.15);border-bottom:0;border-radius:160px 160px 0 0;left:-85px;top:-32px;pointer-events:none}
.v720-hero-copy{padding:62px 50px 48px;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:2}
.v720-route-chip{display:inline-flex;align-items:center;align-self:flex-start;gap:7px;background:#f3eee5;border:1px solid #eadfce;border-radius:999px;padding:8px 11px;font-size:10px;color:#53635d}
.v720-route-chip b{font-size:10px;color:var(--np-pine)}.v720-route-chip i{width:24px;height:10px;border-top:1.5px solid var(--np-terracotta);border-radius:50%;transform:translateY(3px)}
.v720-hero h1{font-size:clamp(45px,5.4vw,76px);line-height:.98;letter-spacing:-.06em;margin:22px 0 20px;max-width:780px;color:var(--np-pine);font-weight:860}
.v720-hero h1 em{display:block;font-style:normal;color:var(--np-terracotta);font-family:"Songti SC","STSong","Noto Serif CJK SC",ui-serif,Georgia,serif;font-weight:700;letter-spacing:-.045em;margin-top:5px}
.v720-hero-copy>p{font-size:15px;line-height:1.85;color:#60716a;max-width:670px;margin:0}
.v720-search{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;margin-top:29px;background:#fff;border:1px solid #d8e1dc;border-radius:18px;padding:6px;box-shadow:0 9px 28px rgba(23,62,52,.07)}
.v720-search-icon{font-size:24px;color:var(--np-terracotta);padding-left:9px;transform:rotate(-12deg)}
.v720-search input{border:0;outline:0;background:transparent;min-width:0;padding:10px 5px;font-size:13px}
.v720-search button{border:0;background:var(--np-pine);color:#fff;border-radius:13px;min-height:44px;padding:0 18px;font-weight:850;cursor:pointer}
.v720-bridge-steps{display:flex;align-items:center;gap:8px;margin-top:18px;flex-wrap:wrap}.v720-bridge-steps span{display:flex;align-items:center;gap:6px;font-size:10px;color:#62716c}.v720-bridge-steps b{font-size:8px;color:#fff;background:var(--np-terracotta);border-radius:999px;padding:4px 5px}.v720-bridge-steps i{font-style:normal;color:#c3926d;font-size:18px;line-height:1}
.v720-route-settings{margin-top:20px;border-top:1px dashed #d8dfdb;padding-top:12px}.v720-route-settings summary{list-style:none;cursor:pointer;color:#66766f;font-size:11px;font-weight:760}.v720-route-settings summary::-webkit-details-marker{display:none}.v720-route-settings .v712-settings-grid{padding:14px 0 0}
.v720-hero-visual{border:0;padding:0;position:relative;overflow:hidden;cursor:pointer;min-height:570px;background:#dde8e1;text-align:left}.v720-hero-visual>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.92) contrast(1.02)}
.v720-hero-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,47,40,.02) 38%,rgba(20,47,40,.65) 100%)}
.v720-sun-dot{position:absolute;z-index:2;right:28px;top:28px;width:58px;height:58px;border-radius:50%;background:rgba(229,184,91,.94);box-shadow:0 14px 34px rgba(133,91,23,.17)}
.v720-bridge-arch{position:absolute;z-index:2;right:71px;top:61px;width:148px;height:74px;border:3px solid rgba(255,253,248,.78);border-bottom:0;border-radius:100px 100px 0 0;transform:rotate(-7deg)}
.v720-visual-note{position:absolute;z-index:3;left:28px;right:28px;bottom:28px;color:#fff;max-width:430px}.v720-visual-note small{font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#f0d995}.v720-visual-note strong{display:block;font-size:30px;line-height:1.08;margin:8px 0 8px;letter-spacing:-.035em}.v720-visual-note span{display:block;font-size:11px;line-height:1.55;color:rgba(255,255,255,.83)}

.v720-section-title{max-width:750px}.v720-section-title>span{font-size:9px;font-weight:900;letter-spacing:.14em;color:var(--np-terracotta)}.v720-section-title h2{font-size:clamp(28px,3.2vw,43px);line-height:1.05;letter-spacing:-.045em;margin:8px 0 10px;color:var(--np-pine)}.v720-section-title p{font-size:13px;line-height:1.7;color:#6b7772;margin:0}.v720-section-title.compact{margin-bottom:18px}.v720-section-title.compact h2{font-size:31px}
.v720-bridge-board{display:grid;grid-template-columns:minmax(260px,.7fr) minmax(0,1.3fr);gap:28px;align-items:end}
.v720-bridge-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.v720-bridge-card{border:0;background:var(--np-paper);border-radius:24px;padding:0;overflow:hidden;text-align:left;box-shadow:var(--np-shadow-sm);cursor:pointer;transition:.2s;min-width:0}.v720-bridge-card:hover{transform:translateY(-3px)}
.v720-bridge-photo{height:132px;position:relative;overflow:hidden;background:#e8eee9}.v720-bridge-photo img{width:100%;height:100%;object-fit:cover;display:block}.v720-bridge-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 42%,rgba(23,62,52,.28))}.v720-bridge-photo span{position:absolute;z-index:2;right:10px;bottom:9px;width:33px;height:33px;border-radius:50%;display:grid;place-items:center;background:rgba(255,253,248,.95);font-size:17px}
.v720-bridge-text{padding:15px 15px 16px;display:grid;grid-template-columns:1fr;gap:4px;position:relative}.v720-bridge-text small{font-size:8px;letter-spacing:.08em;text-transform:uppercase;color:#909993}.v720-bridge-text b,.v720-bridge-text strong{font-size:13px;line-height:1.3;color:var(--np-ink)}.v720-bridge-text strong{color:var(--np-terracotta)}.v720-bridge-text i{height:14px;width:44px;border-top:1.5px solid #c9a17e;border-radius:50%;margin:2px 0 1px}.v720-bridge-text em{font-style:normal;font-size:9px;color:#7b8882;margin-top:4px}

.v720-actions{position:relative}.v720-action-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.v720-action-card{border:0;border-radius:28px;padding:22px 22px 0;text-align:left;position:relative;overflow:hidden;min-height:360px;cursor:pointer;color:var(--np-pine);box-shadow:var(--np-shadow-sm);transition:.2s}.v720-action-card:hover{transform:translateY(-3px)}.v720-action-card.sage{background:#dce9e1}.v720-action-card.terracotta{background:#e8b49f}.v720-action-card.oat{background:#eee1cf}
.v720-action-top{display:flex;justify-content:space-between;align-items:center}.v720-action-top span{font-size:10px;font-weight:900;letter-spacing:.12em}.v720-action-top i{font-style:normal;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.55);font-size:18px}.v720-action-card h3{font-size:25px;line-height:1.05;letter-spacing:-.035em;margin:23px 0 8px}.v720-action-card p{font-size:11px;line-height:1.55;margin:0;max-width:85%;color:#53645e}.v720-action-card img{position:absolute;left:0;right:0;bottom:0;width:100%;height:150px;object-fit:cover;display:block;clip-path:ellipse(72% 80% at 50% 100%);filter:saturate(.85)}

.v720-personal-strip{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(310px,.75fr);gap:26px;align-items:center;background:var(--np-pine);color:#fff;border-radius:30px;padding:34px 36px;position:relative;overflow:hidden}.v720-personal-strip:before{content:"";position:absolute;right:-60px;top:-80px;width:250px;height:130px;border:2px solid rgba(229,184,91,.32);border-bottom:0;border-radius:180px 180px 0 0;transform:rotate(8deg)}.v720-personal-copy{position:relative;z-index:1}.v720-personal-copy>span{font-size:9px;letter-spacing:.14em;color:#edc97f;font-weight:900}.v720-personal-copy h2{font-size:29px;line-height:1.12;letter-spacing:-.035em;margin:8px 0 9px;max-width:720px}.v720-personal-copy p{font-size:11px;line-height:1.65;color:#d8e4de;margin:0;max-width:760px}.v720-personal-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;position:relative;z-index:1}.v720-personal-actions button{border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.09);color:#fff;border-radius:18px;padding:14px;text-align:left;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:2px 8px;align-items:center;cursor:pointer;min-height:78px}.v720-personal-actions span{font-size:20px}.v720-personal-actions b{font-size:11px}.v720-personal-actions small{grid-column:2;color:#b9cdc4;font-size:9px}

/* Bring the V7.2 look into the rest of the product without changing features. */
body.np-v720 .page-hero{background:linear-gradient(135deg,#fffdf8,#f4ecdf);border-color:#e0ddd3;border-radius:28px;box-shadow:var(--np-shadow-sm);padding:30px}.np-v720 .page-hero h1{color:var(--np-pine);font-size:34px}.np-v720 .route-badge{background:var(--np-sage);color:var(--np-pine)}
.np-v720 .panel,.np-v720 .food-cat,.np-v720 .product,.np-v720 .reco-card{border-color:#dde3df;border-radius:22px;box-shadow:0 7px 25px rgba(25,55,47,.035)}
.np-v720 .product-img{background:#fbfaf6;border:1px solid #eeeae0}.np-v720 .product .price{color:var(--np-pine)}
.np-v720 .chip,.np-v720 .tag{background:#edf2ee;color:#3f6659}.np-v720 .store-tabs button.on,.np-v720 .day-tabs button.on{background:var(--np-sage);color:var(--np-pine);border-color:#c7d9cf}
.np-v720 .cta,.np-v720 .searchbar button{background:var(--np-pine)}
.np-v720 .back,.np-v720 .text-btn{color:var(--np-terracotta)}
.np-v720 .v712-account-sheet{background:var(--np-paper);border-color:#dfddd5;box-shadow:0 30px 90px rgba(23,62,52,.24)}.np-v720 .v712-account-sheet button.primary{background:var(--np-pine)}.np-v720 .v712-account-head span,.np-v720 .v712-account-sheet button.text{color:var(--np-terracotta)}

body.np-v720 .mobile-nav{left:14px!important;right:14px!important;bottom:10px!important;border:1px solid rgba(23,62,52,.10)!important;border-radius:25px!important;background:rgba(255,253,248,.94)!important;box-shadow:0 16px 48px rgba(23,62,52,.15)!important;overflow:hidden;padding:5px!important;grid-template-columns:repeat(5,1fr)!important}.np-v720 .mobile-nav button{min-height:57px;border-radius:19px!important;padding:7px 2px!important}.np-v720 .mobile-nav button.on{background:var(--np-sage)!important;color:var(--np-pine)!important}.np-v720 .mobile-nav button.on:before{display:none!important}

@media(max-width:980px){.v720-hero{grid-template-columns:1fr minmax(330px,.8fr)}.v720-hero-copy{padding:48px 34px}.v720-bridge-board{grid-template-columns:1fr}.v720-section-title{max-width:680px}}
@media(max-width:780px){
  body.np-v720:before{inset:64px 0 auto}.np-v720 .shell{width:min(100% - 28px,1280px)}.np-v720 .v55-brand-logo{width:35px!important;height:35px!important}.np-v720 .v55-brand strong{font-size:18px}.np-v720 .lang{max-width:112px!important;font-size:11px;padding:8px 9px}.np-v720 .profile-btn.v511-profile-btn{display:flex!important;width:42px;height:42px;padding:0;justify-content:center}.np-v720 .profile-btn.v511-profile-btn #accountLabel{display:none}
  .v720-home{gap:38px}.v720-hero{grid-template-columns:1fr;min-height:0;border-radius:28px}.v720-hero-copy{padding:34px 22px 28px}.v720-hero h1{font-size:42px;margin-top:18px}.v720-hero-copy>p{font-size:13px;line-height:1.72}.v720-hero-visual{min-height:330px}.v720-visual-note strong{font-size:26px}.v720-sun-dot{width:48px;height:48px;right:20px;top:20px}.v720-bridge-arch{width:118px;height:58px;right:56px;top:48px}.v720-search{margin-top:22px}.v720-bridge-steps{gap:6px}.v720-bridge-steps i{display:none}
  .v720-bridge-cards{display:flex;overflow:auto;scroll-snap-type:x mandatory;padding:3px 1px 13px;margin-right:-14px}.v720-bridge-card{min-width:76%;scroll-snap-align:start}.v720-action-grid{grid-template-columns:1fr}.v720-action-card{min-height:245px;padding:20px 20px 0}.v720-action-card h3{font-size:22px;margin-top:14px}.v720-action-card img{height:105px;clip-path:ellipse(72% 76% at 50% 100%)}
  .v720-personal-strip{grid-template-columns:1fr;padding:26px 22px;border-radius:25px}.v720-personal-copy h2{font-size:25px}.v720-personal-actions{grid-template-columns:1fr 1fr}.np-v720 .page-hero{padding:23px 20px;border-radius:24px}.np-v720 .page-hero h1{font-size:29px}
}
@media(max-width:520px){
  .v720-hero h1{font-size:37px}.v720-search{grid-template-columns:auto 1fr}.v720-search button{grid-column:1/-1;width:100%;min-height:42px}.v720-route-chip{max-width:100%;overflow:auto}.v720-bridge-card{min-width:84%}.v720-section-title h2{font-size:31px}.v720-section-title.compact h2{font-size:28px}.v720-personal-actions{grid-template-columns:1fr}.v720-personal-strip{padding-bottom:24px}
}
@media(prefers-reduced-motion:reduce){.np-v720 *{scroll-behavior:auto!important;transition:none!important}}

/* V7.2.1 media consistency */
.v547-food-grid>button{overflow:hidden}
.v547-food-grid>button>img{display:block;object-fit:cover;width:100%;background:#edf1eb;aspect-ratio:4/3;min-height:0}
.v547-food-grid>button img[src$="image-pending.svg"]{object-fit:contain;background:#eef3ed}
.v547-food-grid>button h3{line-height:1.35!important}
@media(max-width:620px){.v547-food-grid>button{min-height:0!important}.v547-food-grid>button>img{aspect-ratio:4/3!important}.v547-food-grid>button>div{padding:12px!important}}


/* V7.2.2: unified mobile polish, compact account and food-photo cultural bridge */
.np-v722-culture{background:#fbf8f1;border:1px solid #e2e5de;border-radius:27px;padding:clamp(18px,3vw,29px);margin:20px 0 30px;box-shadow:0 9px 28px rgba(24,62,51,.04)}
.np-v722-cultural-heading{max-width:760px;margin-bottom:20px}.np-v722-cultural-heading>span{color:#ba7454;font-size:11px;letter-spacing:.09em;font-weight:850}.np-v722-cultural-heading h2{font-size:clamp(23px,3vw,33px);line-height:1.24;margin:8px 0 7px;color:#183b31}.np-v722-cultural-heading p{font-size:14px;color:#687a70;line-height:1.6;margin:0}
.np-v722-culture-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.np-v722-culture-card{border:1px solid #e0e5dd;display:flex;flex-direction:column;text-align:left;padding:0;border-radius:22px;background:#fff;overflow:hidden;cursor:pointer;min-width:0;box-shadow:0 6px 18px rgba(28,56,43,.04)}
.np-v722-culture-card>img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block;background:#e9efea;max-height:174px}
.np-v722-culture-card>div{padding:15px 16px 18px;flex:1}.np-v722-culture-card small{display:block;color:#7b8c82;font-size:10px;font-weight:700;letter-spacing:.04em}.np-v722-culture-card h3{font-size:18px;line-height:1.3;color:#193c32;margin:7px 0 5px}.np-v722-culture-card strong{display:block;font-size:14px;color:#b87551;margin-bottom:8px;overflow-wrap:anywhere}.np-v722-culture-card p{font-size:12px;line-height:1.45;color:#60766b;margin:0 0 12px}.np-v722-culture-card div>span{font-weight:800;font-size:12px;color:#155341}
.np-v722-culture-more{border-top:1px solid #e1e5dd;margin-top:20px;padding-top:10px}.np-v722-culture-more>summary{display:flex;justify-content:space-between;align-items:center;list-style:none;cursor:pointer;color:#245d4e;font-size:13px;font-weight:750;padding:10px 2px}.np-v722-culture-more summary::-webkit-details-marker{display:none}.np-v722-culture-more .country-dna{margin-top:8px}.np-v722-culture-more .country-dna .dna-grid{grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:8px}.np-v722-culture-more .dna-card{min-height:0}
.np-v722-more-links{margin:7px 0 18px;border:1px solid #dfe7df;border-radius:20px;background:#fffdf8;padding:0 14px}.np-v722-more-links>summary,.np-v722-personal-details>summary,.np-v722-privacy-details>summary{display:flex;justify-content:space-between;gap:12px;align-items:center;cursor:pointer;list-style:none;font-weight:800;color:#214d40;font-size:15px;min-height:60px}.np-v722-more-links>summary::-webkit-details-marker,.np-v722-personal-details>summary::-webkit-details-marker,.np-v722-privacy-details>summary::-webkit-details-marker,.np-v722-home-details>summary::-webkit-details-marker{display:none}
.np-v722-more-links .np-v722-secondary-menu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:0 0 13px;gap:9px;background:transparent!important;box-shadow:none!important}.np-v722-secondary-menu button{width:100%;white-space:normal;min-width:0}
.np-v722-personal-details,.np-v722-privacy-details{border:1px solid #dfe6df;background:#fffdf8;border-radius:23px;margin:14px 0 18px;padding:0 17px}.np-v722-personal-details>summary{flex-wrap:wrap;justify-content:flex-start;gap:8px}.np-v722-personal-details>summary small{color:#819187;font-weight:500;font-size:12px;margin-left:auto}.np-v722-personal-details>summary i{font-style:normal;font-size:19px}.np-v722-personal-details .v511-profile-grid{margin:4px 0 18px}.np-v722-privacy-details .v511-profile-grid{margin:0 0 16px}.np-v722-privacy-details .v511-privacy-card{box-shadow:none}
.np-v722-home-details{background:#f2f6f0;border:1px solid #dee7dd;border-radius:22px;padding:4px 16px;margin-top:2px}.np-v722-home-details>summary{cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:13px 5px;font-size:13px;font-weight:800;color:#305e4c}.np-v722-home-details .v720-personal-strip{margin:0 0 13px;box-shadow:none}.np-v720 .np-v722-home-details .v720-personal-strip{margin-top:0}
.np-v720 .v547-food-grid>button{position:relative;overflow:hidden}.np-v720 .v547-food-grid img{background:#e8eeea;object-fit:cover;display:block}
.np-image-pending{object-fit:contain!important;background:#e8f1ec!important;padding:5%}
@media(max-width:700px){
 .np-v722-culture{padding:17px 14px;margin:17px 0 22px;border-radius:22px}.np-v722-culture-grid{grid-template-columns:1fr;gap:11px}.np-v722-culture-card{display:grid;grid-template-columns:42% 58%;min-height:132px;border-radius:18px}.np-v722-culture-card>img{width:100%;height:100%;max-height:184px;aspect-ratio:auto;object-fit:cover}.np-v722-culture-card>div{padding:12px;align-self:center}.np-v722-culture-card h3{font-size:17px}.np-v722-culture-card strong{font-size:12px}.np-v722-culture-card p{font-size:11px;margin-bottom:5px}.np-v722-cultural-heading h2{font-size:24px}
 .np-v722-more-links .np-v722-secondary-menu{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;overflow:visible!important;max-width:100%!important}.np-v722-secondary-menu button{min-width:0!important;max-width:none!important;height:auto!important}
 .np-v722-personal-details,.np-v722-privacy-details{padding:0 11px;border-radius:20px}.np-v722-personal-details>summary small{font-size:10px}
 .np-v720 .v547-food-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.np-v720 .v547-food-grid>button{min-height:0!important;border-radius:18px!important;display:block!important}.np-v720 .v547-food-grid img{height:auto!important;aspect-ratio:4/3;max-height:160px;width:100%!important;object-fit:cover!important}.np-v720 .v547-food-grid h3{font-size:13px!important;line-height:1.32!important;margin:4px 0!important}.np-v720 .v547-food-grid p{font-size:10px!important}.np-v720 .v547-food-grid>button>div{padding:11px 12px 13px!important}
 .np-v720 .v720-home{gap:25px!important}.np-v720 .v720-hero-visual{min-height:265px!important}.np-v720 .v720-hero-copy{padding:27px 20px 23px!important}.np-v720 .v720-hero h1{font-size:clamp(30px,8.5vw,40px)!important;line-height:1.17!important;margin-top:13px!important}.np-v720 .v720-action-grid{gap:11px!important}.np-v720 .v720-action-card{min-height:215px!important}
 .np-v720 .v720-brand-bridge{display:none}
}
@media(max-width:360px){.np-v722-culture-card{grid-template-columns:40% 60%}.np-v722-culture-card h3{font-size:15px}.np-v720 .v547-food-grid h3{font-size:12px!important}}


/* SOURCE: v723-home.css */
/* NutriPuente V7.2.3 — focused discovery */
.np-v723 .v720-home{gap:24px!important}
.np723-search-hints{margin:10px 2px 0;display:flex;flex-wrap:wrap;align-items:center;gap:9px 16px}
.np723-search-hints>span{font-size:11px;color:#687e72;line-height:1.5}
.np723-hot-terms{display:flex;gap:6px;flex-wrap:wrap}
.np723-hot-terms button{appearance:none;border:1px solid #dbe4dc;background:rgba(255,255,255,.8);color:#2d6050;border-radius:30px;padding:6px 12px;font-weight:680;font-size:11px;min-height:32px;cursor:pointer}
.np723-hot-terms button:hover,.np723-hot-terms button:focus-visible{background:#e9f0ea;border-color:#b8d2c2}
.np723-daily{min-width:0;padding:2px 0}
.np723-daily-header{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:15px}
.np723-kicker{display:block;font-size:11px;letter-spacing:.09em;font-weight:850;color:#ad7953}
.np723-daily-header h2{font-size:clamp(26px,3.6vw,39px);color:#193d32;letter-spacing:-.03em;margin:7px 0}
.np723-daily-header p{font-size:12px;color:#76887d;margin:0;line-height:1.5}
.np723-more-link{appearance:none;border:0;background:transparent;color:#276554;font-size:12px;font-weight:800;cursor:pointer;white-space:nowrap;padding:9px}
.np723-daily-layout{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:13px;min-width:0}
.np723-topic{appearance:none;display:flex;overflow:hidden;border:1px solid #e3e8e2;background:#fffefa;border-radius:25px;padding:0;text-align:left;color:#1b3d31;cursor:pointer;min-width:0;box-shadow:0 10px 28px rgba(29,57,44,.045);transition:transform .15s,border-color .15s}
.np723-topic:hover{transform:translateY(-2px);border-color:#bfd4c7}
.np723-topic:focus-visible{outline:3px solid #e7ac76;outline-offset:2px}
.np723-topic-photo{background:#e9f0e9;overflow:hidden;display:block;flex-shrink:0}
.np723-topic-photo img{height:100%;width:100%;object-fit:cover;display:block}
.np723-topic-copy{display:flex;flex-direction:column;gap:6px;min-width:0;padding:18px 19px}
.np723-topic-copy small{font-size:10px;letter-spacing:.03em;font-style:normal;font-weight:850;color:#aa7355}
.np723-topic-copy strong{font-size:19px;font-weight:850;line-height:1.25;letter-spacing:-.02em;color:#163d2f}
.np723-topic-copy em{font-style:normal;font-size:12px;color:#738479;line-height:1.45}
.np723-read{font-size:11px;font-weight:800;color:#237155;margin-top:auto}
.np723-topic-feature{flex-direction:column;min-height:356px}
.np723-topic-feature .np723-topic-photo{height:190px;width:100%}
.np723-topic-feature .np723-topic-copy{min-height:158px}
.np723-topic-feature .np723-topic-copy strong{font-size:24px}
.np723-topic-stack{display:grid;grid-template-rows:repeat(2,minmax(0,1fr));gap:13px;min-width:0}
.np723-topic-small{flex-direction:row;min-height:170px}
.np723-topic-small .np723-topic-photo{width:39%;height:auto}
.np723-topic-small .np723-topic-copy{padding:16px;flex:1}
.np723-topic-small .np723-topic-copy strong{font-size:16px}
.np723-more-bridge{border:1px solid #dfe7dc;border-radius:20px;background:#f7f8f2;padding:0 16px}
.np723-more-bridge>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:13px;color:#286350;font-weight:850;cursor:pointer;min-height:56px}
.np723-more-bridge>summary::-webkit-details-marker{display:none}
.np723-more-bridge>summary span{font-size:19px}
.np723-more-bridge[open]>summary span{transform:rotate(45deg)}
.np723-more-bridge .v720-bridge-board{margin:3px 0 18px}
.np-v723 .v720-actions .v720-section-title h2{font-size:clamp(23px,2.8vw,34px)}
.np-v723 .v720-actions .v720-section-title{margin-bottom:13px}
.np-v723 .v720-action-card{min-height:235px!important;padding:19px 19px 0}
.np-v723 .v720-action-card h3{font-size:20px}
.np-v723 .v720-action-card p{font-size:12px}
.np-v723 .v720-action-card img{height:110px}
@media(max-width:680px){
 .np-v723 .v720-home{gap:22px!important}
 .np-v723 .v720-hero-copy{padding:25px 18px 19px!important}
 .np-v723 .v720-hero-copy>p{font-size:12px;line-height:1.6}
 .np-v723 .v720-search{grid-template-columns:1fr auto!important;gap:6px;margin-top:15px;border-radius:16px}
 .np-v723 .v720-search .v720-search-icon{display:none}
 .np-v723 .v720-search input{font-size:14px;padding:8px 11px}
 .np-v723 .v720-search button{grid-column:auto!important;width:auto!important;min-height:40px;padding:0 15px}
 .np723-search-hints>span{font-size:10px}
 .np723-hot-terms{flex-wrap:nowrap;overflow-x:auto;max-width:100%;padding-bottom:3px}
 .np723-hot-terms button{white-space:nowrap;min-height:30px;padding:5px 10px}
 .np-v723 .v720-bridge-steps{margin-top:15px}
 .np-v723 .v720-hero-visual{min-height:205px!important}
 .np-v723 .v720-actions .v720-section-title h2{font-size:22px}
 .np-v723 .v720-action-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}
 .np-v723 .v720-action-card{min-height:144px!important;border-radius:18px!important;padding:13px 10px 0!important}
 .np-v723 .v720-action-card h3{font-size:13px!important;line-height:1.25;overflow-wrap:anywhere;margin-top:10px}
 .np-v723 .v720-action-card p{display:none}
 .np-v723 .v720-action-card img{height:62px!important;width:100%!important;object-fit:cover}
 .np-v723 .v720-action-top{font-size:11px}
 .np723-daily-header{align-items:flex-start;gap:6px}
 .np723-daily-header h2{font-size:26px;margin:4px 0}
 .np723-daily-header p{font-size:11px}
 .np723-more-link{font-size:11px;padding:6px 0}
 .np723-daily-layout{grid-template-columns:1fr;gap:10px}
 .np723-topic-feature{min-height:0;display:grid;grid-template-columns:43% minmax(0,1fr);min-height:172px;border-radius:19px}
 .np723-topic-feature .np723-topic-photo{height:100%;width:100%}
 .np723-topic-feature .np723-topic-copy{min-height:0;padding:15px 13px}
 .np723-topic-feature .np723-topic-copy strong{font-size:18px}
 .np723-topic-feature .np723-topic-copy em{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
 .np723-topic-stack{grid-template-rows:none;gap:10px}
 .np723-topic-small{min-height:116px;border-radius:19px}
 .np723-topic-small .np723-topic-photo{width:33%}
 .np723-topic-small .np723-topic-copy{padding:12px}
 .np723-topic-small .np723-topic-copy strong{font-size:15px}
 .np723-topic-small .np723-topic-copy em{font-size:11px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
 .np723-topic-copy small{font-size:9px}
 .np723-read{font-size:10px}
}
@media(max-width:350px){.np-v723 .v720-action-card h3{font-size:12px!important}.np723-topic-feature .np723-topic-copy strong{font-size:16px}.np723-daily-header h2{font-size:23px}}
@media(prefers-reduced-motion:reduce){.np723-topic{transition:none}}


/* SOURCE: v724-nutrition.css */
/* 7.2.4 practical recipe detail & nutrition-first food guides */
.np724-pro-detail,.np724-guide-nutrition,.np724-nutrition-note{background:#f9f8f2;border:1px solid #e6e3d8;border-radius:22px;padding:clamp(16px,3vw,28px);margin:24px 0;color:#253e32}
.np724-detail-heading>span{display:block;color:#a15f43;font-size:11px;font-weight:800;letter-spacing:.12em;margin-bottom:9px}
.np724-detail-heading h2{font-family:Georgia,'Noto Serif SC',serif;font-size:clamp(22px,3vw,29px);line-height:1.22;margin:0 0 9px;color:#1c4031}
.np724-detail-heading p{line-height:1.7;font-size:14px;color:#5c655c;margin:0 0 17px}
.np724-season-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.np724-season-item{min-height:65px;background:#fff;border:1px solid #e7e3d7;border-radius:13px;display:flex;justify-content:space-between;align-items:center;padding:11px 14px;gap:12px}
.np724-season-item span{font-size:14px;color:#3d5147;line-height:1.4}.np724-season-item strong{font-size:14px;color:#213f32;white-space:nowrap}
.np724-shop-btn{display:block;background:#245746;color:white;border:0;border-radius:13px;padding:12px 16px;margin:14px 0 5px;cursor:pointer;font-weight:700}
.np724-info{color:#66746a;display:block;line-height:1.5}.np724-nutrition-note{background:#edf1e6}
.np724-nutrition-note h3{font-size:20px;margin:0 0 8px}.np724-nutrition-note p{font-size:14px;line-height:1.7;margin:8px 0}
.np724-nutrition-note a,.np724-source a{color:#1d5946;text-decoration:underline;text-underline-offset:3px}
.np724-guide-nutrition h3{font-size:17px;margin:23px 0 12px}
.np724-stat-grid,.np724-use-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.np724-stat-grid article,.np724-use-grid article{background:white;border:1px solid #e6e5db;border-radius:15px;padding:14px;min-width:0}
.np724-stat-grid strong{display:block;font-size:20px;margin-bottom:6px;color:#284f3a}.np724-stat-grid span{font-size:13px;line-height:1.55;display:block}
.np724-use-grid b{color:#25563c;font-size:14px}.np724-use-grid p{font-size:13px;line-height:1.65;margin:7px 0 0}
.np724-evidence-note{margin:20px 0 12px;background:#f0eadb;padding:14px;border-radius:12px;line-height:1.7;font-size:13px}
.np724-source{display:flex;flex-direction:column;gap:7px;font-size:12px;line-height:1.6;margin-top:15px;color:#66746a}
@media(max-width:550px){.np724-pro-detail,.np724-guide-nutrition,.np724-nutrition-note{padding:16px;margin:17px 0;border-radius:18px}.np724-season-grid,.np724-stat-grid,.np724-use-grid{grid-template-columns:1fr}.np724-season-item{min-height:58px}.np724-detail-heading h2{font-size:23px}}


/* SOURCE: v725-clean-layout.css */
/* V7.2.5 — NutriPuente: quiet editorial layout. All selectors scoped. */
#home:has(.np725-landing),#profile:has(.np725-me){max-width:1040px;margin:0 auto}
.np725-landing{display:flex;flex-direction:column;gap:21px;margin:0 auto 100px;color:#183f34}
.np725-hero{display:grid;grid-template-columns:minmax(0,1fr) 30%;gap:22px;align-items:center;border:1px solid #e2e7dd;background:#f9f8f1;border-radius:28px;padding:27px;overflow:hidden}
.np725-overline{color:#9c6549;font-size:11px;font-weight:800;letter-spacing:.12em}
.np725-hero h1{font-size:clamp(28px,4.2vw,43px);font-family:inherit;font-weight:850;letter-spacing:-.025em;line-height:1.2;color:#183c30;margin:11px 0 7px}
.np725-hero p{color:#667c6e;font-size:14px;margin:0 0 17px}
.np725-search{display:flex;align-items:center;gap:6px;background:white;border:1px solid #d8e1d8;border-radius:16px;padding:6px;min-height:53px;box-shadow:0 5px 16px rgba(38,63,46,.025)}
.np725-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.np725-search input{min-width:0;flex:1;border:0!important;outline:0!important;background:transparent!important;padding:8px 10px!important;font-size:15px!important;color:#163b2e!important;box-shadow:none!important}
.np725-search button{flex-shrink:0;border:0!important;border-radius:12px!important;background:#194738!important;color:#fff!important;padding:9px 21px!important;min-height:41px;font-size:14px;font-weight:800}
.np725-trending{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:11px}
.np725-trending button{background:rgba(255,255,255,.7);color:#587363;border:1px solid #d8e4da;border-radius:30px;padding:6px 13px;font-size:12px;min-height:30px;cursor:pointer}
.np725-hero-image{height:226px;border-radius:20px;position:relative;overflow:hidden;background:#d8e3d6}
.np725-hero-image img{width:100%;height:100%;display:block;object-fit:cover}
.np725-hero-image span{position:absolute;bottom:10px;left:10px;background:rgba(255,254,250,.94);border-radius:30px;font-size:10px;letter-spacing:.07em;font-weight:800;padding:8px 11px;color:#325a47}
.np725-hero-image b{color:#c87850}
.np725-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.np725-shortcut{display:grid;grid-template-columns:84px minmax(0,1fr) 21px;gap:12px;align-items:center;text-align:left;border:1px solid #e1e7df;background:#fffefa;border-radius:18px;padding:10px;min-width:0;min-height:105px;cursor:pointer;color:#234737}
.np725-shortcut img{width:84px;height:84px;object-fit:cover;border-radius:12px;display:block}
.np725-shortcut>span:not(.np725-arrow){font-weight:800;font-size:16px;line-height:1.35}
.np725-shortcut:hover{border-color:#95bdab;background:#f5f9f3}
.np725-arrow{font-size:17px;color:#6c9886}
.np725-landing .np723-daily{margin:3px 0 0;padding:0}
.np725-landing .np723-daily-header{margin-bottom:14px}
.np725-landing .np723-daily-header h2{font-size:clamp(24px,3vw,31px);font-family:inherit;margin:4px 0}
.np725-landing .np723-daily-header p{display:none}
.np725-landing .np723-kicker{font-size:11px;letter-spacing:.04em}
.np725-landing .np723-topic-feature{min-height:335px}
.np725-landing .np723-topic-feature .np723-topic-photo{height:175px}
.np725-landing .np723-topic-feature .np723-topic-copy{min-height:150px}
.np725-landing .np723-topic{box-shadow:none}
.np725-preferences{border:1px solid #e3e8dd;background:#f9faf6;border-radius:17px;margin-top:1px}
.np725-preferences>summary,.np725-secondary-settings>summary{cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:17px 19px;list-style:none;color:#2c5c49;font-size:14px;font-weight:750}
.np725-preferences>summary::-webkit-details-marker,.np725-secondary-settings>summary::-webkit-details-marker{display:none}
.np725-preferences-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:5px 18px 20px}
.np725-preferences-grid label{display:flex;flex-direction:column;gap:7px;font-size:12px;color:#638172}
.np725-preferences-grid select{background:white;border:1px solid #dce6dd;border-radius:10px;padding:12px 9px;max-width:100%;font-size:13px;color:#244e3a}
.np725-me{display:flex;flex-direction:column;gap:17px;margin:0 auto 100px;max-width:780px;color:#183e31}
.np725-me-header{display:flex;align-items:center;gap:16px;padding:24px 6px 15px;border-bottom:1px solid #e5e9e2}
.np725-avatar{height:61px;width:61px;flex-shrink:0;background:#dce9df;color:#2b624d;border-radius:18px;display:grid;place-items:center;font-weight:800;font-size:25px}
.np725-me-header>div:nth-child(2){min-width:0;flex:1}
.np725-me-header h1{font-size:27px!important;line-height:1.2;margin:0 0 6px;color:#1c4032}
.np725-me-header p{font-size:12px;line-height:1.4;color:#78897f;margin:0}
.np725-account-link{background:white;border:1px solid #dce4db;border-radius:12px;color:#2e5c49;min-width:65px;min-height:38px;padding:7px 12px;font-size:13px;font-weight:800;cursor:pointer}
.np725-me-quick{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.np725-me-quick button{display:flex;align-items:center;gap:12px;text-align:left;background:#fffefa;border:1px solid #e2e8df;border-radius:18px;padding:17px 14px;min-width:0;cursor:pointer;color:#214939}
.np725-quick-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#e7f1e8;color:#386d58;font-size:23px;flex-shrink:0}
.np725-me-quick button>span:nth-child(2){display:flex;flex-direction:column;min-width:0;flex:1;gap:5px}
.np725-me-quick b{font-size:15px;line-height:1.3}
.np725-me-quick small{color:#8a9990;font-size:11px}
.np725-me-quick button>span:last-child{color:#8ca79a;font-size:19px}
.np725-me .np-v722-personal-details,.np725-me .np-v722-privacy-details,.np725-me .np-v722-more-links{margin:0;border:0;background:transparent;border-radius:0;padding:0}
.np725-me .np-v722-personal-details{border:1px solid #e1e8df;background:#fffefa;border-radius:18px;padding:0 16px}
.np725-me .np-v722-personal-details>summary{min-height:60px;font-size:15px}
.np725-me .np-v722-personal-details>summary small{font-size:11px}
.np725-me .np-v722-personal-details .v511-profile-grid{margin-bottom:18px}
.np725-me .np-v722-personal-details .v511-account-card,.np725-me .np-v722-personal-details .v511-measure-card{box-shadow:none}
.np725-secondary-settings{border:1px solid #e2e8df;background:#fffefa;border-radius:18px;overflow:hidden}
.np725-secondary-settings>summary{font-size:15px;min-height:60px}
.np725-secondary-settings #np725ExtrasMount{padding:0 15px 16px;display:grid;gap:7px}
.np725-secondary-settings .np-v722-more-links,.np725-secondary-settings .np-v722-privacy-details{border-top:1px solid #edf1eb;background:transparent}
.np725-secondary-settings .np-v722-secondary-menu{grid-template-columns:repeat(2,minmax(0,1fr))}
.np725-secondary-settings .np-v722-more-links>summary,.np725-secondary-settings .np-v722-privacy-details>summary{font-size:13px;min-height:54px}
.np725-me .v511-measure-form{z-index:50}
.np725-daily-backup{padding:28px;border:1px solid #dce7de;border-radius:16px;background:white}
button:focus-visible,summary:focus-visible{outline:3px solid #c37f58;outline-offset:3px}
@media(max-width:760px){
 .np725-landing{gap:18px}
 .np725-hero{grid-template-columns:minmax(0,1fr);padding:22px 18px;gap:9px;border-radius:24px}
 .np725-hero h1{font-size:31px;margin:8px 0 6px}
 .np725-hero p{font-size:13px;margin-bottom:13px}
 .np725-hero-image{display:none}
 .np725-shortcuts{gap:7px}
 .np725-shortcut{grid-template-columns:minmax(0,1fr);grid-template-rows:80px auto;min-height:141px;border-radius:16px;padding:7px;gap:8px;position:relative}
 .np725-shortcut img{width:100%;height:80px;border-radius:11px}
 .np725-shortcut>span:not(.np725-arrow){font-size:12px;line-height:1.4;padding:0 4px 5px}
 .np725-shortcut .np725-arrow{display:none}
 .np725-preferences-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .np725-me-header{gap:12px;padding-top:16px}
 .np725-avatar{height:52px;width:52px;border-radius:15px;font-size:22px}
 .np725-me-header h1{font-size:23px!important}
}
@media(max-width:440px){
 .np725-search{min-height:49px;padding:5px}
 .np725-search input{font-size:14px!important;padding:7px!important}
 .np725-search button{padding:8px 15px!important;min-height:37px}
 .np725-overline{font-size:9px}
 .np725-hero{padding:17px 15px 18px}
 .np725-hero h1{font-size:29px}
 .np725-shortcut{grid-template-rows:66px auto;min-height:121px}
 .np725-shortcut img{height:66px}
 .np725-shortcut>span:not(.np725-arrow){font-size:11px;padding:0 2px 3px}
 .np725-me-quick{gap:8px}
 .np725-me-quick button{padding:13px 9px;gap:8px}
 .np725-quick-icon{width:32px;height:37px;font-size:20px}
 .np725-me-quick b{font-size:12px}
 .np725-landing .np723-topic-feature{min-height:164px}
 .np725-landing .np723-topic-feature .np723-topic-photo{height:100%}
 .np725-landing .np723-topic-feature .np723-topic-copy{min-height:0}
}
@media(prefers-reduced-motion:reduce){.np725-shortcut{transition:none}}

.np725-backup-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px;padding:6px 0}
.np725-backup-actions button{flex:1;background:#f5f8f3;border:1px solid #dfe8dd;color:#275b46;font-weight:700;font-size:12px;padding:12px;border-radius:12px;min-height:44px;cursor:pointer}


/* SOURCE: v726-daily-hub.css */
/* V7.2.6. Readable, age-inclusive NutriPuente daily hub — no borrowed Mint branding. */
.np725-landing{gap:18px}
.np725-hero{background:linear-gradient(125deg,#fcfaf4 5%,#eff5ee 110%);box-shadow:0 10px 30px rgba(32,65,45,.035)}
.np725-hero h1{font-size:clamp(26px,4vw,37px);font-weight:850;letter-spacing:-.03em}
.np725-trending button{font-size:12px;min-height:34px}
.np725-shortcut{background:#fff;border-radius:20px}
.np725-shortcut img{aspect-ratio:1/1}
.np725-landing .np723-daily{margin-top:8px}
.np725-landing .np723-daily-header h2{font-size:clamp(25px,3vw,30px)}
.np726-icon{width:21px;height:21px;flex:none;display:inline-block;vertical-align:middle}
.np726-engage{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:15px;align-items:stretch}
.np726-quiz,.np726-bridge{border:1px solid #dce7dc;border-radius:23px;min-width:0;overflow:hidden}
.np726-quiz{background:#e8f4e9;padding:21px 22px;display:flex;flex-direction:column}
.np726-quiz-top{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#22664b}
.np726-quiz-top span{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:850;letter-spacing:.05em}
.np726-quiz-top .np726-icon{width:18px;height:18px}
.np726-quiz-top small{font-size:10px;color:#648b71}
.np726-quiz h3{font-size:clamp(18px,2.6vw,22px);line-height:1.35;margin:17px 0 14px;color:#153f31;letter-spacing:-.02em}
.np726-options{display:grid;gap:8px}
.np726-options button{border:1px solid #dae5d9;background:#fff;min-height:47px;border-radius:13px;padding:9px 12px;display:flex;align-items:center;gap:10px;text-align:left;color:#2b5545;cursor:pointer;font-size:13px}
.np726-options button span{font-size:11px;border-radius:8px;background:#f1f5ef;color:#397258;display:grid;place-items:center;min-width:28px;height:28px;font-weight:900}
.np726-options button b{font-size:13px;line-height:1.35;font-weight:650}
.np726-options button:disabled{cursor:default;opacity:.7}
.np726-options button.correct{border-color:#478d65;background:#f8fff8;opacity:1}
.np726-options button.correct span{background:#e1f1e4;color:#215f40}
.np726-options button.picked:not(.correct){border-color:#d7a584;background:#fffaf6;opacity:1}
.np726-answer{margin-top:14px;background:#fff;border:1px solid #ccdfd0;padding:13px 14px;border-radius:13px;color:#2c5e45}
.np726-answer[hidden]{display:none}
.np726-answer strong{font-size:13px}
.np726-answer p{font-size:12px;line-height:1.65;color:#586d60;margin:6px 0 0}
.np726-bridge{display:grid;grid-template-rows:1fr 43%;background:#f6eee3}
.np726-bridge-copy{padding:23px;display:flex;flex-direction:column;align-items:start}
.np726-kicker{font-size:11px;letter-spacing:.055em;font-weight:850;color:#a66b4b}
.np726-bridge h3{font-size:clamp(19px,2.4vw,26px);font-weight:850;line-height:1.35;margin:18px 0 9px;color:#1d4936;overflow-wrap:anywhere}
.np726-bridge h3 span{color:#c78660}
.np726-bridge p{font-size:13px;line-height:1.65;color:#748073;margin:0 0 16px}
.np726-bridge button{margin-top:auto;display:flex;align-items:center;gap:9px;padding:11px 15px;border:1px solid #1c523d;border-radius:12px;background:#204c3b;color:#fff;font-size:13px;font-weight:800;cursor:pointer}
.np726-bridge button .np726-icon{width:17px;height:17px}
.np726-bridge-image{width:100%;height:100%;object-fit:cover;min-height:120px}
.np725-preferences.np726-quiet-pref{background:transparent;border-color:#e2e9e2}
#profile:has(.np726-profile){max-width:900px;margin-inline:auto}
.np726-profile{display:flex;flex-direction:column;gap:19px;margin:10px auto 100px;color:#203e31}
.np726-profile-head{display:flex;align-items:center;gap:14px;padding:10px 5px 7px}
.np726-profile-avatar{width:61px;height:61px;border-radius:50%;background:linear-gradient(140deg,#dcece0,#f1e6d4);color:#246348;display:grid;place-items:center;font-weight:850;font-size:23px;flex:none}
.np726-profile-title{min-width:0;flex:1}
.np726-profile-title h1{font-size:25px!important;margin:0 0 5px;letter-spacing:-.02em;line-height:1.25}
.np726-profile-title p{color:#758a7b;font-size:12px;margin:0;line-height:1.5}
.np726-head-button{background:#fff;border:1px solid #dfebe1;border-radius:50%;width:43px;height:43px;display:grid;place-items:center;color:#285943;cursor:pointer;flex:none}
.np726-quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid #e1e8e0;border-radius:22px;background:#fff;padding:14px 9px;gap:5px}
.np726-quick button{background:transparent;border:0;min-width:0;display:flex;flex-direction:column;gap:5px;align-items:center;cursor:pointer;color:#254c3b;padding:6px 3px}
.np726-quick button>span{width:49px;height:49px;display:grid;place-items:center;border-radius:16px;background:#edf5ee;color:#27684e}
.np726-quick button:nth-child(2)>span{background:#f6ede4;color:#9c653e}
.np726-quick button:nth-child(3)>span{background:#f2f3e9;color:#687d52}
.np726-quick button:nth-child(4)>span{background:#e8f1f0;color:#39706f}
.np726-quick strong{font-size:13px;line-height:1.25;overflow-wrap:anywhere}
.np726-quick small{color:#85948a;font-size:11px;line-height:1.3}
.np726-menu h2{font-size:15px;font-weight:850;color:#556c5e;margin:0 0 9px 9px;letter-spacing:.01em}
.np726-menu-group{background:#fff;border:1px solid #e1e8e0;border-radius:22px;padding:3px 18px;overflow:hidden}
.np726-menu-row{border:0;border-bottom:1px solid #eef1ec;padding:15px 2px;min-height:64px;background:transparent;display:flex;align-items:center;text-align:left;gap:13px;color:#204635;width:100%;cursor:pointer}
.np726-menu-row:last-child{border-bottom:0}
.np726-row-icon{display:grid;place-items:center;flex:none;color:#55816a}
.np726-row-icon .np726-icon{width:23px;height:23px}
.np726-row-copy{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}
.np726-row-copy strong{font-size:14px;font-weight:760;line-height:1.35}
.np726-row-copy small{color:#8b988f;font-size:11px;line-height:1.45}
.np726-menu-row>.np726-icon{width:18px;height:18px;color:#a4b5a9}
.np726-hidden-panels{display:grid;gap:10px}
.np726-hidden-panels #np726ProfileDetails,.np726-hidden-panels #np726ProfileSettings,.np726-hidden-panels #np726BodyHistory{display:none}
.np726-hidden-panels #np726ProfileDetails:empty,.np726-hidden-panels #np726ProfileSettings:empty,.np726-hidden-panels #np726BodyHistory:empty{display:none}
.np726-hidden-panels .np-v722-personal-details,.np726-hidden-panels .np725-secondary-settings{border:1px solid #e3e9e2;background:#fff;border-radius:17px}
.np726-hidden-panels .np-v722-personal-details>summary,.np726-hidden-panels .np725-secondary-settings>summary{min-height:50px;padding:11px 17px}
.np726-hidden-panels #np726BodyHistory:not(:empty){border:1px solid #e3e9e2;background:#fff;border-radius:17px}
.np726-menu-row:focus-visible,.np726-quick button:focus-visible,.np726-quiz button:focus-visible,.np726-bridge button:focus-visible{outline:3px solid #c98b5f;outline-offset:2px}
@media(max-width:760px){
 .np726-engage{grid-template-columns:1fr}
 .np726-bridge{grid-template-columns:1fr 34%;grid-template-rows:auto;min-height:192px}
 .np726-bridge-copy{padding:19px}
 .np726-bridge-image{min-height:100%;width:100%}
 .np726-bridge h3{font-size:21px;margin:11px 0 7px}
 .np726-bridge p{font-size:12px;margin-bottom:10px}
 .np726-profile{gap:16px}
}
@media(max-width:480px){
 .np725-landing{gap:19px}
 .np725-hero{padding:16px 15px!important}
 .np725-hero h1{font-size:26px!important;margin:3px 0 14px}
 .np725-shortcuts{gap:8px}
 .np725-shortcut{border-radius:15px!important}
 .np725-shortcut>span:not(.np725-arrow){font-size:11px!important}
 .np725-landing .np723-daily-header h2{font-size:25px}
 .np725-landing .np723-daily-layout{grid-template-columns:1fr;gap:10px}
 .np725-landing .np723-topic-feature{display:flex;flex-direction:column;min-height:0;border-radius:20px}
 .np725-landing .np723-topic-feature .np723-topic-photo{width:100%;height:155px}
 .np725-landing .np723-topic-feature .np723-topic-copy{min-height:0;padding:13px 15px}
 .np725-landing .np723-topic-feature .np723-topic-copy strong{font-size:19px}
 .np725-landing .np723-topic-stack{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;gap:9px}
 .np725-landing .np723-topic-small{display:flex;flex-direction:column;min-height:0;gap:0;border-radius:17px}
 .np725-landing .np723-topic-small .np723-topic-photo{height:84px;width:100%}
 .np725-landing .np723-topic-small .np723-topic-copy{padding:10px 11px;min-height:109px;gap:6px}
 .np725-landing .np723-topic-small .np723-topic-copy strong{font-size:13px;line-height:1.28}
 .np725-landing .np723-topic-small .np723-topic-copy em{display:none}
 .np725-landing .np723-topic-small .np723-read{margin-top:auto;font-size:10px}
 .np726-quiz{padding:18px 16px}
 .np726-quiz h3{font-size:19px}
 .np726-quiz-top small{font-size:9px}
 .np726-profile{margin-top:0}
 .np726-profile-title h1{font-size:22px!important}
 .np726-profile-avatar{width:55px;height:55px}
 .np726-quick{padding:11px 4px;gap:0}
 .np726-quick button>span{width:44px;height:44px;border-radius:14px}
 .np726-quick strong{font-size:11px}
 .np726-quick small{font-size:10px}
 .np726-menu-group{padding:0 15px}
}
@media(prefers-reduced-motion:reduce){.np726-menu-row,.np726-quick button{transition:none}}

/* V7.2.7 — fewer cards, clearer actions, compact daily quiz. */
.np725-landing .np725-preferences{display:none!important}
.np726-quiz{padding:16px 17px;gap:0}
.np726-quiz h3{font-size:clamp(17px,2.1vw,20px);line-height:1.4;margin:10px 0 11px}
.np726-quiz-top span{letter-spacing:0;font-size:11px}
.np726-options{gap:6px}
.np726-options button{min-height:40px;padding:7px 10px;border-radius:11px;font-size:12px;gap:9px}
.np726-options button span{width:25px;min-width:25px;height:25px}
.np726-options button b{font-size:12px;line-height:1.4}
.np726-answer{margin-top:9px;padding:10px 12px}
.np726-answer p{margin-top:4px;line-height:1.5}
.np727-answered .np726-options button:not(.picked):not(.correct){display:none}
.np727-bridge{display:grid;grid-template-columns:minmax(0,1fr) 30%;grid-template-rows:auto;min-height:180px}
.np727-bridge .np726-bridge-copy{padding:17px 18px;min-width:0}
.np727-bridge .np726-kicker{letter-spacing:0}
.np727-bridge h3{font-size:clamp(17px,2.1vw,22px);margin:8px 0 5px;line-height:1.38}
.np727-bridge p{font-size:12px;line-height:1.5;margin:0 0 13px;color:#62776b}
.np727-bridge .np726-bridge-image{width:100%;height:100%;min-height:0;object-fit:cover;object-position:center}
.np727-bridge-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:auto}
.np727-bridge .np727-bridge-actions button{border:1px solid #d3dfd4;background:#fff;color:#235640;font-weight:750;border-radius:10px;min-height:37px;padding:8px 10px;font-size:11px;margin:0}
.np727-bridge .np727-bridge-actions button:last-child{background:#1c4c39;color:#fff;border-color:#1c4c39}
.np727-bridge .np727-bridge-actions svg{width:13px;height:13px}
.np727-nutrition-checklist{margin:18px 0 26px;border:1px solid #dbe5de;background:linear-gradient(115deg,#eef5ef,#faf8f1);border-radius:19px;padding:18px;color:#214737}
.np727-nutrition-checklist>div>span{color:#7b967e;font-size:10px;font-weight:850;letter-spacing:.07em}
.np727-nutrition-checklist h3{margin:5px 0 14px;font-size:20px;line-height:1.35}
.np727-nutrition-checklist ol{margin:0;padding:0;list-style:none;counter-reset:nutri;display:grid;gap:9px}
.np727-nutrition-checklist li{counter-increment:nutri;background:#fff;border:1px solid #e5ebe5;border-radius:11px;padding:11px 12px 11px 44px;position:relative;font-size:13px;line-height:1.5}
.np727-nutrition-checklist li:before{content:counter(nutri,decimal-leading-zero);position:absolute;top:11px;left:13px;color:#638a6e;font-size:12px;font-weight:800}
.np727-nutrition-checklist>small{display:block;margin-top:12px;color:#718478;font-size:11px;line-height:1.5}
@media(max-width:560px){
 .np726-engage{gap:12px}
 .np726-quiz{padding:16px 15px}
 .np726-quiz h3{font-size:18px}
 .np727-bridge{grid-template-columns:minmax(0,1fr) 27%;min-height:165px}
 .np727-bridge .np726-bridge-copy{padding:15px 13px}
 .np727-bridge h3{font-size:19px}
 .np727-bridge p{font-size:11px}
 .np727-bridge .np727-bridge-actions button{font-size:10.5px;padding:7px 8px}
}


/* SOURCE: v730-professional.css */
/* V7.3: verification and usability first. No decorative fake package imagery. */
.np730-verified{margin:22px 0 24px;padding:22px;border-radius:26px;background:#faf8f2;border:1px solid #dfe6dd;color:#183f33}
.np730-kicker{display:block;font-size:11px;font-weight:800;letter-spacing:.1em;color:#a25a42}
.np730-topline h2{font-size:clamp(21px,3.2vw,29px);line-height:1.2;margin:7px 0 9px}.np730-topline p{font-size:14px;line-height:1.55;color:#63706a;margin:0 0 14px}
.np730-filters>div{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}.np730-filters button{border:1px solid #d7e0d8;border-radius:100px;background:#fff;color:#304d41;font-size:13px;font-weight:700;padding:9px 13px;cursor:pointer;min-height:42px}.np730-filters button.on{color:white;background:#1c4a39;border-color:#1c4a39}
.np730-search-label{display:block;margin:18px 0 16px;font-size:12px;font-weight:800;color:#5e6c62}.np730-search-label input{display:block;margin-top:5px;width:100%;min-height:45px;border:1px solid #cadbd0;border-radius:12px;background:#fff;padding:10px 13px;font:inherit;font-size:15px;color:#143e32}
.np730-products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.np730-product{background:#fff;border:1px solid #dee5de;border-radius:18px;padding:16px;display:flex;flex-direction:column;gap:10px;min-width:0}
.np730-product-head{display:flex;gap:12px;align-items:flex-start}.np730-food-icon{width:48px;height:48px;flex-shrink:0;border-radius:14px;background:#eff4ee;display:flex;align-items:center;justify-content:center;font-size:25px}.np730-brand{font-size:12px;font-weight:750;color:#3d725c}.np730-product-head h3{font-size:17px;line-height:1.27;margin:3px 0 4px;overflow-wrap:anywhere}.np730-product-head small{color:#7b8881;font-size:12px}
.np730-price{display:flex;align-items:baseline;flex-wrap:wrap;column-gap:10px;row-gap:3px;border-top:1px solid #ecf0eb;padding-top:11px}.np730-price strong{font-size:23px;color:#183f33}.np730-price span{font-size:12px;color:#607267}.np730-price em{flex-basis:100%;font-size:11px;font-style:normal;color:#9c6c47}
.np730-nutrients{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin:2px 0 0}.np730-nutrients>div{background:#eff5f0;border-radius:10px;padding:8px 4px;text-align:center}.np730-nutrients dt{font-size:11px;color:#607569}.np730-nutrients dd{font-size:14px;font-weight:750;color:#234834;margin:5px 0 0}.np730-basis{font-size:11px;color:#7b8780}.np730-no-nutr{border-radius:12px;background:#f4f3ed;padding:11px;font-size:12px;line-height:1.45;color:#7a7767}.np730-note{font-size:13px;line-height:1.5;color:#3f594c;margin:1px 0;flex-grow:1}.np730-source{display:flex;gap:7px;flex-wrap:wrap;justify-content:space-between;color:#849187;border-top:1px solid #edf0eb;padding-top:9px;font-size:11px}.np730-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.np730-actions button,.np730-actions a{border:1px solid #cbdcd0;border-radius:10px;min-height:42px;padding:10px 7px;background:#f8fbf8;color:#1d503b;font:inherit;font-size:12px;font-weight:750;text-align:center;text-decoration:none;cursor:pointer}.np730-actions button:first-child{grid-column:span 2;background:#1b4c38;color:white;border-color:#1b4c38}.np730-actions a{grid-column:span 2;background:#fff}
.np730-empty{grid-column:1/-1;background:white;border:1px dashed #ccd8cd;padding:20px;border-radius:15px}.np730-empty p{font-size:13px;color:#77837b}.np730-foot{font-size:12px;color:#757b73;margin-top:12px}
.np730-guides{border:1px solid #d9e4dd;border-radius:18px;background:#f5f8f4;margin:18px 0;padding:0 15px 14px}.np730-guides>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:9px;min-height:69px}.np730-guides>summary::-webkit-details-marker{display:none}.np730-guides>summary strong{color:#204f3d;font-size:16px}.np730-guides>summary span{font-size:11px;color:#76877b;text-align:right}.np730-guides .v630-smart-shelf{margin:0}.np730-archive-note{font-size:12px;line-height:1.6;color:#8d6555}.np730-legacy .v530-real-products{margin:0}
.np730-guide-route{margin:21px 0 8px;padding:18px;border:1px solid #d8e5d8;border-radius:16px;background:#f4faf4}.np730-guide-route h3{font-size:17px;margin:0 0 5px}.np730-guide-route p{font-size:13px;color:#5b7061;line-height:1.55}.np730-guide-route button{border:0;background:#1b4c38;color:white;border-radius:11px;padding:12px 15px;min-height:44px;font-size:14px;font-weight:750;cursor:pointer}
@media(max-width:650px){.np730-verified{padding:16px;margin:15px 0}.np730-products{grid-template-columns:1fr}.np730-product{padding:15px}.np730-nutrients>div{padding:9px 6px}.np730-guides{margin:11px 0}.np730-actions button,.np730-actions a{font-size:13px}}

.np730-compare-intro{margin:13px 0;background:#e8f1e8;border-radius:12px;padding:11px 14px;font-size:12px;color:#42715c}.np730-compare-table{background:#fff;border:1px solid #c6dac8;border-radius:15px;padding:13px;margin:13px 0}.np730-compare-title,.np730-compare-columns{display:flex;align-items:center;justify-content:space-between;gap:8px}.np730-compare-title button{background:#eef4ee;border:0;border-radius:9px;padding:8px 11px;font-size:12px;color:#315e42}.np730-compare-columns{margin-top:12px}.np730-compare-columns strong{width:50%;font-size:13px;overflow-wrap:anywhere}.np730-compare-row{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:5px;padding:10px 0;border-bottom:1px solid #ebf0e9;font-size:12px}.np730-compare-row span{color:#627365}.np730-compare-row b{text-align:right;font-size:13px}.np730-compare-table>small{display:block;color:#687968;font-size:11px;line-height:1.5;margin-top:10px}


/* V7.4 quality and accessibility consolidation */
.np74-recipe-image-caption{position:absolute;left:14px;bottom:12px;z-index:2;background:rgba(22,51,42,.87);color:#fff;border-radius:20px;padding:7px 12px;font-size:12px;line-height:1.35;max-width:85%;font-style:normal;box-shadow:0 2px 10px rgba(0,0,0,.08)}
#mobileNav button,.mobile-nav button,.np730-actions button,.np730-filters button,.np726-profile [role="button"],button[data-go]{min-height:44px}
#np730Search,.v720-search input{font-size:16px}
.np723-topic-copy strong{overflow-wrap:anywhere}
#profile .np726-profile-list a,#profile .np726-profile-list button{min-height:48px}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:0.01ms!important;animation-duration:0.01ms!important}}

.np74-recipe-image-disclosure{display:block!important;font-size:12px!important;font-weight:500!important;color:#6e8175!important;margin:5px 0 7px!important;line-height:1.5!important}

.np74-translation-note{display:block;color:#8b6d4d;font-size:13px;line-height:1.45;margin:6px 0}

/* V7.5 usable cooking controls */
.np75-servings{display:inline-flex;align-items:center;gap:12px;margin:12px 0 6px;font-weight:700;color:#173e34}.np75-servings select{min-width:78px;min-height:44px;border-radius:12px;background:#fff;border:1px solid #becfc7;color:#173e34;padding:8px 14px;font:inherit}.np724-season-item small{display:block;font-size:12px;color:#577266;margin-top:4px}.np75-progress{border:1px solid #d8e4df;background:#f4f9f5;border-radius:18px;padding:14px;margin:14px 0}.np75-progress>div{display:flex;justify-content:space-between;align-items:center;gap:12px}.np75-progress progress{display:block;appearance:auto;width:100%;height:12px;accent-color:#28644d;margin:10px 0}.np75-progress button{min-height:44px;background:transparent;color:#255844;border:1px solid #ccdcd3;border-radius:12px;padding:8px 12px}.v529-step-grid article button[data-np75-step]{border:1px solid #b8d0c2;background:#fff;border-radius:12px;min-height:44px;min-width:54px;color:#214d3a;font-weight:700;cursor:pointer}.v529-step-grid article.np75-step-done{background:#eaf4ed;border-color:#abd0b5}.v529-step-grid article.np75-step-done p{text-decoration:line-through;text-decoration-thickness:1px;color:#607669}.v529-step-grid article.np75-step-done button{background:#27654b;color:#fff}.np730-search-label input:focus,.np75-servings select:focus-visible,.v529-step-grid article button:focus-visible{outline:3px solid #b27943;outline-offset:2px}@media(max-width:600px){.np75-progress>div{font-size:13px}.v529-step-grid article button[data-np75-step]{flex-shrink:0}}@media(prefers-reduced-motion:reduce){.np75-progress *, .v529-step-grid article{transition:none!important;animation:none!important}}