:root{--ink:#102d26;--green:#17634c;--muted:#526a61;--line:#dce5df;--paper:#f5f7f3;--accent:#e4f1be}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:system-ui,-apple-system,'Segoe UI',sans-serif;line-height:1.5}header{padding:20px 4vw;display:flex;align-items:center;gap:20px;flex-wrap:wrap;border-bottom:1px solid var(--line);background:white}.brand{font-size:25px;font-weight:850;letter-spacing:-1px;color:var(--ink);text-decoration:none}.brand span{font-size:12px;letter-spacing:2px;margin-left:8px}.badge{background:var(--accent);padding:5px 10px;border-radius:20px;font-size:12px}.header-actions{margin-left:auto;display:flex;align-items:center;gap:12px}main{max-width:1240px;margin:auto;padding:26px 4vw}.intro{padding:16px 0 30px;max-width:760px}.eyebrow{letter-spacing:2px;font-size:11px;font-weight:750;color:var(--green)}h1{font-size:clamp(32px,4vw,52px);line-height:1.1;letter-spacing:-1.5px;margin:16px 0}h2{font-size:23px}h3{margin-top:0}.intro>p{max-width:640px}.pilot{border-left:3px solid #91ac61;padding-left:12px;font-size:13px;color:var(--muted)}button{border:0;border-radius:8px;padding:11px 16px;background:var(--green);color:white;font:inherit;font-size:14px;font-weight:650;cursor:pointer}button.secondary{background:#e8eee9;color:var(--ink)}button.danger{background:#fbe8e4;color:#923d2b}button:disabled{opacity:.5;cursor:not-allowed}a{color:var(--green)}nav{display:flex;gap:6px;overflow:auto;padding:10px 0 18px;border-bottom:1px solid var(--line)}nav button{white-space:nowrap;background:transparent;color:var(--muted)}nav button.active{background:var(--ink);color:white}.page{display:none;padding:20px 0}.page.active{display:block}.hidden{display:none!important}.sectionhead{display:flex;justify-content:space-between;align-items:center;gap:12px}.sectionhead span,.muted{font-size:13px;color:var(--muted)}.filters,.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.filters{margin:15px 0 25px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:18px}.card,.panel{background:white;border:1px solid var(--line);border-radius:12px;padding:22px;overflow-wrap:anywhere}.card .category{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:var(--muted)}.card .price,.total{font-size:22px;font-weight:750}.card p{margin:9px 0}.card button{margin:8px 6px 0 0}.order{margin-bottom:16px}.order .details{display:grid;grid-template-columns:1fr 1fr;gap:12px}.tag{display:inline-block;font-size:12px;background:var(--accent);padding:4px 9px;border-radius:5px;margin-bottom:10px}.empty{padding:36px;background:white;border:1px dashed #afbeb3;border-radius:12px;color:var(--muted);grid-column:1/-1}label{display:block;font-size:14px;font-weight:600;margin-bottom:12px}input,select,textarea{display:block;width:100%;border:1px solid #bacac0;border-radius:7px;background:white;padding:11px;font:inherit;font-size:16px;margin:5px 0 0;color:var(--ink)}input:focus,select:focus,textarea:focus,button:focus-visible,a:focus-visible{outline:3px solid #b6d884;outline-offset:2px}input[type=checkbox]{width:19px;height:19px;margin:2px 8px 0 0;flex-shrink:0}.check{display:flex;align-items:flex-start;flex-wrap:wrap;font-size:13px;font-weight:400;gap:4px}.wide{grid-column:1/-1}dialog{border:1px solid var(--line);border-radius:16px;padding:28px;width:min(680px,95vw);max-height:90vh;overflow:auto;color:var(--ink)}dialog::backdrop{background:#102d2699}.close{float:right;padding:2px 9px;font-size:26px;color:var(--muted);background:transparent}.notice{padding:14px;border-radius:8px;margin-top:15px;background:#e2efdc}.notice.error{background:#fbe8e4;color:#823623}footer{display:flex;gap:18px;flex-wrap:wrap;font-size:12px;border-top:1px solid var(--line);padding:24px 0;margin-top:30px;color:var(--muted)}.moneyline{display:flex;justify-content:space-between;gap:12px}.statusline{font-size:13px;color:var(--muted)}@media(max-width:650px){header{gap:12px;padding:15px}.header-actions{margin-left:0;width:100%}.header-actions button{flex:1}main{padding:18px}.formgrid,.filters,.order .details{grid-template-columns:1fr}.intro{padding-top:0}nav{flex-wrap:wrap;overflow:visible}nav button{flex:1 1 calc(50% - 6px)}dialog{padding:20px}.sectionhead{align-items:flex-start;flex-wrap:wrap}.card{padding:18px}}

/* Produce hero: background stays decorative; all copy remains selectable and translated. */
.intro{max-width:none;min-height:430px;padding:42px;border-radius:22px;overflow:hidden;background-color:#edf3e7;background-image:linear-gradient(90deg,rgba(245,247,243,.97) 0%,rgba(245,247,243,.92) 38%,rgba(245,247,243,.35) 67%,rgba(245,247,243,0) 100%),url('/assets/produce-hero-v1.webp');background-size:cover;background-position:center;margin-bottom:22px}
.hero-copy{max-width:59%}.hero-copy h1{font-size:clamp(32px,3.6vw,48px);line-height:1.13;text-wrap:balance}.hero-copy>p:last-child{max-width:480px;font-size:17px}
html[dir=rtl] .intro{background-image:linear-gradient(270deg,rgba(245,247,243,.98),rgba(245,247,243,.93) 45%,rgba(245,247,243,.15)),url('/assets/produce-hero-v1.webp')}
@media(max-width:650px){.intro{padding:24px 20px 210px;min-height:0;border-radius:16px;background-image:linear-gradient(180deg,#f1f5ed 0%,rgba(241,245,237,.98) 43%,rgba(241,245,237,.88) 58%,rgba(241,245,237,0) 78%),url('/assets/produce-hero-v1.webp');background-position:center,bottom right;background-size:cover,auto 100%;background-repeat:no-repeat}.hero-copy{max-width:100%}.hero-copy h1{font-size:clamp(30px,8vw,40px);letter-spacing:-1px}.hero-copy>p:last-child{font-size:16px}.intro .eyebrow{font-size:10px;letter-spacing:1.5px}html[dir=rtl] .intro{background-image:linear-gradient(180deg,#f1f5ed 0%,rgba(241,245,237,.98) 43%,rgba(241,245,237,.88) 58%,rgba(241,245,237,0) 78%),url('/assets/produce-hero-v1.webp')}}


/* Primary customer actions and account-specific next step. */
.market-start{margin:0 0 24px}.market-start h2{margin:0 0 14px}.start-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.start-choice{text-align:start;background:white;color:var(--ink);border:1px solid var(--line);padding:20px;display:flex;flex-direction:column;gap:8px}.start-choice strong{font-size:21px}.start-choice span{font-size:14px;font-weight:400;color:var(--muted)}.start-choice:hover{border-color:var(--green);background:#edf3e7}.start-next{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:14px;padding:20px;background:#eaf1df;border-radius:12px}.start-next h3{margin:0;font-size:16px}.start-next p{margin:6px 0 0;font-size:14px}.start-next button{flex-shrink:0}.order-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:20px}.order-overview button{text-align:start;display:flex;flex-direction:column;gap:4px}.order-overview strong{font-size:25px}.order-overview [aria-pressed=true]{background:var(--ink);color:white}.order-information{margin:14px 0}.order-information summary{cursor:pointer;padding:12px 0;font-weight:650}.order-information .details{padding-top:12px}.order-next{font-size:16px}.order-journey{margin-top:12px}[data-catalog-intro][hidden],.market-start[hidden],.order-overview[hidden]{display:none!important}@media(max-width:650px){.start-actions{grid-template-columns:1fr}.start-choice{padding:15px}.start-choice strong{font-size:18px}.start-choice span{font-size:13px}.start-next{align-items:stretch;flex-direction:column;gap:12px;padding:16px}.start-next button{width:100%;min-height:44px}.order-overview{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Simpler primary navigation: core tasks first, advanced tools under More. */
.primary-nav{align-items:center;overflow:visible;flex-wrap:wrap}
.primary-nav>button{flex:0 0 auto}
.more-nav{position:relative;margin-left:auto}
.more-nav>summary{list-style:none;cursor:pointer;padding:11px 16px;border-radius:8px;color:var(--muted);font-weight:650}
.more-nav>summary::-webkit-details-marker{display:none}
.more-nav[open]>summary{background:var(--ink);color:white}
.more-nav-menu{position:absolute;right:0;top:calc(100% + 6px);z-index:20;min-width:240px;background:white;border:1px solid var(--line);border-radius:12px;padding:8px;box-shadow:0 14px 34px rgba(16,45,38,.14);display:grid;gap:4px}
.more-nav-menu button,.more-nav-menu a{width:100%;text-align:left;justify-content:flex-start;margin:0}
.more-nav-menu button{background:transparent;color:var(--ink)}
.more-nav-menu button:hover,.more-nav-menu a:hover{background:#edf3e7}
@media(max-width:650px){.primary-nav>button{flex:1 1 calc(50% - 6px)}.more-nav{margin-left:0;width:100%}.more-nav>summary{text-align:center;background:#e8eee9}.more-nav-menu{position:static;margin-top:6px;box-shadow:none;min-width:0}.more-nav-menu button,.more-nav-menu a{min-height:44px}}

/* Article calculator, aligned with internal YERYL AI Sales while keeping cost data private. */
.listing-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:8px 0}
.listing-metric{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:6px}
.listing-metric span{font-size:13px;color:var(--muted)}
.listing-metric strong{font-size:22px}
.listing-metric.private{background:#fbfcfa}
@media(max-width:650px){.listing-metrics{grid-template-columns:1fr}}