:root{
  --bg:#F6F7F4; --panel:#FFFFFF; --ink:#1D2A24; --muted:#5A6A62; --line:#E3E6E0;
  --accent:#2F6B4F; --accent2:#A7B8AE;
  --radius:24px; --shadow:0 12px 40px rgba(18,26,22,.10); --shadow2:0 6px 18px rgba(18,26,22,.08);
  --wrap:1120px;
}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;background:var(--bg);color:var(--ink);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;line-height:1.5;letter-spacing:.2px}
a{color:inherit;text-decoration:none}
a:hover{text-decoration:underline}

.bk-skip{position:absolute;left:-9999px;top:12px;background:var(--panel);border:1px solid var(--line);padding:10px 12px;border-radius:12px;z-index:5}
.bk-skip:focus{left:12px}

.bk-wrap{width:min(var(--wrap),calc(100% - 40px));margin:0 auto}

.bk-top{position:sticky;top:0;z-index:10;background:rgba(246,247,244,.75);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.bk-top__inner{display:flex;align-items:center;justify-content:space-between;padding:14px 0;gap:18px}
.bk-mark{display:inline-flex;align-items:center;gap:10px}
.bk-mark__dot{width:14px;height:14px;border-radius:999px;background:radial-gradient(circle at 30% 30%,var(--accent2),var(--accent));box-shadow:0 6px 16px rgba(47,107,79,.18)}
.bk-mark__name{font-weight:680;letter-spacing:.6px}
.bk-nav{display:flex;gap:14px;align-items:center}
.bk-nav__link{padding:8px 10px;border-radius:999px}
.bk-nav__link:hover{background:rgba(47,107,79,.08);text-decoration:none}
.bk-chip{display:inline-flex;align-items:center;gap:10px;padding:8px 12px;border-radius:999px;border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow2)}
.bk-chip__count{min-width:26px;padding:4px 8px;border-radius:999px;background:rgba(47,107,79,.10);border:1px solid rgba(47,107,79,.18);text-align:center;font-size:13px}

.bk-main{padding-bottom:40px}

.bk-hero{padding:34px 0 6px}
.bk-hero__grid{display:grid;grid-template-columns:1.08fr .92fr;gap:26px;align-items:center}
.bk-eyebrow{display:inline-flex;padding:6px 10px;border-radius:999px;background:rgba(47,107,79,.10);border:1px solid rgba(47,107,79,.18);color:var(--muted);font-size:13px}
.bk-h1{font-size:clamp(34px,4vw,52px);line-height:1.06;margin:14px 0 10px;letter-spacing:-.6px}
.bk-h2{font-size:clamp(22px,2.2vw,30px);margin:0 0 10px;letter-spacing:-.3px}
.bk-h2--small{font-size:20px;margin:0 0 8px}
.bk-h3{font-size:18px;margin:0 0 8px}
.bk-h3--tight{margin-bottom:6px}
.bk-lead{font-size:16px;color:var(--muted);margin:0 0 16px;max-width:64ch}
.bk-prose{margin:0 0 12px;color:var(--muted);max-width:74ch}
.bk-hero__cta{display:flex;gap:12px;flex-wrap:wrap;margin:14px 0 18px}

.bk-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;border-radius:14px;border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow2);font-weight:600;cursor:pointer}
.bk-btn:hover{text-decoration:none;transform:translateY(-1px)}
.bk-btn--pill{border-radius:999px;background:rgba(47,107,79,.10);border-color:rgba(47,107,79,.22)}
.bk-btn--ghost{background:transparent;box-shadow:none}
.bk-btn--wide{width:100%}

.bk-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0}
.bk-stats__item{padding:12px 14px;border-radius:var(--radius);border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow2)}
.bk-stats dt{font-size:12px;color:var(--muted)}
.bk-stats dd{margin:4px 0 0;font-weight:650}

.bk-hero__media{position:relative;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow)}
.bk-hero__img{width:100%;height:100%;display:block;object-fit:cover;min-height:420px}
.bk-hero__badge{position:absolute;left:16px;bottom:16px;background:rgba(255,255,255,.78);border:1px solid rgba(227,230,224,.75);border-radius:18px;padding:10px 12px;backdrop-filter:blur(10px)}
.bk-hero__badgeTop{display:block;font-size:12px;color:var(--muted)}
.bk-hero__badgeBottom{display:block;font-weight:650}

.bk-section{padding:44px 0}
.bk-section--alt{padding:40px 0}
.bk-section--thin{padding:18px 0 48px}
.bk-section__head{display:flex;align-items:baseline;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:18px}
.bk-sub{margin:0;color:var(--muted);max-width:70ch}
.bk-section__foot{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}

.bk-grid{display:grid;gap:14px}
.bk-grid--2{grid-template-columns:repeat(2,1fr)}
.bk-grid--3{grid-template-columns:repeat(3,1fr)}
.bk-grid--4{grid-template-columns:repeat(4,1fr)}

.bk-card{padding:18px;border-radius:var(--radius);border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow2)}
.bk-split{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:center}
.bk-img{width:100%;height:auto;border-radius:var(--radius);border:1px solid var(--line);box-shadow:var(--shadow2)}
.bk-img--frame{min-height:360px;object-fit:cover}

.bk-tile{padding:16px;border-radius:var(--radius);border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(255,255,255,.80));box-shadow:var(--shadow2)}
.bk-tile__top{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.bk-tile__actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}
.bk-price{font-weight:720;letter-spacing:.2px}

