:root {
  --bl-forest: #174b32;
  --bl-forest-deep: #0f3323;
  --bl-leaf: #3f7651;
  --bl-sky: #dfeef3;
  --bl-honey: #d67b18;
  --bl-berry: #8f3b32;
  --bl-paper: #fbfcf8;
  --bl-milk: #f2f5ef;
  --bl-ink: #17221c;
  --bl-muted: #59685f;
  --bl-line: rgba(23, 75, 50, .17);
}

.city-site--borovlyany {
  --green: var(--bl-forest);
  --green-dark: var(--bl-forest-deep);
  --orange: #a84d08;
  --ink: var(--bl-ink);
  --paper: var(--bl-paper);
  --soft: var(--bl-milk);
  --page-width: 100%;
  --side: clamp(20px, 5vw, 88px);
  background: #e8ede7;
  color: var(--bl-ink);
}

.city-site--borovlyany .page {
  width: 100%;
  max-width: none;
  background: var(--bl-paper);
  box-shadow: none;
  overflow: clip;
}

.city-site--borovlyany .site-header {
  border-bottom: 1px solid var(--bl-line);
  background: rgba(251, 252, 248, .92);
}

.city-site--borovlyany .header-inner {
  padding-inline: var(--side);
}

.city-site--borovlyany .brand-copy {
  display: grid;
  gap: 3px;
}

.city-site--borovlyany .brand-copy strong { font-size: 23px; }
.city-site--borovlyany .brand-copy small {
  color: var(--bl-leaf);
  font-size: 9px;
  font-weight: 900;
  line-height: 1;
  text-transform: uppercase;
}

.city-site--borovlyany .main-nav { gap: clamp(14px, 1.7vw, 28px); }
.city-site--borovlyany main { overflow: clip; }
.city-site--borovlyany h1,
.city-site--borovlyany h2,
.city-site--borovlyany h3 { letter-spacing: 0; }

.bl-kicker {
  width: fit-content;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--bl-forest);
  font-size: 11px;
  font-weight: 900;
  line-height: 1.3;
  text-transform: uppercase;
}

