:root {
  --eco-ink: #101513;
  --eco-ink-soft: #1d2522;
  --eco-paper: #f5f7f3;
  --eco-white: #ffffff;
  --eco-mist: #dde5e0;
  --eco-line: #bcc7c1;
  --eco-signal: #00c783;
  --eco-signal-dark: #007f5d;
  --eco-muted: #5b6661;
  --eco-gutter: clamp(20px, 4.8vw, 76px);
  --eco-header: 80px;
  --eco-max: 1600px;
}

html {
  scroll-behavior: smooth;
  overflow-x: clip;
}

body.eco-partner-v5 {
  margin: 0;
  overflow-x: clip;
  background: var(--eco-paper);
  color: var(--eco-ink);
  font-family: "Helvetica Neue", "PingFang TC", "Noto Sans TC", Arial, sans-serif;
  font-size: 16px;
  line-height: 1.68;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

body.eco-partner-v5 *,
body.eco-partner-v5 *::before,
body.eco-partner-v5 *::after {
  box-sizing: border-box;
}

body.eco-partner-v5 h1,
body.eco-partner-v5 h2,
body.eco-partner-v5 h3 {
  text-wrap: balance;
}

body.eco-partner-v5 p,
body.eco-partner-v5 li,
body.eco-partner-v5 dd {
  text-wrap: pretty;
}

body.eco-partner-v5 h1,
body.eco-partner-v5 h2,
body.eco-partner-v5 h3,
body.eco-partner-v5 p,
body.eco-partner-v5 figure,
body.eco-partner-v5 ol,
body.eco-partner-v5 ul,
body.eco-partner-v5 dl {
  margin-top: 0;
}

body.eco-partner-v5 a {
  color: inherit;
  text-decoration: none;
}

body.eco-partner-v5 img {
  display: block;
  max-width: 100%;
}

body.eco-partner-v5 button,
body.eco-partner-v5 input,
body.eco-partner-v5 select,
body.eco-partner-v5 textarea {
  font: inherit;
}

body.eco-partner-v5 .ast-container,
body.eco-partner-v5 .site-content .ast-container,
body.eco-partner-v5 .site-primary,
body.eco-partner-v5 .content-area {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
}

body.eco-partner-v5 .site-header,
body.eco-partner-v5 .site-footer,
body.eco-partner-v5 .ast-above-header-wrap,
body.eco-partner-v5 .ast-mobile-header-wrap {
  display: none !important;
}

.eco-v5-main {
  width: 100%;
  min-height: 70vh;
  margin: 0 !important;
  background: var(--eco-paper);
}

body.eco-partner-v5 .eco-v5-main h1,
body.eco-partner-v5 .eco-v5-main h2,
body.eco-partner-v5 .eco-v5-main h3 {
  color: inherit !important;
}

.eco-v5-shell {
  width: min(calc(100% - (var(--eco-gutter) * 2)), var(--eco-max));
  margin-inline: auto;
}

.eco-v5-skip-link {
  position: fixed;
  z-index: 10000;
  top: 8px;
  left: 8px;
  transform: translateY(-150%);
  padding: 10px 14px;
  background: var(--eco-white);
  color: var(--eco-ink);
}

.eco-v5-skip-link:focus {
  transform: translateY(0);
}

/* Header and full-screen index */
.eco-v5-header {
  position: sticky;
  z-index: 1000;
  top: 0;
  display: grid;
  grid-template-columns: 258px 168px minmax(180px, 1fr) auto;
  min-height: var(--eco-header);
  border-bottom: 1px solid var(--eco-line);
  background: rgba(245, 247, 243, 0.96);
  color: var(--eco-ink);
  transition: min-height 180ms ease, box-shadow 180ms ease;
}

.admin-bar .eco-v5-header {
  top: 32px;
}

.eco-v5-header[data-scrolled] {
  min-height: 72px;
  box-shadow: 0 12px 30px rgba(16, 21, 19, 0.08);
}

.eco-v5-header > * {
  min-width: 0;
  border-right: 1px solid var(--eco-line);
}

.eco-v5-header__brand-cell,
.eco-v5-header__shop,
.eco-v5-header__note,
.eco-v5-header__actions {
  display: flex;
  align-items: center;
}

.eco-v5-header__brand-cell {
  padding: 12px 28px;
}

.eco-v5-brand,
.eco-v5-brand picture {
  display: block;
}

.eco-v5-brand img {
  width: 192px;
  height: auto;
}

.eco-v5-header__shop {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: 13px 22px;
  background: var(--eco-signal);
  transition: background 180ms ease;
}

.eco-v5-header__shop:hover,
.eco-v5-header__shop:focus-visible {
  background: #18db9a;
}

.eco-v5-header__shop span,
.eco-v5-header__note,
.eco-v5-menu__top,
.eco-v5-kicker,
.eco-v5-hero__edge,
.eco-v5-object-card__body > p,
.eco-v5-loop-brand {
  font-size: 11px;
  font-weight: 750;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.eco-v5-header__shop strong {
  font-size: 16px;
  line-height: 1.35;
}

.eco-v5-header__note {
  margin: 0;
  padding: 10px 24px;
  line-height: 1.45;
  color: var(--eco-muted);
}

.eco-v5-header__actions {
  border-right: 0;
}

.eco-v5-header__account,
.eco-v5-header__cart,
.eco-v5-menu-toggle {
  display: grid;
  place-items: center;
  height: 100%;
  min-height: 71px;
  padding: 0 22px;
  border: 0;
  border-left: 1px solid var(--eco-line);
  background: transparent;
  color: var(--eco-ink);
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
}

.eco-v5-header__cart span {
  display: inline-grid;
  place-items: center;
  min-width: 23px;
  height: 23px;
  margin-left: 6px;
  border: 1px solid currentColor;
  font-size: 11px;
}

.eco-v5-menu-toggle {
  grid-auto-flow: column;
  gap: 12px;
  min-width: 108px;
  background: var(--eco-ink);
  color: var(--eco-white);
}

.eco-v5-menu-toggle i,
.eco-v5-menu-toggle i::after {
  display: block;
  width: 18px;
  height: 1px;
  background: currentColor;
  content: "";
}

.eco-v5-menu-toggle i::after {
  transform: translateY(6px);
}

.eco-v5-menu {
  position: fixed;
  z-index: 2000;
  inset: 0 0 0 auto;
  display: grid;
  grid-template-rows: auto 1fr auto;
  width: min(760px, 100%);
  padding: 26px clamp(24px, 5vw, 70px) 40px;
  transform: translateX(102%);
  background: var(--eco-ink);
  color: var(--eco-white);
  visibility: hidden;
  transition: transform 420ms cubic-bezier(0.22, 1, 0.36, 1), visibility 420ms;
}

.eco-v5-menu[data-open] {
  transform: translateX(0);
  visibility: visible;
}

.eco-v5-menu__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}

.eco-v5-menu__top button {
  border: 0;
  background: transparent;
  color: inherit;
  cursor: pointer;
}

.eco-v5-menu__top i {
  margin-left: 8px;
  font-size: 24px;
  font-style: normal;
}

.eco-v5-menu__primary {
  align-self: center;
  display: grid;
}

.eco-v5-menu__primary a {
  display: grid;
  grid-template-columns: 44px 1fr;
  align-items: baseline;
  padding: 14px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.18);
  font-size: clamp(26px, 3.4vw, 46px);
  font-weight: 750;
  line-height: 1.18;
  letter-spacing: -0.025em;
  transition: color 160ms ease, padding-left 160ms ease;
}

.eco-v5-menu__primary a span {
  font-size: 11px;
  letter-spacing: 0.12em;
}

.eco-v5-menu__primary a:hover,
.eco-v5-menu__primary a:focus-visible,
.eco-v5-menu__primary a[aria-current="page"] {
  padding-left: 10px;
  color: var(--eco-signal);
}

.eco-v5-menu__foot {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px 24px;
  padding-top: 24px;
  border-top: 1px solid rgba(255, 255, 255, 0.25);
  font-size: 13px;
}

.eco-v5-menu__foot p {
  grid-column: 1 / -1;
  max-width: 58ch;
  margin: 6px 0 0;
  color: rgba(255, 255, 255, 0.6);
}

.eco-v5-menu-scrim {
  position: fixed;
  z-index: 1900;
  inset: 0;
  background: rgba(16, 21, 19, 0.54);
  opacity: 0;
  pointer-events: none;
  transition: opacity 300ms ease;
}

.eco-v5-menu-open {
  overflow: hidden;
}

.eco-v5-menu-open .eco-v5-menu-scrim {
  opacity: 1;
  pointer-events: auto;
}

/* Common controls */
.eco-v5-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px 24px;
}

.eco-v5-button {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
  min-height: 58px;
  min-width: 220px;
  padding: 14px 18px;
  border: 1px solid var(--eco-ink);
  background: var(--eco-ink);
  color: var(--eco-white) !important;
  font-size: 14px;
  font-weight: 750;
  line-height: 1.3;
  transition: background 180ms ease, color 180ms ease, transform 180ms ease;
}

.eco-v5-button:hover,
.eco-v5-button:focus-visible {
  transform: translateY(-2px);
  background: var(--eco-signal);
  color: var(--eco-ink) !important;
}

.eco-v5-button--ink {
  border-color: var(--eco-white);
  background: var(--eco-white);
  color: var(--eco-ink) !important;
}

.eco-v5-quiet-link {
  padding-bottom: 4px;
  border-bottom: 1px solid currentColor;
  font-size: 14px;
  font-weight: 700;
}

/* Home hero */
.eco-v5-hero {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 47%) minmax(0, 53%);
  min-height: max(680px, calc(100vh - var(--eco-header)));
  border-bottom: 1px solid var(--eco-line);
  background: var(--eco-paper);
}

.eco-v5-hero__copy {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 64px var(--eco-gutter) 72px;
  border-right: 1px solid var(--eco-line);
}

.eco-v5-kicker {
  display: flex;
  align-items: center;
  gap: 14px;
  width: min(100%, 360px);
  margin-bottom: 30px;
  color: var(--eco-signal-dark);
}

.eco-v5-kicker::after {
  flex: 1;
  height: 1px;
  background: currentColor;
  opacity: 0.45;
  content: "";
}

.eco-v5-hero h1 {
  max-width: 8.6em;
  margin-bottom: 34px;
  font-size: clamp(52px, 6vw, 92px);
  font-weight: 800;
  line-height: 0.98;
  letter-spacing: -0.05em;
}

.eco-v5-hero h1 em,
.eco-v5-about-hero h1 em,
.eco-v5-contact-hero h1 em,
.eco-v5-policy-hero h1 em,
.eco-v5-manifesto h2 em {
  color: var(--eco-signal-dark);
  font-style: normal;
}