.bk-banner{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px;border-radius:var(--radius);border:1px solid rgba(47,107,79,.22);background:rgba(47,107,79,.08)}

.bk-pagehead{padding:32px 0 12px}
.bk-pagehead__grid{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:start}

.bk-filters{display:flex;gap:8px;flex-wrap:wrap}
.bk-chip2{padding:8px 12px;border-radius:999px;border:1px solid var(--line);background:var(--panel);cursor:pointer}
.bk-chip2[aria-pressed="true"]{background:rgba(47,107,79,.10);border-color:rgba(47,107,79,.22)}

.bk-masonry{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.bk-item{border-radius:var(--radius);border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow2);padding:16px}
.bk-item__row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.bk-item__btns{display:flex;gap:10px;flex-wrap:wrap}

.bk-note{margin-top:18px;padding:18px;border-radius:var(--radius);border:1px solid var(--line);background:rgba(255,255,255,.68)}
.bk-pill{font-size:12px;color:var(--muted);padding:6px 10px;border-radius:999px;border:1px solid rgba(47,107,79,.18);background:rgba(47,107,79,.08)}
.bk-details{margin-top:12px;border-radius:18px;border:1px solid var(--line);padding:10px 12px}
.bk-details summary{cursor:pointer;font-weight:650}

.bk-prod{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}
.bk-prod__panel{padding:18px;border-radius:var(--radius);border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow2)}
.bk-prod__row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}

.bk-cart{display:grid;grid-template-columns:1.2fr .8fr;gap:14px;align-items:start}
.bk-cart__list{display:grid;gap:12px}
.bk-cartRow{display:grid;grid-template-columns:1fr auto;gap:10px;padding:16px;border-radius:var(--radius);border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow2)}
.bk-cartRow__title{font-weight:700;margin:0 0 4px}
.bk-cartRow__meta{color:var(--muted);margin:0}
.bk-qty{display:inline-flex;align-items:center;gap:8px}
.bk-qty button{width:34px;height:34px;border-radius:12px;border:1px solid var(--line);background:var(--panel);cursor:pointer}
.bk-qty input{width:50px;text-align:center;border-radius:12px;border:1px solid var(--line);padding:8px;background:var(--bg)}
.bk-cartSummary{border-radius:var(--radius);border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow2);padding:16px;min-width:220px}
.bk-cartSummary__line{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}
.bk-cart__aside{border-radius:var(--radius);border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow2);padding:18px}

.bk-form{display:grid;gap:12px;margin-top:12px}
.bk-form--card{border-radius:var(--radius);border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow2);padding:18px}
.bk-field{display:grid;gap:6px}
.bk-field__lbl{font-size:13px;color:var(--muted)}
.bk-input,.bk-textarea{width:100%;border-radius:16px;border:1px solid var(--line);background:var(--bg);padding:10px 12px;font:inherit}
.bk-textarea{resize:vertical;min-height:120px}
.bk-small{font-size:13px;color:var(--muted);margin:0}

.bk-contact{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}
.bk-contactCard{border-radius:var(--radius);border:1px solid var(--line);background:rgba(255,255,255,.72);padding:14px}
.bk-long{max-width:78ch}

.bk-callout{margin-top:18px;padding:16px;border-radius:var(--radius);border:1px solid rgba(47,107,79,.20);background:rgba(47,107,79,.06)}
.bk-bullets{margin:10px 0 0 18px;color:var(--muted)}
.bk-steps{margin:10px 0 0 18px;color:var(--muted)}

.bk-confirm{margin-top:16px;padding:16px;border-radius:var(--radius);border:1px solid var(--line);background:rgba(255,255,255,.72)}
.bk-k{color:var(--ink);font-weight:650}

.bk-foot{border-top:1px solid var(--line);padding:34px 0 26px}
.bk-foot__grid{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:14px}
.bk-foot__ttl{margin:0 0 10px;font-size:16px}
.bk-foot__txt{margin:0 0 12px;color:var(--muted)}
.bk-foot__list{margin:0;padding-left:18px;color:var(--muted)}
.bk-foot__list li{margin-bottom:6px}
.bk-foot__bottom{margin-top:18px;padding-top:14px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:var(--muted)}
.bk-foot__copy,.bk-foot__meta{margin:0}

.bk-mini{margin-top:10px;display:grid;gap:8px}
.bk-mini__lbl{font-size:13px;color:var(--muted)}
.bk-mini__row{display:flex;gap:10px;flex-wrap:wrap}
.bk-mini__row .bk-input{flex:1 1 220px}
.bk-mini__note{margin:0;font-size:12px;color:var(--muted)}

@media (max-width:980px){
  .bk-hero__grid,.bk-split,.bk-prod,.bk-cart,.bk-contact,.bk-pagehead__grid{grid-template-columns:1fr}
  .bk-grid--4{grid-template-columns:repeat(2,1fr)}
  .bk-grid--3{grid-template-columns:1fr}
  .bk-masonry{grid-template-columns:1fr}
  .bk-foot__grid{grid-template-columns:1fr 1fr}
}
@media (max-width:520px){
  .bk-top__inner{flex-wrap:wrap}
  .bk-nav{width:100%;justify-content:space-between}
  .bk-grid--4{grid-template-columns:1fr}
  .bk-foot__grid{grid-template-columns:1fr}
}