@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;550;600;650;700&family=DM+Serif+Display:ital@0;1&display=swap');

:root { --ink:#283c30; --muted:#687269; --green:#315543; --cream:#fbfaf6; --line:#e3e5db; --serif:"DM Serif Display",Georgia,serif; --sans:"DM Sans",system-ui,sans-serif; }
* { box-sizing:border-box; }
body { margin:0; background:var(--cream); color:var(--ink); font:15px/1.6 var(--sans); }
button,input,select { font:inherit; color:inherit; }
a { color:inherit; }
button,a { touch-action:manipulation; -webkit-tap-highlight-color:transparent; }
button { cursor:pointer; }
button,a,input,select { transition:background .18s,border-color .18s,transform .18s; }
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible { outline:3px solid #8b663d; outline-offset:4px; }
img { display:block; max-width:100%; }
[hidden] { display:none!important; }
.container { width:min(1080px,calc(100% - 64px)); margin-inline:auto; }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.skip-link { position:fixed; top:-90px; left:16px; z-index:10; padding:12px 20px; background:var(--green); color:white; }
.skip-link:focus { top:12px; }
.site-header { border-bottom:1px solid var(--line); }
.header-inner { min-height:82px; padding-block:14px; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px 16px; }
.header-actions { display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; gap:10px 18px; margin-left:auto; }
.edit-catalog-link { display:inline-flex; align-items:center; gap:7px; min-height:40px; padding:6px 10px; border:1px solid var(--line); border-radius:8px; background:white; font-size:12px; font-weight:550; text-decoration:none; white-space:nowrap; }
.edit-catalog-link:hover { background:#edf0e7; border-color:#a0ae92; }
.wordmark { display:inline-flex; align-items:center; gap:9px; font-size:26px; letter-spacing:-1.4px; font-weight:700; text-decoration:none; line-height:1; }
.wordmark>span:not(.wordmark-dot) { font-weight:400; margin-left:-9px; }
.wordmark-dot { color:#a57850; margin-left:-8px; }
.back-link { display:flex; align-items:center; gap:8px; font-size:13px; text-decoration:none; min-height:44px; }
.back-link:hover { text-decoration:underline; text-underline-offset:4px; }
.eyebrow { margin:0 0 12px; font-size:10px; letter-spacing:2px; font-weight:650; color:var(--muted); }
h1,h2 { font-family:var(--serif); font-weight:400; }

.catalog-picker { max-width:850px; padding-block:65px 48px; text-align:center; }
.catalog-picker h1 { margin:0; font-size:clamp(36px,5vw,52px); line-height:1.15; letter-spacing:-1px; }
.catalog-picker h1 span { color:#90a17a; }
.picker-description { margin:12px 0 32px; color:var(--muted); font-size:14px; }
.company-choices { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; text-align:left; }
.company-choice { display:block; padding:12px 26px 26px; border:1px solid #dfdce5; border-radius:18px; text-decoration:none; }
.company-choice:hover { transform:translateY(-3px); border-color:#a0ae92; }
.gym-choice { background:#eeebf2; }
.plant-choice { background:#eaf0e4; border-color:#dce4d3; }
.company-choice>img { width:100%; height:208px; object-fit:contain; padding:10px 30px 0; }
.company-choice>.brand-logo { height:190px; padding:20px; margin-block:10px 18px; background:#171b19; border-radius:12px; }
.company-choice>.plant-logo { width:190px; height:190px; padding:8px; margin:10px auto 18px; background:#fff; border-radius:50%; }
.choice-label { display:flex; justify-content:space-between; align-items:center; gap:12px; }
.company-choice h2 { font-size:28px; line-height:1.2; margin:5px 0 0; letter-spacing:-.5px; }
.choice-arrow { display:grid; place-items:center; width:39px; height:39px; flex-shrink:0; border-radius:50%; border:1px solid #cdd3c3; font-size:22px; }
.gym-choice .choice-arrow { border-color:#d0c9da; }

.collection { padding-block:36px 48px; }
.section-heading { margin-bottom:24px; }
.section-heading h1 { font-size:43px; line-height:1.15; letter-spacing:-.8px; margin:0; }
.catalog-description { margin:9px 0 0; font-size:13px; color:var(--muted); }
.catalog-toolbar { display:flex; align-items:center; justify-content:space-between; gap:16px; padding-bottom:18px; border-bottom:1px solid var(--line); }
.search-box { display:flex; align-items:center; gap:10px; max-width:420px; width:100%; background:white; border:1px solid var(--line); padding:9px 13px; border-radius:8px; }
.search-box svg { stroke:#7d8878; fill:none; stroke-width:1.5; flex-shrink:0; }
.search-box input { width:100%; min-width:0; border:0; background:transparent; font-size:13px; min-height:26px; }
.search-box input:focus-visible { outline-offset:1px; }
.search-box input::placeholder { color:#7c8477; }
.sort-label select { background:transparent; border:1px solid transparent; border-radius:6px; color:var(--muted); font-size:12px; padding:10px 3px; cursor:pointer; }
.category-filters { display:flex; gap:7px; flex-wrap:wrap; padding-top:18px; }
.category-chip { border:1px solid transparent; border-radius:30px; background:transparent; padding:8px 14px; font-size:12px; min-height:40px; }
.category-chip.active { background:#e9edde; border-color:#dce3cd; }
.category-chip:hover { background:#eceee4; }
.catalog-notice { padding:12px 16px; font-size:12px; background:#f1eada; border:1px solid #e2d8bf; border-radius:8px; color:#665638; margin:16px 0 0; }
.results-row { display:flex; justify-content:space-between; align-items:center; min-height:48px; margin-bottom:9px; }
.results-row p { margin:0; font-size:12px; color:var(--muted); }
.text-button { border:0; background:transparent; text-decoration:underline; text-underline-offset:3px; font-size:12px; min-height:40px; padding:5px; }
.product-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.product-card { min-width:0; background:white; border:1px solid var(--line); border-radius:13px; overflow:hidden; display:flex; flex-direction:column; }
.product-art { height:232px; background:#edf0e7; position:relative; display:flex; align-items:center; justify-content:center; text-decoration:none; overflow:hidden; }
.product-art.lavender { background:#efedf4; }
.product-art.peach { background:#f5ece4; }
.product-art.sage { background:#eaf0e6; }
.product-art.sand { background:#f1eee2; }
.product-art img { width:100%; height:100%; object-fit:contain; padding:25px; transition:transform .2s; }
.product-art:hover img { transform:scale(1.04); }
.product-art.real-image { background:#fff; }
.company-badge { position:absolute; top:13px; left:13px; background:#ffffffed; border-radius:20px; padding:4px 9px; font-size:10px; z-index:1; }
.sample-badge { position:absolute; bottom:10px; right:12px; font-size:9px; color:#63705d; background:#ffffffb8; padding:2px 7px; border-radius:10px; }
.product-content { padding:18px 20px 17px; display:flex; flex-direction:column; flex:1; }
.product-category { font-size:10px; letter-spacing:1px; text-transform:uppercase; color:#758069; margin:0 0 5px; }
.product-title { font-size:16px; line-height:1.4; font-weight:550; letter-spacing:-.25px; margin:0 0 8px; }
.product-title a { text-decoration:none; }
.product-title a:hover { text-decoration:underline; text-underline-offset:3px; }
.product-note { color:var(--muted); font-size:12px; line-height:1.7; margin:0 0 18px; overflow-wrap:anywhere; }
.product-bottom { border-top:1px solid #eef0e9; padding-top:12px; display:flex; justify-content:space-between; align-items:center; gap:12px; margin-top:auto; }
.product-bottom>span { font-size:10px; color:#78816f; }
.amazon-link { font-size:12px; font-weight:650; text-decoration:none; display:flex; align-items:center; gap:10px; min-height:36px; }
.amazon-link span { font-size:16px; }
.amazon-link:hover { color:#886142; }
.empty-state { text-align:center; padding:48px 20px; background:#f0f2e9; border:1px dashed #cfd7c5; border-radius:12px; }
.empty-icon { font-size:32px; color:#899b76; }
.empty-state h2 { font-size:28px; margin:6px 0; }
.empty-state p { font-size:13px; color:var(--muted); margin:10px auto 22px; max-width:460px; }
.primary-button { border:1px solid var(--green); background:var(--green); color:white; padding:12px 20px; border-radius:8px; font-size:13px; min-height:46px; }
.primary-button:hover { background:#233f30; }
.site-footer { border-top:1px solid var(--line); padding-block:20px; color:var(--muted); font-size:11px; }
.site-footer p { margin:0 0 5px; }
.site-footer p:last-child { margin-top:12px; }

@media(max-width:760px) {
  .container { width:calc(100% - 40px); }
  .product-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
  .product-art { height:210px; }
  .company-choice { padding:10px 20px 22px; }
  .company-choice h2 { font-size:24px; }
  .company-choice>img { height:180px; padding-inline:5px; }
  .company-choices { gap:16px; }
}
@media(max-width:520px) {
  .header-inner { min-height:72px; padding-block:12px; }
  .header-actions { column-gap:12px; }
  .wordmark { font-size:23px; }
  .wordmark img { width:30px; height:30px; }
  .back-link { font-size:12px; gap:5px; }
  .catalog-picker { padding-block:34px; }
  .catalog-picker h1 { font-size:36px; }
  .picker-description { font-size:13px; margin-bottom:24px; }
  .company-choices { grid-template-columns:1fr; gap:16px; }
  .company-choice { display:flex; align-items:center; gap:8px; padding:16px 20px 16px 8px; min-height:140px; border-radius:14px; }
  .company-choice>img { width:104px; height:106px; padding:0; flex-shrink:0; }
  .company-choice>.brand-logo { height:106px; padding:10px; margin-block:0; border-radius:10px; }
  .company-choice>.plant-logo { width:104px; height:104px; padding:5px; margin:0; }
  .choice-label { flex:1; min-width:0; gap:8px; }
  .company-choice h2 { font-size:23px; letter-spacing:-.5px; }
  .choice-arrow { width:30px; height:30px; font-size:19px; }
  .collection { padding-block:26px 36px; }
  .section-heading { margin-bottom:20px; }
  .section-heading h1 { font-size:34px; }
  .catalog-toolbar { flex-wrap:wrap; gap:8px; padding-bottom:12px; }
  .sort-label { margin-left:auto; }
  .category-filters { gap:2px; padding-top:12px; }
  .category-chip { padding-inline:11px; font-size:11px; }
  .catalog-notice { font-size:11px; padding:10px 12px; }
  .results-row p { font-size:11px; }
  .product-grid { gap:16px 12px; }
  .product-art { height:175px; }
  .product-art img { padding:19px 12px; }
  .company-badge { font-size:8px; left:8px; top:8px; padding:3px 7px; }
  .sample-badge { font-size:8px; bottom:7px; right:7px; }
  .product-content { padding:12px; }
  .product-category { font-size:9px; }
  .product-title { font-size:14px; }
  .product-note { margin-bottom:12px; }
  .product-bottom { display:block; padding-top:8px; }
  .product-bottom>span { display:none; }
  .amazon-link { font-size:11px; justify-content:space-between; }
}
@media(max-width:350px) {
  .container { width:calc(100% - 28px); }
  .wordmark { font-size:21px; }
  .back-link { font-size:11px; }
  .company-choice { padding-right:14px; }
  .company-choice>img { width:83px; }
  .company-choice>.plant-logo { width:83px; height:83px; }
  .company-choice h2 { font-size:21px; }
  .product-art { height:155px; }
}
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { transition:none!important; animation:none!important; } }