.ecoco-wholesale :is(h1, h2, h3){line-height: 1.12}.ecoco-wholesale .kicker{margin-bottom: 0;padding: 4px 14px 4px 10px}.ecoco-wholesale ul, .ecoco-wholesale ol{list-style: none}.ecoco-wholesale .btn{justify-content: center;min-height: 48px;padding: 0 var(--s-4);border-width: 1.5px;line-height: 1.25}.ecoco-wholesale .btn-wa{background: var(--whatsapp);color: var(--card)}.ecoco-wholesale .btn-wa:hover{background: var(--whatsapp-hover)}.ecoco-wholesale :is(.wh-who, .wh-how, .wh-ask, .wh-faq) h2{margin-top: var(--s-3);font-size: clamp(30px, 3.6vw, 48px);font-weight: 800;text-wrap: balance}.wh-lead{margin-top: var(--s-3);max-width: 52ch;color: var(--ink-soft)}.wh-link{display: inline-flex;align-items: center;min-height: 44px;margin-top: var(--s-4);font-weight: 700;color: var(--ink);text-decoration: underline;text-decoration-color: var(--butter);text-decoration-thickness: 2px;text-underline-offset: 5px}.wh-link:hover{color: var(--sage-deep)}@media (max-width: 560px){.ecoco-wholesale .container{padding-inline: var(--s-3)}}
.form-card{background: var(--card);border-radius: var(--r-md);box-shadow: var(--shadow-soft);padding: var(--s-6)}.form-card > h2{font-size: clamp(20px, 2vw, 26px);margin-bottom: var(--s-2)}.form-card :where(fieldset, legend, dl, dd, dt, label, select, textarea){margin: 0;padding: 0}.form-card fieldset{border: 0;min-width: 0}.form-card .f-grid{display: grid;grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);gap: var(--s-3)}.form-card .field{display: grid;gap: var(--s-1);min-width: 0}.form-card .field.wide{grid-column: 1 / -1}.form-card .field label, .form-card .ws-glabel{font-weight: 700;font-size: 14px;color: var(--ink)}.form-card .req{color: var(--sage-deep)}.form-card .opt{font-weight: 500;color: var(--ink-soft)}.form-card .field input:not([type=radio], [type=checkbox]), .form-card .field textarea, .form-card .field select{width: 100%;min-height: 44px;padding: 12px var(--s-3);border: 1px solid var(--line);border-radius: var(--r-sm);background: var(--paper);font-family: var(--font-body);font-size: 16px;color: var(--ink);transition: border-color var(--t-quick) ease}.form-card .field input:focus-visible, .form-card .field textarea:focus-visible, .form-card .field select:focus-visible{outline: 2px solid var(--sage-deep);outline-offset: 1px}.form-card .field textarea{min-height: 132px;resize: vertical}.form-card .field input::placeholder, .form-card .field textarea::placeholder{color: var(--ink-soft);opacity: .8}.form-card .f-msg{display: none;font-size: 13px;font-weight: 700;color: var(--error)}.form-card .field.invalid .f-msg{display: block}.form-card .field.invalid :is(input:not([type=radio], [type=checkbox]), textarea, select){border-color: var(--error);box-shadow: inset 0 0 0 1px var(--error)}.form-card .ck-banner{display: flex;align-items: flex-start;gap: var(--s-2);margin-top: var(--s-3);padding: var(--s-2) var(--s-3);border: 1px solid var(--rose-line);border-radius: var(--r-sm);background: var(--rose-tint);font-size: 14px;font-weight: 700;color: var(--error)}.form-card .ck-banner svg{flex: none;margin-top: 3px}.form-card .ck-banner a{color: inherit;text-decoration: underline;text-underline-offset: 2px}.form-card .ws-checks{display: grid;gap: var(--s-2)}.form-card .ws-check{display: flex;align-items: center;gap: var(--s-2);min-height: 44px;font-size: 15px;font-weight: 500;color: var(--ink);cursor: pointer}.form-card .ws-chips{display: flex;flex-wrap: wrap;gap: var(--s-2)}.form-card .ws-chip{display: inline-flex;align-items: center;gap: var(--s-2);min-height: 44px;padding: var(--s-2) var(--s-3);border: 1.5px solid var(--line);border-radius: var(--r-full);background: var(--card);font-size: 14px;font-weight: 700;color: var(--ink);cursor: pointer;transition: border-color var(--t-quick) ease, background var(--t-quick) ease, color var(--t-quick) ease}.form-card .ws-chip:hover{border-color: var(--ink-soft)}.form-card .ws-chip:has(input:checked){border-color: var(--sage-deep);background: var(--sage-tint);color: var(--sage-deep)}.form-card .ws-check input, .form-card .ws-chip input{flex: none;width: 18px;height: 18px;margin: 0;accent-color: var(--sage-deep)}.form-card .ws-chip input{width: 17px;height: 17px}.form-card .field.invalid .ws-chip{border-color: var(--rose-line)}.form-card .ws-piece-chip{display: inline-flex;flex-wrap: wrap;gap: var(--s-1);align-self: start;padding: var(--s-2) var(--s-3);border-radius: var(--r-full);background: var(--butter-soft);font-size: 14px;color: var(--ink)}.form-card .ws-progress{margin-top: var(--s-4)}.form-card .ws-track{height: 2px;overflow: hidden;border-radius: var(--r-full);background: var(--line)}.form-card .ws-fill{display: block;width: 100%;height: 100%;background: var(--butter);transform: scaleX(.3333);transform-origin: left center;transition: transform 350ms var(--ease-settle)}.form-card .ws-step-label{margin-top: var(--s-2);font-size: 13px;font-weight: 700;color: var(--ink-soft)}.form-card .ws-step{display: grid;gap: var(--s-3);margin-top: var(--s-4)}.form-card .ws-legend{margin-bottom: var(--s-1);font-family: var(--font-display);font-size: 17px;font-weight: 700;line-height: 1.3;color: var(--ink)}.form-card .ws-legend:focus{outline: none}@media (prefers-reduced-motion: no-preference){.form-card .ws-step.in{animation: ws-step-in 300ms var(--ease-settle)}}@keyframes ws-step-in{from{opacity: 0;transform: translateX(24px)}to{opacity: 1;transform: translateX(0)}}.form-card .ws-review{padding: var(--s-3) var(--s-4);border-radius: var(--r-sm);background: var(--paper-deep)}.form-card .rv-title{margin-bottom: var(--s-2);font-size: 13px;font-weight: 700;color: var(--ink-soft)}.form-card .rv-group + .rv-group{margin-top: var(--s-2);padding-top: var(--s-2);border-top: 1px solid var(--line)}.form-card .rv-head{display: flex;align-items: center;justify-content: space-between;gap: var(--s-2);font-size: 14px;font-weight: 700}.form-card .rv-edit{min-height: 44px;padding: 0 var(--s-2);border: 0;background: none;font-size: 14px;font-weight: 700;color: var(--sage-deep);text-decoration: underline;text-decoration-color: var(--butter);text-decoration-thickness: 2px;text-underline-offset: 3px}.form-card .ws-rv{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: var(--s-2) var(--s-4)}.form-card .ws-rv > div{display: grid;gap: 1px;min-width: 0}.form-card .ws-rv dt{font-size: 12.5px;font-weight: 700;color: var(--ink-soft)}.form-card .ws-rv dd{font-size: 14.5px;color: var(--ink);overflow-wrap: anywhere}.form-card .form-foot{display: flex;flex-wrap: wrap;align-items: center;gap: var(--s-3);margin-top: var(--s-4)}.form-card .form-foot .promise{font-size: 13px;color: var(--ink-soft)}.form-card .form-foot .promise a{display: inline-flex;align-items: center;min-height: 44px;font-weight: 700;color: var(--ink)}.form-card .form-foot .promise a:hover{color: var(--sage-deep)}.form-card .ws-privacy{margin-top: var(--s-3);font-size: 13px;color: var(--ink-soft)}.form-card .ws-privacy a{display: inline-flex;align-items: center;min-height: 44px;color: var(--ink);font-weight: 700;text-decoration: underline;text-underline-offset: 2px}.form-card .ws-spin{display: inline-block;flex: none;width: 18px;height: 18px;border: 2.5px solid currentColor;border-top-color: transparent;border-radius: 50%;animation: ws-spin 800ms linear infinite}@keyframes ws-spin{to{transform: rotate(360deg)}}.form-card .ws-hp{position: absolute;left: -9999px;width: 1px;height: 1px;overflow: hidden}.form-card .sent-ico{display: flex;align-items: center;justify-content: center;width: 56px;height: 56px;margin-bottom: var(--s-3);border-radius: var(--r-full);background: var(--sage-tint);color: var(--sage-deep)}.form-card .sent-panel h2{margin-bottom: var(--s-2);font-size: clamp(22px, 2.2vw, 30px)}.form-card .sent-panel h2:focus{outline: none}.form-card .sent-line{max-width: 44ch;margin-bottom: var(--s-4);color: var(--ink-soft)}.form-card .sent-ctas{display: flex;flex-wrap: wrap;gap: var(--s-3)}@media (max-width: 560px){.form-card{padding: var(--s-5) var(--s-4)}.form-card .f-grid, .form-card .ws-rv{grid-template-columns: 1fr}}@media (prefers-reduced-motion: reduce){.form-card .field input:not([type=radio], [type=checkbox]), .form-card .field textarea, .form-card .field select, .form-card .ws-chip, .form-card .ws-fill, .form-card .btn{transition: none}}.form-card [hidden], .form-card .ws-step[hidden], .form-card .ws-progress[hidden]{display: none}
.wh-head{padding-block: var(--s-7) var(--s-8);background: var(--sage-tint);overflow: hidden}.wh-head-grid{display: grid;grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);gap: var(--s-6);align-items: center}.wh-head.is-solo .wh-head-grid{grid-template-columns: minmax(0, 1fr)}.wh-head h1{margin-top: var(--s-3);max-width: 14ch;font-size: clamp(36px, 4.6vw, 64px);font-weight: 800;text-wrap: balance}.wh-deck{margin-top: var(--s-4);max-width: 46ch;font-size: 19px;color: var(--ink-soft)}.wh-cta{display: flex;flex-wrap: wrap;gap: var(--s-3);margin-top: var(--s-5)}.wh-facts{display: flex;flex-wrap: wrap;gap: var(--s-2);margin-top: var(--s-5)}.wh-facts li{padding: 6px 14px;border-radius: var(--r-full);background: var(--paper);font: 600 14.5px/1.5 var(--font-body)}.wh-case{display: grid;grid-template-columns: 1fr 1fr;gap: var(--s-3);justify-self: end;width: 100%;max-width: 480px}.wh-mat{display: flex;flex-direction: column;align-items: center;aspect-ratio: 1;padding: var(--s-3) var(--s-2) 0;border-radius: var(--r-lg);color: inherit}.wh-mat img{flex: 1;width: 100%;height: auto;min-height: 0;object-fit: contain;filter: drop-shadow(0 10px 10px color-mix(in srgb, var(--ink) 16%, transparent))}.wh-mat:nth-child(1){background: var(--blush-tint)}.wh-mat:nth-child(2){background: var(--card)}.wh-mat:nth-child(3){background: var(--butter-soft)}.wh-mat span{margin: var(--s-2) 0 var(--s-3);padding: 3px 12px;border-radius: var(--r-full);background: var(--card);box-shadow: var(--shadow-chip);font: 700 13px/1.4 var(--font-body)}.wh-mat:nth-child(2) span{background: var(--paper-deep);box-shadow: none}.wh-mat.mine{justify-content: center;gap: var(--s-2);border: 2px dashed var(--sage-deep);background: transparent;color: var(--sage-deep);font: 700 17px/1.25 var(--font-display);text-align: center;transition: background var(--t-quick) ease}.wh-mat.mine:hover{background: var(--paper)}.wh-mat.mine svg{width: 32px;height: 32px}@media (max-width: 1024px){.wh-head-grid{grid-template-columns: 1fr;gap: var(--s-6)}.wh-head h1{max-width: none}.wh-case{grid-template-columns: repeat(4, minmax(0, 1fr));max-width: none}.wh-mat{aspect-ratio: 1 / 1.15}}@media (max-width: 760px){.wh-head{padding-block: var(--s-6)}}@media (max-width: 560px){.wh-head h1{font-size: clamp(32px, 9.6vw, 40px)}.wh-cta .btn{width: 100%}.wh-case{grid-template-columns: 1fr 1fr;gap: var(--s-2)}.wh-mat{aspect-ratio: 1 / .85}.wh-mat span{padding: 3px 10px;font-size: 12px}}@media (max-width: 480px){.wh-facts li{padding: 4px 12px;font-size: 13.5px}}@media (prefers-reduced-motion: no-preference){.wh-mat{animation: wh-rise 700ms var(--ease-settle) both}.wh-mat:nth-child(2){animation-delay: 100ms}.wh-mat:nth-child(3){animation-delay: 200ms}.wh-mat:nth-child(4){animation-delay: 300ms}}@keyframes wh-rise{from{opacity: 0;transform: translateY(18px)}}
.wh-who{padding-block: var(--s-8) var(--s-7)}.wh-who h2{max-width: 20ch}.wh-buyers{display: grid;grid-template-columns: repeat(10, minmax(0, 1fr));gap: var(--s-3);margin-top: var(--s-6)}.wh-buyers li{grid-column: span 3;padding: var(--s-4);border-radius: var(--r-md);background: var(--card);box-shadow: var(--shadow-soft)}.wh-buyers:not(:has(.home)) li{grid-column: span 5}.wh-buyers .home{grid-column: span 4;grid-row: span 2;display: flex;flex-direction: column;align-items: flex-start;padding: var(--s-5);background: var(--butter-soft)}.wh-buyers .home .wh-link{margin-top: auto}.wh-buyers .home h3{font-size: clamp(26px, 2.4vw, 32px)}.wh-buyers .home p{max-width: 30ch;font-size: 17px}.wh-ico{display: grid;place-items: center;width: 48px;height: 48px;border-radius: 50%;background: var(--sage-tint);color: var(--sage-deep)}.wh-buyers .home .wh-ico{background: var(--card)}.wh-ico svg{width: 24px;height: 24px;fill: none;stroke: currentColor;stroke-width: 1.8;stroke-linecap: round;stroke-linejoin: round}.wh-buyers h3{margin-top: var(--s-3);font-size: 20px;font-weight: 700}.wh-buyers p{margin-top: var(--s-1);font-size: 16px;color: var(--ink-soft)}@media (max-width: 760px){.wh-who{padding-block: var(--s-6)}.wh-buyers{grid-template-columns: 1fr;gap: var(--s-2);margin-top: var(--s-5)}.wh-buyers li, .wh-buyers .home, .wh-buyers:not(:has(.home)) li{grid-column: auto;display: grid;grid-template-columns: 48px 1fr;gap: 0 var(--s-3);align-items: start;padding: var(--s-3)}.wh-buyers .wh-ico{grid-row: span 3}.wh-buyers h3, .wh-buyers .home h3{margin: 0;font-size: 18px}.wh-buyers p, .wh-buyers .home p{max-width: none;margin-top: 2px;font-size: 15px}.wh-buyers .home .wh-link{margin-top: 0}}
.wh-how{padding-block: var(--s-8);background: var(--sage-deep);color: var(--paper)}.wh-how .kicker{background: transparent;color: var(--paper);border-color: color-mix(in srgb, var(--paper) 35%, transparent)}.wh-steps{display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));gap: var(--s-4);margin-top: var(--s-6);counter-reset: wh-step}.wh-steps li{padding-top: var(--s-3);border-top: 2px solid color-mix(in srgb, var(--paper) 28%, transparent)}.wh-steps li::before{counter-increment: wh-step;content: "0" counter(wh-step);font: 800 15px/1 var(--font-body);letter-spacing: .08em;color: var(--butter)}.wh-steps h3{margin-top: var(--s-3);font-size: 21px;font-weight: 700}.wh-steps p{margin-top: var(--s-2);font-size: 16px;color: color-mix(in srgb, var(--paper) 82%, transparent)}.wh-gets{display: flex;flex-wrap: wrap;gap: var(--s-2) var(--s-5);margin-top: var(--s-6);padding-top: var(--s-4);border-top: 1px solid color-mix(in srgb, var(--paper) 20%, transparent)}.wh-gets li{display: flex;align-items: center;gap: var(--s-2);font: 700 16px/1.4 var(--font-body)}.wh-gets svg{flex: none}.wh-gets circle{fill: var(--butter)}.wh-gets path{fill: none;stroke: var(--ink);stroke-width: 2;stroke-linecap: round;stroke-linejoin: round}@media (max-width: 1024px){.wh-steps{grid-template-columns: repeat(2, minmax(0, 1fr));gap: var(--s-5) var(--s-4)}}@media (max-width: 760px){.wh-how{padding-block: var(--s-6)}.wh-steps{margin-top: var(--s-5)}.wh-steps li{display: grid;grid-template-columns: 32px 1fr;padding-top: var(--s-3)}.wh-steps li::before{grid-row: span 2;padding-top: 3px}.wh-steps h3{margin: 0;font-size: 19px}.wh-steps p{margin-top: 2px}}@media (max-width: 560px){.wh-steps{grid-template-columns: 1fr;gap: var(--s-3)}}
.wh-ask{padding-block: var(--s-8);background: var(--paper-deep)}.wh-ask-grid{display: grid;grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);gap: var(--s-6);align-items: start}.wh-rail{display: contents}.wh-rail-top{grid-column: 1;grid-row: 1}.wh-rail-ready{grid-column: 1;grid-row: 2}.wh-ask .form-card{grid-column: 2;grid-row: 1 / span 2;padding: var(--s-5)}.wh-rail-top > .wh-link{margin-top: var(--s-3)}.wh-wa{margin-top: var(--s-5);padding: var(--s-4);border-radius: var(--r-md);background: var(--card);box-shadow: var(--shadow-soft)}.wh-wa p{margin: var(--s-1) 0 var(--s-3);font-size: 15px;color: var(--ink-soft)}.wh-wa .wh-wa-title{margin: 0;font: 700 19px/1.3 var(--font-display);color: var(--ink)}.wh-wa .btn{width: 100%}.wh-mail{display: flex;align-items: center;justify-content: center;min-height: 44px;margin-top: var(--s-2);font-weight: 700;color: var(--ink);text-decoration: underline;overflow-wrap: anywhere}.wh-mail:hover{color: var(--sage-deep)}.wh-ready{margin-top: var(--s-5);padding: var(--s-4);border: 1.5px dashed var(--line);border-radius: var(--r-md)}.wh-ready-title{font: 700 17px/1.6 var(--font-display)}.wh-ready ul{margin-top: var(--s-2)}.wh-ready li{display: flex;gap: var(--s-2);padding: 3px 0;font-size: 15.5px;color: var(--ink-soft)}.wh-ready li::before{content: "";flex: none;width: 7px;height: 7px;margin-top: .62em;border-radius: 50%;background: var(--butter)}.wh-ask .ws-progress{display: flex;flex-direction: column-reverse;gap: var(--s-2);margin-top: 0}.wh-ask .ws-track{height: 6px}.wh-ask .ws-step-label{margin-top: 0;font-size: 14px;color: var(--ink)}.wh-ask .ws-legend{font-size: 20px}.wh-ask .ws-checks{grid-template-columns: repeat(2, minmax(0, 1fr))}.wh-ask .ws-check{padding: var(--s-2) var(--s-3);border: 1.5px solid var(--line);border-radius: var(--r-sm);background: var(--paper);line-height: 1.3;transition: border-color var(--t-quick) ease, background var(--t-quick) ease}.wh-ask .ws-check:has(input:checked){border-color: var(--sage-deep);background: var(--sage-tint);font-weight: 700}.wh-ask .ws-check:has([value=home]){grid-column: 1 / -1;background: var(--butter-soft)}.wh-ask .f-grid{align-items: end}.wh-ask .form-foot .promise a{text-decoration: underline}@media (max-width: 1024px){.wh-ask-grid{grid-template-columns: 1fr;gap: 0}.wh-rail-top, .wh-rail-ready, .wh-ask .form-card{grid-column: 1;grid-row: auto}.wh-ask .form-card{margin-top: var(--s-5)}.wh-rail-ready{order: 3}.wh-ready{margin-top: var(--s-4)}.wh-rail-top:has(.wh-wa){display: grid;grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);gap: 0 var(--s-5);align-content: start;align-items: start}.wh-rail-top > *{grid-column: 1}.wh-rail-top > .kicker{justify-self: start}.wh-rail-top > .wh-wa{grid-column: 2;grid-row: 1 / span 3;margin-top: 0}}@media (max-width: 760px){.wh-ask{padding-block: var(--s-6)}.wh-rail-top:has(.wh-wa){display: block}.wh-rail-top > .wh-wa{margin-top: var(--s-5)}}@media (max-width: 560px){.wh-ask .form-card{padding: var(--s-4)}.wh-rail-ready{display: none}}@media (max-width: 480px){.wh-ask .ws-checks{grid-template-columns: 1fr}}@media (prefers-reduced-motion: reduce){.wh-ask .ws-check{transition: none}}
.wh-faq{padding-block: var(--s-8)}.wh-faq-grid{display: grid;grid-template-columns: minmax(0, 4fr) minmax(0, 8fr);gap: var(--s-6)}.wh-faq details{border-top: 1px solid var(--line)}.wh-faq details:last-child{border-bottom: 1px solid var(--line)}.wh-faq summary{display: flex;align-items: center;justify-content: space-between;gap: var(--s-3);min-height: 64px;font: 700 19px/1.3 var(--font-display);cursor: pointer;list-style: none}.wh-faq summary::-webkit-details-marker{display: none}.wh-faq summary::after{content: "+";flex: none;font: 500 28px/1 var(--font-body);color: var(--sage-deep)}.wh-faq details[open] summary::after{content: "\2212"}.wh-faq details p{max-width: 58ch;padding-bottom: var(--s-4);color: var(--ink-soft)}@media (min-width: 1025px){.wh-faq-grid > div:first-child{position: sticky;top: calc(var(--ecoco-header-h) + var(--s-4));align-self: start}}@media (max-width: 1024px){.wh-faq-grid{grid-template-columns: 1fr;gap: var(--s-6)}}@media (max-width: 760px){.wh-faq{padding-block: var(--s-6)}}@media (max-width: 560px){.wh-faq summary{font-size: 17px}}