:root{--cream:#f5efe3;--paper:#fbf7ef;--ink:#293628;--green:#263d2b;--gold:#bd8123;--line:rgba(41,54,40,.2)}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{background:var(--cream);color:var(--ink);font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif}.site-shell{height:100svh;min-height:600px;position:relative;overflow:hidden}.topbar{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;justify-content:space-between;align-items:center;padding:max(18px,env(safe-area-inset-top)) 20px 10px;pointer-events:none}.topbar button{pointer-events:auto}.menu-button,.language{border:1px solid rgba(41,54,40,.35);background:rgba(249,244,233,.76);backdrop-filter:blur(12px);color:var(--ink);height:40px;border-radius:999px}.menu-button{width:40px;display:grid;place-content:center;gap:5px}.menu-button span{width:15px;height:1px;background:currentColor}.language{min-width:54px;padding:0 14px;font-size:11px;font-weight:700;letter-spacing:.12em}.menu-panel{position:fixed;z-index:45;inset:0;background:rgba(246,240,228,.97);backdrop-filter:blur(18px);display:flex;flex-direction:column;justify-content:center;padding:70px 28px;opacity:0;visibility:hidden;transform:translateY(-12px);transition:.35s}.menu-panel.is-open{opacity:1;visibility:visible;transform:none}.menu-panel button{border:0;border-bottom:1px solid var(--line);background:transparent;text-align:left;padding:17px 0;color:var(--ink);font:400 clamp(27px,7vw,42px) Georgia,"Songti SC",serif}.menu-panel button.active{color:var(--gold)}.screen{position:absolute;inset:0;opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .42s,transform .42s;overflow:hidden}.screen.active{opacity:1;visibility:visible;transform:none}.hero-screen{background:#d9cba9}.hero-picture,.hero-picture img{position:absolute;inset:0;width:100%;height:100%}.hero-picture{overflow:hidden}.hero-picture img{object-fit:cover;object-position:center;transform:scale(1.065) translateY(-1.8%);transform-origin:center}.hero-bottom{position:absolute;z-index:5;right:16px;bottom:max(18px,env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:flex-end;gap:18px}.primary{border:1px solid rgba(255,255,255,.6);border-radius:999px;background:rgba(247,241,226,.78);backdrop-filter:blur(14px);color:var(--green);min-height:42px;padding:0 6px 0 15px;display:flex;align-items:center;justify-content:space-between;gap:11px;font-size:10px;font-weight:700;letter-spacing:.02em;box-shadow:0 8px 22px rgba(20,38,24,.14)}.primary b{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:#fff;font-size:14px;font-weight:400}.english-note{position:absolute;top:-78px;right:0;width:220px;background:rgba(249,244,233,.72);backdrop-filter:blur(10px);padding:12px 14px;border-radius:14px}.english-note strong,.english-note span{display:block}.english-note strong{font:400 17px/1.1 Georgia,serif}.english-note span{font-size:9px;letter-spacing:.08em;margin-top:5px}.content-screen{padding:92px 22px 68px;background:var(--paper);display:flex;flex-direction:column}.screen-heading{max-width:760px}.screen-heading>p{text-transform:uppercase;letter-spacing:.16em;font-size:10px;font-weight:700;color:#956a28;margin:0 0 12px}.screen-heading h1{font:400 clamp(38px,10vw,68px)/1.02 Georgia,"Songti SC",serif;letter-spacing:-.04em;margin:0;max-width:850px}.screen-heading>span{display:block;font-size:13px;line-height:1.65;color:#5e695f;max-width:600px;margin-top:16px}.product-strip{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;margin:24px -22px 0;padding:0 22px 18px;scrollbar-width:none}.product-strip::-webkit-scrollbar{display:none}.product-card{flex:0 0 68vw;max-width:300px;scroll-snap-align:start;background:#fff;padding:10px 10px 16px;border-radius:18px}.product-card>div{height:min(33svh,280px);border-radius:12px;background:#efe3c9;display:grid;place-items:center}.product-card:nth-child(2)>div{background:#ead8d2}.product-card:nth-child(3)>div{background:#dfe7d5}.product-card img{width:82%;height:82%;object-fit:contain;mix-blend-mode:multiply}.product-card h3{font:400 20px Georgia,"Songti SC",serif;margin:14px 5px 5px}.product-card span{font-size:11px;color:#7a837b;margin-left:5px}.bottom-nav{position:absolute;left:22px;right:22px;bottom:max(18px,env(safe-area-inset-bottom));display:flex;justify-content:space-between}.bottom-nav button{border:0;background:transparent;padding:8px 0;color:var(--ink);font-size:11px;font-weight:700}.story-screen{background:linear-gradient(rgba(28,52,35,.18),rgba(28,52,35,.42)),url('assets/story-landscape.png') center/cover}.organic-card{background:rgba(248,243,233,.91);backdrop-filter:blur(8px);padding:30px 24px;border-radius:24px;margin:auto 0}.story-screen .bottom-nav button{color:#fff}.quality-screen{background:var(--green);color:#f5efe3}.quality-screen .screen-heading>span{color:#ccd5cd}.quality-list{margin-top:auto;margin-bottom:22px}.quality-list>div{display:flex;align-items:center;gap:18px;border-top:1px solid rgba(255,255,255,.18);padding:15px 0}.quality-list span{font-size:10px;color:#dab15c}.quality-list strong{font:400 17px Georgia,"Songti SC",serif}.quality-screen .bottom-nav button{color:#f5efe3}.contact-screen{background:#e7c8bf}.contact-copy{margin:auto 0 28px}.contact-card{background:#fff7eb;padding:22px;border-radius:22px;display:grid;gap:13px}.contact-card a{color:inherit;text-decoration:none}.contact-card a:first-child{background:var(--green);color:#fff;border-radius:999px;padding:14px 17px;font-size:12px;font-weight:700;display:flex;justify-content:space-between}.contact-card a:nth-child(2),.contact-card a:nth-child(3){font:400 19px Georgia,serif}.contact-card small{font-size:10px;color:#777}.contact-screen .bottom-nav{position:static;margin-top:12px}
@media(min-width:760px){.topbar{padding:24px 34px}.hero-picture img{transform:none}.hero-bottom{left:5vw;right:5vw;bottom:7vh;justify-content:flex-end}.primary{min-height:54px;padding:0 10px 0 25px;font-size:14px}.content-screen{padding:12vh 8vw 8vh}.product-strip{margin:38px 0 0;padding:0 0 16px}.product-card{flex:1 1 0;max-width:none}.product-card>div{height:34vh}.quality-list{display:grid;grid-template-columns:1fr 1fr;gap:0 36px}.organic-card{width:min(620px,48vw);padding:48px}.contact-screen{display:grid;grid-template-columns:1fr 420px;gap:9vw;align-items:center}.contact-copy{margin:0}.contact-screen .bottom-nav{position:absolute}.english-note{top:auto;bottom:0;right:auto;left:0;max-width:300px;padding:16px 18px}.english-note strong{font-size:24px}}
@media(max-width:420px){.screen-heading h1{font-size:36px}.product-card{flex-basis:72vw}.primary{max-width:calc(100vw - 40px)}}

/* Product collection: photographic cards */
.products-screen .product-card{flex-basis:72vw;max-width:310px;padding:9px 9px 15px;box-shadow:0 12px 30px rgba(52,62,43,.07)}
.products-screen .product-card>div{height:min(34svh,300px);display:block;overflow:hidden;background:#efe3c9}
.products-screen .product-card img{width:100%;height:100%;object-fit:cover;display:block;mix-blend-mode:normal}
.products-screen .product-card h3{margin:13px 6px 3px}
.products-screen .product-card p{font-size:10px;line-height:1.35;color:#7a837b;margin:0 6px 7px}
.products-screen .product-card span{font-weight:700;color:#956a28;margin-left:6px}
@media(min-width:760px){.products-screen{padding-top:9vh}.products-screen .product-strip{margin:28px -8vw 0;padding:0 8vw 16px}.products-screen .product-card{flex:0 0 min(27vw,350px);max-width:350px}.products-screen .product-card>div{height:min(36vh,350px)}}

/* Customer-brand packaging examples within the product screen */
.private-label-intro{flex:0 0 72vw;max-width:310px;scroll-snap-align:start;align-self:stretch;border-radius:18px;padding:24px;display:flex;flex-direction:column;justify-content:flex-end;color:#f8f1e4;background:linear-gradient(150deg,rgba(31,57,36,.78),rgba(31,57,36,.95)),url('assets/story-landscape.png') center/cover;box-shadow:0 12px 30px rgba(25,43,29,.18)}
.private-label-intro p{margin:0 0 12px;color:#e2b761;font-size:10px;font-weight:700;letter-spacing:.14em}
.private-label-intro h2{margin:0;font:400 29px/1.08 Georgia,"Songti SC",serif}
.private-label-intro span{margin-top:14px;font-size:12px;line-height:1.6;color:#e7ece6}
.products-screen .private-label-card{background:rgba(255,251,243,.97);box-shadow:0 14px 34px rgba(31,57,36,.16)}
.products-screen .private-label-card>div{background:#e5ddcc}
@media(min-width:760px){.private-label-intro{flex:0 0 min(27vw,350px);max-width:350px;padding:30px}.private-label-intro h2{font-size:34px}}

/* === Vertical products layout — 2026-08-05 === */

.products-screen {
  display: block;
  overflow-x: hidden;
  overflow-y: auto;
  padding-bottom: 40px;
  background:
    linear-gradient(
      180deg,
      rgba(250,246,237,.91) 0%,
      rgba(245,238,222,.88) 48%,
      rgba(236,228,207,.93) 100%
    ),
    url("assets/story-landscape.png") center / cover fixed no-repeat;
  -webkit-overflow-scrolling: touch;
}

.products-screen > .screen-heading {
  padding: 20px;
  border-radius: 22px;
  background: rgba(255,251,243,.82);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

.catalog-section {
  margin-top: 34px;
}

.section-title {
  margin-bottom: 17px;
}

.section-title > p {
  margin: 0 0 8px;
  color: #956a28;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .16em;
}

.section-title h2 {
  margin: 0;
  color: #293628;
  font: 400 27px/1.08 Georgia, "Songti SC", serif;
  letter-spacing: -.025em;
}

.section-title > span {
  display: block;
  max-width: 620px;
  margin-top: 10px;
  color: #5e695f;
  font-size: 12px;
  line-height: 1.6;
}

.product-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 12px;
}

.products-screen .product-grid .product-card {
  width: auto;
  min-width: 0;
  max-width: none;
  padding: 7px 7px 13px;
  border-radius: 16px;
  background: rgba(255,255,255,.96);
  box-shadow: 0 10px 28px rgba(35,54,38,.12);
}

.products-screen .product-grid .product-card > div {
  width: 100%;
  height: auto;
  aspect-ratio: 1 / 1;
  border-radius: 11px;
  overflow: hidden;
}

.products-screen .product-grid .product-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.products-screen .product-grid .product-card h3 {
  margin: 10px 4px 4px;
  font-size: 15px;
  line-height: 1.15;
}

.products-screen .product-grid .product-card p {
  min-height: 27px;
  margin: 0 4px 5px;
  font-size: 9px;
  line-height: 1.4;
}

.products-screen .product-grid .product-card span {
  margin-left: 4px;
  font-size: 9px;
}

.private-label-section {
  position: relative;
  min-height: 390px;
  margin: 45px -22px 0;
  padding: 34px 22px;
  display: flex;
  align-items: flex-end;
  overflow: hidden;
  color: #fff8ea;
  background:
    linear-gradient(180deg,rgba(22,43,27,.18),rgba(22,43,27,.88)),
    url("assets/story-landscape.png") center / cover no-repeat;
}

.private-label-copy {
  position: relative;
  z-index: 1;
  max-width: 590px;
}

.private-label-copy > p {
  margin: 0 0 12px;
  color: #efc76d;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .16em;
}

.private-label-copy h2 {
  max-width: 520px;
  margin: 0;
  font: 400 33px/1.06 Georgia, "Songti SC", serif;
}

.private-label-copy > span {
  display: block;
  max-width: 530px;
  margin-top: 15px;
  color: rgba(255,255,255,.86);
  font-size: 12px;
  line-height: 1.65;
}

.private-label-copy a {
  width: fit-content;
  min-height: 44px;
  margin-top: 22px;
  padding: 6px 7px 6px 17px;
  display: flex;
  align-items: center;
  gap: 18px;
  border-radius: 999px;
  background: #f5ead2;
  color: #29402d;
  text-decoration: none;
}

.private-label-copy a b {
  font-size: 11px;
}

.private-label-copy a i {
  width: 31px;
  height: 31px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #29402d;
  color: white;
  font-style: normal;
}

.partner-products {
  padding-bottom: 25px;
}

.products-screen .bottom-nav {
  position: static;
  margin-top: 35px;
  padding: 18px 0 max(12px,env(safe-area-inset-bottom));
}

@media (min-width:760px) {
  .products-screen {
    padding-bottom: 50px;
  }

  .product-grid {
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 20px;
  }

  .partner-grid {
    grid-template-columns: repeat(4,minmax(0,1fr));
  }

  .products-screen .product-grid .product-card h3 {
    font-size: 20px;
  }

  .private-label-section {
    min-height: 460px;
    margin: 65px -8vw 0;
    padding: 58px 8vw;
  }

  .private-label-copy h2 {
    font-size: 48px;
  }

  .catalog-section {
    margin-top: 48px;
  }
}

/* === Honey details modal — 2026-08-05 === */
.details-button {
  width: calc(100% - 8px);
  min-height: 38px;
  margin: 10px 4px 0;
  padding: 0 13px;
  border: 1px solid rgba(41,64,45,.2);
  border-radius: 999px;
  background: #f5ead2;
  color: #29402d;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font: 700 10px/1 Arial,"PingFang SC","Microsoft YaHei",sans-serif;
  cursor: pointer;
}
.details-button i {font-style: normal;font-size: 15px}
.details-button:focus-visible,.honey-modal button:focus-visible,.honey-modal a:focus-visible {outline: 3px solid #d6aa4d;outline-offset: 2px}
.modal-open {overflow: hidden!important}
.honey-modal {position: fixed;z-index: 200;inset: 0;display: none}
.honey-modal.is-open {display: block}
.honey-modal__backdrop {position: absolute;inset: 0;background: rgba(19,32,22,.67);backdrop-filter: blur(6px);-webkit-backdrop-filter: blur(6px)}
.honey-modal__panel {position: absolute;left: 0;right: 0;bottom: 0;max-height: 92svh;overflow-y: auto;background: #fbf7ee;border-radius: 26px 26px 0 0;box-shadow: 0 -18px 55px rgba(16,31,20,.24);animation: honey-panel-in .28s ease-out}
@keyframes honey-panel-in {from{transform:translateY(22px);opacity:.5}to{transform:none;opacity:1}}
.honey-modal__close {position: fixed;z-index: 2;right: 15px;margin-top: 15px;width: 38px;height: 38px;border: 0;border-radius: 50%;background: rgba(251,247,238,.92);color: #29402d;font-size: 25px;line-height: 1;box-shadow: 0 5px 18px rgba(30,45,33,.16);cursor: pointer}
.honey-modal__image {height: min(38svh,350px);background: #e8dfcb;overflow: hidden}
.honey-modal__image img {width: 100%;height: 100%;object-fit: cover;display: block}
.honey-modal__content {padding: 25px 22px max(30px,env(safe-area-inset-bottom))}
.honey-modal__eyebrow {margin: 0 0 8px;color: #956a28;font-size: 9px;font-weight: 700;letter-spacing: .15em}
.honey-modal h2 {margin: 0;color: #293628;font: 400 30px/1.08 Georgia,"Songti SC",serif;letter-spacing: -.025em}
.honey-modal__lead {margin: 13px 0 22px;color: #59655b;font-size: 13px;line-height: 1.7}
.honey-modal__facts {margin: 0;border-top: 1px solid rgba(41,54,40,.14)}
.honey-modal__facts div {padding: 15px 0;border-bottom: 1px solid rgba(41,54,40,.14)}
.honey-modal__facts dt {margin-bottom: 6px;color: #956a28;font-size: 9px;font-weight: 700;letter-spacing: .12em}
.honey-modal__facts dd {margin: 0;color: #344136;font-size: 12px;line-height: 1.6}
.honey-modal__energy {margin: 18px 0 0;padding: 13px 14px;border-radius: 13px;background: #eef1e7;color: #3c503f;font-size: 11px;line-height: 1.55}
.honey-modal__note {margin: 12px 2px 0;color: #7b817b;font-size: 9px;line-height: 1.55}
.honey-modal__cta {min-height: 46px;margin-top: 19px;padding: 0 17px;border-radius: 999px;background: #29402d;color: #fff;display: flex;align-items: center;justify-content: center;text-decoration: none;font-size: 11px;font-weight: 700}
@media (min-width:760px) {
  .details-button {min-height: 43px;font-size: 11px}
  .honey-modal__panel {top: 50%;bottom: auto;left: 50%;right: auto;width: min(900px,88vw);max-height: 84vh;display: grid;grid-template-columns: 43% 57%;border-radius: 25px;transform: translate(-50%,-50%);animation: honey-panel-desktop-in .28s ease-out}
  @keyframes honey-panel-desktop-in {from{transform:translate(-50%,-47%);opacity:.5}to{transform:translate(-50%,-50%);opacity:1}}
  .honey-modal__image {height: 100%;min-height: 620px}
  .honey-modal__content {padding: 48px 48px 42px}
  .honey-modal__close {position: absolute;right: 18px;top: 18px;margin: 0}
  .honey-modal h2 {font-size: 42px}
}