.eco-v5-hero__intro {
  max-width: 34em;
  margin-bottom: 34px;
  font-size: clamp(16px, 1.1vw, 18px);
  line-height: 1.82;
}

.eco-v5-hero__objects {
  --pointer-x: 0;
  --pointer-y: 0;
  position: relative;
  min-width: 0;
  overflow: hidden;
  background: var(--eco-mist);
}

.eco-v5-hero__objects::before,
.eco-v5-hero__objects::after {
  position: absolute;
  z-index: 0;
  background: rgba(16, 21, 19, 0.16);
  content: "";
}

.eco-v5-hero__objects::before {
  top: 0;
  bottom: 0;
  left: 52%;
  width: 1px;
}

.eco-v5-hero__objects::after {
  top: 48%;
  right: 0;
  left: 0;
  height: 1px;
}

.eco-v5-hero-object {
  position: absolute;
  z-index: 1;
  display: block;
  border: 1px solid var(--eco-ink);
  background: var(--eco-white);
  box-shadow: 18px 24px 0 rgba(16, 21, 19, 0.1);
  transition: transform 380ms cubic-bezier(0.22, 1, 0.36, 1), z-index 0s;
}

.eco-v5-hero-object img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.eco-v5-hero-object--1 {
  top: 10%;
  left: 7%;
  width: 56%;
  aspect-ratio: 1;
  transform: translate(calc(var(--pointer-x) * -5px), calc(var(--pointer-y) * -5px)) rotate(-2deg);
}

.eco-v5-hero-object--2 {
  top: 5%;
  right: 4%;
  width: 35%;
  aspect-ratio: 1;
  transform: translate(calc(var(--pointer-x) * 8px), calc(var(--pointer-y) * 6px)) rotate(4deg);
}

.eco-v5-hero-object--3 {
  right: 7%;
  bottom: 4%;
  width: 39%;
  aspect-ratio: 1;
  transform: translate(calc(var(--pointer-x) * 4px), calc(var(--pointer-y) * -8px)) rotate(-5deg);
}

.eco-v5-hero-object:hover,
.eco-v5-hero-object:focus-visible {
  z-index: 4;
  transform: translate(0, -8px) rotate(0deg);
}

.eco-v5-hero-object > span {
  position: absolute;
  right: 8%;
  bottom: 6%;
  display: grid;
  width: 52%;
  padding: 13px 16px;
  border: 1px solid var(--eco-ink);
  background: var(--eco-signal);
  color: var(--eco-ink);
}

.eco-v5-hero-object > span small {
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.1em;
}

.eco-v5-hero-object > span strong {
  overflow: hidden;
  font-size: 14px;
  line-height: 1.35;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.eco-v5-hero-object > span b,
.eco-v5-hero-object > span .price {
  font-size: 13px;
  font-weight: 800;
}

.eco-v5-empty {
  padding: 40px;
}

.eco-v5-trust-line {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  margin: 0;
  background: var(--eco-ink);
  color: var(--eco-white);
}

.eco-v5-trust-line p {
  margin: 0;
  padding: 22px var(--eco-gutter);
  border-right: 1px solid rgba(255, 255, 255, 0.2);
  font-size: 13px;
  font-weight: 700;
}

.eco-v5-trust-line strong {
  margin-right: 12px;
  color: var(--eco-signal);
}

/* Current objects and custom product cards */
.eco-v5-current {
  padding: clamp(72px, 7.5vw, 118px) var(--eco-gutter);
  background: var(--eco-white);
}

.eco-v5-current__head {
  display: grid;
  grid-template-columns: minmax(0, 1.5fr) minmax(260px, 0.6fr);
  gap: 9vw;
  align-items: end;
  max-width: var(--eco-max);
  margin: 0 auto 68px;
}

.eco-v5-current__head > div:first-child > p,
.eco-v5-manifesto > p,
.eco-v5-paths__intro > p,
.eco-v5-look__copy > p:first-child,
.eco-v5-support > div > p:first-child,
.eco-v5-about-hero__copy > p:first-child,
.eco-v5-working-rules__title > p,
.eco-v5-buying-guide__side > p:first-child,
.eco-v5-category-reading header > p,
.eco-v5-boundary > div > p:first-child,
.eco-v5-contact-hero > p:first-child,
.eco-v5-inquiry > header > p,
.eco-v5-contact-address > div > p:first-child,
.eco-v5-contact-faq header > p,
.eco-v5-shop-intro > div > p:first-child,
.eco-v5-shop-reading header > p,
.eco-v5-policy-hero > p:first-child {
  display: flex;
  align-items: center;
  gap: 14px;
  width: min(100%, 440px);
  margin-bottom: 22px;
  color: var(--eco-signal-dark);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.eco-v5-current__head > div:first-child > p::after,
.eco-v5-manifesto > p::after,
.eco-v5-paths__intro > p::after,
.eco-v5-look__copy > p:first-child::after,
.eco-v5-support > div > p:first-child::after,
.eco-v5-about-hero__copy > p:first-child::after,
.eco-v5-working-rules__title > p::after,
.eco-v5-buying-guide__side > p:first-child::after,
.eco-v5-category-reading header > p::after,
.eco-v5-boundary > div > p:first-child::after,
.eco-v5-contact-hero > p:first-child::after,
.eco-v5-inquiry > header > p::after,
.eco-v5-contact-address > div > p:first-child::after,
.eco-v5-contact-faq header > p::after,
.eco-v5-shop-intro > div > p:first-child::after,
.eco-v5-shop-reading header > p::after,
.eco-v5-policy-hero > p:first-child::after {
  flex: 1;
  min-width: 42px;
  height: 1px;
  background: currentColor;
  opacity: 0.42;
  content: "";
}

.eco-v5-current__head h2,
.eco-v5-paths h2,
.eco-v5-working-rules h2,
.eco-v5-category-reading h2,
.eco-v5-inquiry h2,
.eco-v5-shop-reading h2 {
  margin: 0;
  font-size: clamp(36px, 4.1vw, 62px);
  font-weight: 760;
  line-height: 1.08;
  letter-spacing: -0.038em;
}

.eco-v5-current__head h2,
.eco-v5-paths h2,
.eco-v5-company-note h2,
.eco-v5-contact-faq h2 {
  position: relative;
  padding-bottom: 22px;
  border-bottom: 1px solid var(--eco-line);
}

.eco-v5-current__head h2::after,
.eco-v5-paths h2::after,
.eco-v5-company-note h2::after,
.eco-v5-contact-faq h2::after {
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 78px;
  height: 2px;
  background: var(--eco-signal-dark);
  content: "";
}

.eco-v5-current__head > div:last-child p {
  margin-bottom: 20px;
  color: var(--eco-muted);
}

.eco-v5-current__head a,
.eco-v5-manifesto__note a,
.eco-v5-product-guide > a {
  padding-bottom: 4px;
  border-bottom: 1px solid currentColor;
  font-weight: 750;
}

.eco-v5-object-grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 44px 18px;
  max-width: var(--eco-max);
  margin-inline: auto;
}

.eco-v5-object-card {
  grid-column: span 4;
  min-width: 0;
}

.eco-v5-object-card.is-wide {
  grid-column: span 8;
}

.eco-v5-object-card__image {
  position: relative;
  display: block;
  overflow: hidden;
  border: 1px solid var(--eco-line);
  background: #edf1ee;
}

.eco-v5-object-card__image img {
  width: 100%;
  aspect-ratio: 1;
  object-fit: contain;
  mix-blend-mode: multiply;
  transition: transform 560ms cubic-bezier(0.22, 1, 0.36, 1);
}

.eco-v5-object-card.is-wide .eco-v5-object-card__image img {
  aspect-ratio: 1.55;
}

.eco-v5-object-card.is-tall .eco-v5-object-card__image img {
  aspect-ratio: 0.86;
}

.eco-v5-object-card:nth-child(3n + 2) .eco-v5-object-card__image {
  background: #e2e9e5;
}

.eco-v5-object-card:nth-child(4n) .eco-v5-object-card__image {
  background: #f0efeb;
}

.eco-v5-object-card:hover .eco-v5-object-card__image img,
.eco-v5-object-card:focus-within .eco-v5-object-card__image img {
  transform: scale(1.055) rotate(-1deg);
}

.eco-v5-object-card__number {
  position: absolute;
  top: 0;
  left: 0;
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  border-right: 1px solid var(--eco-ink);
  border-bottom: 1px solid var(--eco-ink);
  background: var(--eco-white);
  font-size: 11px;
  font-weight: 800;
}

.eco-v5-object-card__body {
  padding-top: 18px;
}

.eco-v5-object-card__body > p,
.eco-v5-loop-brand {
  margin-bottom: 8px;
  color: var(--eco-signal-dark);
}

.eco-v5-object-card h3 {
  max-width: 24em;
  margin-bottom: 18px;
  font-size: clamp(18px, 1.5vw, 25px);
  font-weight: 720;
  line-height: 1.45;
  letter-spacing: -0.025em;
}

.eco-v5-object-card__foot {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 18px;
  padding-top: 13px;
  border-top: 1px solid var(--eco-line);
}

.eco-v5-object-card__foot strong,
.eco-v5-object-card__foot .price {
  font-size: 20px;
  font-weight: 800;
  color: var(--eco-ink);
}

.eco-v5-object-card__foot a {
  font-size: 13px;
  font-weight: 750;
}

/* Home editorial sections */
.eco-v5-manifesto {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 0.36fr);
  gap: 6vw;
  padding: clamp(76px, 8vw, 124px) var(--eco-gutter);
  background: var(--eco-signal);
}

.eco-v5-manifesto > p {
  grid-column: 1 / -1;
  color: var(--eco-ink);
}

.eco-v5-manifesto h2 {
  max-width: 15em;
  margin: 0;
  font-size: clamp(40px, 5vw, 76px);
  font-weight: 780;
  line-height: 1.12;
  letter-spacing: -0.042em;
}

.eco-v5-manifesto h2 em {
  color: var(--eco-white);
}

.eco-v5-manifesto__note {
  align-self: end;
  max-width: 34em;
  padding-top: 22px;
  border-top: 1px solid var(--eco-ink);
}

.eco-v5-manifesto__note p {
  margin-bottom: 28px;
  font-size: 17px;
}

.eco-v5-paths {
  display: grid;
  grid-template-columns: minmax(300px, 0.72fr) minmax(0, 1fr);
  gap: 8vw;
  padding: clamp(76px, 8vw, 124px) var(--eco-gutter);
  background: var(--eco-paper);
}

.eco-v5-paths__intro {
  align-self: start;
  position: sticky;
  top: calc(var(--eco-header) + 36px);
}

.eco-v5-path-list {
  display: grid;
}

