/* Product catalogue page ([bf_catalogues]) */
.bf-cat{--g:#6bad0d;--gd:#4c8208;--ink:#16301b;--soft:#eef5e6;max-width:1200px;margin:0 auto;padding:8px 0 64px;color:#3d4733}
.bf-cat h2,.bf-cat h3{color:var(--ink);margin:0}
.bf-cat svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}

/* hero */
.bf-cat-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:48px;padding:48px;background:linear-gradient(135deg,var(--soft),#f8fbf3 60%);border-radius:28px;position:relative;overflow:hidden}
.bf-cat-hero::before{content:"";position:absolute;inset-inline-end:-120px;top:-120px;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,rgba(107,173,13,.18),transparent 70%);pointer-events:none}
.bf-cat-eyebrow{display:inline-block;padding:6px 14px;border-radius:99px;background:#fff;color:var(--gd);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.bf-cat-copy h2{font-size:clamp(28px,4vw,44px);line-height:1.15;margin:16px 0 14px}
.bf-cat-copy p{font-size:17px;line-height:1.7;margin:0 0 26px;max-width:520px}
.bf-cat-btns{display:flex;flex-wrap:wrap;gap:12px}
.bf-cat-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 26px;border-radius:99px;font-size:15px;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s,background .2s;box-sizing:border-box}
.bf-cat-btn-main{background:var(--g);color:#fff!important;box-shadow:0 10px 22px -10px var(--g)}
.bf-cat-btn-main:hover{background:var(--gd);transform:translateY(-2px)}
.bf-cat-btn-alt{background:#fff;color:var(--gd)!important;border:1.5px solid var(--g)}
.bf-cat-btn-alt:hover{background:var(--soft);transform:translateY(-2px)}
.bf-cat-meta{list-style:none;display:flex;flex-wrap:wrap;gap:8px 18px;margin:22px 0 0;padding:0;font-size:13.5px;color:#5a6650}
.bf-cat-meta li{position:relative;padding-inline-start:14px}
.bf-cat-meta li::before{content:"";position:absolute;inset-inline-start:0;top:.55em;width:6px;height:6px;border-radius:50%;background:var(--g)}
.bf-cat-cover{display:block;justify-self:center;width:min(100%,360px);perspective:1200px}
.bf-cat-cover img{display:block;width:100%;height:auto;border-radius:6px 14px 14px 6px;box-shadow:-10px 0 0 -4px rgba(0,0,0,.08),0 30px 50px -18px rgba(22,48,27,.45);transform:rotateY(-12deg) rotate(1.5deg);transition:transform .5s cubic-bezier(.2,.8,.2,1)}
html[dir=rtl] .bf-cat-cover img{transform:rotateY(12deg) rotate(-1.5deg);border-radius:14px 6px 6px 14px}
.bf-cat-cover:hover img{transform:none}

/* inside */
.bf-cat-inside{margin-top:56px}
.bf-cat-inside header{margin:0 0 20px}
.bf-cat-inside h3,.bf-cat-langs h3{font-size:26px}
.bf-cat-inside header p{margin:6px 0 0;color:#5a6650}
.bf-cat-strip{list-style:none;margin:0;padding:4px 2px 14px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}
.bf-cat-strip a{display:block;text-decoration:none;background:#fff;border:1px solid #e6ece0;border-radius:16px;overflow:hidden;transition:transform .25s,box-shadow .25s}
.bf-cat-strip a:hover{transform:translateY(-6px);box-shadow:0 22px 36px -18px rgba(22,48,27,.35)}
.bf-cat-strip img{display:block;width:100%;height:auto;aspect-ratio:640/905;object-fit:cover;background:#f2f5ee}
.bf-cat-strip span{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 14px;font-weight:600;font-size:14px;color:var(--ink)}
.bf-cat-strip b{min-width:26px;padding:2px 8px;border-radius:99px;background:var(--soft);color:var(--gd);font-size:12px;text-align:center}

/* other languages */
.bf-cat-langs{margin-top:56px}
.bf-cat-langs ul{list-style:none;margin:18px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.bf-cat-langs li{display:flex;gap:16px;align-items:center;padding:16px;background:#fff;border:1px solid #e6ece0;border-radius:18px}
.bf-cat-langs li.is-current{border-color:var(--g);background:#f8fbf3;box-shadow:0 0 0 3px rgba(107,173,13,.12)}
.bf-cat-langs img{flex:none;width:76px;height:auto;border-radius:6px;box-shadow:0 8px 16px -8px rgba(0,0,0,.35)}
.bf-cat-langs li div{display:flex;flex-direction:column;gap:4px;min-width:0;align-items:flex-start}
.bf-cat-langs strong{font-size:17px;color:var(--ink)}
.bf-cat-langs em{font-style:normal;font-size:11px;font-weight:700;color:var(--gd);background:var(--soft);padding:2px 10px;border-radius:99px}
.bf-cat-langs span{font-size:13px;color:#5a6650}
.bf-cat-langs a{margin-top:6px;font-weight:600;font-size:14px;color:var(--gd)!important;text-decoration:none}
.bf-cat-langs a::after{content:" \2193"}
.bf-cat-langs a:hover{text-decoration:underline}

/* call to action */
.bf-cat-cta{margin-top:56px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;padding:32px 36px;border-radius:24px;background:var(--ink);color:#e8f1df}
.bf-cat-cta h3{color:#fff;font-size:24px}
.bf-cat-cta p{margin:6px 0 0;color:#cfe0c0}

@media (max-width:1024px){
  .bf-cat-hero{padding:36px 28px;gap:32px}
  .bf-cat-strip{grid-template-columns:repeat(3,minmax(0,1fr))}
  .bf-cat-langs ul{grid-template-columns:1fr}
}
@media (max-width:767px){
  .bf-cat{padding-bottom:40px}
  .bf-cat-hero{grid-template-columns:1fr;padding:28px 20px;border-radius:22px;text-align:start}
  .bf-cat-cover{order:-1;width:min(70%,260px)}
  .bf-cat-btn{flex:1 1 100%}
  .bf-cat-strip{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;margin-inline:-16px;padding-inline:16px;scrollbar-width:none}
  .bf-cat-strip::-webkit-scrollbar{display:none}
  .bf-cat-strip li{flex:0 0 62%;scroll-snap-align:start}
  .bf-cat-cta{padding:26px 22px}
  .bf-cat-cta .bf-cat-btn{width:100%}
}
@media (prefers-reduced-motion:reduce){.bf-cat-cover img,.bf-cat-strip a,.bf-cat-btn{transition:none}}