.bl-kicker svg { width: 18px; height: 18px; }
.bl-kicker--light { color: #f6c56f; }
.bl-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 14px; }
.bl-actions .btn { min-height: 49px; padding-inline: 22px; }
.bl-phone {
  min-width: 0;
  display: inline-flex;
  align-items: center;
  gap: 11px;
  color: var(--bl-forest-deep);
}
.bl-phone > svg {
  width: 38px;
  height: 38px;
  flex: 0 0 auto;
  padding: 9px;
  border: 1px solid var(--bl-line);
  border-radius: 50%;
}
.bl-phone span { min-width: 0; display: grid; gap: 2px; font-size: 10px; }
.bl-phone b { font-size: 13px; line-height: 1.25; }
.btn-sun { border-color: var(--bl-honey); background: var(--bl-honey); color: #172018; }

.bl-heading {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(260px, .48fr);
  align-items: end;
  gap: 38px;
  margin-bottom: 30px;
}
.bl-heading h2 { margin-top: 8px; font-size: clamp(30px, 3vw, 48px); line-height: 1.08; }
.bl-heading > p { margin: 0; color: var(--bl-muted); font-size: 14px; line-height: 1.68; }
.bl-heading > a { justify-self: end; display: inline-flex; align-items: center; gap: 7px; color: var(--bl-forest); font-size: 13px; font-weight: 850; }
.bl-heading svg { width: 17px; height: 17px; }

/* Home */
.bl-hero {
  height: clamp(590px, 47vw, 760px);
  min-height: 590px;
  position: relative;
  overflow: hidden;
  border-bottom: 1px solid var(--bl-line);
  background: #edf3ec;
}
.bl-hero-media,
.bl-hero-media img,
.bl-hero-veil { width: 100%; height: 100%; position: absolute; inset: 0; }
.bl-hero-media img { object-fit: cover; object-position: center; }
.bl-hero-veil {
  width: 66%;
  right: auto;
  background: linear-gradient(90deg, #fbfcf8 0%, rgba(251, 252, 248, .97) 57%, rgba(251, 252, 248, 0) 100%);
}
.bl-hero-copy {
  width: min(690px, 50vw);
  min-height: 100%;
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-left: var(--side);
  padding: 44px 0 70px;
}
.bl-hero h1 { max-width: 680px; margin-top: 20px; font-size: clamp(44px, 4.65vw, 76px); line-height: 1.02; }
.bl-hero-copy > p { max-width: 610px; margin: 24px 0 0; color: #3d4c43; font-size: clamp(16px, 1.15vw, 19px); line-height: 1.65; }
.bl-hero-copy .bl-actions { margin-top: 30px; }
.bl-hero-note {
  position: absolute;
  z-index: 3;
  right: var(--side);
  bottom: 30px;
  display: grid;
  grid-template-columns: 30px auto;
  gap: 1px 12px;
  padding: 17px 20px;
  border: 1px solid rgba(255,255,255,.7);
  border-radius: 6px;
  background: rgba(255,255,255,.82);
  box-shadow: 0 16px 44px rgba(20, 48, 32, .14);
  backdrop-filter: blur(14px);
}
.bl-hero-note svg { grid-row: 1 / 4; width: 27px; height: 27px; color: var(--bl-forest); }
.bl-hero-note span { color: var(--bl-muted); font-size: 9px; text-transform: uppercase; font-weight: 850; }
.bl-hero-note strong { font-size: 15px; }
.bl-hero-note small { color: var(--bl-muted); font-size: 10px; }

.bl-home-facts {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  padding-inline: var(--side);
  border-bottom: 1px solid var(--bl-line);
  background: #fff;
}
.bl-home-facts > div {
  min-width: 0;
  min-height: 108px;
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  align-items: center;
  gap: 14px;
  padding: 20px clamp(14px, 2.2vw, 34px);
  border-right: 1px solid var(--bl-line);
}
.bl-home-facts > div:first-child { padding-left: 0; }
.bl-home-facts > div:last-child { border-right: 0; }
.bl-home-facts > div > span { color: var(--bl-honey); font-size: 11px; font-weight: 900; }
.bl-home-facts p { display: grid; gap: 3px; margin: 0; }
.bl-home-facts b { font-size: 13px; line-height: 1.3; }
.bl-home-facts small { color: var(--bl-muted); font-size: 10px; line-height: 1.4; }

.bl-delivery-home {
  min-height: clamp(520px, 40vw, 660px);
  position: relative;
  overflow: hidden;
  background: #e9e4d8;
}
.bl-delivery-photo,
.bl-delivery-photo img { width: 100%; height: 100%; position: absolute; inset: 0; }
.bl-delivery-photo img { object-fit: cover; object-position: center right; }
.bl-delivery-home::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(15, 51, 35, .98) 0%, rgba(15, 51, 35, .95) 33%, rgba(15, 51, 35, .34) 62%, rgba(15, 51, 35, 0) 82%);
}
.bl-delivery-panel {
  width: min(580px, 46vw);
  min-height: clamp(520px, 40vw, 660px);
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-left: var(--side);
  color: #fff;
  padding: 52px 0;
}
.bl-delivery-panel h2 { margin-top: 11px; color: #fff; font-size: clamp(34px, 3.4vw, 55px); line-height: 1.05; }
.bl-delivery-panel > p { max-width: 540px; margin: 20px 0 0; color: rgba(255,255,255,.75); line-height: 1.7; }
.bl-delivery-panel dl { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1px; margin: 28px 0; background: rgba(255,255,255,.22); }
.bl-delivery-panel dl > div { min-width: 0; padding: 14px; background: rgba(15, 51, 35, .72); }
.bl-delivery-panel dt { color: rgba(255,255,255,.58); font-size: 9px; font-weight: 800; text-transform: uppercase; }
.bl-delivery-panel dd { margin: 5px 0 0; font-size: 13px; font-weight: 850; }
.bl-delivery-panel .btn { width: fit-content; }

.bl-picker,
.bl-popular,
.bl-category-products,
.bl-opt-stock { padding: clamp(66px, 7vw, 110px) var(--side); }
.bl-picker-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); grid-auto-flow: dense; gap: 12px; }
.bl-picker-card { min-width: 0; min-height: 270px; position: relative; overflow: hidden; border-radius: 6px; background: #dde5db; color: #fff; }
.bl-picker-card--large { grid-column: span 2; }
.bl-picker-card > img { width: 100%; height: 100%; position: absolute; inset: 0; object-fit: cover; object-position: center; transition: transform .35s ease; }
.bl-picker-card--contained > img { object-fit: contain; padding: 18px; background: #eff2ea; }
.bl-picker-card::after { content: ""; position: absolute; inset: 42% 0 0; background: linear-gradient(0deg, rgba(11, 28, 18, .88), rgba(11, 28, 18, 0)); }
.bl-picker-card > span { position: absolute; z-index: 2; left: 20px; right: 52px; bottom: 18px; display: grid; gap: 4px; }
.bl-picker-card small { color: rgba(255,255,255,.72); font-size: 10px; font-weight: 750; }
.bl-picker-card b { font-size: clamp(15px, 1.3vw, 20px); line-height: 1.22; }
.bl-picker-card > svg { width: 23px; height: 23px; position: absolute; z-index: 2; right: 18px; bottom: 20px; }
.bl-text-link { width: fit-content; display: inline-flex; align-items: center; gap: 8px; margin-top: 24px; color: var(--bl-forest); font-size: 13px; font-weight: 850; }
.bl-text-link svg { width: 18px; height: 18px; }
@media (hover:hover) { .bl-picker-card:hover > img { transform: scale(1.035); } }

.bl-order-planner {
  display: grid;
  grid-template-columns: minmax(280px, .7fr) minmax(0, 1.3fr);
  gap: clamp(50px, 8vw, 140px);
  padding: clamp(66px, 7.5vw, 118px) var(--side);
  background: var(--bl-sky);
}
.bl-order-planner header h2 { margin-top: 8px; font-size: clamp(31px, 3.2vw, 51px); line-height: 1.07; }
.bl-order-planner header p { margin: 20px 0 0; color: #52656a; line-height: 1.7; }
.bl-order-planner ol { margin: 0; padding: 0; list-style: none; border-top: 1px solid rgba(23,75,50,.21); }
.bl-order-planner li { display: grid; grid-template-columns: 34px minmax(0,1fr); gap: 18px; padding: 20px 0; border-bottom: 1px solid rgba(23,75,50,.21); }
.bl-order-planner li > span { color: var(--bl-berry); font-size: 12px; font-weight: 900; }
.bl-order-planner h3 { margin: 0; font-size: 17px; }
.bl-order-planner li p { margin: 6px 0 0; color: #52656a; font-size: 13px; line-height: 1.6; }

.bl-route { display: grid; grid-template-columns: minmax(340px, .78fr) minmax(0, 1.22fr); background: var(--bl-forest-deep); color: #fff; }
.bl-route-copy { display: flex; flex-direction: column; justify-content: center; padding: clamp(60px, 7vw, 110px) var(--side); }
.bl-route-copy h2 { margin-top: 10px; color: #fff; font-size: clamp(32px, 3.2vw, 50px); line-height: 1.07; }
.bl-route-copy > p { margin: 20px 0 0; color: rgba(255,255,255,.68); line-height: 1.7; }
.bl-route-copy > div { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 22px; }
.bl-route-copy > div span { padding: 7px 9px; border: 1px solid rgba(255,255,255,.2); font-size: 10px; font-weight: 750; }
.bl-route-copy > a { width: fit-content; display: inline-flex; align-items: center; gap: 8px; margin-top: 27px; color: #f6c56f; font-size: 13px; font-weight: 850; }
.bl-route-copy > a svg { width: 17px; height: 17px; }
.bl-route-map { min-width: 0; display: grid; background: #edf0e9; }
.bl-local-map { min-width: 0; display: flex; flex-direction: column; justify-content: center; margin: 0; padding: clamp(26px, 4vw, 58px); }
.bl-map-frame { width: 100%; max-width: 920px; aspect-ratio: 3 / 2; position: relative; overflow: hidden; border: 1px solid rgba(23,75,50,.16); border-radius: 6px; background: #e5e8df; box-shadow: 0 24px 60px rgba(15,51,35,.17); }
.bl-map-frame picture,
.bl-map-frame picture img { width: 100%; height: 100%; display: block; }
.bl-map-frame picture img { object-fit: cover; object-position: center; }
.bl-map-point { position: absolute; z-index: 3; left: var(--x); top: var(--y); display: flex; align-items: center; gap: 6px; transform: translate(-5px,-50%); white-space: nowrap; }
.bl-map-point i { width: 11px; height: 11px; border: 3px solid #fff; border-radius: 50%; background: var(--bl-forest); box-shadow: 0 3px 12px rgba(15,51,35,.42); }
.bl-map-point b { padding: 6px 8px; border-radius: 3px; background: rgba(15,51,35,.93); color: #fff; font-size: 9px; line-height: 1; box-shadow: 0 6px 16px rgba(15,51,35,.3); }
.bl-map-point--main i,
.bl-map-point--main b { background: var(--bl-honey); color: #152119; }
.bl-map-point--left { flex-direction: row-reverse; transform: translate(calc(-100% + 5px),-50%); }
.bl-map-legend { position: absolute; z-index: 2; left: 14px; bottom: 14px; display: grid; gap: 2px; padding: 10px 12px; border-left: 3px solid var(--bl-honey); background: rgba(255,255,255,.9); color: var(--bl-forest-deep); }
.bl-map-legend b { font-size: 10px; }
.bl-map-legend small { font-size: 8px; }
.bl-local-map figcaption { margin-top: 10px; color: #647168; font-size: 9px; line-height: 1.4; }

.bl-popular { background: #f0f4ee; }
.bl-popular .product-grid { grid-template-columns: repeat(5, minmax(0,1fr)); gap: 14px; }
.city-site--borovlyany .product-card { border-color: var(--bl-line); background: #fff; box-shadow: 0 10px 24px rgba(22,49,33,.07); }
.city-site--borovlyany .product-card img { aspect-ratio: 3 / 2; height: auto; object-fit: cover; background: #f4f3ed; }
.city-site--borovlyany .product-card--contained-image img { object-fit: contain; padding: 11px; }

.bl-directory { display: grid; grid-template-columns: minmax(260px, .43fr) minmax(0, 1fr); gap: clamp(50px, 7vw, 120px); padding: clamp(68px, 8vw, 124px) var(--side); background: #fff; }
.bl-directory > header h2 { margin-top: 8px; font-size: clamp(31px, 3.1vw, 49px); line-height: 1.08; }
.bl-directory > header p { margin: 20px 0 0; color: var(--bl-muted); line-height: 1.7; }
.bl-directory > div { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 36px 50px; }
.bl-directory section > span { color: var(--bl-honey); font-size: 11px; font-weight: 900; }
.bl-directory section h3 { margin: 7px 0 0; font-size: 18px; }
.bl-directory section > p { min-height: 42px; margin: 7px 0 14px; color: var(--bl-muted); font-size: 12px; line-height: 1.5; }
.bl-directory nav { display: grid; border-top: 1px solid var(--bl-line); }
.bl-directory nav a { display: flex; justify-content: space-between; gap: 12px; padding: 9px 0; border-bottom: 1px solid var(--bl-line); color: var(--bl-forest-deep); font-size: 12px; font-weight: 750; }
.bl-directory nav small { color: var(--bl-muted); }

.bl-wholesale { display: grid; grid-template-columns: minmax(280px,.75fr) minmax(0,1.25fr); align-items: center; gap: clamp(45px,7vw,120px); padding: clamp(56px,6vw,94px) var(--side); background: #efe4d2; }
.bl-wholesale h2 { margin-top: 8px; font-size: clamp(30px,3vw,46px); }
.bl-wholesale p { margin: 18px 0 0; color: #675d50; line-height: 1.65; }
.bl-wholesale a { display: inline-flex; align-items: center; gap: 7px; margin-top: 23px; color: var(--bl-forest); font-size: 13px; font-weight: 850; }
.bl-wholesale dl { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1px; margin: 0; background: rgba(23,75,50,.2); }
.bl-wholesale dl > div { min-width: 0; padding: 22px; background: rgba(255,255,255,.72); }
.bl-wholesale dt { font-size: 13px; font-weight: 850; }
.bl-wholesale dd { margin: 3px 0 18px; color: var(--bl-muted); font-size: 11px; }
.bl-wholesale strong { font-size: 22px; }

.bl-faq { display: grid; grid-template-columns: minmax(250px,.45fr) minmax(0,1fr); gap: clamp(45px,8vw,130px); padding: clamp(68px,8vw,120px) var(--side); background: #f5f7f2; }
.bl-faq header h2 { margin-top: 8px; font-size: clamp(30px,3vw,47px); line-height: 1.08; }
.bl-faq header p { margin: 18px 0 0; color: var(--bl-muted); line-height: 1.65; }
.bl-faq header a { display: inline-block; margin-top: 18px; color: var(--bl-forest); font-size: 13px; font-weight: 850; }
.bl-faq .faq-list { margin: 0; }

/* Shared inner-page structures */
.bl-page-intro {
  display: grid;
  grid-template-columns: minmax(0,1.2fr) minmax(280px,.42fr);
  align-items: end;
  gap: clamp(42px,7vw,120px);
  padding: clamp(58px,7vw,108px) var(--side);
  border-bottom: 1px solid var(--bl-line);
  background: var(--bl-sky);
}
.bl-page-intro h1 { max-width: 940px; margin-top: 15px; font-size: clamp(39px,4.7vw,72px); line-height: 1.02; }
.bl-page-intro > div > p { max-width: 790px; margin: 21px 0 0; color: #4d6164; font-size: 16px; line-height: 1.7; }
.bl-page-intro .bl-actions { margin-top: 27px; }
.bl-page-intro aside { display: grid; gap: 7px; padding-top: 21px; border-top: 2px solid var(--bl-forest); }
.bl-page-intro aside > span { color: var(--bl-muted); font-size: 10px; font-weight: 850; text-transform: uppercase; }
.bl-page-intro aside strong { font-size: clamp(31px,3vw,46px); line-height: 1; }
.bl-page-intro aside p { margin: 0; color: var(--bl-muted); font-size: 12px; line-height: 1.5; }
.bl-page-intro aside a { width: fit-content; margin-top: 8px; color: var(--bl-forest); font-size: 12px; font-weight: 850; }

.bl-shelf-tabs { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); padding-inline: var(--side); border-bottom: 1px solid var(--bl-line); background: #fff; }
.bl-shelf-tabs a { min-width: 0; min-height: 92px; display: grid; grid-template-columns: 27px minmax(0,1fr); align-items: center; gap: 12px; padding: 16px; border-right: 1px solid var(--bl-line); }
.bl-shelf-tabs a:first-child { padding-left: 0; }
.bl-shelf-tabs a:last-child { border-right: 0; }
.bl-shelf-tabs svg { width: 25px; height: 25px; color: var(--bl-leaf); }
.bl-shelf-tabs span { min-width: 0; display: grid; gap: 2px; }
.bl-shelf-tabs b { font-size: 12px; line-height: 1.25; }
.bl-shelf-tabs small { color: var(--bl-muted); font-size: 9px; }

.bl-category-shelves { display: grid; gap: 70px; padding: clamp(64px,7vw,108px) var(--side); }
.bl-category-shelves > section { scroll-margin-top: 100px; }
.bl-category-shelves > section > header { display: grid; grid-template-columns: 80px minmax(0,1fr); gap: 18px; margin-bottom: 20px; }
.bl-category-shelves > section > header > span { color: var(--bl-honey); font-size: 10px; font-weight: 900; text-transform: uppercase; }
.bl-category-shelves h2 { font-size: clamp(24px,2.4vw,37px); }
.bl-category-shelves header p { grid-column: 2; margin: 5px 0 0; color: var(--bl-muted); font-size: 13px; }
.bl-category-shelves > section > div { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 10px; }
.bl-shelf-card { min-width: 0; overflow: hidden; border: 1px solid var(--bl-line); border-radius: 5px; background: #fff; }
.bl-shelf-card img { width: 100%; aspect-ratio: 3 / 2; object-fit: cover; background: #f0f2eb; }
.bl-shelf-card--contained img { object-fit: contain; padding: 12px; }
.bl-shelf-card > span { min-height: 75px; display: flex; flex-direction: column; justify-content: center; gap: 3px; padding: 12px; }
.bl-shelf-card b { font-size: 12px; line-height: 1.3; }
.bl-shelf-card small { color: var(--bl-muted); font-size: 9px; }

.bl-finder { display: grid; grid-template-columns: minmax(280px,.7fr) minmax(0,1.3fr); align-items: end; gap: clamp(45px,8vw,130px); padding: clamp(50px,6vw,86px) var(--side); background: var(--bl-forest-deep); color: #fff; }
.bl-finder h2 { margin-top: 9px; color: #fff; font-size: clamp(30px,3vw,47px); }
.bl-finder p { margin: 16px 0 0; color: rgba(255,255,255,.66); }
.bl-finder .catalog-tools { padding: 0; }
.bl-finder .catalog-tools label { color: rgba(255,255,255,.65); }
.bl-finder .catalog-search-wrap { background: #fff; }
.bl-products-register { padding: 20px var(--side) 70px; background: #f2f5ef; }
.bl-products-register .catalog-band { padding-top: 52px; scroll-margin-top: 90px; }

.bl-order-reminder { display: grid; grid-template-columns: minmax(260px,.5fr) minmax(0,1fr); align-items: center; gap: 46px; padding: 40px var(--side); background: #efe4d2; }
.bl-order-reminder h2 { margin-top: 6px; font-size: clamp(26px,2.4vw,38px); }
.bl-order-reminder > div > p { margin: 10px 0 0; color: var(--bl-muted); font-size: 11px; line-height: 1.55; }
.bl-order-reminder ol { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 1px; margin: 0; padding: 0; background: rgba(23,75,50,.18); list-style: none; }
.bl-order-reminder li { min-width: 0; display: grid; gap: 3px; padding: 16px; background: rgba(255,255,255,.66); }
.bl-order-reminder b { font-size: 12px; }
.bl-order-reminder li span { color: var(--bl-muted); font-size: 9px; line-height: 1.35; }

/* Category list and detail */
.bl-group-guide { padding: clamp(64px,7vw,106px) var(--side); }
.bl-group-guide > div { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 1px; background: var(--bl-line); }
.bl-group-guide article { min-width: 0; min-height: 235px; display: flex; flex-direction: column; padding: 22px; background: #fff; }
.bl-group-guide article > span { color: var(--bl-honey); font-size: 10px; font-weight: 900; }
.bl-group-guide h3 { margin: auto 0 0; font-size: 16px; }
.bl-group-guide article p { margin: 8px 0 0; color: var(--bl-muted); font-size: 12px; line-height: 1.55; }
.bl-group-guide article small { margin-top: 14px; color: var(--bl-leaf); font-size: 9px; font-weight: 850; }
.bl-category-book { display: grid; gap: 70px; padding: 0 var(--side) clamp(66px,8vw,116px); }
.bl-category-book > section { display: grid; grid-template-columns: minmax(220px,.36fr) minmax(0,1fr); gap: clamp(40px,6vw,96px); }
.bl-category-book > section > header { display: grid; grid-template-columns: 32px minmax(0,1fr); align-content: start; gap: 12px; }
.bl-category-book > section > header > span { color: var(--bl-honey); font-size: 11px; font-weight: 900; }
.bl-category-book h2 { font-size: 24px; }
.bl-category-book header p { margin: 9px 0 0; color: var(--bl-muted); font-size: 12px; line-height: 1.6; }
.bl-category-book > section > div { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1px; background: var(--bl-line); }
.bl-book-row { min-width: 0; display: grid; grid-template-columns: 74px minmax(0,1fr) 22px; align-items: center; gap: 13px; min-height: 92px; padding: 9px 13px 9px 9px; background: #fff; }
.bl-book-row img { width: 74px; aspect-ratio: 1; object-fit: cover; border-radius: 4px; background: #eef1e9; }
.bl-book-row--contained img { object-fit: contain; padding: 6px; }
.bl-book-row > span { min-width: 0; display: grid; gap: 3px; }
.bl-book-row b { font-size: 12px; line-height: 1.3; }
.bl-book-row small { color: var(--bl-muted); font-size: 9px; }
.bl-book-row > svg { width: 17px; height: 17px; color: var(--bl-leaf); }

.bl-category-hero { display: grid; grid-template-columns: minmax(0,1.1fr) minmax(360px,.9fr); min-height: 590px; background: var(--bl-sky); }
.bl-category-copy { display: flex; flex-direction: column; justify-content: center; padding: 54px var(--side); }
.bl-category-copy h1 { margin-top: 14px; font-size: clamp(38px,4.35vw,68px); line-height: 1.03; }
.bl-category-copy > p { max-width: 740px; margin: 20px 0 0; color: #4e6164; font-size: 16px; line-height: 1.7; }
.bl-category-copy .bl-actions { margin-top: 26px; }
.bl-category-copy dl { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1px; margin: 32px 0 0; background: rgba(23,75,50,.18); }
.bl-category-copy dl > div { min-width: 0; padding: 14px; background: rgba(255,255,255,.54); }
.bl-category-copy dt { font-size: 14px; font-weight: 900; }
.bl-category-copy dd { margin: 3px 0 0; color: var(--bl-muted); font-size: 9px; line-height: 1.35; }
.bl-category-hero > figure { min-width: 0; position: relative; margin: 0; overflow: hidden; background: #e7eadf; }
.bl-category-hero > figure img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.bl-category-hero--contained > figure img { object-fit: contain; padding: clamp(20px,4vw,60px); }
.bl-category-hero figcaption { position: absolute; left: 18px; bottom: 18px; padding: 8px 10px; border-left: 3px solid var(--bl-honey); background: rgba(255,255,255,.88); color: var(--bl-forest-deep); font-size: 9px; font-weight: 800; }

.bl-choice-note { display: grid; grid-template-columns: minmax(250px,.56fr) minmax(0,1fr) minmax(220px,.45fr); gap: clamp(35px,5vw,76px); padding: clamp(60px,7vw,104px) var(--side); background: #fff; }
.bl-choice-note h2 { margin-top: 8px; font-size: clamp(28px,2.7vw,42px); line-height: 1.1; }
.bl-choice-note > div > p { margin: 17px 0 0; color: var(--bl-muted); line-height: 1.65; }
.bl-choice-note ol { margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--bl-line); }
.bl-choice-note li { display: grid; grid-template-columns: 28px minmax(0,1fr); gap: 13px; padding: 14px 0; border-bottom: 1px solid var(--bl-line); }
.bl-choice-note li span { color: var(--bl-honey); font-size: 11px; font-weight: 900; }
.bl-choice-note li p { margin: 0; color: #45544b; font-size: 12px; line-height: 1.55; }
.bl-choice-note aside { align-self: start; display: grid; grid-template-columns: 28px minmax(0,1fr); gap: 12px; padding: 18px; border: 1px solid var(--bl-line); background: var(--bl-milk); }
.bl-choice-note aside svg { width: 27px; height: 27px; color: var(--bl-leaf); }
.bl-choice-note aside p { display: grid; gap: 5px; margin: 0; color: var(--bl-muted); font-size: 11px; line-height: 1.5; }
.bl-choice-note aside b { color: var(--bl-ink); font-size: 12px; }
.bl-category-products { background: #f0f4ee; }
.bl-category-summary { display: grid; grid-template-columns: minmax(280px,.78fr) minmax(0,1.22fr); gap: clamp(45px,7vw,110px); padding: clamp(62px,7vw,108px) var(--side); }
.bl-category-summary h2 { margin-top: 8px; font-size: clamp(29px,2.8vw,44px); }
.bl-category-summary p { margin: 17px 0 0; color: var(--bl-muted); line-height: 1.65; }
.bl-category-summary dl { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1px; margin: 24px 0 0; background: var(--bl-line); }
.bl-category-summary dl > div { padding: 13px; background: #fff; }
.bl-category-summary dt { color: var(--bl-muted); font-size: 9px; text-transform: uppercase; font-weight: 850; }
.bl-category-summary dd { margin: 4px 0 0; font-size: 12px; font-weight: 800; }
.bl-category-summary nav { align-self: start; display: grid; border-top: 1px solid var(--bl-line); }
.bl-category-summary nav > span { padding: 0 0 12px; color: var(--bl-muted); font-size: 10px; font-weight: 850; text-transform: uppercase; }
.bl-category-summary nav a { min-width: 0; display: grid; grid-template-columns: minmax(0,1fr) 20px; align-items: center; gap: 12px; padding: 13px 0; border-bottom: 1px solid var(--bl-line); }
.bl-category-summary nav a > span { display: grid; gap: 3px; }
.bl-category-summary nav b { font-size: 12px; }
.bl-category-summary nav small { color: var(--bl-muted); font-size: 9px; }
.bl-category-summary nav svg { width: 17px; height: 17px; color: var(--bl-leaf); }
.bl-use-guide { display: grid; grid-template-columns: minmax(0,1.15fr) minmax(250px,.48fr); gap: clamp(48px,8vw,130px); padding: clamp(64px,7vw,106px) var(--side); background: var(--bl-forest-deep); color: #fff; }
.bl-use-guide h2 { margin-top: 9px; color: #fff; font-size: clamp(31px,3vw,47px); }
.bl-use-guide p { margin: 18px 0 0; color: rgba(255,255,255,.67); line-height: 1.65; }
.bl-use-guide ul { display: grid; gap: 10px; margin: 22px 0 0; padding: 0; list-style: none; }
.bl-use-guide li { display: flex; gap: 9px; color: rgba(255,255,255,.83); font-size: 12px; }
.bl-use-guide li svg { width: 17px; height: 17px; flex: 0 0 auto; color: #f6c56f; }
.bl-use-guide nav { align-self: center; display: grid; border-top: 1px solid rgba(255,255,255,.18); }
.bl-use-guide nav > span { padding: 0 0 11px; color: rgba(255,255,255,.55); font-size: 9px; font-weight: 850; text-transform: uppercase; }
.bl-use-guide nav a { display: flex; justify-content: space-between; gap: 12px; padding: 12px 0; border-bottom: 1px solid rgba(255,255,255,.18); color: #fff; font-size: 12px; font-weight: 750; }
.bl-use-guide nav svg { width: 16px; height: 16px; }

/* Delivery */
.bl-delivery-hero { min-height: 610px; position: relative; overflow: hidden; background: #e8e3d9; }
.bl-delivery-hero > picture,
.bl-delivery-hero > picture img,
.bl-delivery-shade { width: 100%; height: 100%; position: absolute; inset: 0; }
.bl-delivery-hero > picture img { object-fit: cover; object-position: center right; }
.bl-delivery-shade { width: 66%; right: auto; background: linear-gradient(90deg,#fbfcf8 0%,rgba(251,252,248,.96) 60%,rgba(251,252,248,0)); }
.bl-delivery-copy { width: min(700px,54vw); min-height: 610px; position: relative; z-index: 2; display: flex; flex-direction: column; justify-content: center; margin-left: var(--side); padding: 48px 0; }
.bl-delivery-copy h1 { max-width: 700px; margin-top: 14px; font-size: clamp(41px,4.5vw,70px); line-height: 1.02; }
.bl-delivery-copy > p { max-width: 650px; margin: 22px 0 0; color: #4b5b52; font-size: 16px; line-height: 1.7; }
.bl-delivery-copy .bl-actions { margin-top: 28px; }
.bl-route-workflow { padding: clamp(66px,7vw,108px) var(--side); }
.bl-route-workflow > header { display: grid; grid-template-columns: minmax(260px,.65fr) minmax(260px,.52fr); justify-content: space-between; gap: 36px; margin-bottom: 30px; }
.bl-route-workflow h2 { margin-top: 7px; font-size: clamp(30px,3vw,47px); }
.bl-route-workflow header p { align-self: end; margin: 0; color: var(--bl-muted); line-height: 1.65; }
.bl-route-workflow ol { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 1px; margin: 0; padding: 0; background: var(--bl-line); list-style: none; }
.bl-route-workflow li { min-width: 0; min-height: 260px; display: flex; flex-direction: column; padding: 22px; background: #fff; }
.bl-route-workflow li > svg { width: 34px; height: 34px; color: var(--bl-leaf); }
.bl-route-workflow li > span { margin-top: 30px; color: var(--bl-honey); font-size: 10px; font-weight: 900; }
.bl-route-workflow h3 { margin: auto 0 0; font-size: 17px; }
.bl-route-workflow li p { margin: 7px 0 0; color: var(--bl-muted); font-size: 12px; line-height: 1.55; }
.bl-route--delivery { grid-template-columns: minmax(320px,.78fr) minmax(0,1.22fr); }
.bl-delivery-check { display: grid; grid-template-columns: minmax(270px,.6fr) minmax(0,1fr); align-items: center; gap: clamp(45px,8vw,130px); padding: clamp(58px,7vw,100px) var(--side); background: #efe4d2; }
.bl-delivery-check h2 { margin-top: 8px; font-size: clamp(29px,2.8vw,44px); }
.bl-delivery-check p { margin: 17px 0 0; color: #665d51; line-height: 1.65; }
.bl-delivery-check dl { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1px; margin: 0; background: rgba(23,75,50,.18); }
.bl-delivery-check dl > div { padding: 17px; background: rgba(255,255,255,.66); }
.bl-delivery-check dt { font-size: 12px; font-weight: 850; }
.bl-delivery-check dd { margin: 4px 0 0; color: var(--bl-muted); font-size: 10px; line-height: 1.45; }

/* Price */
.bl-page-intro--price { background: #f1eadf; }
.bl-price-rules { display: grid; grid-template-columns: minmax(260px,.46fr) minmax(0,1fr); gap: clamp(45px,7vw,110px); padding: 54px var(--side); background: #fff; }
.bl-price-rules h2 { margin-top: 7px; font-size: clamp(27px,2.5vw,39px); }
.bl-price-rules > div { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1px; background: var(--bl-line); }
.bl-price-rules article { min-width: 0; display: grid; grid-template-columns: 27px minmax(0,1fr); align-items: center; gap: 12px; padding: 16px; background: #fff; }
.bl-price-rules article svg { width: 25px; height: 25px; color: var(--bl-leaf); }
.bl-price-rules article span { display: grid; gap: 3px; }
.bl-price-rules b { font-size: 11px; }
.bl-price-rules small { color: var(--bl-muted); font-size: 9px; line-height: 1.35; }
.bl-price-nav { padding: 24px var(--side) 12px; background: #f2f5ef; }
.bl-price-nav > span { display: block; margin-bottom: 10px; color: var(--bl-muted); font-size: 9px; font-weight: 850; text-transform: uppercase; }
.bl-price-nav > div { display: flex; gap: 8px; overflow-x: auto; padding-bottom: 8px; scrollbar-width: thin; }
.bl-price-nav a { min-width: 170px; min-height: 52px; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 12px; border: 1px solid var(--bl-line); border-radius: 5px; background: #fff; color: var(--bl-forest-deep); font-size: 11px; font-weight: 800; }
.bl-price-nav small { color: var(--bl-muted); }
.bl-price-journal { display: grid; gap: 62px; padding: 28px var(--side) clamp(65px,7vw,105px); background: #f2f5ef; }
.bl-price-journal > section { scroll-margin-top: 95px; }
.bl-price-journal > section > header { display: grid; grid-template-columns: 45px minmax(0,1fr) auto; align-items: end; gap: 14px; margin-bottom: 14px; padding-bottom: 12px; border-bottom: 1px solid var(--bl-line); }
.bl-price-journal > section > header > span { color: var(--bl-honey); font-size: 11px; font-weight: 900; }
.bl-price-journal h2 { font-size: 24px; }
.bl-price-journal header p { margin: 3px 0 0; color: var(--bl-muted); font-size: 10px; }
.bl-price-journal header a { display: inline-flex; align-items: center; gap: 5px; color: var(--bl-forest); font-size: 11px; font-weight: 850; }
.bl-price-journal header svg { width: 15px; height: 15px; }
.bl-price-entries { display: grid; gap: 8px; }
.bl-price-entries > article { min-width: 0; display: grid; grid-template-columns: 96px minmax(210px,.62fr) minmax(400px,1fr); align-items: center; gap: 18px; padding: 10px; border: 1px solid var(--bl-line); border-radius: 5px; background: #fff; }
.bl-price-photo { width: 96px; aspect-ratio: 1; display: grid; place-items: center; overflow: hidden; border-radius: 4px; background: #f0f1eb; }
.bl-price-photo img { width: 100%; height: 100%; object-fit: cover; }
.bl-price-photo--contained img { object-fit: contain; padding: 7px; }
.bl-price-product { min-width: 0; }
.bl-price-product > span { color: var(--bl-muted); font-size: 8px; font-weight: 850; text-transform: uppercase; }
.bl-price-product h3 { margin: 4px 0 0; font-size: 14px; line-height: 1.3; }
.bl-price-product p {
  display: -webkit-box;
  margin: 5px 0 0;
  overflow: hidden;
  color: var(--bl-muted);
  font-size: 9px;
  line-height: 1.45;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.bl-price-options { min-width: 0; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 6px; }
.bl-price-options form { min-width: 0; display: grid; grid-template-columns: minmax(0,1fr) auto 34px; align-items: center; gap: 8px; min-height: 48px; padding: 6px 6px 6px 10px; border: 1px solid var(--bl-line); background: var(--bl-paper); }
.bl-price-options form span { min-width: 0; display: grid; gap: 1px; }
.bl-price-options form b { font-size: 10px; }
.bl-price-options form small { color: var(--bl-muted); font-size: 8px; }
.bl-price-options form strong { white-space: nowrap; font-size: 12px; }
.bl-price-options button { width: 34px; height: 34px; display: grid; place-items: center; border: 0; border-radius: 4px; background: var(--bl-forest); color: #fff; cursor: pointer; }
.bl-price-options button svg { width: 15px; height: 15px; }

/* Wholesale, quality, FAQ, company, contacts */
.bl-opt-intro { display: grid; grid-template-columns: minmax(0,1fr) minmax(390px,.7fr); align-items: center; gap: clamp(50px,8vw,140px); padding: clamp(58px,7vw,108px) var(--side); background: var(--bl-forest-deep); color: #fff; }
.bl-opt-intro h1 { max-width: 850px; margin-top: 14px; color: #fff; font-size: clamp(40px,4.6vw,72px); line-height: 1.02; }
.bl-opt-intro > div > p { max-width: 750px; margin: 21px 0 0; color: rgba(255,255,255,.68); font-size: 16px; line-height: 1.68; }
.bl-opt-intro .bl-actions { margin-top: 27px; }
.bl-opt-intro dl { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1px; margin: 0; background: rgba(255,255,255,.2); }
.bl-opt-intro dl > div { min-width: 0; padding: 20px 15px; background: rgba(255,255,255,.06); }
.bl-opt-intro dt { font-size: 11px; font-weight: 850; }
.bl-opt-intro dd { margin: 3px 0 18px; color: rgba(255,255,255,.56); font-size: 9px; }
.bl-opt-intro strong { font-size: 21px; color: #f6c56f; }
.bl-opt-brief { display: grid; grid-template-columns: minmax(270px,.55fr) minmax(0,1fr); gap: clamp(45px,8vw,130px); padding: clamp(64px,7vw,108px) var(--side); }
.bl-opt-brief h2 { margin-top: 8px; font-size: clamp(30px,3vw,47px); }
.bl-opt-brief header p { margin: 17px 0 0; color: var(--bl-muted); line-height: 1.65; }
.bl-opt-brief ol { margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--bl-line); }
.bl-opt-brief li { display: grid; grid-template-columns: 31px minmax(0,1fr); gap: 16px; padding: 18px 0; border-bottom: 1px solid var(--bl-line); }
.bl-opt-brief li > span { color: var(--bl-honey); font-size: 11px; font-weight: 900; }
.bl-opt-brief h3 { margin: 0; font-size: 15px; }
.bl-opt-brief li p { margin: 5px 0 0; color: var(--bl-muted); font-size: 12px; line-height: 1.55; }
.bl-opt-stock { background: #f0f4ee; }

.bl-quality-path { padding: clamp(64px,7vw,106px) var(--side); }
.bl-quality-path > header { margin-bottom: 28px; }
.bl-quality-path h2 { margin-top: 8px; font-size: clamp(30px,3vw,47px); }
.bl-quality-path ol { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 1px; margin: 0; padding: 0; background: var(--bl-line); list-style: none; }
.bl-quality-path li { min-width: 0; min-height: 220px; display: flex; flex-direction: column; padding: 21px; background: #fff; }
.bl-quality-path li > span { color: var(--bl-honey); font-size: 10px; font-weight: 900; }
.bl-quality-path li > div { margin-top: auto; }
.bl-quality-path h3 { margin: 0; font-size: 16px; }
.bl-quality-path li p { margin: 7px 0 0; color: var(--bl-muted); font-size: 12px; line-height: 1.55; }
.bl-producer-shelf { padding: clamp(62px,7vw,104px) var(--side); background: #f0f4ee; }
.bl-producer-shelf > div { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; }
.bl-producer-shelf article { min-width: 0; padding: 24px; border: 1px solid var(--bl-line); border-radius: 5px; background: #fff; }
.bl-producer-shelf article > span { color: var(--bl-honey); font-size: 10px; font-weight: 900; }
.bl-producer-shelf h3 { margin: 28px 0 0; font-size: 20px; }
.bl-producer-shelf article p { margin: 10px 0 0; color: var(--bl-muted); font-size: 12px; line-height: 1.6; }
.bl-producer-shelf article a { display: inline-flex; align-items: center; gap: 6px; margin-top: 20px; color: var(--bl-forest); font-size: 12px; font-weight: 850; }
.bl-producer-shelf article svg { width: 15px; height: 15px; }

.bl-faq-intro { display: grid; grid-template-columns: minmax(0,1fr) minmax(260px,.34fr); align-items: end; gap: clamp(45px,8vw,130px); padding: clamp(60px,7vw,106px) var(--side); background: var(--bl-forest-deep); color: #fff; }
.bl-faq-intro h1 { margin-top: 14px; color: #fff; font-size: clamp(40px,4.6vw,70px); line-height: 1.02; }
.bl-faq-intro p { max-width: 760px; margin: 21px 0 0; color: rgba(255,255,255,.68); font-size: 16px; line-height: 1.7; }
.bl-faq-intro aside { display: grid; gap: 6px; padding-top: 18px; border-top: 1px solid rgba(255,255,255,.3); }
.bl-faq-intro aside span { color: rgba(255,255,255,.55); font-size: 9px; font-weight: 850; text-transform: uppercase; }
.bl-faq-intro aside a { color: #fff; font-size: 19px; font-weight: 900; }
.bl-faq-intro aside small { color: #f6c56f; font-size: 10px; }
.bl-faq-library { display: grid; gap: 70px; padding: clamp(64px,7vw,108px) var(--side); }
.bl-faq-library > section { display: grid; grid-template-columns: minmax(220px,.35fr) minmax(0,1fr); gap: clamp(40px,7vw,110px); }
.bl-faq-library > section > header { display: grid; grid-template-columns: 35px minmax(0,1fr); align-content: start; gap: 12px; }
.bl-faq-library header span { color: var(--bl-honey); font-size: 11px; font-weight: 900; }
.bl-faq-library h2 { font-size: clamp(24px,2.2vw,34px); }
.bl-faq-library .faq-list { margin: 0; }

.bl-about-story { display: grid; grid-template-columns: minmax(0,1.08fr) minmax(380px,.92fr); min-height: 650px; background: var(--bl-sky); }
.bl-about-story > figure { min-width: 0; position: relative; margin: 0; overflow: hidden; }
.bl-about-story figure picture,
.bl-about-story figure img { width: 100%; height: 100%; display: block; }
.bl-about-story figure img { object-fit: cover; object-position: center; }
.bl-about-story figcaption { position: absolute; left: 16px; bottom: 16px; padding: 7px 9px; background: rgba(255,255,255,.86); color: var(--bl-muted); font-size: 8px; }
.bl-about-story > div { display: flex; flex-direction: column; justify-content: center; padding: 50px var(--side) 50px clamp(35px,5vw,80px); }
.bl-about-story h1 { margin-top: 14px; font-size: clamp(38px,4.2vw,65px); line-height: 1.03; }
.bl-about-story > div > p { margin: 21px 0 0; color: #4e6164; font-size: 16px; line-height: 1.7; }
.bl-about-story .bl-actions { margin-top: 27px; }
.bl-company-facts { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); padding-inline: var(--side); border-bottom: 1px solid var(--bl-line); }
.bl-company-facts > div { min-width: 0; min-height: 118px; display: flex; flex-direction: column; justify-content: center; padding: 18px clamp(14px,2vw,30px); border-right: 1px solid var(--bl-line); }
.bl-company-facts > div:first-child { padding-left: 0; }
.bl-company-facts > div:last-child { border-right: 0; }
.bl-company-facts strong { font-size: 20px; }
.bl-company-facts span { margin-top: 4px; color: var(--bl-muted); font-size: 10px; line-height: 1.45; }
.bl-company-method { display: grid; grid-template-columns: minmax(260px,.45fr) minmax(0,1fr); gap: clamp(45px,8vw,130px); padding: clamp(66px,7vw,110px) var(--side); }
.bl-company-method h2 { margin-top: 8px; font-size: clamp(30px,3vw,47px); }
.bl-company-method header p { margin: 19px 0 0; color: var(--bl-muted); line-height: 1.68; }
.bl-company-method > div { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1px; background: var(--bl-line); }
.bl-company-method article { min-width: 0; min-height: 190px; display: flex; flex-direction: column; padding: 20px; background: #fff; }
.bl-company-method article span { color: var(--bl-honey); font-size: 10px; font-weight: 900; }
.bl-company-method h3 { margin: auto 0 0; font-size: 16px; }
.bl-company-method article p { margin: 7px 0 0; color: var(--bl-muted); font-size: 12px; line-height: 1.55; }
.bl-company-principles { display: grid; grid-template-columns: minmax(0,1.1fr) minmax(260px,.48fr); gap: clamp(48px,8vw,130px); padding: clamp(64px,7vw,106px) var(--side); background: var(--bl-forest-deep); color: #fff; }
.bl-company-principles h2 { margin-top: 9px; color: #fff; font-size: clamp(31px,3vw,47px); }
.bl-company-principles p { margin: 18px 0 0; color: rgba(255,255,255,.67); line-height: 1.65; }
.bl-company-principles ul { display: grid; gap: 10px; margin: 22px 0 0; padding: 0; list-style: none; }
.bl-company-principles li { display: flex; gap: 9px; color: rgba(255,255,255,.84); font-size: 12px; }
.bl-company-principles li svg { width: 17px; height: 17px; flex: 0 0 auto; color: #f6c56f; }
.bl-company-principles nav { align-self: center; display: grid; border-top: 1px solid rgba(255,255,255,.2); }
.bl-company-principles nav > span { padding: 0 0 10px; color: rgba(255,255,255,.55); font-size: 9px; font-weight: 850; text-transform: uppercase; }
.bl-company-principles nav a { display: flex; justify-content: space-between; gap: 12px; padding: 12px 0; border-bottom: 1px solid rgba(255,255,255,.2); color: #fff; font-size: 12px; font-weight: 750; }
.bl-company-principles nav svg { width: 16px; height: 16px; }
.bl-legal { display: grid; grid-template-columns: minmax(250px,.42fr) minmax(0,1fr); align-items: center; gap: 45px; padding: 42px var(--side); background: #efe4d2; }
.bl-legal h2 { margin-top: 6px; font-size: clamp(25px,2.4vw,37px); }
.bl-legal dl { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1px; margin: 0; background: rgba(23,75,50,.18); }
.bl-legal dl > div { padding: 14px; background: rgba(255,255,255,.65); }
.bl-legal dt { color: var(--bl-muted); font-size: 8px; font-weight: 850; text-transform: uppercase; }
.bl-legal dd { margin: 4px 0 0; font-size: 11px; font-weight: 750; line-height: 1.4; }

.bl-contact-intro { display: grid; grid-template-columns: minmax(0,1fr) minmax(330px,.45fr); align-items: end; gap: clamp(45px,8vw,130px); padding: clamp(60px,7vw,106px) var(--side); background: var(--bl-forest-deep); color: #fff; }
.bl-contact-intro h1 { margin-top: 14px; color: #fff; font-size: clamp(40px,4.6vw,70px); line-height: 1.02; }
.bl-contact-intro p { max-width: 760px; margin: 21px 0 0; color: rgba(255,255,255,.68); font-size: 16px; line-height: 1.7; }
.bl-contact-phone { display: grid; grid-template-columns: 42px minmax(0,1fr); align-items: center; gap: 14px; padding: 20px 0; border-block: 1px solid rgba(255,255,255,.24); }
.bl-contact-phone > svg { width: 39px; height: 39px; padding: 9px; border: 1px solid rgba(255,255,255,.28); border-radius: 50%; color: #f6c56f; }
.bl-contact-phone span { min-width: 0; display: grid; gap: 3px; }
.bl-contact-phone span > span { color: rgba(255,255,255,.55); font-size: 9px; text-transform: uppercase; }
.bl-contact-phone strong { font-size: 20px; }
.bl-contact-phone small { color: #f6c56f; font-size: 9px; }
.bl-contact-workspace { display: grid; grid-template-columns: minmax(0,1.2fr) minmax(320px,.8fr); gap: 1px; background: var(--bl-line); }
.bl-contact-channels { padding: clamp(58px,7vw,100px) var(--side); background: #fff; }
.bl-contact-channels header h2,
.bl-contact-workspace aside h2 { margin-top: 8px; font-size: clamp(28px,2.7vw,42px); }
.bl-contact-channels header p { max-width: 650px; margin: 17px 0 0; color: var(--bl-muted); line-height: 1.65; }
.bl-contact-channels nav { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1px; margin-top: 28px; background: var(--bl-line); }
.bl-contact-channels nav a { min-width: 0; display: grid; grid-template-columns: 30px minmax(0,1fr) 18px; align-items: center; gap: 12px; min-height: 90px; padding: 16px; background: #fff; }
.bl-contact-channels nav a > svg:first-child { width: 27px; height: 27px; color: var(--bl-leaf); }
.bl-contact-channels nav a > svg:last-child { width: 16px; height: 16px; color: var(--bl-muted); }
.bl-contact-channels nav span { min-width: 0; display: grid; gap: 3px; }
.bl-contact-channels nav b { font-size: 13px; }
.bl-contact-channels nav small { color: var(--bl-muted); font-size: 9px; }
.bl-contact-workspace > aside { padding: clamp(58px,7vw,100px) clamp(30px,5vw,80px); background: var(--bl-sky); }
.bl-contact-workspace aside ol { margin: 27px 0 0; padding: 0; list-style: none; border-top: 1px solid var(--bl-line); }
.bl-contact-workspace aside li { display: grid; grid-template-columns: 30px minmax(0,1fr); gap: 13px; padding: 14px 0; border-bottom: 1px solid var(--bl-line); }
.bl-contact-workspace aside li > span { color: var(--bl-honey); font-size: 10px; font-weight: 900; }
.bl-contact-workspace aside p { display: grid; gap: 3px; margin: 0; }
.bl-contact-workspace aside b { font-size: 12px; }
.bl-contact-workspace aside small { color: var(--bl-muted); font-size: 9px; }
.bl-contact-form { display: grid; grid-template-columns: minmax(260px,.45fr) minmax(0,1fr); gap: clamp(45px,8vw,130px); padding: clamp(64px,7vw,108px) var(--side); }
.bl-contact-form h2 { margin-top: 8px; font-size: clamp(30px,3vw,47px); }
.bl-contact-form header p { margin: 18px 0 0; color: var(--bl-muted); line-height: 1.65; }

/* Shared components inside this theme */
.city-site--borovlyany .quick-order { margin: 0; padding: clamp(42px,5vw,72px) var(--side); border: 0; border-radius: 0; box-shadow: none; background: #fff; }
.city-site--borovlyany .order-form input,
.city-site--borovlyany .order-form textarea { background: #fff; }
.city-site--borovlyany .catalog-band .section-head { align-items: end; padding-bottom: 13px; border-bottom: 1px solid var(--bl-line); }
.city-site--borovlyany .catalog-group-actions a { color: var(--bl-forest); }
.city-site--borovlyany .site-footer { margin: 0; padding: 30px var(--side) 40px; border-top: 1px solid var(--bl-line); background: var(--bl-paper); }

@media (max-width: 1180px) {
  .bl-picker-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .bl-popular .product-grid { grid-template-columns: repeat(4,minmax(0,1fr)); }
  .bl-category-shelves > section > div { grid-template-columns: repeat(4,minmax(0,1fr)); }
  .bl-price-entries > article { grid-template-columns: 88px minmax(190px,.5fr) minmax(360px,1fr); }
  .bl-price-photo { width: 88px; }
}

@media (max-width: 980px) {
  .bl-home-facts { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .bl-home-facts > div:nth-child(2) { border-right: 0; }
  .bl-home-facts > div:nth-child(-n+2) { border-bottom: 1px solid var(--bl-line); }
  .bl-home-facts > div:nth-child(3) { padding-left: 0; }
  .bl-picker-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .bl-picker-card--large { grid-column: auto; }
  .bl-order-planner,
  .bl-directory,
  .bl-choice-note,
  .bl-category-summary,
  .bl-opt-brief,
  .bl-company-method,
  .bl-contact-form { grid-template-columns: 1fr; gap: 38px; }
  .bl-route { grid-template-columns: 1fr; }
  .bl-route-copy { order: 1; }
  .bl-route-map { order: 2; }
  .bl-directory > div { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .bl-wholesale { grid-template-columns: 1fr; }
  .bl-category-shelves > section > div { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .bl-group-guide > div { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .bl-category-book > section { grid-template-columns: 1fr; gap: 25px; }
  .bl-category-hero { grid-template-columns: 1fr; }
  .bl-category-hero > figure { min-height: 440px; }
  .bl-choice-note { grid-template-columns: minmax(240px,.5fr) minmax(0,1fr); }
  .bl-choice-note aside { grid-column: 1 / -1; }
  .bl-route-workflow ol,
  .bl-quality-path ol { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .bl-price-rules { grid-template-columns: 1fr; }
  .bl-price-entries > article { grid-template-columns: 88px minmax(0,1fr); }
  .bl-price-options { grid-column: 1 / -1; }
  .bl-opt-intro { grid-template-columns: 1fr; }
  .bl-producer-shelf > div { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .bl-about-story { grid-template-columns: 1fr; }
  .bl-about-story > figure { min-height: 460px; }
  .bl-about-story > div { padding: 52px var(--side); }
  .bl-contact-workspace { grid-template-columns: 1fr; }
}

@media (max-width: 760px) {
  .city-site--borovlyany { --side: 18px; }
  .city-site--borovlyany .brand-copy strong { font-size: 20px; }
  .bl-heading,
  .bl-page-intro,
  .bl-finder,
  .bl-order-reminder,
  .bl-delivery-check,
  .bl-price-rules,
  .bl-faq-intro,
  .bl-faq-library > section,
  .bl-company-principles,
  .bl-legal,
  .bl-contact-intro { grid-template-columns: 1fr; gap: 26px; }
  .bl-heading > a { justify-self: start; }
  .bl-hero { height: auto; min-height: 0; display: flex; flex-direction: column; }
  .bl-hero-media { height: auto; aspect-ratio: 1122 / 1402; position: relative; order: 2; background: #edf2eb; }
  .bl-hero-media img { object-fit: cover; object-position: center; }
  .bl-hero-veil { display: none; }
  .bl-hero-copy { width: auto; min-height: 0; order: 1; margin: 0; padding: 31px var(--side) 26px; }
  .bl-hero h1 { margin-top: 17px; font-size: clamp(34px,10vw,47px); }
  .bl-hero-copy > p { margin-top: 17px; font-size: 14px; line-height: 1.55; }
  .bl-hero-copy .bl-actions { margin-top: 20px; }
  .bl-hero-note { left: 14px; right: 14px; bottom: 14px; }
  .bl-actions { align-items: stretch; }
  .bl-actions .btn { min-width: 0; }
  .bl-delivery-home { min-height: 0; display: flex; flex-direction: column; }
  .bl-delivery-photo { height: 225px; position: relative; order: 2; }
  .bl-delivery-photo img { object-position: 68% center; }
  .bl-delivery-home::after { display: none; }
  .bl-delivery-panel { width: auto; min-height: 0; order: 1; margin: 0; padding: 42px var(--side) 34px; background: var(--bl-forest-deep); }
  .bl-delivery-panel dl { grid-template-columns: 1fr 1fr; }
  .bl-delivery-panel dl > div:last-child { grid-column: 1 / -1; }
  .bl-picker,
  .bl-popular,
  .bl-category-products,
  .bl-opt-stock { padding-block: 58px; }
  .bl-picker-card { min-height: 220px; }
  .bl-order-planner { padding-block: 58px; }
  .bl-directory > div { gap: 30px 24px; }
  .bl-wholesale dl { grid-template-columns: 1fr; }
  .bl-wholesale dl > div { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 4px 10px; }
  .bl-wholesale dd { margin: 0; }
  .bl-wholesale strong { grid-row: 1 / 3; grid-column: 2; }
  .bl-faq { grid-template-columns: 1fr; gap: 30px; }
  .bl-shelf-tabs { grid-template-columns: repeat(2,minmax(0,1fr)); padding-inline: var(--side); }
  .bl-shelf-tabs a { min-height: 78px; padding: 12px; border-bottom: 1px solid var(--bl-line); }
  .bl-shelf-tabs a:first-child { padding-left: 12px; }
  .bl-shelf-tabs a:nth-child(2n) { border-right: 0; }
  .bl-shelf-tabs a:last-child { grid-column: 1 / -1; border-bottom: 0; }
  .bl-category-shelves { gap: 55px; padding-block: 56px; }
  .bl-category-shelves > section > header { grid-template-columns: 1fr; gap: 4px; }
  .bl-category-shelves header p { grid-column: auto; }
  .bl-category-shelves > section > div { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .bl-order-reminder ol { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .bl-group-guide > div { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .bl-group-guide article { min-height: 190px; }
  .bl-category-book > section > div { grid-template-columns: 1fr; }
  .bl-category-hero { min-height: 0; }
  .bl-category-copy { padding: 38px var(--side); }
  .bl-category-copy h1 { font-size: clamp(35px,10vw,47px); }
  .bl-category-copy dl { grid-template-columns: 1fr 1fr; }
  .bl-category-copy dl > div:last-child { grid-column: 1 / -1; }
  .bl-category-hero > figure { min-height: 0; aspect-ratio: 3 / 2; }
  .bl-category-hero--contained > figure img { padding: 18px; }
  .bl-choice-note { grid-template-columns: 1fr; }
  .bl-choice-note aside { grid-column: auto; }
  .bl-category-summary dl { grid-template-columns: 1fr; }
  .bl-use-guide { grid-template-columns: 1fr; gap: 36px; }
  .bl-delivery-hero { min-height: 0; display: flex; flex-direction: column; }
  .bl-delivery-hero > picture { height: 230px; position: relative; order: 2; }
  .bl-delivery-hero > picture img { object-position: center; }
  .bl-delivery-shade { display: none; }
  .bl-delivery-copy { width: auto; min-height: 0; order: 1; margin: 0; padding: 36px var(--side) 32px; }
  .bl-delivery-copy h1 { font-size: clamp(36px,10vw,48px); }
  .bl-route-workflow > header { grid-template-columns: 1fr; gap: 15px; }
  .bl-route-workflow ol,
  .bl-quality-path ol { grid-template-columns: 1fr 1fr; }
  .bl-route-workflow li { min-height: 220px; }
  .bl-price-rules > div { grid-template-columns: 1fr; }
  .bl-price-journal { gap: 50px; }
  .bl-price-entries > article { grid-template-columns: 76px minmax(0,1fr); gap: 12px; }
  .bl-price-photo { width: 76px; }
  .bl-price-options { grid-template-columns: 1fr; }
  .bl-opt-intro dl { grid-template-columns: 1fr; }
  .bl-opt-intro dl > div { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; }
  .bl-opt-intro dd { margin: 3px 0 0; }
  .bl-opt-intro strong { grid-column: 2; grid-row: 1 / 3; }
  .bl-producer-shelf > div { grid-template-columns: 1fr; }
  .bl-about-story > figure { min-height: 0; aspect-ratio: 3 / 2; }
  .bl-company-facts { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .bl-company-facts > div:nth-child(2) { border-right: 0; }
  .bl-company-facts > div:nth-child(-n+2) { border-bottom: 1px solid var(--bl-line); }
  .bl-company-facts > div:nth-child(3) { padding-left: 0; }
  .bl-contact-channels nav { grid-template-columns: 1fr; }
  .city-site--borovlyany .quick-order { grid-template-columns: 1fr; }
  .city-site--borovlyany .site-footer { margin: 0; }
}

@media (max-width: 520px) {
  .bl-kicker { font-size: 9px; }
  .bl-hero-copy .bl-actions { display: grid; grid-template-columns: 1fr; }
  .bl-home-facts > div { min-height: 86px; grid-template-columns: 22px minmax(0,1fr); gap: 9px; padding: 12px 9px; }
  .bl-home-facts b { font-size: 11px; }
  .bl-home-facts small { font-size: 8px; }
  .bl-picker-grid { gap: 8px; }
  .bl-picker-card { min-height: 190px; }
  .bl-picker-card > span { left: 13px; right: 35px; bottom: 13px; }
  .bl-picker-card b { font-size: 13px; }
  .bl-picker-card > svg { width: 18px; height: 18px; right: 11px; bottom: 14px; }
  .bl-directory > div { grid-template-columns: 1fr; }
  .bl-popular .product-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
  .bl-map-point { gap: 3px; transform: translate(-3px,-50%); }
  .bl-map-point i { width: 8px; height: 8px; border-width: 2px; }
  .bl-map-point b { padding: 4px 5px; font-size: 7px; }
  .bl-map-point--left { transform: translate(calc(-100% + 3px),-50%); }
  .bl-map-legend { left: 7px; bottom: 7px; padding: 6px 7px; }
  .bl-map-legend b { font-size: 8px; }
  .bl-map-legend small { display: none; }
  .bl-shelf-card > span { min-height: 67px; padding: 9px; }
  .bl-shelf-card b { font-size: 10px; }
  .bl-order-reminder li { padding: 12px 9px; }
  .bl-group-guide > div { grid-template-columns: 1fr; }
  .bl-group-guide article { min-height: 145px; }
  .bl-route-workflow ol,
  .bl-quality-path ol { grid-template-columns: 1fr; }
  .bl-route-workflow li,
  .bl-quality-path li { min-height: 175px; }
  .bl-delivery-check dl,
  .bl-legal dl { grid-template-columns: 1fr; }
  .bl-price-journal > section > header { grid-template-columns: 30px minmax(0,1fr); }
  .bl-price-journal header a { grid-column: 2; }
  .bl-price-entries > article { grid-template-columns: 66px minmax(0,1fr); padding: 8px; }
  .bl-price-photo { width: 66px; }
  .bl-price-product h3 { font-size: 12px; }
  .bl-price-options form { grid-template-columns: minmax(0,1fr) auto 34px; }
  .bl-company-method > div { grid-template-columns: 1fr; }
  .bl-company-method article { min-height: 155px; }
  .bl-company-facts strong { font-size: 16px; }
  .bl-contact-phone strong { font-size: 17px; }
}

@media (prefers-reduced-motion: reduce) {
  .bl-picker-card > img { transition: none; }
}