.eco-v5-path-list a {
  display: grid;
  grid-template-columns: 54px 1fr auto 24px;
  gap: 18px;
  align-items: center;
  min-height: 140px;
  padding: 24px 0;
  border-top: 1px solid var(--eco-ink);
  transition: padding 180ms ease, color 180ms ease;
}

.eco-v5-path-list a:last-child {
  border-bottom: 1px solid var(--eco-ink);
}

.eco-v5-path-list a:hover,
.eco-v5-path-list a:focus-visible {
  padding-inline: 16px;
  background: var(--eco-signal);
}

.eco-v5-path-list span,
.eco-v5-path-list small {
  font-size: 12px;
  font-weight: 750;
}

.eco-v5-path-list strong {
  font-size: clamp(19px, 1.7vw, 27px);
  line-height: 1.35;
}

.eco-v5-path-list small {
  max-width: 20em;
  color: var(--eco-muted);
}

.eco-v5-path-list b {
  font-size: 18px;
}

.eco-v5-look {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(340px, 0.92fr);
  min-height: 820px;
  background: var(--eco-ink);
  color: var(--eco-white);
}

.eco-v5-look__visual {
  position: relative;
  min-height: 820px;
  overflow: hidden;
  border-right: 1px solid rgba(255, 255, 255, 0.25);
}

.eco-v5-look__visual::before,
.eco-v5-look__visual::after {
  position: absolute;
  background: rgba(255, 255, 255, 0.16);
  content: "";
}

.eco-v5-look__visual::before {
  top: 0;
  bottom: 0;
  left: 44%;
  width: 1px;
}

.eco-v5-look__visual::after {
  right: 0;
  bottom: 36%;
  left: 0;
  height: 1px;
}

.eco-v5-look__object {
  position: absolute;
  margin: 0;
  border: 1px solid var(--eco-white);
  background: var(--eco-white);
}

.eco-v5-look__object--1 {
  top: 10%;
  left: 8%;
  width: 55%;
  transform: rotate(-3deg);
}

.eco-v5-look__object--2 {
  right: 5%;
  bottom: 7%;
  width: 43%;
  transform: rotate(4deg);
}

.eco-v5-look__object img {
  width: 100%;
  aspect-ratio: 1;
  object-fit: contain;
}

.eco-v5-look__object figcaption {
  padding: 8px 11px;
  border-top: 1px solid var(--eco-ink);
  color: var(--eco-ink);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.08em;
}

.eco-v5-look__copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 70px var(--eco-gutter);
}

.eco-v5-look__copy > p:first-child {
  color: var(--eco-signal);
}

.eco-v5-look__copy h2 {
  max-width: 14em;
  margin-bottom: 32px;
  font-size: clamp(34px, 3.5vw, 54px);
  font-weight: 740;
  line-height: 1.16;
  letter-spacing: -0.035em;
}

.eco-v5-look__copy > p:not(:first-child) {
  max-width: 37em;
  margin-bottom: 34px;
  color: rgba(255, 255, 255, 0.72);
  font-size: 17px;
}

.eco-v5-support {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8vw;
  padding: clamp(76px, 8vw, 122px) var(--eco-gutter);
  background: var(--eco-mist);
}

.eco-v5-support h2 {
  max-width: 11em;
  margin: 0;
  font-size: clamp(36px, 4.1vw, 62px);
  font-weight: 760;
  line-height: 1.08;
  letter-spacing: -0.04em;
}

.eco-v5-support__copy {
  align-self: end;
  max-width: 38em;
  padding-top: 22px;
  border-top: 1px solid var(--eco-ink);
}

.eco-v5-support__copy > p {
  margin-bottom: 18px;
  font-size: 17px;
}

/* About */
.eco-v5-about-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(440px, 0.9fr);
  min-height: 760px;
  background: var(--eco-ink);
  color: var(--eco-white);
}

.eco-v5-about-hero__copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 74px var(--eco-gutter);
  border-right: 1px solid rgba(255, 255, 255, 0.22);
}

.eco-v5-about-hero__copy > p:first-child {
  color: var(--eco-signal);
}

.eco-v5-about-hero h1,
.eco-v5-contact-hero h1,
.eco-v5-policy-hero h1 {
  margin-bottom: 42px;
  font-size: clamp(46px, 5.5vw, 84px);
  font-weight: 780;
  line-height: 1.04;
  letter-spacing: -0.045em;
}

.eco-v5-about-hero__copy > p:last-child {
  max-width: 42em;
  margin: 0;
  color: rgba(255, 255, 255, 0.72);
  font-size: 18px;
}

.eco-v5-about-hero__rail {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1px;
  background: rgba(255, 255, 255, 0.2);
}

.eco-v5-about-hero__rail a {
  position: relative;
  display: grid;
  place-items: center;
  min-height: 330px;
  overflow: hidden;
  background: #eef1ed;
}

.eco-v5-about-hero__rail img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  mix-blend-mode: multiply;
  transition: transform 400ms ease;
}

.eco-v5-about-hero__rail a:hover img {
  transform: scale(1.07) rotate(-2deg);
}

.eco-v5-about-hero__rail span {
  position: absolute;
  top: 12px;
  left: 14px;
  color: var(--eco-ink);
  font-size: 11px;
  font-weight: 800;
}

.eco-v5-company-note {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 9vw;
  padding: clamp(76px, 8vw, 124px) var(--eco-gutter);
  background: var(--eco-white);
}

.eco-v5-company-note h2 {
  max-width: 12em;
  margin: 0;
  font-size: clamp(36px, 4.1vw, 62px);
  font-weight: 760;
  line-height: 1.08;
  letter-spacing: -0.038em;
}

.eco-v5-company-note > div {
  max-width: 42em;
  padding-top: 24px;
  border-top: 1px solid var(--eco-ink);
  font-size: 18px;
}

.eco-v5-working-rules {
  display: grid;
  grid-template-columns: minmax(320px, 0.8fr) minmax(0, 1.2fr);
  gap: 8vw;
  padding: clamp(76px, 8vw, 124px) var(--eco-gutter);
  background: var(--eco-ink);
  color: var(--eco-white);
}

.eco-v5-working-rules__title > p {
  color: var(--eco-signal);
}

.eco-v5-working-rules ol,
.eco-v5-guide-steps,
.eco-v5-shop-reading ol,
.eco-v5-product-guide ol {
  list-style: none;
  margin: 0;
  padding: 0;
}

.eco-v5-working-rules li {
  display: grid;
  grid-template-columns: 56px 1fr;
  gap: 20px;
  padding: 30px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.3);
}

.eco-v5-working-rules li:last-child {
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.eco-v5-working-rules li > span,
.eco-v5-guide-steps article > span,
.eco-v5-shop-reading li > span,
.eco-v5-product-guide li > span {
  color: var(--eco-signal);
  font-size: 12px;
  font-weight: 800;
}

.eco-v5-working-rules h3 {
  margin-bottom: 10px;
  font-size: clamp(22px, 2vw, 30px);
  font-weight: 700;
}

.eco-v5-working-rules li p {
  max-width: 42em;
  margin: 0;
  color: rgba(255, 255, 255, 0.68);
}

.eco-v5-buying-guide {
  display: grid;
  grid-template-columns: minmax(320px, 0.78fr) minmax(0, 1.22fr);
  gap: 8vw;
  padding: clamp(76px, 8vw, 124px) var(--eco-gutter);
  background: var(--eco-paper);
}

.eco-v5-buying-guide__side {
  align-self: start;
  position: sticky;
  top: calc(var(--eco-header) + 30px);
}

.eco-v5-buying-guide__side h2 {
  margin-bottom: 24px;
  font-size: clamp(38px, 4vw, 60px);
  font-weight: 760;
  line-height: 1.05;
  letter-spacing: -0.038em;
}

.eco-v5-buying-guide__side > p:nth-child(3) {
  max-width: 33em;
  color: var(--eco-muted);
}

.eco-v5-buying-guide__side figure {
  width: 68%;
  margin: 38px 0 0 auto;
  transform: rotate(3deg);
  border: 1px solid var(--eco-ink);
  background: var(--eco-white);
}

.eco-v5-buying-guide__side figure img {
  width: 100%;
  aspect-ratio: 1;
  object-fit: contain;
}

.eco-v5-buying-guide__side figcaption {
  padding: 8px 10px;
  border-top: 1px solid var(--eco-ink);
  font-size: 10px;
}

.eco-v5-guide-steps article {
  display: grid;
  grid-template-columns: 58px 1fr;
  gap: 20px;
  padding: 30px 0;
  border-top: 1px solid var(--eco-ink);
}

.eco-v5-guide-steps article:last-child {
  border-bottom: 1px solid var(--eco-ink);
}

.eco-v5-guide-steps h3 {
  margin-bottom: 10px;
  font-size: clamp(20px, 1.7vw, 27px);
  font-weight: 720;
  line-height: 1.35;
}

.eco-v5-guide-steps p {
  max-width: 45em;
  margin: 0;
  color: var(--eco-muted);
}

.eco-v5-category-reading {
  padding: clamp(76px, 8vw, 124px) var(--eco-gutter);
  background: var(--eco-white);
}

.eco-v5-category-reading header {
  display: grid;
  grid-template-columns: 0.6fr 1fr;
  gap: 7vw;
  align-items: end;
  margin-bottom: 64px;
}

.eco-v5-category-reading header > p {
  align-self: start;
}

.eco-v5-category-reading__rows article {
  position: relative;
  display: grid;
  grid-template-columns: minmax(220px, 0.48fr) minmax(0, 1fr) 80px;
  gap: 4vw;
  align-items: center;
  min-height: 180px;
  padding: 28px 0;
  border-top: 1px solid var(--eco-ink);
}

.eco-v5-category-reading__rows article:last-child {
  border-bottom: 1px solid var(--eco-ink);
}

.eco-v5-category-reading__rows span {
  font-size: clamp(22px, 2.4vw, 34px);
  font-weight: 740;
  letter-spacing: -0.04em;
}

.eco-v5-category-reading__rows p {
  max-width: 50em;
  margin: 0;
  color: var(--eco-muted);
}

.eco-v5-category-reading__rows b {
  font-size: 52px;
  font-weight: 300;
  text-align: right;
  color: var(--eco-signal-dark);
}

.eco-v5-boundary {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8vw;
  padding: clamp(76px, 8vw, 124px) var(--eco-gutter);
  background: var(--eco-signal);
}

.eco-v5-boundary h2 {
  max-width: 12em;
  margin: 0;
  font-size: clamp(36px, 4.1vw, 62px);
  font-weight: 760;
  line-height: 1.08;
  letter-spacing: -0.04em;
}

.eco-v5-boundary > div:last-child {
  align-self: end;
  max-width: 40em;
  padding-top: 20px;
  border-top: 1px solid var(--eco-ink);
}

/* Contact */
.eco-v5-contact-hero {
  padding: clamp(72px, 7vw, 108px) var(--eco-gutter) clamp(64px, 7vw, 100px);
  background: var(--eco-signal);
}

.eco-v5-contact-hero > p:first-child,
.eco-v5-policy-hero > p:first-child {
  color: var(--eco-ink);
}

.eco-v5-contact-hero h1 {
  max-width: 13em;
}

.eco-v5-contact-hero h1 em {
  color: var(--eco-white);
}

.eco-v5-contact-hero__foot {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10vw;
  align-items: end;
  padding-top: 28px;
  border-top: 1px solid var(--eco-ink);
}

.eco-v5-contact-hero__foot p {
  max-width: 40em;
  margin: 0;
  font-size: 18px;
}

.eco-v5-contact-hero__foot span {
  font-size: 13px;
  font-weight: 750;
  text-align: right;
}

.eco-v5-contact-channels {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.eco-v5-contact-channels > a {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 390px;
  padding: 54px var(--eco-gutter);
  border-right: 1px solid var(--eco-line);
  background: var(--eco-white);
  transition: background 200ms ease, color 200ms ease;
}

.eco-v5-contact-channels > a:last-child {
  border-right: 0;
}

.eco-v5-contact-channels > a:hover,
.eco-v5-contact-channels > a:focus-visible {
  background: var(--eco-ink);
  color: var(--eco-white);
}

.eco-v5-contact-channels span {
  margin-bottom: 28px;
  color: var(--eco-signal-dark);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.eco-v5-contact-channels strong {
  overflow-wrap: anywhere;
  font-size: clamp(28px, 3vw, 48px);
  line-height: 1.05;
  letter-spacing: -0.05em;
}

.eco-v5-contact-channels p {
  max-width: 38em;
  margin: 26px 0 0;
}

.eco-v5-contact-channels b {
  position: absolute;
  right: var(--eco-gutter);
  bottom: 48px;
  font-size: 26px;
}

.eco-v5-inquiry {
  display: grid;
  grid-template-columns: minmax(330px, 0.78fr) minmax(0, 1.22fr);
  gap: 8vw;
  padding: clamp(76px, 8vw, 124px) var(--eco-gutter);
  background: var(--eco-paper);
}

.eco-v5-inquiry > header {
  align-self: start;
  position: sticky;
  top: calc(var(--eco-header) + 28px);
}

.eco-v5-inquiry__list article {
  position: relative;
  padding: 30px 70px 30px 0;
  border-top: 1px solid var(--eco-ink);
}

.eco-v5-inquiry__list article:last-child {
  border-bottom: 1px solid var(--eco-ink);
}

.eco-v5-inquiry__list article > span {
  color: var(--eco-signal-dark);
  font-size: 12px;
  font-weight: 800;
}

.eco-v5-inquiry__list h3 {
  margin: 8px 0 10px;
  font-size: clamp(22px, 2vw, 30px);
  font-weight: 720;
  line-height: 1.3;
}

.eco-v5-inquiry__list p {
  max-width: 44em;
  margin: 0;
  color: var(--eco-muted);
}

.eco-v5-inquiry__list b {
  position: absolute;
  top: 29px;
  right: 0;
  color: var(--eco-signal-dark);
  font-size: 40px;
  font-weight: 300;
}

.eco-v5-contact-address {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8vw;
  padding: clamp(72px, 7.5vw, 114px) var(--eco-gutter);
  background: var(--eco-ink);
  color: var(--eco-white);
}

.eco-v5-contact-address > div > p:first-child {
  color: var(--eco-signal);
}

.eco-v5-contact-address h2 {
  margin-bottom: 24px;
  font-size: clamp(32px, 3.6vw, 54px);
  font-weight: 740;
  letter-spacing: -0.035em;
}

.eco-v5-contact-address address {
  font-style: normal;
  color: rgba(255, 255, 255, 0.7);
  font-size: 18px;
}

.eco-v5-contact-address aside {
  align-self: end;
  padding-top: 22px;
  border-top: 1px solid var(--eco-signal);
}

.eco-v5-contact-address h3 {
  font-size: 25px;
  font-weight: 720;
}

.eco-v5-contact-address aside p {
  max-width: 40em;
  margin: 0;
  color: rgba(255, 255, 255, 0.68);
}

.eco-v5-contact-faq {
  display: grid;
  grid-template-columns: 0.58fr 1fr;
  gap: 8vw;
  padding: clamp(76px, 8vw, 124px) var(--eco-gutter);
  background: var(--eco-white);
}

.eco-v5-contact-faq h2 {
  margin: 0;
  font-size: clamp(36px, 4vw, 60px);
  font-weight: 760;
  line-height: 1.06;
  letter-spacing: -0.038em;
}

.eco-v5-contact-faq details {
  border-top: 1px solid var(--eco-ink);
}

.eco-v5-contact-faq details:last-child {
  border-bottom: 1px solid var(--eco-ink);
}

.eco-v5-contact-faq summary {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 24px;
  padding: 23px 0;
  list-style: none;
  font-size: clamp(18px, 1.8vw, 25px);
  font-weight: 720;
  cursor: pointer;
}

.eco-v5-contact-faq summary::-webkit-details-marker {
  display: none;
}

.eco-v5-contact-faq summary span {
  color: var(--eco-signal-dark);
  font-size: 28px;
  font-weight: 300;
  transition: transform 180ms ease;
}

.eco-v5-contact-faq details[open] summary span {
  transform: rotate(45deg);
}

.eco-v5-contact-faq details p {
  max-width: 50em;
  padding: 0 60px 24px 0;
  color: var(--eco-muted);
}

/* Policy */
.eco-v5-policy-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 0.36fr);
  gap: 7vw;
  padding: clamp(72px, 7.5vw, 116px) var(--eco-gutter);
  background: var(--eco-ink);
  color: var(--eco-white);
}

.eco-v5-policy-hero > p:first-child {
  grid-column: 1 / -1;
  color: var(--eco-signal);
}

.eco-v5-policy-hero h1 {
  margin: 0;
}

.eco-v5-policy-hero > div {
  align-self: end;
  padding-top: 20px;
  border-top: 1px solid var(--eco-signal);
}

.eco-v5-policy-hero > div p {
  color: rgba(255, 255, 255, 0.72);
}

.eco-v5-policy-hero > div small {
  color: var(--eco-signal);
}

.eco-v5-policy-summary {
  background: var(--eco-signal);
}

.eco-v5-policy-summary .eco-v5-shell {
  width: 100%;
  max-width: none;
}

.eco-v5-policy-summary dl {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  margin: 0;
}

.eco-v5-policy-summary dl > div {
  min-height: 150px;
  padding: 30px var(--eco-gutter);
  border-right: 1px solid var(--eco-ink);
}

.eco-v5-policy-summary dl > div:last-child {
  border-right: 0;
}

.eco-v5-policy-summary dt {
  font-size: 12px;
  font-weight: 800;
}

.eco-v5-policy-summary dd {
  margin: 16px 0 0;
  font-size: clamp(19px, 1.7vw, 27px);
  font-weight: 760;
  line-height: 1.25;
}

.eco-v5-policy-content {
  padding: clamp(72px, 7vw, 110px) 0;
  background: var(--eco-paper);
}

.eco-v5-policy-layout {
  display: grid;
  grid-template-columns: 260px minmax(0, 1fr);
  gap: 7vw;
  align-items: start;
}

.eco-v5-policy-nav {
  position: sticky;
  top: calc(var(--eco-header) + 34px);
  display: grid;
  border-top: 1px solid var(--eco-ink);
}

.eco-v5-policy-nav strong,
.eco-v5-policy-nav a {
  padding: 13px 0;
  border-bottom: 1px solid var(--eco-line);
}

.eco-v5-policy-nav strong {
  color: var(--eco-signal-dark);
  font-size: 12px;
  letter-spacing: 0.11em;
}

.eco-v5-policy-nav a {
  font-size: 14px;
  font-weight: 700;
}

.eco-v5-policy-copy {
  counter-reset: eco-policy;
}

.eco-v5-policy-group {
  scroll-margin-top: calc(var(--eco-header) + 30px);
}

.eco-v5-policy-copy article {
  position: relative;
  display: grid;
  grid-template-columns: minmax(220px, 0.45fr) minmax(0, 1fr);
  gap: 5vw;
  padding: 36px 0;
  border-top: 1px solid var(--eco-ink);
  counter-increment: eco-policy;
}

.eco-v5-policy-copy article::before {
  position: absolute;
  top: 7px;
  right: 0;
  color: var(--eco-signal-dark);
  content: counter(eco-policy, decimal-leading-zero);
  font-size: 12px;
  font-weight: 800;
}

.eco-v5-policy-copy article h2 {
  grid-row: 1 / span 20;
  margin: 0;
  padding-right: 30px;
  font-size: clamp(23px, 2.2vw, 34px);
  font-weight: 730;
  line-height: 1.22;
  letter-spacing: -0.035em;
}

.eco-v5-policy-copy article h3 {
  margin: 12px 0 3px;
  font-size: 17px;
  font-weight: 750;
}

.eco-v5-policy-copy article p,
.eco-v5-policy-copy article ul,
.eco-v5-policy-copy article ol {
  grid-column: 2;
  max-width: 50em;
  margin-bottom: 14px;
  color: #3f4b46;
}

.eco-v5-policy-copy article li {
  margin-bottom: 8px;
}

.eco-v5-policy-copy article a,
.eco-v5-policy-contact a {
  color: var(--eco-signal-dark);
  text-decoration: underline;
  text-underline-offset: 3px;
}

.eco-v5-privacy-page .eco-v5-policy-copy article address {
  grid-column: 2;
  margin: 2px 0 14px;
  color: #3f4b46;
  font-style: normal;
  line-height: 1.8;
}

.eco-v5-privacy-page .eco-v5-policy-copy article address strong {
  color: var(--eco-ink);
}

.eco-v5-privacy-page .eco-v5-policy-contact a + a {
  margin-top: 8px;
}

.eco-v5-policy-contact {
  margin-top: 48px;
  padding: clamp(34px, 5vw, 70px);
  background: var(--eco-ink);
  color: var(--eco-white);
}

.eco-v5-policy-contact h2 {
  font-size: clamp(30px, 3.2vw, 46px);
}

.eco-v5-policy-contact p {
  max-width: 40em;
  color: rgba(255, 255, 255, 0.68);
}

.eco-v5-policy-contact a {
  display: block;
  color: var(--eco-signal);
}

/* WooCommerce archive */
.eco-v5-shop-intro {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(320px, 0.6fr);
  gap: 8vw;
  padding: clamp(64px, 7vw, 104px) var(--eco-gutter) 62px;
  background: var(--eco-signal);
}

.eco-v5-shop-intro h1 {
  margin: 0;
  font-size: clamp(64px, 9vw, 132px);
  font-weight: 800;
  line-height: 0.88;
  letter-spacing: -0.055em;
}

.eco-v5-shop-intro > div:nth-child(2) {
  align-self: end;
  padding-top: 20px;
  border-top: 1px solid var(--eco-ink);
}

.eco-v5-shop-intro h2 {
  margin-bottom: 14px;
  font-size: clamp(24px, 2.5vw, 36px);
  font-weight: 730;
  line-height: 1.25;
  letter-spacing: -0.03em;
}

.eco-v5-shop-intro > div:nth-child(2) p {
  margin: 0;
}

.eco-v5-shop-intro__count {
  grid-column: 1 / -1;
  margin: 45px 0 0;
  padding-top: 13px;
  border-top: 1px solid var(--eco-ink);
  font-size: 12px;
  font-weight: 750;
  letter-spacing: 0.1em;
}

.eco-v5-commerce-content {
  padding: 70px var(--eco-gutter) 120px;
  background: var(--eco-white);
}

.eco-v5-commerce-content > .woocommerce,
.eco-v5-commerce-content .woocommerce {
  width: min(100%, var(--eco-max));
  margin-inline: auto;
}

body.eco-partner-v5 .astra-shop-filter-button,
body.eco-partner-v5 .ast-shop-pagination-infinite,
body.eco-partner-v5 .eco-v5-commerce-content .woocommerce-result-count {
  display: none !important;
}

.eco-v5-catalog-status,
.eco-v5-catalog-filter {
  width: min(100%, var(--eco-max));
  margin-inline: auto;
}

.eco-v5-catalog-status {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 0 0 18px;
  border-bottom: 1px solid var(--eco-ink);
}

.eco-v5-catalog-status p,
.eco-v5-catalog-status span {
  margin: 0;
  font-size: 13px;
  font-weight: 760;
}

.eco-v5-catalog-status span {
  color: var(--eco-muted);
}

.eco-v5-catalog-filter {
  margin-bottom: 54px;
  border-bottom: 1px solid var(--eco-ink);
}

.eco-v5-catalog-filter summary {
  position: relative;
  display: grid;
  grid-template-columns: minmax(160px, 0.3fr) 1fr 28px;
  gap: 28px;
  align-items: center;
  min-height: 74px;
  padding: 18px 0;
  list-style: none;
  cursor: pointer;
}

.eco-v5-catalog-filter summary::-webkit-details-marker {
  display: none;
}

.eco-v5-catalog-filter summary > span {
  font-size: 20px;
  font-weight: 780;
  letter-spacing: -0.025em;
}

.eco-v5-catalog-filter summary small {
  color: var(--eco-muted);
  font-size: 12px;
  letter-spacing: 0.04em;
}

.eco-v5-catalog-filter summary::after {
  justify-self: end;
  content: "+";
  color: var(--eco-signal-dark);
  font-size: 30px;
  font-weight: 300;
  line-height: 1;
  transition: transform 180ms ease;
}

.eco-v5-catalog-filter[open] summary::after {
  transform: rotate(45deg);
}

.eco-v5-catalog-filter form {
  padding: 32px 0 38px;
  border-top: 1px solid var(--eco-line);
}

.eco-v5-catalog-filter__grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 22px 16px;
}

.eco-v5-filter-field {
  display: grid;
  align-content: start;
  gap: 7px;
  min-width: 0;
}

.eco-v5-filter-field--search,
.eco-v5-filter-field--sort {
  grid-column: span 2;
}

.eco-v5-filter-field > span,
.eco-v5-filter-stock span {
  color: var(--eco-muted);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.eco-v5-filter-field input,
.eco-v5-filter-field select {
  width: 100%;
  min-height: 50px;
  padding: 9px 38px 9px 13px;
  border: 1px solid var(--eco-line);
  border-radius: 0;
  background-color: var(--eco-white);
  color: var(--eco-ink);
  font-size: 14px;
}

.eco-v5-filter-field input:focus,
.eco-v5-filter-field select:focus {
  border-color: var(--eco-signal-dark);
  outline: 2px solid rgba(0, 199, 131, 0.16);
  outline-offset: 1px;
}

.eco-v5-filter-stock {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 50px;
  margin-top: 18px;
  cursor: pointer;
}

.eco-v5-filter-stock input {
  width: 20px;
  height: 20px;
  margin: 0;
  accent-color: var(--eco-signal-dark);
}

.eco-v5-catalog-filter__actions {
  grid-column: span 2;
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: end;
  gap: 12px;
  min-height: 68px;
}

.eco-v5-catalog-filter__actions button,
.eco-v5-catalog-filter__actions a {
  display: grid;
  place-items: center;
  min-height: 50px;
  padding: 10px 18px;
  border: 1px solid var(--eco-ink);
  border-radius: 0;
  font-size: 13px;
  font-weight: 780;
}

.eco-v5-catalog-filter__actions button {
  background: var(--eco-ink);
  color: var(--eco-white);
  cursor: pointer;
}

.eco-v5-catalog-filter__actions button:hover,
.eco-v5-catalog-filter__actions button:focus-visible {
  background: var(--eco-signal);
  color: var(--eco-ink);
}

.eco-v5-catalog-filter__actions a {
  border-color: var(--eco-line);
  background: var(--eco-white);
}

.eco-v5-commerce-content .woocommerce-notices-wrapper,
.eco-v5-commerce-content .woocommerce-result-count,
.eco-v5-commerce-content .woocommerce-ordering {
  margin-bottom: 42px;
}

.eco-v5-commerce-content .woocommerce-result-count {
  color: var(--eco-ink);
  font-size: 14px;
  font-weight: 750;
}

.eco-v5-commerce-content .woocommerce-ordering select {
  min-height: 48px;
  padding: 8px 42px 8px 14px;
  border: 1px solid var(--eco-ink);
  border-radius: 0;
  background-color: var(--eco-white);
  color: var(--eco-ink);
}

body.eco-partner-v5.woocommerce .eco-v5-commerce-content ul.products,
body.eco-partner-v5.woocommerce-page .eco-v5-commerce-content ul.products {
  clear: both;
  display: grid !important;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 1px;
  width: 100%;
  margin: 0 !important;
  padding: 1px;
  background: var(--eco-line);
  list-style: none !important;
}

body.eco-partner-v5.woocommerce ul.products li.product,
body.eco-partner-v5.woocommerce-page ul.products li.product {
  grid-column: span 3;
  width: auto !important;
  min-width: 0;
  margin: 0 !important;
  padding: clamp(16px, 2vw, 28px) !important;
  background: var(--eco-white);
  list-style: none !important;
}

body.eco-partner-v5.woocommerce ul.products li.product::marker,
body.eco-partner-v5.woocommerce-page ul.products li.product::marker {
  content: "";
}

body.eco-partner-v5.woocommerce ul.products li.product:nth-child(6n + 1),
body.eco-partner-v5.woocommerce-page ul.products li.product:nth-child(6n + 1),
body.eco-partner-v5.woocommerce ul.products li.product:nth-child(6n),
body.eco-partner-v5.woocommerce-page ul.products li.product:nth-child(6n) {
  grid-column: span 6;
}

body.eco-partner-v5.woocommerce ul.products li.product:nth-child(4n + 2),
body.eco-partner-v5.woocommerce-page ul.products li.product:nth-child(4n + 2) {
  background: #e8eeea;
}

body.eco-partner-v5.woocommerce ul.products li.product .astra-shop-thumbnail-wrap,
body.eco-partner-v5.woocommerce-page ul.products li.product .astra-shop-thumbnail-wrap {
  overflow: hidden;
  margin-bottom: 20px;
  background: #f4f5f2;
}

body.eco-partner-v5.woocommerce ul.products li.product a img,
body.eco-partner-v5.woocommerce-page ul.products li.product a img {
  width: 100% !important;
  height: auto !important;
  margin: 0 !important;
  aspect-ratio: 1;
  object-fit: contain;
  mix-blend-mode: multiply;
  transition: transform 460ms cubic-bezier(0.22, 1, 0.36, 1);
}

body.eco-partner-v5.woocommerce ul.products li.product:nth-child(6n + 1) a img,
body.eco-partner-v5.woocommerce-page ul.products li.product:nth-child(6n + 1) a img,
body.eco-partner-v5.woocommerce ul.products li.product:nth-child(6n) a img,
body.eco-partner-v5.woocommerce-page ul.products li.product:nth-child(6n) a img {
  aspect-ratio: 1.45;
}

body.eco-partner-v5.woocommerce ul.products li.product:hover a img,
body.eco-partner-v5.woocommerce-page ul.products li.product:hover a img {
  transform: scale(1.045) rotate(-1deg);
}

body.eco-partner-v5 .ast-woo-product-category,
body.eco-partner-v5 .woocommerce-loop-category__title .count {
  display: none !important;
}

body.eco-partner-v5.woocommerce ul.products li.product .eco-v5-loop-brand,
body.eco-partner-v5.woocommerce-page ul.products li.product .eco-v5-loop-brand {
  display: block;
  color: var(--eco-signal-dark) !important;
  opacity: 1 !important;
}

body.eco-partner-v5.woocommerce ul.products li.product .woocommerce-loop-product__title,
body.eco-partner-v5.woocommerce-page ul.products li.product .woocommerce-loop-product__title {
  display: -webkit-box;
  overflow: hidden;
  min-height: 3.1em;
  margin-bottom: 14px;
  padding: 0 !important;
  color: var(--eco-ink) !important;
  font-size: clamp(17px, 1.3vw, 21px) !important;
  font-weight: 720 !important;
  line-height: 1.5 !important;
  opacity: 1 !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

body.eco-partner-v5.woocommerce ul.products li.product .price,
body.eco-partner-v5.woocommerce-page ul.products li.product .price {
  display: block;
  margin-top: 14px;
  color: var(--eco-ink) !important;
  font-size: 20px !important;
  font-weight: 820 !important;
  opacity: 1 !important;
}

body.eco-partner-v5.woocommerce ul.products li.product .button,
body.eco-partner-v5.woocommerce-page ul.products li.product .button {
  display: inline-flex;
  align-items: center;
  min-height: 45px;
  margin-top: 18px;
  padding: 10px 14px;
  border: 1px solid var(--eco-ink);
  border-radius: 0;
  background: var(--eco-ink);
  color: var(--eco-white);
  font-size: 13px;
}

body.eco-partner-v5.woocommerce ul.products li.product .button:hover,
body.eco-partner-v5.woocommerce-page ul.products li.product .button:hover {
  background: var(--eco-signal);
  color: var(--eco-ink);
}

body.eco-partner-v5.woocommerce nav.woocommerce-pagination,
body.eco-partner-v5.woocommerce-page nav.woocommerce-pagination {
  clear: both;
  display: flex !important;
  justify-content: center;
  width: 100%;
  margin: 56px 0 0 !important;
  padding: 22px 0 0;
  border-top: 1px solid var(--eco-ink);
}

body.eco-partner-v5.woocommerce nav.woocommerce-pagination ul.page-numbers,
body.eco-partner-v5.woocommerce-page nav.woocommerce-pagination ul.page-numbers {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 7px;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  list-style: none;
}

body.eco-partner-v5.woocommerce nav.woocommerce-pagination ul.page-numbers li,
body.eco-partner-v5.woocommerce-page nav.woocommerce-pagination ul.page-numbers li {
  margin: 0 !important;
  border: 0 !important;
}

body.eco-partner-v5.woocommerce nav.woocommerce-pagination .page-numbers a,
body.eco-partner-v5.woocommerce nav.woocommerce-pagination .page-numbers span,
body.eco-partner-v5.woocommerce-page nav.woocommerce-pagination .page-numbers a,
body.eco-partner-v5.woocommerce-page nav.woocommerce-pagination .page-numbers span {
  display: grid;
  place-items: center;
  min-width: 44px;
  min-height: 44px;
  padding: 7px 12px !important;
  border: 1px solid var(--eco-line) !important;
  background: var(--eco-white) !important;
  color: var(--eco-ink) !important;
  font-size: 13px;
  font-weight: 760;
}

body.eco-partner-v5.woocommerce nav.woocommerce-pagination .page-numbers .current,
body.eco-partner-v5.woocommerce-page nav.woocommerce-pagination .page-numbers .current {
  border-color: var(--eco-ink) !important;
  background: var(--eco-signal) !important;
}

body.eco-partner-v5.woocommerce nav.woocommerce-pagination a.page-numbers:hover,
body.eco-partner-v5.woocommerce nav.woocommerce-pagination a.page-numbers:focus-visible,
body.eco-partner-v5.woocommerce-page nav.woocommerce-pagination a.page-numbers:hover,
body.eco-partner-v5.woocommerce-page nav.woocommerce-pagination a.page-numbers:focus-visible {
  border-color: var(--eco-ink) !important;
  background: var(--eco-ink) !important;
  color: var(--eco-white) !important;
}

.eco-v5-shop-reading {
  display: grid;
  grid-template-columns: minmax(300px, 0.7fr) minmax(0, 1.3fr);
  gap: 8vw;
  padding: clamp(76px, 8vw, 122px) var(--eco-gutter);
  background: var(--eco-mist);
}

.eco-v5-shop-reading header {
  align-self: start;
  position: sticky;
  top: calc(var(--eco-header) + 30px);
}

.eco-v5-shop-reading li {
  display: grid;
  grid-template-columns: 55px 1fr;
  gap: 18px;
  padding: 24px 0;
  border-top: 1px solid var(--eco-ink);
}

.eco-v5-shop-reading li:last-child {
  border-bottom: 1px solid var(--eco-ink);
}

.eco-v5-shop-reading li strong {
  font-size: 23px;
}

.eco-v5-shop-reading li p {
  margin: 4px 0 0;
  color: var(--eco-muted);
}

.eco-v5-shop-reading nav {
  grid-column: 2;
  display: flex;
  flex-wrap: wrap;
  gap: 16px 30px;
  margin-top: 10px;
  font-weight: 750;
}

/* Single product */
.eco-v5-product-bar {
  display: flex;
  justify-content: space-between;
  gap: 30px;
  padding: 18px var(--eco-gutter);
  border-bottom: 1px solid var(--eco-line);
  background: var(--eco-signal);
  font-size: 13px;
  font-weight: 750;
}

.eco-v5-commerce--product .eco-v5-commerce-content {
  padding-top: clamp(50px, 7vw, 100px);
}

body.eco-partner-v5.single-product div.product {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(360px, 0.72fr);
  gap: clamp(40px, 7vw, 110px);
}

body.eco-partner-v5.single-product div.product .woocommerce-product-gallery,
body.eco-partner-v5.single-product div.product .summary {
  float: none !important;
  width: auto !important;
}

body.eco-partner-v5.single-product div.product .summary {
  align-self: start;
  position: sticky;
  top: calc(var(--eco-header) + 34px);
}

body.eco-partner-v5.single-product .product_title {
  color: var(--eco-ink);
  font-size: clamp(30px, 3.3vw, 50px);
  font-weight: 750;
  line-height: 1.18;
  letter-spacing: -0.038em;
}

body.eco-partner-v5.single-product .summary .price {
  color: var(--eco-signal-dark) !important;
  font-size: clamp(26px, 2.5vw, 38px) !important;
  font-weight: 820;
}

body.eco-partner-v5.single-product .quantity .qty,
body.eco-partner-v5.single-product .single_add_to_cart_button,
body.eco-partner-v5 .woocommerce a.button,
body.eco-partner-v5 .woocommerce button.button,
body.eco-partner-v5 .woocommerce input.button {
  min-height: 50px;
  border: 1px solid var(--eco-ink) !important;
  border-radius: 0 !important;
}

body.eco-partner-v5.single-product .single_add_to_cart_button,
body.eco-partner-v5 .woocommerce a.button,
body.eco-partner-v5 .woocommerce button.button,
body.eco-partner-v5 .woocommerce input.button {
  background: var(--eco-ink) !important;
  color: var(--eco-white) !important;
}

body.eco-partner-v5.single-product .single_add_to_cart_button:hover,
body.eco-partner-v5 .woocommerce a.button:hover,
body.eco-partner-v5 .woocommerce button.button:hover,
body.eco-partner-v5 .woocommerce input.button:hover {
  background: var(--eco-signal) !important;
  color: var(--eco-ink) !important;
}

body.eco-partner-v5.single-product .woocommerce-tabs,
body.eco-partner-v5.single-product .related,
body.eco-partner-v5.single-product .up-sells,
body.eco-partner-v5.single-product .eco-v5-product-guide {
  grid-column: 1 / -1;
}

.eco-v5-product-guide {
  display: grid;
  grid-template-columns: minmax(300px, 0.72fr) minmax(0, 1.28fr);
  gap: 7vw;
  margin-top: 90px;
  padding: clamp(50px, 7vw, 90px);
  background: var(--eco-ink);
  color: var(--eco-white);
}

.eco-v5-product-guide__intro > p {
  color: var(--eco-signal);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.1em;
}

.eco-v5-product-guide__intro h2 {
  margin: 0;
  font-size: clamp(32px, 3.3vw, 48px);
  font-weight: 750;
  line-height: 1.1;
  letter-spacing: -0.035em;
}

.eco-v5-product-guide li {
  display: grid;
  grid-template-columns: 48px 190px 1fr;
  gap: 16px;
  padding: 20px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.26);
}

.eco-v5-product-guide li:last-child {
  border-bottom: 1px solid rgba(255, 255, 255, 0.26);
}

.eco-v5-product-guide li p {
  margin: 0;
  color: rgba(255, 255, 255, 0.66);
}

.eco-v5-product-guide > a {
  grid-column: 2;
  justify-self: start;
  color: var(--eco-signal);
}

/* Standard cart, checkout, account and fallback pages */
.eco-v5-standard-hero {
  padding: 80px var(--eco-gutter) 60px;
  background: var(--eco-signal);
}

.eco-v5-standard-hero .eco-v5-shell,
.eco-v5-standard-content .eco-v5-shell {
  width: min(100%, var(--eco-max));
}

.eco-v5-standard-hero h1 {
  margin: 0;
  font-size: clamp(44px, 5.8vw, 84px);
  font-weight: 780;
  line-height: 0.95;
  letter-spacing: -0.045em;
}

.eco-v5-label {
  margin-bottom: 18px;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.eco-v5-standard-content {
  padding: 70px var(--eco-gutter) 120px;
  background: var(--eco-white);
}

.eco-v5-standard-content .woocommerce {
  width: 100%;
}

body.eco-partner-v5 .woocommerce table.shop_table,
body.eco-partner-v5 .woocommerce form.checkout_coupon,
body.eco-partner-v5 .woocommerce form.login,
body.eco-partner-v5 .woocommerce form.register,
body.eco-partner-v5 .woocommerce-checkout #payment {
  border: 1px solid var(--eco-line);
  border-radius: 0;
  background: var(--eco-paper);
}

/* CartFlows keeps its isolated checkout engine; V5 supplies the shared frame. */
body.eco-partner-v5.cartflows_step-template > .main-header--wrapper,
body.eco-partner-v5.cartflows_step-template > .main-footer--wrapper {
  display: none !important;
}

body.eco-partner-v5.cartflows_step-template .cartflows-checkout-main-wrapper {
  width: 100%;
  margin: 0 !important;
  background: var(--eco-white) !important;
  color: var(--eco-ink) !important;
  font-family: inherit !important;
}

body.eco-partner-v5.cartflows_step-template .main-container--wrapper {
  width: min(calc(100% - (var(--eco-gutter) * 2)), 1240px) !important;
  max-width: none !important;
  margin: 0 auto !important;
  padding: 72px 0 110px !important;
}

body.eco-partner-v5.cartflows_step-template #wcf-embed-checkout-form {
  position: relative;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding-top: 62px !important;
  border-top: 8px solid var(--eco-signal) !important;
  background: var(--eco-white) !important;
  color: var(--eco-ink) !important;
  font-family: inherit !important;
}

body.eco-partner-v5.cartflows_step-template #wcf-embed-checkout-form::before {
  position: absolute;
  top: 20px;
  left: 0;
  color: var(--eco-muted);
  content: "ORDER DETAILS / 訂單資料";
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.12em;
}

body.eco-partner-v5.cartflows_step-template #wcf-embed-checkout-form h1,
body.eco-partner-v5.cartflows_step-template #wcf-embed-checkout-form h2,
body.eco-partner-v5.cartflows_step-template #wcf-embed-checkout-form h3,
body.eco-partner-v5.cartflows_step-template #wcf-embed-checkout-form h4,
body.eco-partner-v5.cartflows_step-template #wcf-embed-checkout-form label,
body.eco-partner-v5.cartflows_step-template #wcf-embed-checkout-form p,
body.eco-partner-v5.cartflows_step-template #wcf-embed-checkout-form span,
body.eco-partner-v5.cartflows_step-template #wcf-embed-checkout-form td,
body.eco-partner-v5.cartflows_step-template #wcf-embed-checkout-form th {
  color: var(--eco-ink) !important;
  font-family: inherit !important;
}

body.eco-partner-v5.cartflows_step-template #wcf-embed-checkout-form h1,
body.eco-partner-v5.cartflows_step-template #wcf-embed-checkout-form h2,
body.eco-partner-v5.cartflows_step-template #wcf-embed-checkout-form h3,
body.eco-partner-v5.cartflows_step-template #wcf-embed-checkout-form h4 {
  font-weight: 760 !important;
  letter-spacing: -0.025em !important;
  line-height: 1.15 !important;
}

body.eco-partner-v5.cartflows_step-template #wcf-embed-checkout-form input:not([type="checkbox"]):not([type="radio"]),
body.eco-partner-v5.cartflows_step-template #wcf-embed-checkout-form select,
body.eco-partner-v5.cartflows_step-template #wcf-embed-checkout-form textarea,
body.eco-partner-v5.cartflows_step-template #wcf-embed-checkout-form .select2-selection,
body.eco-partner-v5.cartflows_step-template #wcf-embed-checkout-form .wcf-product-option-wrap,
body.eco-partner-v5.cartflows_step-template #wcf-embed-checkout-form .woocommerce-checkout-review-order-table,
body.eco-partner-v5.cartflows_step-template #wcf-embed-checkout-form #payment {
  border: 1px solid var(--eco-line) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

body.eco-partner-v5.cartflows_step-template #wcf-embed-checkout-form input:not([type="checkbox"]):not([type="radio"]),
body.eco-partner-v5.cartflows_step-template #wcf-embed-checkout-form select,
body.eco-partner-v5.cartflows_step-template #wcf-embed-checkout-form textarea,
body.eco-partner-v5.cartflows_step-template #wcf-embed-checkout-form .select2-selection {
  min-height: 52px !important;
  background: var(--eco-paper) !important;
  color: var(--eco-ink) !important;
}

body.eco-partner-v5.cartflows_step-template #wcf-embed-checkout-form input:focus,
body.eco-partner-v5.cartflows_step-template #wcf-embed-checkout-form select:focus,
body.eco-partner-v5.cartflows_step-template #wcf-embed-checkout-form textarea:focus,
body.eco-partner-v5.cartflows_step-template #wcf-embed-checkout-form .select2-selection:focus {
  border-color: var(--eco-signal-dark) !important;
  outline: 2px solid rgba(0, 199, 131, 0.16) !important;
  outline-offset: 1px;
}

body.eco-partner-v5.cartflows_step-template #wcf-embed-checkout-form .woocommerce-checkout-review-order-table,
body.eco-partner-v5.cartflows_step-template #wcf-embed-checkout-form #payment,
body.eco-partner-v5.cartflows_step-template #wcf-embed-checkout-form .wcf-product-option-wrap {
  background: var(--eco-paper) !important;
}

body.eco-partner-v5.cartflows_step-template #wcf-embed-checkout-form button,
body.eco-partner-v5.cartflows_step-template #wcf-embed-checkout-form .button,
body.eco-partner-v5.cartflows_step-template #wcf-embed-checkout-form #place_order {
  min-height: 54px;
  border: 1px solid var(--eco-ink) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: var(--eco-ink) !important;
  color: var(--eco-white) !important;
  font-family: inherit !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  letter-spacing: 0.05em;
}

body.eco-partner-v5.cartflows_step-template #wcf-embed-checkout-form button:hover,
body.eco-partner-v5.cartflows_step-template #wcf-embed-checkout-form button:focus-visible,
body.eco-partner-v5.cartflows_step-template #wcf-embed-checkout-form .button:hover,
body.eco-partner-v5.cartflows_step-template #wcf-embed-checkout-form .button:focus-visible {
  border-color: var(--eco-signal-dark) !important;
  background: var(--eco-signal) !important;
  color: var(--eco-ink) !important;
}

body.eco-partner-v5.cartflows_step-template #wcf-embed-checkout-form .woocommerce-error,
body.eco-partner-v5.cartflows_step-template #wcf-embed-checkout-form .woocommerce-info,
body.eco-partner-v5.cartflows_step-template #wcf-embed-checkout-form .woocommerce-message {
  border-radius: 0 !important;
  border-top-color: var(--eco-signal) !important;
  background: var(--eco-paper) !important;
}

/* Footer */
.eco-v5-footer {
  overflow: hidden;
  background: var(--eco-ink);
  color: var(--eco-white);
}

.eco-v5-footer__statement {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 30px;
  padding: 60px var(--eco-gutter) 40px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.24);
}

.eco-v5-footer__statement p {
  margin: 0;
  color: rgba(255, 255, 255, 0.56);
}

.eco-v5-footer__statement a {
  color: var(--eco-signal);
  font-size: clamp(26px, 3vw, 44px);
  font-weight: 760;
  line-height: 1.1;
  letter-spacing: -0.035em;
}

.eco-v5-footer__wordmark {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 40px;
  padding: 42px var(--eco-gutter) 34px;
  border-bottom: 1px solid var(--eco-line);
  background: var(--eco-mist);
  color: var(--eco-ink);
}

.eco-v5-footer__wordmark img {
  width: min(500px, 58vw);
  height: auto;
}

.eco-v5-footer__wordmark p {
  margin: 0;
  padding-left: 22px;
  border-left: 1px solid var(--eco-ink);
  font-size: 12px;
  font-weight: 750;
  line-height: 1.6;
  letter-spacing: 0.08em;
}

.eco-v5-footer__grid {
  display: grid;
  grid-template-columns: 1.2fr 0.55fr 0.55fr 0.8fr;
  gap: 5vw;
  padding: 55px var(--eco-gutter);
}

.eco-v5-footer__grid nav,
.eco-v5-footer__contact {
  display: grid;
  align-content: start;
  gap: 8px;
}

.eco-v5-footer__company strong {
  font-size: 20px;
}

.eco-v5-footer__company p,
.eco-v5-footer__contact p {
  max-width: 32em;
  margin: 12px 0 0;
  color: rgba(255, 255, 255, 0.58);
  font-size: 13px;
}

.eco-v5-footer__grid a {
  font-size: 14px;
  font-weight: 700;
}

.eco-v5-footer__grid a:hover,
.eco-v5-footer__grid a:focus-visible {
  color: var(--eco-signal);
}

.eco-v5-footer__bottom {
  display: flex;
  justify-content: space-between;
  padding: 18px var(--eco-gutter);
  border-top: 1px solid rgba(255, 255, 255, 0.24);
  color: rgba(255, 255, 255, 0.48);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

/* Entry motion */
[data-enter] {
  opacity: 0;
  transform: translateY(34px);
  transition: opacity 650ms ease, transform 750ms cubic-bezier(0.22, 1, 0.36, 1);
}

[data-enter][data-entered] {
  opacity: 1;
  transform: translateY(0);
}

@media (max-width: 1100px) {
  .eco-v5-header {
    grid-template-columns: 226px 160px 1fr auto;
  }

  .eco-v5-header__note {
    display: none;
  }

  .eco-v5-hero {
    grid-template-columns: 52% 48%;
  }

  .eco-v5-hero h1 {
    font-size: clamp(50px, 6.5vw, 76px);
  }

  .eco-v5-object-card,
  .eco-v5-object-card.is-wide {
    grid-column: span 6;
  }

  .eco-v5-object-card.is-wide .eco-v5-object-card__image img,
  .eco-v5-object-card.is-tall .eco-v5-object-card__image img {
    aspect-ratio: 1;
  }

  .eco-v5-about-hero {
    grid-template-columns: 1.1fr 0.9fr;
  }

  body.eco-partner-v5.woocommerce ul.products li.product,
  body.eco-partner-v5.woocommerce-page ul.products li.product {
    grid-column: span 4;
  }

  body.eco-partner-v5.woocommerce ul.products li.product:nth-child(6n + 1),
  body.eco-partner-v5.woocommerce-page ul.products li.product:nth-child(6n + 1),
  body.eco-partner-v5.woocommerce ul.products li.product:nth-child(6n),
  body.eco-partner-v5.woocommerce-page ul.products li.product:nth-child(6n) {
    grid-column: span 4;
  }

  body.eco-partner-v5.woocommerce ul.products li.product:nth-child(6n + 1) a img,
  body.eco-partner-v5.woocommerce-page ul.products li.product:nth-child(6n + 1) a img,
  body.eco-partner-v5.woocommerce ul.products li.product:nth-child(6n) a img,
  body.eco-partner-v5.woocommerce-page ul.products li.product:nth-child(6n) a img {
    aspect-ratio: 1;
  }
}

@media (max-width: 820px) {
  :root {
    --eco-header: 68px;
  }

  .admin-bar .eco-v5-header {
    top: 46px;
  }

  .eco-v5-header {
    grid-template-columns: 1fr auto;
    min-height: var(--eco-header);
  }

  .eco-v5-header__brand-cell {
    padding: 9px 18px;
  }

  .eco-v5-brand img {
    width: 160px;
  }

  .eco-v5-header__shop,
  .eco-v5-header__account {
    display: none;
  }

  .eco-v5-header__actions {
    grid-column: 2;
  }

  .eco-v5-header__cart {
    min-height: var(--eco-header);
    padding: 0 14px;
  }

  .eco-v5-menu-toggle {
    min-width: 76px;
    min-height: var(--eco-header);
    padding: 0 15px;
  }

  .eco-v5-menu-toggle span {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
  }

  .eco-v5-menu {
    padding: 22px 22px 30px;
  }

  .eco-v5-menu__primary a {
    grid-template-columns: 32px 1fr;
    font-size: clamp(24px, 6vw, 34px);
  }

  .eco-v5-menu__foot {
    grid-template-columns: 1fr;
  }

  .eco-v5-catalog-filter__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .eco-v5-filter-field--search,
  .eco-v5-filter-field--sort,
  .eco-v5-catalog-filter__actions {
    grid-column: span 2;
  }

  body.eco-partner-v5.cartflows_step-template .main-container--wrapper {
    width: 100% !important;
    padding: 38px 20px 82px !important;
  }

  body.eco-partner-v5.cartflows_step-template #wcf-embed-checkout-form {
    padding-top: 56px !important;
  }

  .eco-v5-hero,
  .eco-v5-about-hero,
  .eco-v5-manifesto,
  .eco-v5-paths,
  .eco-v5-look,
  .eco-v5-support,
  .eco-v5-company-note,
  .eco-v5-working-rules,
  .eco-v5-buying-guide,
  .eco-v5-category-reading header,
  .eco-v5-boundary,
  .eco-v5-contact-channels,
  .eco-v5-inquiry,
  .eco-v5-contact-address,
  .eco-v5-contact-faq,
  .eco-v5-policy-hero,
  .eco-v5-shop-intro,
  .eco-v5-shop-reading,
  body.eco-partner-v5.single-product div.product,
  .eco-v5-product-guide {
    grid-template-columns: 1fr;
  }

  .eco-v5-hero {
    min-height: 0;
  }

  .eco-v5-hero__copy {
    padding: 54px 20px 48px;
    border-right: 0;
    border-bottom: 1px solid var(--eco-line);
  }

  .eco-v5-hero h1 {
    max-width: none;
    font-size: clamp(44px, 13vw, 60px);
  }

  .eco-v5-hero__objects {
    min-height: 520px;
  }

  .eco-v5-hero-object--1 {
    top: 12%;
    left: 5%;
    width: 61%;
  }

  .eco-v5-hero-object--2 {
    right: 3%;
    width: 41%;
  }

  .eco-v5-hero-object--3 {
    right: 5%;
    width: 46%;
  }

.eco-v5-hero-object > span {
    right: -6%;
    width: 68%;
  }

  .eco-v5-trust-line {
    grid-template-columns: repeat(2, 1fr);
  }

  .eco-v5-current,
  .eco-v5-manifesto,
  .eco-v5-paths,
  .eco-v5-support,
  .eco-v5-company-note,
  .eco-v5-working-rules,
  .eco-v5-buying-guide,
  .eco-v5-category-reading,
  .eco-v5-boundary,
  .eco-v5-contact-hero,
  .eco-v5-inquiry,
  .eco-v5-contact-address,
  .eco-v5-contact-faq,
  .eco-v5-policy-hero,
  .eco-v5-shop-intro,
  .eco-v5-shop-reading {
    padding-inline: 20px;
  }

  .eco-v5-current__head {
    grid-template-columns: 1fr;
    gap: 28px;
  }

  .eco-v5-object-card,
  .eco-v5-object-card.is-wide {
    grid-column: span 12;
  }

  .eco-v5-manifesto > p,
  .eco-v5-shop-intro__count {
    grid-column: 1;
  }

  .eco-v5-paths__intro,
  .eco-v5-buying-guide__side,
  .eco-v5-inquiry > header,
  .eco-v5-shop-reading header,
  .eco-v5-policy-nav,
  body.eco-partner-v5.single-product div.product .summary {
    position: static;
  }

  .eco-v5-path-list a {
    grid-template-columns: 38px 1fr 20px;
    min-height: 120px;
  }

  .eco-v5-path-list small {
    grid-column: 2;
  }

  .eco-v5-path-list b {
    grid-column: 3;
    grid-row: 1 / span 2;
  }

  .eco-v5-look__visual {
    min-height: 600px;
    border-right: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.24);
  }

  .eco-v5-look__copy {
    padding: 70px 20px;
  }

  .eco-v5-about-hero__copy {
    padding: 74px 20px 58px;
    border-right: 0;
  }

  .eco-v5-about-hero__rail {
    grid-template-columns: repeat(4, minmax(220px, 1fr));
    overflow-x: auto;
  }

  .eco-v5-about-hero__rail a {
    min-height: 280px;
  }

  .eco-v5-category-reading header {
    margin-bottom: 40px;
  }

  .eco-v5-category-reading__rows article {
    grid-template-columns: 1fr 50px;
    gap: 10px 20px;
  }

  .eco-v5-category-reading__rows p {
    grid-column: 1;
  }

  .eco-v5-category-reading__rows b {
    grid-column: 2;
    grid-row: 1 / span 2;
    font-size: 40px;
  }

  .eco-v5-contact-channels > a {
    min-height: 300px;
    padding: 44px 20px;
    border-right: 0;
    border-bottom: 1px solid var(--eco-line);
  }

  .eco-v5-contact-channels b {
    right: 20px;
    bottom: 35px;
  }

  .eco-v5-contact-hero__foot {
    grid-template-columns: 1fr;
    gap: 22px;
  }

  .eco-v5-contact-hero__foot span {
    text-align: left;
  }

  .eco-v5-policy-summary dl {
    grid-template-columns: repeat(2, 1fr);
  }

  .eco-v5-policy-summary dl > div:nth-child(2) {
    border-right: 0;
  }

  .eco-v5-policy-summary dl > div:nth-child(-n + 2) {
    border-bottom: 1px solid var(--eco-ink);
  }

  .eco-v5-policy-layout {
    grid-template-columns: 1fr;
  }

  .eco-v5-policy-nav {
    grid-template-columns: repeat(2, 1fr);
    gap: 0 20px;
  }

  .eco-v5-policy-nav strong {
    grid-column: 1 / -1;
  }

  .eco-v5-policy-copy article {
    grid-template-columns: 1fr;
  }

  .eco-v5-policy-copy article h2,
  .eco-v5-policy-copy article p,
  .eco-v5-policy-copy article ul,
  .eco-v5-policy-copy article ol,
  .eco-v5-privacy-page .eco-v5-policy-copy article address {
	grid-column: 1;
	grid-row: auto;
  }

  .eco-v5-policy-copy article h2 {
    margin-bottom: 10px;
  }

  body.eco-partner-v5.woocommerce .eco-v5-commerce-content ul.products,
  body.eco-partner-v5.woocommerce-page .eco-v5-commerce-content ul.products {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.eco-partner-v5.woocommerce ul.products li.product,
  body.eco-partner-v5.woocommerce-page ul.products li.product,
  body.eco-partner-v5.woocommerce ul.products li.product:nth-child(6n + 1),
  body.eco-partner-v5.woocommerce-page ul.products li.product:nth-child(6n + 1),
  body.eco-partner-v5.woocommerce ul.products li.product:nth-child(6n),
  body.eco-partner-v5.woocommerce-page ul.products li.product:nth-child(6n) {
    grid-column: span 1;
  }

  .eco-v5-shop-reading nav,
  .eco-v5-product-guide > a {
    grid-column: 1;
  }

  .eco-v5-product-guide li {
    grid-template-columns: 40px 1fr;
  }

  .eco-v5-product-guide li p {
    grid-column: 2;
  }

  .eco-v5-footer__statement {
    align-items: flex-start;
    flex-direction: column;
    padding-inline: 20px;
  }

  .eco-v5-footer__wordmark {
    flex-direction: column;
    align-items: flex-start;
    padding: 34px 20px 28px;
  }

  .eco-v5-footer__wordmark img {
    width: min(100%, 380px);
  }

  .eco-v5-footer__wordmark p {
    padding: 16px 0 0;
    border-top: 1px solid var(--eco-ink);
    border-left: 0;
  }

  .eco-v5-footer__grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 24px;
    padding: 48px 20px;
  }

  .eco-v5-footer__company,
  .eco-v5-footer__contact {
    grid-column: 1 / -1;
  }

  .eco-v5-footer__bottom {
    padding-inline: 20px;
  }
}

@media (max-width: 540px) {
  .eco-v5-header__cart {
    display: flex;
    gap: 4px;
    font-size: 0;
  }

  .eco-v5-header__cart::before {
    content: "袋";
    font-size: 10px;
  }

  .eco-v5-header__cart span {
    margin-left: 0;
    font-size: 11px;
  }

  .eco-v5-catalog-status {
    align-items: flex-start;
    flex-direction: column;
    gap: 4px;
  }

  .eco-v5-catalog-filter summary {
    grid-template-columns: 1fr 28px;
    gap: 12px;
  }

  .eco-v5-catalog-filter summary small {
    grid-column: 1;
    grid-row: 2;
  }

  .eco-v5-catalog-filter summary::after {
    grid-column: 2;
    grid-row: 1 / span 2;
  }

  .eco-v5-catalog-filter__grid {
    grid-template-columns: 1fr;
  }

  .eco-v5-filter-field--search,
  .eco-v5-filter-field--sort,
  .eco-v5-catalog-filter__actions {
    grid-column: span 1;
  }

  .eco-v5-catalog-filter__actions {
    grid-template-columns: 1fr;
  }

  body.eco-partner-v5.woocommerce nav.woocommerce-pagination .page-numbers a,
  body.eco-partner-v5.woocommerce nav.woocommerce-pagination .page-numbers span,
  body.eco-partner-v5.woocommerce-page nav.woocommerce-pagination .page-numbers a,
  body.eco-partner-v5.woocommerce-page nav.woocommerce-pagination .page-numbers span {
    min-width: 40px;
    min-height: 40px;
    padding: 6px 10px !important;
  }

  .eco-v5-hero__objects {
    min-height: 440px;
  }

  .eco-v5-hero-object > span {
    right: -10%;
    bottom: 2%;
    width: 76%;
  }

  .eco-v5-trust-line {
    grid-template-columns: 1fr;
  }

  .eco-v5-trust-line p {
    padding: 14px 20px;
    border-right: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  }

  .eco-v5-current__head h2,
  .eco-v5-paths h2,
  .eco-v5-working-rules h2,
  .eco-v5-category-reading h2,
  .eco-v5-inquiry h2,
  .eco-v5-shop-reading h2 {
    font-size: 36px;
  }

  .eco-v5-manifesto h2,
  .eco-v5-about-hero h1,
  .eco-v5-contact-hero h1,
  .eco-v5-policy-hero h1 {
    font-size: 42px;
  }

  .eco-v5-look__visual {
    min-height: 480px;
  }

  .eco-v5-look__object--1 {
    width: 64%;
  }

  .eco-v5-look__object--2 {
    width: 49%;
  }

  .eco-v5-company-note,
  .eco-v5-working-rules,
  .eco-v5-buying-guide,
  .eco-v5-category-reading,
  .eco-v5-boundary,
  .eco-v5-inquiry,
  .eco-v5-contact-address,
  .eco-v5-contact-faq,
  .eco-v5-shop-reading {
    padding-block: 80px;
  }

  .eco-v5-buying-guide__side figure {
    width: 76%;
  }

  .eco-v5-contact-channels strong {
    font-size: 32px;
  }

  .eco-v5-policy-summary dl {
    grid-template-columns: 1fr;
  }

  .eco-v5-policy-summary dl > div {
    min-height: 110px;
    padding: 22px 20px;
    border-right: 0;
    border-bottom: 1px solid var(--eco-ink);
  }

  .eco-v5-policy-nav {
    grid-template-columns: 1fr;
  }

  .eco-v5-commerce-content {
    padding: 45px 20px 80px;
  }

  body.eco-partner-v5.woocommerce .eco-v5-commerce-content ul.products,
  body.eco-partner-v5.woocommerce-page .eco-v5-commerce-content ul.products {
    grid-template-columns: 1fr;
  }

  body.eco-partner-v5.woocommerce ul.products li.product,
  body.eco-partner-v5.woocommerce-page ul.products li.product {
    grid-column: span 1;
  }

  .eco-v5-product-bar {
    flex-direction: column;
    gap: 4px;
    padding-inline: 20px;
  }

  .eco-v5-product-guide {
    padding: 40px 20px;
  }

  .eco-v5-standard-hero,
  .eco-v5-standard-content {
    padding-inline: 20px;
  }

  .eco-v5-footer__bottom {
    flex-direction: column;
    gap: 5px;
  }
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
  }

  [data-enter] {
    opacity: 1;
    transform: none;
  }
}