/*
Theme Name: Bluefishing 2.0
Theme URI: https://bluefishing.cl/
Author: Bluefishing
Description: Tema comercial a medida para el prototipo Bluefishing 2.0.
Version: 0.9.5
Text Domain: bluefishing-2
*/

:root {
  --bf-ink: #061923;
  --bf-ink-2: #0a2b3a;
  --bf-ocean: #003f5c;
  --bf-cyan: #00b8e6;
  --bf-cyan-2: #008eb8;
  --bf-foam: #f4f8f8;
  --bf-white: #fff;
  --bf-text: #142832;
  --bf-muted: #657780;
  --bf-line: #dce7e9;
  --bf-danger: #df4e4e;
  --bf-shadow: 0 22px 70px rgba(6, 25, 35, .12);
  --bf-shadow-sm: 0 10px 30px rgba(6, 25, 35, .09);
  --bf-radius: 22px;
  --bf-radius-sm: 14px;
  --bf-wrap: 1280px;
  --bf-head: "Barlow Condensed", "Arial Narrow", sans-serif;
  --bf-body: "Manrope", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: var(--bf-foam);
  color: var(--bf-text);
  font-family: var(--bf-body);
  font-size: 16px;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}
body.bf-menu-open { overflow: hidden; }
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; height: auto; }
button, input, select, textarea { font: inherit; }
button { cursor: pointer; }
.screen-reader-text {
  position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0;
}
.bf-wrap { width: min(calc(100% - 40px), var(--bf-wrap)); margin-inline: auto; }
.bf-main { min-height: 55vh; }
.bf-kicker {
  display: inline-flex; align-items: center; gap: 9px; color: var(--bf-cyan-2);
  font-size: 12px; font-weight: 900; letter-spacing: .16em; text-transform: uppercase;
}
.bf-kicker::before { content: ""; width: 28px; height: 2px; background: currentColor; }
.bf-section { padding: 92px 0; }
.bf-section--white { background: var(--bf-white); }
.bf-section--ink { color: var(--bf-white); background: var(--bf-ink); }
.bf-section-head {
  display: flex; justify-content: space-between; gap: 28px; align-items: end; margin-bottom: 34px;
}
.bf-section-head h2, .bf-shop-hero h1, .bf-page h1 {
  margin: 7px 0 0; color: var(--bf-ink); font: 800 clamp(2.4rem, 5vw, 4.4rem)/.92 var(--bf-head);
  letter-spacing: -.025em; text-transform: uppercase;
}
.bf-section-head p { max-width: 580px; margin: 0; color: var(--bf-muted); }
.bf-section--ink .bf-section-head h2 { color: var(--bf-white); }
.bf-section--ink .bf-section-head p { color: #9fb4bc; }
.bf-link {
  display: inline-flex; gap: 10px; align-items: center; color: var(--bf-ink); font-weight: 900;
  white-space: nowrap;
}
.bf-link::after { content: "→"; color: var(--bf-cyan-2); transition: transform .2s ease; }
.bf-link:hover::after { transform: translateX(5px); }
.bf-btn, .button, button.button, input.button, .woocommerce a.button, .woocommerce button.button {
  display: inline-flex; align-items: center; justify-content: center; gap: 10px;
  min-height: 52px; padding: 0 24px; border: 1px solid transparent; border-radius: 999px;
  background: var(--bf-cyan); color: var(--bf-ink); font-weight: 900; line-height: 1;
  transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}
.bf-btn:hover, .button:hover, .woocommerce a.button:hover, .woocommerce button.button:hover {
  background: #42caed; color: var(--bf-ink); transform: translateY(-2px); box-shadow: 0 12px 30px rgba(0,184,230,.25);
}
.bf-btn--blue { background: var(--bf-cyan); }
.bf-btn--ghost { border-color: rgba(255,255,255,.34); background: rgba(255,255,255,.08); color: #fff; backdrop-filter: blur(8px); }
.bf-btn--ghost:hover { border-color: #fff; background: #fff; }

/* Header */
.bf-topbar { background: #031117; color: #b8cad0; font-size: 12px; }
.bf-topbar__inner { display: flex; align-items: center; justify-content: space-between; min-height: 36px; gap: 18px; }
.bf-topbar__items { display: flex; gap: 24px; }
.bf-topbar strong { color: #48cbee; font-weight: 800; }
.bf-header {
  position: sticky; top: 0; z-index: 80; background: rgba(255,255,255,.96); border-bottom: 1px solid rgba(6,25,35,.08);
  backdrop-filter: blur(14px); transition: box-shadow .25s ease;
}
.bf-header.is-scrolled { box-shadow: var(--bf-shadow-sm); }
.bf-header__main { display: grid; grid-template-columns: 210px minmax(260px, 1fr) auto; align-items: center; gap: 30px; min-height: 84px; }
.bf-logo { display: inline-flex; align-items: center; gap: 10px; }
.bf-logo img { width: 205px; height: 58px; object-fit: contain; object-position: left center; }
.bf-search { position: relative; }
.bf-search.is-open { z-index: 4; }
.bf-search__form {
  display: flex; min-height: 52px; overflow: hidden; border: 1px solid #cbd8dd; border-radius: 5px; background: #f4f7f8;
  transition: border-color .2s, box-shadow .2s;
}
.bf-search__form:focus-within { border-color: var(--bf-cyan-2); box-shadow: 0 0 0 3px rgba(0,139,191,.12); background: #fff; }
.bf-search__form input { flex: 1; min-width: 0; padding: 0 20px; border: 0; outline: 0; background: transparent; color: var(--bf-ink); font-size: 14px; }
.bf-search__form input::placeholder { color: #6e8189; opacity: 1; }
.bf-search__form button { display: grid; place-items: center; width: 56px; flex: 0 0 56px; border: 0; border-left: 1px solid #cbd8dd; border-radius: 0; background: var(--bf-ink); color: #fff; cursor: pointer; transition: background .2s, color .2s; }
.bf-search__form button:hover { background: var(--bf-cyan); color: var(--bf-ink); }
.bf-search__form button svg { width: 24px; height: 24px; }
.bf-search__results {
  position: absolute; top: calc(100% + 7px); left: 0; right: 0; display: none; overflow: hidden;
  border: 1px solid #cbd8dd; border-radius: 6px; background: #fff; box-shadow: 0 24px 70px rgba(3,17,23,.22); z-index: 90;
}
.bf-search__results.is-open { display: block; }
.bf-search-results__head { display: flex; align-items: center; justify-content: space-between; min-height: 42px; padding: 0 15px; border-bottom: 1px solid #dce6ea; background: #f3f7f8; color: #526872; font-size: 10px; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.bf-search-results__head b { display: grid; place-items: center; width: 22px; height: 22px; background: var(--bf-ink); color: #fff; font-size: 9px; }
.bf-search-results__list { max-height: min(520px, calc(100vh - 230px)); overflow-y: auto; overscroll-behavior: contain; }
.bf-search-result { display: grid; grid-template-columns: 72px minmax(0,1fr) minmax(92px,auto); gap: 14px; align-items: center; min-width: 0; padding: 11px 14px; border-bottom: 1px solid #e2eaed; transition: background .16s; }
.bf-search-result:last-child { border-bottom: 0; }
.bf-search-result:hover, .bf-search-result:focus { background: #eef8fb; outline: 0; }
.bf-search-result__media { display: grid; place-items: center; width: 72px; height: 72px; overflow: hidden; background: #f3f6f7; }
.bf-search-result__media img { width: 100%; height: 100%; padding: 5px; object-fit: contain; mix-blend-mode: multiply; }
.bf-search-result__media.is-missing::before { content: 'BF'; color: #6b8792; font: 900 18px/1 var(--bf-head); letter-spacing: -.03em; }
.bf-search-result__copy { display: block; min-width: 0; }
.bf-search-result__copy small { display: block; overflow: hidden; margin-bottom: 5px; color: var(--bf-cyan-2); font-size: 8px; font-weight: 900; letter-spacing: .08em; text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap; }
.bf-search-result__copy strong { display: -webkit-box; overflow: hidden; color: var(--bf-ink); font-size: 12px; line-height: 1.3; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.bf-search-result__copy em { display: block; margin-top: 5px; color: #6e8189; font-size: 9px; font-style: normal; font-weight: 700; }
.bf-search-result__commerce { display: grid; justify-items: end; gap: 8px; min-width: 0; }
.bf-search-result__commerce b { color: var(--bf-ink); font-size: 13px; font-weight: 900; text-align: right; }
.bf-search-result__commerce small { color: var(--bf-cyan-2); font-size: 8px; font-weight: 900; letter-spacing: .04em; text-transform: uppercase; }
.bf-search-results__all { display: flex; align-items: center; justify-content: space-between; min-height: 48px; padding: 0 16px; border-top: 1px solid #d5e1e5; background: var(--bf-ink); color: #fff; font-size: 11px; font-weight: 850; }
.bf-search-results__all:hover { background: #0b3444; color: var(--bf-cyan); }
.bf-search-results__all b { color: var(--bf-cyan); font-size: 18px; }
.bf-search-state { display: grid; grid-template-columns: 30px 1fr; gap: 12px; align-items: center; min-height: 82px; padding: 16px; }
.bf-search-state__mark { width: 24px; height: 24px; border: 2px solid #bdd0d8; border-top-color: var(--bf-cyan-2); border-radius: 50%; }
.bf-search-state.is-loading .bf-search-state__mark { animation: bf-search-spin .8s linear infinite; }
.bf-search-state.is-empty .bf-search-state__mark { border-radius: 2px; border: 2px solid var(--bf-cyan-2); animation: none; }
.bf-search-state strong, .bf-search-state small { display: block; }
.bf-search-state strong { color: var(--bf-ink); font-size: 12px; }
.bf-search-state small { margin-top: 3px; color: #71858e; font-size: 10px; }
body.bf-search-open::after { position: fixed; inset: 0; z-index: 75; content: ''; background: rgba(3,17,23,.38); pointer-events: none; }
body.bf-search-open .bf-whatsapp-float { opacity: 0; visibility: hidden; pointer-events: none; }
@keyframes bf-search-spin { to { transform: rotate(360deg); } }
.bf-header__tools { display: flex; align-items: center; gap: 8px; }
.bf-tool {
  position: relative; display: inline-flex; align-items: center; gap: 9px; padding: 10px 12px;
  border-radius: 12px; color: var(--bf-ink); font-weight: 800; font-size: 13px;
}
.bf-tool:hover { background: var(--bf-foam); }
.bf-tool svg { width: 23px; height: 23px; }
.bf-cart-count {
  position: absolute; top: 1px; left: 27px; display: grid; place-items: center; min-width: 18px; height: 18px;
  padding: 0 5px; border: 2px solid #fff; border-radius: 999px; background: var(--bf-cyan); color: var(--bf-ink); font-size: 9px; font-weight: 900;
}
.bf-nav { border-top: 1px solid var(--bf-line); }
.bf-nav__inner { position: relative; display: flex; align-items: stretch; min-height: 50px; gap: 3px; }
.bf-nav__inner > a, .bf-nav__item > a { display: inline-flex; align-items: center; padding: 10px 12px; border-radius: 10px; font-size: 12px; font-weight: 900; letter-spacing: .025em; text-transform: uppercase; }
.bf-nav__inner > a:hover, .bf-nav__item:hover > a, .bf-nav__item:focus-within > a { background: var(--bf-ink); color: var(--bf-white); }
.bf-nav__all { margin-right: 9px; background: var(--bf-cyan); color: var(--bf-ink); }
.bf-nav__promo { margin-left: auto; color: var(--bf-cyan-2); }
.bf-nav__item { display: flex; align-items: stretch; }
.bf-nav__chevron { margin-left: 6px; color: var(--bf-cyan-2); font-size: 13px; transition: transform .2s ease; }
.bf-nav__item:hover .bf-nav__chevron, .bf-nav__item:focus-within .bf-nav__chevron { transform: rotate(180deg); }
.bf-mega, .bf-submenu, .bf-brand-menu { position: absolute; top: calc(100% + 1px); z-index: 95; visibility: hidden; opacity: 0; pointer-events: none; transform: translateY(8px); transition: opacity .18s ease, transform .18s ease, visibility .18s; }
.bf-nav__item:hover > .bf-mega, .bf-nav__item:focus-within > .bf-mega,
.bf-nav__item:hover > .bf-submenu, .bf-nav__item:focus-within > .bf-submenu,
.bf-nav__item:hover > .bf-brand-menu, .bf-nav__item:focus-within > .bf-brand-menu { visibility: visible; opacity: 1; pointer-events: auto; transform: none; }
.bf-mega { left: 0; right: 0; display: grid; grid-template-columns: 245px 1fr; overflow: hidden; border: 1px solid var(--bf-line); border-radius: 0 0 22px 22px; background: #fff; box-shadow: 0 28px 70px rgba(6,25,35,.18); }
.bf-mega__intro { padding: 28px 25px; background: linear-gradient(145deg, #061923, #0b3444); color: #fff; }
.bf-mega__intro > span { color: #45cbed; font-size: 9px; font-weight: 900; letter-spacing: .13em; text-transform: uppercase; }
.bf-mega__intro > strong { display: block; margin: 12px 0; font: 900 2rem/.95 var(--bf-head); text-transform: uppercase; }
.bf-mega__intro p { margin: 0 0 24px; color: #99b0b9; font-size: 11px; line-height: 1.6; }
.bf-mega__intro a { color: var(--bf-cyan); font-size: 11px; font-weight: 900; }
.bf-mega__grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 22px 20px; padding: 25px 27px 28px; }
.bf-mega__grid section { min-width: 0; }
.bf-mega__title { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding-bottom: 7px; border-bottom: 2px solid var(--bf-ink); color: var(--bf-ink); font: 800 1.05rem/1 var(--bf-head); text-transform: uppercase; }
.bf-mega__title:hover { color: var(--bf-cyan-2); }
.bf-mega__title small { color: var(--bf-cyan-2); font: 800 8px/1 var(--bf-body); }
.bf-mega__grid ul { margin: 8px 0 0; padding: 0; list-style: none; }
.bf-mega__grid li { margin: 0; }
.bf-mega__grid li a { display: block; padding: 3px 0; color: var(--bf-muted); font-size: 10px; line-height: 1.35; }
.bf-mega__grid li a:hover { color: var(--bf-cyan-2); }
.bf-submenu { left: auto; min-width: 245px; max-height: 420px; padding: 9px; overflow-y: auto; border: 1px solid var(--bf-line); border-radius: 0 0 16px 16px; background: #fff; box-shadow: var(--bf-shadow); }
.bf-submenu > a { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 9px 10px; border-radius: 9px; color: var(--bf-text); font-size: 11px; font-weight: 700; }
.bf-submenu > a:hover { background: var(--bf-foam); color: var(--bf-cyan-2); }
.bf-submenu small { color: #91a1a7; font-size: 9px; }
.bf-brand-menu { left: 240px; right: 0; padding: 22px 25px 26px; border: 1px solid var(--bf-line); border-radius: 0 0 20px 20px; background: #fff; box-shadow: var(--bf-shadow); }
.bf-brand-menu header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 14px; padding-bottom: 11px; border-bottom: 1px solid var(--bf-line); }
.bf-brand-menu header span { color: var(--bf-ink); font: 800 1.2rem/1 var(--bf-head); text-transform: uppercase; }
.bf-brand-menu header a { color: var(--bf-cyan-2); font-size: 10px; font-weight: 900; }
.bf-brand-menu > div { display: grid; grid-template-columns: repeat(5, 1fr); gap: 8px; }
.bf-brand-menu > div a { display: flex; justify-content: space-between; gap: 10px; padding: 10px 12px; border: 1px solid var(--bf-line); color: var(--bf-ink); font: 800 .95rem/1 var(--bf-head); text-transform: uppercase; }
.bf-brand-menu > div a:hover { border-color: var(--bf-cyan); background: #edfafd; }
.bf-brand-menu small { color: var(--bf-cyan-2); font: 800 8px/1 var(--bf-body); }
.bf-menu-toggle { display: none; padding: 10px; border: 0; background: transparent; color: var(--bf-ink); }
.bf-menu-toggle svg { width: 26px; height: 26px; }

/* Hero slider */
.bf-hero { position: relative; min-height: min(800px, 50vw); overflow: hidden; background: var(--bf-ink); color: #fff; }
.bf-hero__viewport { position: relative; min-height: inherit; }
.bf-hero-slide { position: absolute; inset: 0; opacity: 0; visibility: hidden; pointer-events: none; transition: opacity .55s ease, visibility .55s; }
.bf-hero-slide.is-active { z-index: 1; opacity: 1; visibility: visible; pointer-events: auto; }
.bf-hero-slide--main::before {
  content: ""; position: absolute; inset: 0;
  background-image: linear-gradient(90deg, rgba(3,17,23,.94) 0%, rgba(3,17,23,.65) 42%, rgba(3,17,23,.05) 72%), var(--bf-hero-image, url("assets/images/hero-bluefishing-2.webp"));
  background-position: var(--bf-hero-position, center) center;
  background-size: cover;
}
.bf-hero-slide--main::after {
  content: ""; position: absolute; inset: auto 0 0; height: 140px; background: linear-gradient(transparent, rgba(3,17,23,.78)); pointer-events: none;
}
.bf-hero-slide__banner, .bf-hero-slide__banner picture, .bf-hero-slide__banner img { display: block; width: 100%; height: 100%; }
.bf-hero-slide__banner { overflow: hidden; background: #031117; }
.bf-hero-slide__banner img { max-width: none; object-fit: cover; object-position: center; transform: scale(1.001); transition: transform 7s ease; }
.bf-hero-slide--campaign.is-active .bf-hero-slide__banner img { transform: scale(1.025); }
.bf-hero__inner { position: relative; z-index: 2; display: flex; align-items: center; min-height: min(730px, 76vh); padding: 74px 0 148px; }
.bf-hero__content { width: min(660px, 58%); }
.bf-hero .bf-kicker { color: #43caee; }
.bf-hero h1 {
  max-width: 680px; margin: 20px 0; color: #fff; font: 900 clamp(4rem, 7vw, 7.4rem)/.82 var(--bf-head);
  letter-spacing: -.035em; text-transform: uppercase;
}
.bf-hero h1 span { color: var(--bf-cyan); }
.bf-hero__lead { max-width: 560px; margin: 0 0 30px; color: #d6e4e8; font-size: clamp(1rem, 1.5vw, 1.25rem); }
.bf-hero__actions { display: flex; flex-wrap: wrap; gap: 12px; }
.bf-hero__actions .bf-btn { min-height: 55px; border-radius: 4px; letter-spacing: .015em; }
.bf-hero__controls { position: absolute; z-index: 5; right: 0; bottom: 54px; left: 0; display: flex; align-items: center; justify-content: flex-end; gap: 11px; pointer-events: none; }
.bf-hero__controls > * { pointer-events: auto; }
.bf-hero__controls > button { display: grid; place-items: center; width: 42px; height: 42px; padding: 0; border: 1px solid rgba(255,255,255,.35); border-radius: 50%; background: rgba(3,17,23,.72); color: #fff; cursor: pointer; backdrop-filter: blur(12px); transition: border-color .2s, background .2s, color .2s; }
.bf-hero__controls > button:hover { border-color: var(--bf-cyan); background: var(--bf-cyan); color: var(--bf-ink); }
.bf-hero__dots { display: flex; align-items: center; gap: 7px; min-height: 42px; padding: 0 14px; border: 1px solid rgba(255,255,255,.18); border-radius: 999px; background: rgba(3,17,23,.72); backdrop-filter: blur(12px); }
.bf-hero__dots button { width: 7px; height: 7px; padding: 0; border: 0; border-radius: 999px; background: #78909a; cursor: pointer; transition: width .25s ease, background .25s ease; }
.bf-hero__dots button.is-active { width: 27px; background: var(--bf-cyan); }
.bf-hero__count { min-width: 64px; color: #9db2ba; font-size: 10px; font-weight: 800; letter-spacing: .08em; text-align: center; }
.bf-hero__count b { color: #fff; font-size: 13px; }

/* Trust */
.bf-trust { position: relative; z-index: 4; margin-top: -34px; }
.bf-trust__grid { display: grid; grid-template-columns: repeat(4, 1fr); border-radius: 20px; overflow: hidden; background: #fff; box-shadow: var(--bf-shadow); }
.bf-trust__item { display: grid; grid-template-columns: 45px 1fr; gap: 13px; align-items: center; padding: 23px 25px; border-right: 1px solid var(--bf-line); }
.bf-trust__item:last-child { border-right: 0; }
.bf-trust__icon { display: grid; place-items: center; width: 45px; height: 45px; border-radius: 13px; background: #e8f9fd; color: var(--bf-cyan-2); }
.bf-trust__icon svg { width: 23px; height: 23px; }
.bf-trust__item strong { display: block; color: var(--bf-ink); font-size: 13px; }
.bf-trust__item span { display: block; color: var(--bf-muted); font-size: 11px; }

/* Category cards */
.bf-category-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 15px; }
.bf-category-card { position: relative; min-height: 260px; overflow: hidden; border-radius: var(--bf-radius); background: var(--bf-ink); color: #fff; isolation: isolate; }
.bf-category-card::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(0deg, rgba(3,17,23,.95), rgba(3,17,23,.05) 70%); }
.bf-category-card img { position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; object-fit: cover; transition: transform .55s ease; }
.bf-category-card:hover img { transform: scale(1.08); }
.bf-category-card__content { position: absolute; inset: auto 18px 18px; }
.bf-category-card h3 { margin: 0; font: 800 1.75rem/1 var(--bf-head); letter-spacing: -.015em; text-transform: uppercase; }
.bf-category-card span { color: #b7c9cf; font-size: 11px; font-weight: 800; }
.bf-category-card__arrow { position: absolute; right: 16px; top: 16px; display: grid; place-items: center; width: 38px; height: 38px; border-radius: 50%; background: rgba(255,255,255,.13); backdrop-filter: blur(8px); transition: .2s ease; }
.bf-category-card:hover .bf-category-card__arrow { background: var(--bf-cyan); color: var(--bf-ink); transform: rotate(-12deg); }

/* Product cards */
.bf-product-grid, .woocommerce ul.products { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 22px; margin: 0 !important; padding: 0 !important; }
.bf-product-card, .woocommerce ul.products li.product {
  position: relative; display: flex; flex-direction: column; width: auto !important; margin: 0 !important; padding: 0 0 18px !important;
  overflow: hidden; border: 1px solid var(--bf-line); border-radius: var(--bf-radius); background: #fff; box-shadow: none;
  transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}
.bf-product-card:hover, .woocommerce ul.products li.product:hover { transform: translateY(-6px); border-color: rgba(0,184,230,.55); box-shadow: var(--bf-shadow-sm); }
.bf-product-card__media { position: relative; display: block; aspect-ratio: 1/1; overflow: hidden; background: #f7f9f9; }
.bf-product-card__media img { width: 100%; height: 100%; object-fit: contain; padding: 12px; mix-blend-mode: multiply; transition: transform .35s ease; }
.bf-product-card:hover .bf-product-card__media img { transform: scale(1.045); }
.bf-product-card__badge { position: absolute; top: 14px; left: 14px; padding: 6px 10px; border-radius: 999px; background: var(--bf-ink); color: #fff; font-size: 9px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.bf-product-card__badge--sale { background: #087eb8; color: #fff; }
.bf-product-card__body { display: flex; flex: 1; flex-direction: column; padding: 17px 18px 0; }
.bf-product-card__cat { margin-bottom: 7px; color: var(--bf-cyan-2); font-size: 10px; font-weight: 900; letter-spacing: .09em; text-transform: uppercase; }
.bf-product-card h3 { margin: 0; color: var(--bf-ink); font-size: 14px; line-height: 1.35; font-weight: 800; min-height: 2.7em; }
.bf-product-card__stock { display: flex; align-items: center; gap: 7px; margin-top: 12px; color: #08779f; font-size: 9px; font-weight: 900; letter-spacing: .075em; text-transform: uppercase; }
.bf-product-card__stock::before { content: ""; width: 14px; height: 3px; background: var(--bf-cyan); }
.bf-product-card__stock--onbackorder { color: #647c85; }
.bf-product-card__stock--onbackorder::before { background: #9eb2b9; }
.bf-product-card__stock--outofstock { color: #8b5151; }
.bf-product-card__stock--outofstock::before { background: #b66060; }
.bf-product-card__bottom { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: auto; padding-top: 14px; }
.bf-product-card__price { color: var(--bf-ink); font-size: 17px; font-weight: 900; }
.bf-product-card__price del { color: #94a1a6; font-size: 12px; font-weight: 600; }
.bf-product-card__price ins { text-decoration: none; }
.bf-product-card__add { display: grid; place-items: center; width: 42px; height: 42px; flex: 0 0 42px; padding: 0; border: 0; border-radius: 50%; background: var(--bf-ink); color: #fff; font-size: 21px; cursor: pointer; transition: .2s; }
.bf-product-card__add svg { width: 19px; height: 19px; }
.bf-product-card__add:hover { background: var(--bf-cyan); color: var(--bf-ink); transform: translateY(-2px); }
.bf-product-card__add.loading { opacity: .55; }
.bf-product-card__add.added svg { display: none; }
.bf-product-card__add.added::before { content: "✓"; font-size: 15px; }
.bf-product-card__add--disabled, .bf-product-card__add--disabled:hover { background: #dfe6e8; color: #8fa0a6; cursor: not-allowed; transform: none; }
.bf-product-card + .added_to_cart, .bf-product-card .added_to_cart.wc-forward { display: none !important; }

/* Quick purchase from catalog cards */
body.bf-quick-buy-open { overflow: hidden; }
.bf-quick-buy { position: fixed; inset: 0; z-index: 400; display: grid; place-items: center; padding: 24px; background: rgba(3,17,23,.68); backdrop-filter: blur(5px); }
.bf-quick-buy[hidden] { display: none; }
.bf-quick-buy__panel { position: relative; width: min(760px, 100%); max-height: min(780px, calc(100vh - 48px)); overflow-y: auto; border-top: 5px solid var(--bf-cyan); border-radius: 7px; background: #fff; box-shadow: 0 30px 90px rgba(0,0,0,.32); }
.bf-quick-buy__close { position: absolute; z-index: 2; top: 13px; right: 13px; display: grid; place-items: center; width: 38px; height: 38px; padding: 0; border: 1px solid #bfcfd5; border-radius: 3px; background: #fff; color: var(--bf-ink); font-size: 24px; cursor: pointer; }
.bf-quick-buy__loading { min-height: 310px; display: grid; place-items: center; color: var(--bf-muted); font-size: 12px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.bf-quick-buy__layout { display: grid; grid-template-columns: minmax(220px,.8fr) minmax(0,1.2fr); }
.bf-quick-buy__visual { display: flex; min-height: 440px; flex-direction: column; justify-content: space-between; padding: 28px; background: #f2f6f7; }
.bf-quick-buy__visual img { width: 100%; aspect-ratio: 1; object-fit: contain; mix-blend-mode: multiply; }
.bf-quick-buy__visual small { color: var(--bf-cyan-2); font-size: 9px; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }
.bf-quick-buy__content { padding: 42px 34px 32px; }
.bf-quick-buy__content h2 { max-width: calc(100% - 36px); margin: 0 0 8px; color: var(--bf-ink); font: 800 2.1rem/1 var(--bf-head); text-transform: uppercase; }
.bf-quick-buy__price { color: var(--bf-cyan-2); font-size: 20px; font-weight: 900; }
.bf-quick-buy__attributes { display: grid; gap: 20px; margin-top: 27px; }
.bf-quick-buy__attribute > strong { display: block; margin-bottom: 9px; color: var(--bf-ink); font-size: 10px; font-weight: 900; letter-spacing: .09em; text-transform: uppercase; }
.bf-quick-buy__options { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 7px; }
.bf-quick-option { position: relative; min-height: 40px; padding: 9px 8px; overflow: hidden; border: 1px solid #cbdadd; border-radius: 3px; background: #fff; color: var(--bf-ink); font-size: 10px; font-weight: 900; cursor: pointer; }
.bf-quick-option.has-image { display: flex; min-height: 76px; flex-direction: column; padding: 0; }
.bf-quick-option img { width: 100%; height: 50px; border-bottom: 1px solid #e1eaed; object-fit: cover; object-position: center 48%; mix-blend-mode: multiply; }
.bf-quick-option span { display: grid; flex: 1; place-items: center; padding: 6px; }
.bf-quick-option:hover:not(:disabled) { border-color: var(--bf-cyan-2); }
.bf-quick-option.is-selected { border-color: var(--bf-cyan-2); background: var(--bf-ink); color: #fff; box-shadow: inset 0 3px 0 var(--bf-cyan); }
.bf-quick-option:disabled { opacity: .28; cursor: not-allowed; }
.bf-quick-buy__status { min-height: 39px; margin: 20px 0 12px; padding: 11px 12px; background: #f0f5f6; color: var(--bf-muted); font-size: 10px; font-weight: 700; }
.bf-quick-buy__status.is-ready { background: #e9f8fc; color: #08779f; }
.bf-quick-buy__submit { width: 100%; min-height: 52px; border: 0; border-radius: 3px; background: var(--bf-ink); color: #fff; font-size: 12px; font-weight: 900; cursor: pointer; }
.bf-quick-buy__submit:hover:not(:disabled) { background: var(--bf-cyan); color: var(--bf-ink); }
.bf-quick-buy__submit:disabled { background: #cfd9dc; cursor: not-allowed; }
.bf-quick-buy__footer { display: flex; justify-content: space-between; gap: 12px; margin-top: 13px; font-size: 10px; font-weight: 800; }
.bf-quick-buy__footer a { color: var(--bf-cyan-2); }
.bf-quick-buy__success { min-height: 360px; display: grid; place-items: center; padding: 46px; text-align: center; }
.bf-quick-buy__success b { display: block; margin-bottom: 8px; color: var(--bf-cyan-2); font: 900 3.5rem/1 var(--bf-head); }
.bf-quick-buy__success h2 { margin: 0 0 10px; font: 800 2.2rem/1 var(--bf-head); text-transform: uppercase; }
.bf-quick-buy__success p { margin: 0 0 24px; color: var(--bf-muted); font-size: 12px; }
.bf-quick-buy__success > div { display: block; width: min(430px,100%); }
.bf-quick-buy__success > div > div { display: flex; justify-content: center; gap: 9px; }
.bf-quick-buy__success a, .bf-quick-buy__success button { min-height: 44px; padding: 0 18px; border: 1px solid var(--bf-ink); border-radius: 3px; background: var(--bf-ink); color: #fff; font-size: 10px; font-weight: 900; cursor: pointer; }
.bf-quick-buy__success button { background: #fff; color: var(--bf-ink); }

/* Fishing modes */
.bf-mode-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 14px; }
.bf-mode {
  position: relative; min-height: 230px; padding: 24px; overflow: hidden; border: 1px solid #173b4b; border-radius: var(--bf-radius);
  background: linear-gradient(145deg, #0a2b3a, #061923); transition: transform .25s, border-color .25s;
}
.bf-mode::before { content: attr(data-index); position: absolute; right: 12px; bottom: -28px; color: rgba(255,255,255,.035); font: 900 9rem/1 var(--bf-head); }
.bf-mode:hover { transform: translateY(-5px); border-color: var(--bf-cyan); }
.bf-mode__icon { display: grid; place-items: center; width: 52px; height: 52px; margin-bottom: 55px; border-radius: 15px; background: rgba(0,184,230,.12); color: var(--bf-cyan); }
.bf-mode__icon svg { width: 27px; height: 27px; }
.bf-mode h3 { margin: 0 0 6px; color: #fff; font: 800 1.7rem/1 var(--bf-head); text-transform: uppercase; }
.bf-mode p { margin: 0; color: #89a4ae; font-size: 12px; }

/* Product showcase + advisory panel */
.bf-editorial { display: grid; grid-template-columns: 1.06fr .94fr; gap: 18px; min-height: 540px; padding: 18px; overflow: hidden; border: 1px solid #dbe5e9; border-radius: 28px; background: #eaf0f2; color: #fff; box-shadow: var(--bf-shadow); }
.bf-editorial__media { position: relative; display: grid; grid-template-rows: minmax(0,1fr) auto; min-width: 0; min-height: 504px; overflow: hidden; border-radius: 16px; background: #fff; color: var(--bf-ink); }
.bf-showcase__viewport { position: relative; min-height: 430px; overflow: hidden; }
.bf-showcase__slide { position: absolute; inset: 0; display: grid; grid-template-rows: minmax(250px,1fr) auto; padding: 34px 38px 25px; opacity: 0; visibility: hidden; transform: translateX(24px); pointer-events: none; transition: opacity .42s ease, transform .42s ease, visibility .42s; }
.bf-showcase__slide.is-active { opacity: 1; visibility: visible; transform: translateX(0); pointer-events: auto; }
.bf-showcase__number { position: absolute; z-index: 2; top: 22px; right: 25px; color: #9eb0b8; font: 800 12px/1 var(--bf-head); letter-spacing: .12em; }
.bf-showcase__image { display: grid; place-items: center; min-height: 0; }
.bf-showcase__image img { display: block; width: 100%; height: 300px; object-fit: contain; padding: 6px 12px; mix-blend-mode: multiply; }
.bf-showcase__info { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 5px 18px; align-items: end; padding-top: 18px; border-top: 1px solid #dbe5e9; }
.bf-showcase__info > span { grid-column: 1 / -1; color: var(--bf-cyan-2); font-size: 9px; font-weight: 900; letter-spacing: .11em; text-transform: uppercase; }
.bf-showcase__info h3 { margin: 0; font: 800 clamp(1.25rem,2vw,1.8rem)/1 var(--bf-head); text-transform: uppercase; }
.bf-showcase__info h3 a { color: var(--bf-ink); }
.bf-showcase__info > div { color: var(--bf-ink); font-size: 18px; font-weight: 900; white-space: nowrap; }
.bf-showcase__info del { color: #8fa0a7; font-size: 11px; font-weight: 600; }
.bf-showcase__info ins { text-decoration: none; }
.bf-showcase__controls { display: grid; grid-template-columns: 46px minmax(50px,1fr) auto 46px; align-items: center; gap: 14px; min-height: 66px; padding: 9px 14px; border-top: 1px solid #dbe5e9; background: #f2f6f7; }
.bf-showcase__controls button { display: grid; place-items: center; width: 46px; height: 46px; padding: 0; border: 1px solid #c6d4da; border-radius: 2px; background: #fff; color: var(--bf-ink); font-size: 19px; cursor: pointer; transition: .2s; }
.bf-showcase__controls button:hover { border-color: var(--bf-cyan); background: var(--bf-cyan); }
.bf-showcase__controls > span { color: #607680; font: 700 11px/1 var(--bf-head); letter-spacing: .08em; white-space: nowrap; }
.bf-showcase__controls > span b { color: var(--bf-ink); }
.bf-showcase__progress { height: 2px; overflow: hidden; background: #cbd8dd; }
.bf-showcase__progress i { display: block; width: 20%; height: 100%; background: var(--bf-cyan-2); transition: width .35s ease; }
.bf-editorial__body { display: flex; flex-direction: column; justify-content: center; border-radius: 16px; background: var(--bf-ink); padding: 54px 50px; }
.bf-editorial__body h2 { margin: 14px 0 18px; color: #fff; font: 900 clamp(2.8rem, 5vw, 5rem)/.88 var(--bf-head); text-transform: uppercase; }
.bf-editorial__body p { margin: 0 0 25px; color: #a9bec6; }
.bf-editorial__stats { display: flex; gap: 30px; margin: 24px 0 30px; }
.bf-editorial__stats strong { display: block; color: #45cbed; font: 800 2rem/1 var(--bf-head); }
.bf-editorial__stats span { color: #8fa7af; font-size: 10px; font-weight: 800; text-transform: uppercase; }

/* Brands and newsletter */
.bf-brand-row { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; }
.bf-brand-row a { min-width: 145px; padding: 17px 24px; border: 1px solid var(--bf-line); border-radius: 14px; background: #fff; color: var(--bf-ink); text-align: center; font: 800 1.15rem/1 var(--bf-head); letter-spacing: .04em; text-transform: uppercase; transition: .2s; }
.bf-brand-row a:hover { border-color: var(--bf-cyan); background: var(--bf-ink); color: #fff; transform: translateY(-3px); }
.bf-news { padding: 34px 0; background: var(--bf-cyan); color: var(--bf-ink); }
.bf-news__inner { display: grid; grid-template-columns: 1fr auto; gap: 30px; align-items: center; }
.bf-news h2 { margin: 0; font: 900 clamp(2rem,4vw,3.5rem)/1 var(--bf-head); text-transform: uppercase; }
.bf-news p { margin: 6px 0 0; font-size: 13px; }
.bf-news__form { display: flex; gap: 8px; padding: 7px; border-radius: 999px; background: #fff; }
.bf-news__form input { width: min(330px, 36vw); min-height: 46px; padding: 0 17px; border: 0; outline: 0; background: transparent; }
.bf-news__form button { min-height: 46px; border: 0; border-radius: 999px; padding: 0 21px; background: var(--bf-ink); color: #fff; font-weight: 900; }

/* Shop / WooCommerce */
.bf-shop-hero { padding: 55px 0 45px; background: linear-gradient(140deg, #fff, #eaf5f7); border-bottom: 1px solid var(--bf-line); }
.bf-shop-hero__inner { display: flex; align-items: end; justify-content: space-between; gap: 24px; }
.bf-shop-hero p { max-width: 620px; color: var(--bf-muted); }
.bf-shop-main { padding: 55px 0 90px; }
.bf-shop-toolbar { display: flex; align-items: center; justify-content: flex-end; gap: 16px; margin-bottom: 22px; }
.bf-shop-toolbar .woocommerce-result-count { margin: 0 auto 0 0; }
.bf-shop-toolbar .woocommerce-ordering { float: none; margin: 0; }
.bf-filter-toggle { display: none; min-height: 44px; padding: 0 15px; border: 1px solid var(--bf-line); border-radius: 12px; background: #fff; color: var(--bf-ink); font-weight: 900; }
.bf-filter-toggle span { display: grid; place-items: center; min-width: 20px; height: 20px; padding: 0 5px; border-radius: 50%; background: var(--bf-cyan); font-size: 9px; }
.bf-shop-layout { display: grid; grid-template-columns: 270px minmax(0, 1fr); gap: 27px; align-items: start; }
.bf-filters { position: sticky; top: 110px; max-height: calc(100vh - 130px); overflow-y: auto; border: 1px solid var(--bf-line); background: #fff; scrollbar-width: thin; scrollbar-color: #b7c8cd transparent; }
.bf-filters > header { position: sticky; top: 0; z-index: 2; display: flex; align-items: center; justify-content: space-between; padding: 20px 19px 17px; border-bottom: 4px solid var(--bf-ink); background: #fff; }
.bf-filters > header span { display: block; margin-bottom: 2px; color: var(--bf-cyan-2); font-size: 8px; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }
.bf-filters > header strong { color: var(--bf-ink); font: 900 1.8rem/1 var(--bf-head); text-transform: uppercase; }
.bf-filters > header button { display: none; width: 38px; height: 38px; border: 1px solid var(--bf-line); border-radius: 50%; background: #fff; color: var(--bf-ink); font-size: 23px; }
.bf-filter-group { display: block; margin: 0; padding: 17px 18px; border: 0; border-bottom: 1px solid var(--bf-line); }
.bf-filter-group summary { display: flex; align-items: center; justify-content: space-between; cursor: pointer; list-style: none; color: var(--bf-ink); font-size: 11px; font-weight: 900; letter-spacing: .04em; text-transform: uppercase; }
.bf-filter-group summary::-webkit-details-marker { display: none; }
.bf-filter-group summary span { color: var(--bf-cyan-2); font-size: 16px; font-weight: 500; transition: transform .2s; }
.bf-filter-group[open] summary span { transform: rotate(45deg); }
.bf-filter-label { display: block; margin-bottom: 9px; color: var(--bf-ink); font-size: 10px; font-weight: 900; letter-spacing: .05em; text-transform: uppercase; }
.bf-filter-search { position: relative; }
.bf-filter-search input { width: 100%; height: 43px; padding: 0 38px 0 12px; border: 1px solid var(--bf-line); border-radius: 8px; outline: 0; background: #f8fafa; color: var(--bf-ink); font-size: 11px; }
.bf-filter-search input:focus { border-color: var(--bf-cyan); box-shadow: 0 0 0 3px rgba(0,184,230,.1); }
.bf-filter-search svg { position: absolute; top: 12px; right: 12px; width: 18px; height: 18px; color: var(--bf-cyan-2); }
.bf-price-inputs { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.bf-price-inputs label { color: var(--bf-muted); font-size: 8px; font-weight: 800; text-transform: uppercase; }
.bf-price-inputs input { width: 100%; height: 38px; margin-top: 4px; padding: 0 8px; border: 1px solid var(--bf-line); border-radius: 7px; color: var(--bf-ink); font-size: 10px; font-weight: 800; }
.bf-filter-details { display: grid; gap: 7px; margin-top: 13px; }
.bf-filter-details--scroll { max-height: 245px; padding-right: 4px; overflow-y: auto; scrollbar-width: thin; }
.bf-filter-details label, .bf-filter-category > label, .bf-filter-category > div label { display: grid; grid-template-columns: 17px minmax(0,1fr) auto; gap: 7px; align-items: center; color: var(--bf-text); font-size: 10px; line-height: 1.3; cursor: pointer; }
.bf-filter-details input, .bf-filter-category input { width: 15px; height: 15px; margin: 0; accent-color: var(--bf-cyan-2); }
.bf-filter-details small, .bf-filter-category small { color: #98a8ae; font-size: 8px; }
.bf-filter-category { padding: 3px 0 7px; }
.bf-filter-category > label strong { color: var(--bf-ink); font-size: 10px; }
.bf-filter-category > div { display: grid; gap: 6px; margin: 8px 0 0 24px; padding-left: 10px; border-left: 1px solid #dbe7e9; }
.bf-filter-actions { display: grid; gap: 10px; padding: 18px; }
.bf-filter-actions .bf-btn { width: 100%; min-height: 46px; padding-inline: 14px; border-radius: 8px; font-size: 11px; }
.bf-filter-actions > a { color: var(--bf-muted); font-size: 9px; font-weight: 800; text-align: center; text-decoration: underline; }
.bf-shop-results { min-width: 0; }
.bf-active-filters { display: flex; align-items: center; justify-content: space-between; gap: 15px; margin-bottom: 15px; padding: 10px 13px; border-left: 3px solid var(--bf-cyan); background: #eaf7f9; color: var(--bf-ink); font-size: 10px; font-weight: 800; }
.bf-active-filters a { color: var(--bf-cyan-2); }
.bf-shop-results .woocommerce-pagination { margin-top: 44px; }
.bf-no-results { padding: 80px 25px; border: 1px dashed #b9cdd2; background: #fff; text-align: center; }
.bf-no-results > span { display: grid; place-items: center; width: 58px; height: 58px; margin: 0 auto 20px; border-radius: 50%; background: var(--bf-ink); color: var(--bf-cyan); }
.bf-no-results svg { width: 28px; height: 28px; }
.bf-no-results h2 { margin: 0; color: var(--bf-ink); font: 900 2.4rem/1 var(--bf-head); text-transform: uppercase; }
.bf-no-results p { margin: 10px 0 24px; color: var(--bf-muted); font-size: 12px; }
.woocommerce .woocommerce-breadcrumb { color: var(--bf-muted); font-size: 12px; }
.woocommerce .woocommerce-breadcrumb a { color: var(--bf-cyan-2); font-weight: 800; }
.woocommerce .woocommerce-result-count { color: var(--bf-muted); font-size: 13px; }
.woocommerce .woocommerce-ordering select, .woocommerce select {
  min-height: 45px; padding: 0 40px 0 14px; border: 1px solid var(--bf-line); border-radius: 12px; background: #fff;
}
.woocommerce nav.woocommerce-pagination ul { border: 0; display: flex; gap: 7px; }
.woocommerce nav.woocommerce-pagination ul li { border: 0; }
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span { display: grid; place-items: center; min-width: 42px; height: 42px; border-radius: 50%; background: #fff; color: var(--bf-ink); }
.woocommerce nav.woocommerce-pagination ul li span.current { background: var(--bf-ink); color: #fff; }
.woocommerce div.product { padding-top: 20px; }
.woocommerce div.product div.images img { border-radius: var(--bf-radius); background: #fff; }
.woocommerce div.product .product_title { max-width: 100%; margin-inline: 0; overflow-wrap: anywhere; white-space: normal; color: var(--bf-ink); font: 800 clamp(2.2rem,4vw,4rem)/.95 var(--bf-head); text-wrap: balance; text-transform: uppercase; }
.woocommerce div.product p.price, .woocommerce div.product span.price { color: var(--bf-cyan-2); font-size: 1.7rem; font-weight: 900; }
.woocommerce div.product form.cart { display: flex; flex-wrap: wrap; gap: 12px; }
.woocommerce .quantity .qty { min-height: 52px; border: 1px solid var(--bf-line); border-radius: 999px; }
.woocommerce div.product .woocommerce-tabs ul.tabs { padding: 0; border-bottom: 1px solid var(--bf-line); }
.woocommerce div.product .woocommerce-tabs ul.tabs::before { display: none; }
.woocommerce div.product .woocommerce-tabs ul.tabs li { border: 0; background: transparent; }
.woocommerce div.product .woocommerce-tabs ul.tabs li.active { border-bottom: 3px solid var(--bf-cyan); }
.woocommerce-message, .woocommerce-info { border-top-color: var(--bf-cyan); border-radius: 14px; background: #fff; }
.woocommerce-message::before, .woocommerce-info::before { color: var(--bf-cyan-2); }
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
  padding: 13px 15px; border: 1px solid var(--bf-line); border-radius: 12px; background: #fff;
}
.bf-page { padding: 60px 0 90px; }

/* Product detail and visual variations */
.bf-product-trail { padding: 18px 0; border-bottom: 1px solid var(--bf-line); background: #fff; }
.bf-product-trail__inner { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.bf-product-trail .woocommerce-breadcrumb { margin: 0; }
.bf-product-trail__back { color: var(--bf-ink); font-size: 12px; font-weight: 900; text-transform: uppercase; letter-spacing: .05em; }
.bf-product-trail__back::before { content: "←"; margin-right: 8px; color: var(--bf-cyan-2); }
.single-product .bf-shop-main { padding-top: 42px; }
.single-product.woocommerce div.product div.images { width: 52%; margin-bottom: 60px; }
.single-product.woocommerce div.product div.summary { width: 43%; min-width: 0; margin: 0 0 60px; padding: 34px; border: 1px solid var(--bf-line); border-radius: 8px; background: #fff; box-shadow: var(--bf-shadow-sm); }
.single-product .woocommerce-product-gallery { position: relative; }
.single-product .bf-product-gallery-head { display: flex; min-height: 48px; align-items: center; justify-content: space-between; gap: 16px; padding: 0 2px 11px; border-bottom: 1px solid var(--bf-line); }
.single-product .bf-product-gallery-head > span { color: var(--bf-ink); font-size: 10px; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }
.single-product .bf-product-gallery-nav { display: flex; align-items: center; gap: 9px; }
.single-product .bf-product-gallery-nav button { display: grid; place-items: center; width: 34px; height: 32px; padding: 0; border: 1px solid #bdd1d9; border-radius: 3px; background: #fff; color: var(--bf-ink); font-size: 16px; transition: border-color .18s, background .18s, color .18s; }
.single-product .bf-product-gallery-nav button:hover { border-color: var(--bf-cyan-2); background: var(--bf-ink); color: #fff; }
.single-product .bf-product-gallery-nav .woocommerce-product-gallery__trigger { position: relative !important; inset: auto !important; display: block; width: 34px !important; height: 32px !important; margin: 0 !important; overflow: hidden; border: 1px solid #bdd1d9; border-radius: 3px; background: #fff; color: var(--bf-ink); font-size: 0; text-indent: 0; transition: border-color .18s, background .18s, color .18s; }
.single-product .bf-product-gallery-nav .woocommerce-product-gallery__trigger::before { content: ""; position: absolute; top: 8px; left: 9px; width: 10px; height: 10px; box-sizing: border-box; border: 2px solid currentColor; border-radius: 50%; }
.single-product .bf-product-gallery-nav .woocommerce-product-gallery__trigger::after { content: ""; position: absolute; top: 19px; left: 19px; width: 7px; height: 2px; border: 0; border-radius: 2px; background: currentColor; transform: rotate(45deg); }
.single-product .bf-product-gallery-nav .woocommerce-product-gallery__trigger:hover { border-color: var(--bf-cyan-2); background: var(--bf-ink); color: #fff; }
.single-product .bf-product-gallery-nav span { min-width: 52px; color: #8299a2; font-size: 10px; font-weight: 800; letter-spacing: .08em; text-align: center; }
.single-product .bf-product-gallery-nav span b { color: var(--bf-cyan-2); }
.single-product .bf-product-gallery-nav span i { padding: 0 5px; color: #b3c4ca; font-style: normal; }
.single-product .woocommerce-product-gallery .flex-viewport { margin-top: 12px; overflow: hidden; border: 1px solid #c9d9df; border-top: 4px solid var(--bf-cyan); border-radius: 5px; background: #fff; }
.single-product .woocommerce-product-gallery__wrapper { margin: 0 !important; }
.single-product .woocommerce-product-gallery__image { overflow: hidden; border: 0; border-radius: 0; background: #fff; }
.single-product .woocommerce-product-gallery__image > a { display: block; aspect-ratio: 4 / 3; overflow: hidden; }
.single-product .woocommerce-product-gallery__image > a > img { width: 100% !important; height: 100% !important; border-radius: 0 !important; object-fit: cover; object-position: center 48%; }
body.single-product.woocommerce div.product div.images ol.flex-control-thumbs { display: flex !important; gap: 9px; margin: 11px 0 0 !important; padding: 0 0 9px !important; overflow-x: auto; overscroll-behavior-inline: contain; scroll-snap-type: x proximity; scrollbar-color: #a6bdc6 #e6eef1; scrollbar-width: thin; }
body.single-product.woocommerce div.product div.images ol.flex-control-thumbs li { position: relative; flex: 0 0 112px !important; float: none !important; clear: none !important; width: 112px !important; padding: 0; overflow: hidden; border: 1px solid #cadbe1; border-radius: 4px; background: #fff; scroll-snap-align: start; }
body.single-product.woocommerce div.product div.images ol.flex-control-thumbs li::before { content: attr(data-bf-photo); position: absolute; z-index: 2; top: 5px; left: 5px; display: grid; place-items: center; width: 21px; height: 18px; background: rgba(3,17,23,.88); color: #fff; font-size: 8px; font-weight: 900; letter-spacing: .04em; pointer-events: none; }
body.single-product.woocommerce div.product div.images ol.flex-control-thumbs img { width: 100% !important; height: 72px !important; border-radius: 0 !important; object-fit: cover; object-position: center 48%; opacity: .62; transition: opacity .18s, transform .18s; }
body.single-product.woocommerce div.product div.images ol.flex-control-thumbs li:hover img { opacity: .88; transform: scale(1.025); }
body.single-product.woocommerce div.product div.images ol.flex-control-thumbs img.flex-active { opacity: 1; box-shadow: inset 0 -4px 0 var(--bf-cyan); }
body.single-product.woocommerce div.product div.images ol.flex-control-thumbs li:has(img.flex-active) { border-color: var(--bf-cyan-2); }
.single-product .product_meta { padding-top: 20px; border-top: 1px solid var(--bf-line); color: var(--bf-muted); font-size: 11px; }
.single-product .product_meta > span { display: block; margin-top: 4px; }
.single-product .woocommerce-product-details__short-description { color: var(--bf-muted); font-size: 14px; }
.bf-spec-sheet { margin: 27px 0 0; overflow: hidden; border-top: 5px solid var(--bf-cyan); background: #071b24; color: #fff; box-shadow: 10px 10px 0 #dfeaec; }
.bf-spec-sheet__head { display: flex; align-items: baseline; justify-content: space-between; gap: 18px; padding: 17px 20px 15px; border-bottom: 1px solid #29424c; }
.bf-spec-sheet__head strong { font: 800 1.5rem/1 var(--bf-head); letter-spacing: .035em; text-transform: uppercase; }
.bf-spec-sheet__head span { color: #6e8b95; font: 800 8px/1 var(--bf-body); letter-spacing: .13em; text-transform: uppercase; }
.bf-spec-sheet__list { margin: 0; padding: 0 20px 6px; }
.bf-spec-sheet__list > div { display: grid; grid-template-columns: minmax(120px,.7fr) minmax(0,1.3fr); gap: 18px; align-items: baseline; padding: 11px 0; border-bottom: 1px solid #203944; }
.bf-spec-sheet__list > div:last-child { border-bottom: 0; }
.bf-spec-sheet dt, .bf-spec-sheet dd { margin: 0; }
.bf-spec-sheet dt { display: flex; gap: 10px; color: #87a0a9; font-size: 9px; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }
.bf-spec-sheet dt b { color: var(--bf-cyan); font-size: 8px; }
.bf-spec-sheet dd { overflow-wrap: anywhere; color: #f8fcfd; font-size: 11px; font-weight: 800; line-height: 1.4; text-align: right; }
.bf-buying-guide { margin: 26px 0 15px; padding-top: 22px; border-top: 1px solid var(--bf-line); }
.bf-buying-guide p { margin: 7px 0 0; color: var(--bf-muted); font-size: 12px; }
.woocommerce div.product form.cart.variations_form { display: block; margin: 0; }
.woocommerce div.product form.cart.variations_form .variations { margin: 0; }
.woocommerce div.product form.cart.variations_form .variations tbody,
.woocommerce div.product form.cart.variations_form .variations tr,
.woocommerce div.product form.cart.variations_form .variations th,
.woocommerce div.product form.cart.variations_form .variations td { display: block; width: 100%; }
.woocommerce div.product form.cart.variations_form .variations tr { margin-bottom: 22px; }
.woocommerce div.product form.cart.variations_form .variations th { padding: 0 0 9px; text-align: left; }
.woocommerce div.product form.cart.variations_form .variations th label { color: var(--bf-ink); font-size: 12px; font-weight: 900; letter-spacing: .075em; text-transform: uppercase; }
.woocommerce div.product form.cart.variations_form .variations td { position: relative; padding: 0; }
.bf-native-variation-select { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0 !important; opacity: 0; }
.bf-variation-status { margin: 0 0 12px; padding: 10px 12px; border-radius: 10px; background: #f3f7f8; color: var(--bf-muted); font-size: 11px; line-height: 1.45; }
.bf-variation-status.is-ready { background: #e8f7fc; color: #076f99; font-weight: 800; }
.bf-variation-options { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.bf-variation-option { position: relative; display: flex; min-width: 0; min-height: 48px; padding: 10px 12px; align-items: center; justify-content: center; overflow: hidden; border: 1px solid #c7d9df; border-radius: 4px; background: #fff; color: var(--bf-ink); font-size: 12px; font-weight: 900; line-height: 1.1; transition: border-color .18s, box-shadow .18s, transform .18s, background .18s; }
.bf-variation-option.has-image { flex-direction: column; min-height: 123px; padding: 0; gap: 0; }
.bf-variation-option__image { display: block; width: 100%; height: 88px; overflow: hidden; border-bottom: 1px solid #e0e9ec; background: #fff; }
.bf-variation-option__image img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center 48%; mix-blend-mode: multiply; transition: transform .2s ease; }
.bf-variation-option__name { display: grid; place-items: center; width: 100%; min-height: 34px; padding: 7px 25px 7px 10px; overflow: hidden; background: #f5f8f9; text-overflow: ellipsis; white-space: nowrap; }
.bf-variation-option:hover:not(:disabled) { border-color: var(--bf-cyan-2); transform: translateY(-2px); box-shadow: 0 9px 20px rgba(3,17,23,.1); }
.bf-variation-option:hover:not(:disabled) .bf-variation-option__image img { transform: scale(1.025); }
.bf-variation-option.is-selected { border-color: var(--bf-cyan-2); background: #fff; box-shadow: inset 0 4px 0 var(--bf-cyan), 0 0 0 1px var(--bf-cyan-2); }
.bf-variation-option.is-selected .bf-variation-option__name { background: var(--bf-ink); color: #fff; }
.bf-variation-option.is-selected::after { content: "✓"; position: absolute; right: 0; bottom: 0; display: grid; place-items: center; width: 25px; height: 34px; border-radius: 0; background: var(--bf-cyan); color: var(--bf-ink); font-size: 11px; }
.bf-variation-option:disabled { opacity: .3; cursor: not-allowed; filter: grayscale(1); }
.woocommerce div.product form.cart .reset_variations { display: inline-block !important; margin-top: 11px; color: var(--bf-cyan-2); font-size: 11px; font-weight: 800; }
.woocommerce div.product .single_variation_wrap { margin-top: 10px; padding-top: 18px; border-top: 1px solid var(--bf-line); }
.woocommerce div.product .single_variation { min-height: 44px; }
.woocommerce div.product .single_variation .price { display: block; margin-bottom: 7px; font-size: 1.6rem; }
.woocommerce div.product .woocommerce-variation-availability p { margin: 0 0 12px; color: #076f99; font-size: 12px; font-weight: 800; }
.woocommerce div.product .woocommerce-variation-add-to-cart,
.woocommerce div.product form.cart:not(.variations_form) { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; }
.woocommerce div.product form.cart .button { flex: 1; min-width: 210px; min-height: 56px; background: var(--bf-ink); color: #fff; }
.woocommerce div.product form.cart .button:hover { background: var(--bf-cyan); color: var(--bf-ink); }
.bf-quantity { display: inline-grid !important; grid-template-columns: 38px 48px 38px; align-items: center; width: 124px; min-height: 52px; overflow: hidden; border: 1px solid var(--bf-line); border-radius: 999px; background: #fff; }
.woocommerce .bf-quantity .qty { width: 48px !important; min-height: 48px !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent; font-weight: 900; text-align: center; appearance: textfield; }
.bf-quantity .qty::-webkit-outer-spin-button, .bf-quantity .qty::-webkit-inner-spin-button { margin: 0; appearance: none; }
.bf-quantity__button { align-self: stretch; padding: 0; border: 0; background: transparent; color: var(--bf-ink); font-size: 19px; font-weight: 700; }
.bf-quantity__button:hover { background: #eaf8fb; color: var(--bf-cyan-2); }
.bf-purchase-trust { display: grid; gap: 8px; margin-top: 20px; padding: 17px 18px; border-radius: 15px; background: var(--bf-foam); }
.bf-purchase-trust span { display: flex; align-items: center; gap: 10px; color: var(--bf-muted); font-size: 11px; }
.bf-purchase-trust svg { width: 18px; height: 18px; color: var(--bf-cyan-2); }
.bf-purchase-trust b { color: var(--bf-ink); }
.single-product .woocommerce-tabs { clear: both; padding: 30px; border: 1px solid var(--bf-line); border-radius: 24px; background: #fff; }
.single-product .related.products { clear: both; padding-top: 70px; }
.single-product .related.products > h2 { margin-bottom: 28px; color: var(--bf-ink); font: 800 clamp(2.1rem,4vw,3.4rem)/1 var(--bf-head); text-transform: uppercase; }

/* Cart and checkout */
.bf-commerce-hero { padding: 48px 0 42px; overflow: hidden; background: radial-gradient(circle at 78% 30%, #12516a, transparent 28%), linear-gradient(135deg, #031117, #0a2b3a); color: #fff; }
.bf-commerce-hero__inner { display: flex; justify-content: space-between; align-items: end; gap: 36px; }
.bf-commerce-hero .bf-kicker { color: #45cbed; }
.bf-commerce-hero h1 { margin: 8px 0 0; color: #fff; font: 900 clamp(2.8rem,5vw,4.8rem)/.9 var(--bf-head); letter-spacing: -.02em; text-transform: uppercase; }
.bf-commerce-hero p { max-width: 580px; margin: 10px 0 0; color: #a9c0c8; font-size: 13px; }
.bf-checkout-steps { display: flex; gap: 8px; margin: 0; padding: 0; list-style: none; }
.bf-checkout-steps li { display: flex; align-items: center; gap: 8px; padding: 9px 12px; border: 1px solid #234451; border-radius: 999px; color: #78959f; font-size: 10px; font-weight: 900; letter-spacing: .04em; text-transform: uppercase; }
.bf-checkout-steps span { display: grid; place-items: center; width: 21px; height: 21px; border-radius: 50%; background: #163743; color: #9fb6be; }
.bf-checkout-steps li.is-active { border-color: var(--bf-cyan); color: #fff; }
.bf-checkout-steps li.is-active span { background: var(--bf-cyan); color: var(--bf-ink); }
.bf-checkout-steps li.is-complete { color: #49ccef; }
.bf-commerce-page { padding: 50px 0 100px; }
.bf-commerce-page > article > h1 { display: none; }
.bf-commerce-content > .woocommerce { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(330px, .65fr); align-items: start; gap: 28px; }
.bf-commerce-content > .woocommerce > .woocommerce-notices-wrapper,
.bf-commerce-content > .woocommerce > .woocommerce-form-coupon-toggle,
.bf-commerce-content > .woocommerce > .woocommerce-form-login-toggle,
.bf-commerce-content > .woocommerce > form.checkout_coupon,
.bf-commerce-content > .woocommerce > form.login { grid-column: 1 / -1; }
.woocommerce-cart-form { grid-column: 1; padding: 8px 24px 24px; border: 1px solid var(--bf-line); border-radius: 22px; background: #fff; box-shadow: var(--bf-shadow-sm); }
.woocommerce table.shop_table { border: 0; border-collapse: separate; border-spacing: 0; border-radius: 0; }
.woocommerce table.shop_table th { padding: 18px 12px; border-bottom: 1px solid var(--bf-line); color: var(--bf-muted); font-size: 10px; font-weight: 900; letter-spacing: .07em; text-transform: uppercase; }
.woocommerce table.shop_table td { padding: 20px 12px; border-top: 0; border-bottom: 1px solid var(--bf-line); }
.woocommerce-cart table.cart img { width: 82px; height: 82px; padding: 6px; border-radius: 13px; background: #f5f8f8; object-fit: contain; }
.woocommerce-cart table.cart .product-name a { color: var(--bf-ink); font-size: 13px; font-weight: 900; line-height: 1.35; }
.woocommerce-cart table.cart .product-name dl.variation { margin-top: 7px; color: var(--bf-muted); font-size: 11px; }
.woocommerce-cart table.cart .product-price,
.woocommerce-cart table.cart .product-subtotal { color: var(--bf-ink); font-size: 14px; font-weight: 900; }
.woocommerce a.remove { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; color: #9caab0 !important; font-size: 18px; }
.woocommerce a.remove:hover { background: #fff0f0; color: var(--bf-danger) !important; }
.woocommerce-cart table.cart td.actions { padding: 20px 0 0; border-bottom: 0; }
.woocommerce-cart table.cart td.actions .coupon { display: flex; gap: 8px; }
.woocommerce-cart table.cart td.actions .coupon .input-text { width: 190px; min-height: 48px; padding: 0 15px; border: 1px solid var(--bf-line); border-radius: 999px; }
.woocommerce-cart table.cart td.actions button[name="update_cart"] { min-height: 48px; background: #eaf1f3; color: var(--bf-ink); }
.woocommerce-cart .cart-collaterals { grid-column: 2; position: sticky; top: 115px; width: 100%; }
.woocommerce-cart .cart-collaterals .cart_totals { float: none; width: 100%; padding: 25px; border-radius: 22px; background: var(--bf-ink); color: #fff; box-shadow: var(--bf-shadow); }
.woocommerce-cart .cart-collaterals .cart_totals h2 { margin: 0 0 14px; color: #fff; font: 800 2rem/1 var(--bf-head); text-transform: uppercase; }
.woocommerce-cart .cart-collaterals table.shop_table td,
.woocommerce-cart .cart-collaterals table.shop_table th { padding: 15px 0; border-bottom-color: #21404d; color: #9db2ba; }
.woocommerce-cart .cart-collaterals table.shop_table td { color: #fff; text-align: right; }
.woocommerce-cart .cart-collaterals .order-total th,
.woocommerce-cart .cart-collaterals .order-total td { color: #fff; font-size: 16px; }
.woocommerce-cart .cart-collaterals .order-total .amount { color: #55d0f2; font-size: 21px; }
.woocommerce-cart .wc-proceed-to-checkout { padding: 18px 0 0; }
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button { width: 100%; margin: 0; background: var(--bf-cyan); color: var(--bf-ink); font-size: 14px; }
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover { background: var(--bf-cyan); }
.woocommerce-shipping-destination, .woocommerce-shipping-calculator { font-size: 11px; }
.cart-empty.woocommerce-info { grid-column: 1 / -1; margin: 0; padding: 44px 30px 22px; border: 0; background: transparent; color: var(--bf-ink); text-align: center; font: 800 clamp(1.7rem,4vw,3rem)/1.1 var(--bf-head); }
.cart-empty.woocommerce-info::before { position: static; display: block; margin-bottom: 18px; color: var(--bf-cyan); font-size: 42px; }
.return-to-shop { grid-column: 1 / -1; text-align: center; }

.woocommerce-checkout .bf-commerce-content > .woocommerce { display: block; }
.woocommerce form.checkout { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(350px, .75fr); align-items: start; gap: 0 28px; }
.woocommerce form.checkout #customer_details { grid-column: 1; grid-row: 1 / span 3; padding: 30px; border: 1px solid var(--bf-line); border-radius: 22px; background: #fff; box-shadow: var(--bf-shadow-sm); }
.woocommerce form.checkout #customer_details .col-1,
.woocommerce form.checkout #customer_details .col-2 { float: none; width: 100%; }
.woocommerce form.checkout #customer_details .col-2 { margin-top: 30px; padding-top: 25px; border-top: 1px solid var(--bf-line); }
.woocommerce form.checkout #customer_details h3,
.woocommerce form.checkout #order_review_heading { margin: 0 0 22px; color: var(--bf-ink); font: 800 1.8rem/1 var(--bf-head); text-transform: uppercase; }
.woocommerce form.checkout #order_review_heading { grid-column: 2; grid-row: 1; margin: 0; padding: 26px 26px 15px; border-radius: 22px 22px 0 0; background: var(--bf-ink); color: #fff; }
.woocommerce form.checkout #order_review { grid-column: 2; grid-row: 2; position: sticky; top: 115px; padding: 0 26px 26px; border-radius: 0 0 22px 22px; background: var(--bf-ink); color: #fff; box-shadow: var(--bf-shadow); }
.woocommerce form .form-row { margin: 0 0 17px; padding: 0; }
.woocommerce form .form-row label { margin-bottom: 6px; color: var(--bf-ink); font-size: 11px; font-weight: 900; letter-spacing: .035em; }
.woocommerce form .form-row .required { color: var(--bf-danger); }
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.select2-container--default .select2-selection--single { min-height: 50px; border: 1px solid var(--bf-line); border-radius: 12px; background: #f9fbfb; transition: border-color .2s, box-shadow .2s, background .2s; }
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus { outline: 0; border-color: var(--bf-cyan); background: #fff; box-shadow: 0 0 0 4px rgba(0,184,230,.11); }
.select2-container--default .select2-selection--single .select2-selection__rendered { padding: 10px 14px; line-height: 28px; }
.select2-container--default .select2-selection--single .select2-selection__arrow { top: 11px; right: 8px; }
.woocommerce form.checkout #order_review table.shop_table { margin: 0; color: #fff; }
.woocommerce form.checkout #order_review table.shop_table th,
.woocommerce form.checkout #order_review table.shop_table td { padding: 15px 0; border-bottom-color: #21404d; color: #a9bec6; font-size: 11px; }
.woocommerce form.checkout #order_review table.shop_table td { color: #fff; text-align: right; }
.woocommerce form.checkout #order_review table.shop_table .product-name { padding-right: 15px; text-align: left; line-height: 1.4; }
.woocommerce form.checkout #order_review .order-total th,
.woocommerce form.checkout #order_review .order-total td { color: #fff; font-size: 15px; }
.woocommerce form.checkout #order_review .order-total .amount { color: #55d0f2; font-size: 20px; }
.woocommerce-checkout #payment { margin-top: 16px; border-radius: 15px; background: #102f3c; }
.woocommerce-checkout #payment ul.payment_methods { border-bottom-color: #294957; }
.woocommerce-checkout #payment ul.payment_methods li { font-size: 12px; font-weight: 800; }
.woocommerce-checkout #payment div.payment_box { background: #fff; color: var(--bf-text); font-size: 11px; }
.woocommerce-checkout #payment div.payment_box::before { border-bottom-color: #fff; }
.woocommerce-checkout #payment div.form-row { padding: 16px; }
.woocommerce-checkout #payment #place_order { float: none; width: 100%; min-height: 58px; background: var(--bf-cyan); color: var(--bf-ink); }
.woocommerce-checkout #payment #place_order:hover { background: var(--bf-cyan); }
.woocommerce-privacy-policy-text { color: #8ca4ad; font-size: 10px; }
.woocommerce-privacy-policy-text a { color: var(--bf-cyan); }
.bf-checkout-reassurance { display: grid; gap: 9px; margin-top: 15px; padding-top: 16px; border-top: 1px solid #294957; }
.bf-checkout-reassurance strong { color: #fff; font: 800 1.15rem/1 var(--bf-head); text-transform: uppercase; }
.bf-checkout-reassurance span { display: flex; align-items: center; gap: 8px; color: #9cb2ba; font-size: 10px; }
.bf-checkout-reassurance svg { width: 16px; height: 16px; color: var(--bf-cyan); }
.woocommerce-form-coupon-toggle .woocommerce-info,
.woocommerce-form-login-toggle .woocommerce-info { margin-bottom: 14px; border: 1px solid var(--bf-line); }
.checkout_coupon.woocommerce-form-coupon,
.woocommerce-form-login.login { margin: 0 0 24px !important; padding: 20px !important; border-color: var(--bf-line) !important; border-radius: 16px !important; background: #fff; }

/* Footer */
.bf-footer { background: #031117; color: #a9bdc4; }
.bf-footer__top { display: grid; grid-template-columns: 1.45fr 1fr 1fr 1.1fr; gap: 46px; padding: 70px 0 55px; }
.bf-footer__logo { display: inline-flex; align-items: center; }
.bf-footer__logo img { width: 245px; height: 78px; object-fit: contain; object-position: left center; }
.bf-footer__brand p { max-width: 360px; color: #849ca5; font-size: 13px; }
.bf-footer h3 { margin: 0 0 18px; color: #fff; font: 800 1.3rem/1 var(--bf-head); text-transform: uppercase; letter-spacing: .04em; }
.bf-footer ul { margin: 0; padding: 0; list-style: none; }
.bf-footer li { margin: 0 0 9px; }
.bf-footer a:hover { color: var(--bf-cyan); }
.bf-footer__contact strong { color: #fff; }
.bf-footer__bottom { display: flex; justify-content: space-between; gap: 20px; padding: 22px 0; border-top: 1px solid #14313d; font-size: 11px; }
.bf-whatsapp-float { position: fixed; z-index: 105; right: 26px; bottom: 26px; display: flex; min-height: 58px; align-items: center; gap: 11px; padding: 0 19px 0 15px; overflow: hidden; border: 1px solid rgba(0,0,0,.08); border-radius: 10px; background: #25d366; color: #fff; box-shadow: 0 14px 34px rgba(18,140,72,.3); transition: transform .22s ease, box-shadow .22s ease, background .22s ease; }
.bf-whatsapp-float span { font-size: 12px; font-weight: 850; line-height: 1.2; letter-spacing: -.01em; }
.bf-whatsapp-float svg { width: 29px; height: 29px; flex: 0 0 29px; padding: 0; background: transparent; color: #fff; }
.bf-whatsapp-float:hover { transform: translateY(-4px); background: #20bd5a; color: #fff; box-shadow: 0 20px 44px rgba(18,140,72,.38); }
.bf-mobile-bar { display: none; }
.bf-mobile-panel { display: none; }

/* Motion */
.bf-reveal { opacity: 1; transform: none; }

@media (max-width: 1120px) {
  .bf-header__main { grid-template-columns: 180px 1fr auto; gap: 18px; }
  .bf-tool span:not(.bf-cart-count) { display: none; }
  .bf-category-grid { grid-template-columns: repeat(3, 1fr); }
  .bf-product-grid, .woocommerce ul.products { grid-template-columns: repeat(3, 1fr); }
  .bf-mode-grid { grid-template-columns: repeat(3, 1fr); }
  .bf-footer__top { grid-template-columns: 1.4fr 1fr 1fr; }
  .bf-footer__col:last-child { grid-column: 2 / -1; }
  .single-product.woocommerce div.product div.summary { padding: 26px; }
  .bf-variation-options { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .bf-mega { grid-template-columns: 210px 1fr; }
  .bf-mega__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .bf-shop-layout { grid-template-columns: 245px minmax(0, 1fr); gap: 20px; }
}

@media (max-width: 980px) {
  body.bf-filters-open { overflow: hidden; }
  body.bf-filters-open::after { content: ""; position: fixed; inset: 0; z-index: 109; background: rgba(3,17,23,.58); backdrop-filter: blur(2px); }
  .bf-filter-toggle { display: inline-flex; align-items: center; gap: 8px; }
  .bf-shop-layout { display: block; }
  .bf-filters { position: fixed; z-index: 130; top: 0; bottom: 0; left: 0; width: min(355px, 92vw); max-height: none; transform: translateX(-105%); transition: transform .28s ease; box-shadow: 20px 0 60px rgba(3,17,23,.25); }
  .bf-filters.is-open { transform: none; }
  .bf-filters > header button { display: grid; place-items: center; }
}

@media (max-width: 820px) {
  body { padding-bottom: 67px; }
  .bf-wrap { width: min(calc(100% - 28px), var(--bf-wrap)); }
  .bf-topbar__inner { justify-content: center; min-height: 32px; }
  .bf-topbar__items span:not(:first-child), .bf-topbar__right { display: none; }
  .bf-header__main { grid-template-columns: auto 1fr auto; min-height: 68px; }
  .bf-logo img { width: 150px; }
  .bf-search { grid-column: 1 / -1; grid-row: 2; margin: -2px 0 12px; }
  .bf-search__form { min-height: 50px; }
  .bf-search__results { top: calc(100% + 5px); }
  .bf-search-results__list { max-height: calc(100vh - 260px); }
  .bf-search-result { grid-template-columns: 62px minmax(0,1fr); gap: 11px; padding: 10px 11px; }
  .bf-search-result__media { grid-row: 1 / span 2; width: 62px; height: 62px; }
  .bf-search-result__commerce { grid-column: 2; display: flex; align-items: center; justify-content: space-between; gap: 10px; }
  .bf-search-result__commerce b { text-align: left; }
  .bf-search-result__commerce small { white-space: nowrap; }
  .bf-header__tools .bf-tool:not(.bf-tool--cart) { display: none; }
  .bf-menu-toggle { display: block; }
  .bf-nav { display: none; }
  .bf-mobile-panel { position: fixed; inset: 0; z-index: 120; display: block; padding: 20px; background: var(--bf-ink); color: #fff; transform: translateX(-105%); transition: transform .3s ease; }
  .bf-mobile-panel.is-open { transform: none; }
  .bf-mobile-panel__head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 25px; }
  .bf-mobile-panel__brand-mark { width: 76px; height: 56px; object-fit: contain; object-position: left center; }
  .bf-mobile-panel__close { width: 44px; height: 44px; border: 1px solid #31505d; border-radius: 50%; background: transparent; color: #fff; font-size: 25px; }
  .bf-mobile-panel nav { display: grid; }
  .bf-mobile-panel nav a { padding: 14px 5px; border-bottom: 1px solid #173643; font: 800 1.7rem/1 var(--bf-head); text-transform: uppercase; }
  .bf-mobile-panel details { border-bottom: 1px solid #173643; }
  .bf-mobile-panel summary { display: flex; align-items: center; justify-content: space-between; padding: 14px 5px; cursor: pointer; list-style: none; font: 800 1.7rem/1 var(--bf-head); text-transform: uppercase; }
  .bf-mobile-panel summary::-webkit-details-marker { display: none; }
  .bf-mobile-panel summary span { color: var(--bf-cyan); font: 500 1.4rem/1 var(--bf-body); transition: transform .2s; }
  .bf-mobile-panel details[open] summary span { transform: rotate(45deg); }
  .bf-mobile-panel details > div { display: grid; grid-template-columns: 1fr 1fr; padding: 0 0 12px 12px; }
  .bf-mobile-panel details > div a { padding: 9px 8px; border: 0; color: #a8bec6; font: 700 11px/1.3 var(--bf-body); text-transform: none; }
  .bf-hero { min-height: 0; aspect-ratio: 1 / 1; }
  .bf-hero__viewport { height: 100%; min-height: 0; }
  .bf-hero__inner { min-height: 100%; }
  .bf-hero-slide--main::before { background-image: linear-gradient(0deg, rgba(3,17,23,.98) 5%, rgba(3,17,23,.45) 68%, rgba(3,17,23,.1)), var(--bf-hero-image, url("assets/images/hero-bluefishing-2.webp")); background-position: var(--bf-hero-position, 67%) center; }
  .bf-hero__inner { align-items: end; padding-bottom: 116px; }
  .bf-hero__content { width: 100%; }
  .bf-hero h1 { font-size: clamp(3.8rem, 15vw, 6rem); max-width: 580px; }
  .bf-hero__lead { max-width: 480px; }
  .bf-hero__controls { bottom: 20px; justify-content: center; }
  .bf-hero-slide__banner img { object-position: center; }
  .bf-trust { margin-top: 0; }
  .bf-trust__grid { grid-template-columns: 1fr 1fr; border-radius: 0; }
  .bf-trust__item:nth-child(2) { border-right: 0; }
  .bf-trust__item { padding: 18px 15px; border-bottom: 1px solid var(--bf-line); }
  .bf-section { padding: 68px 0; }
  .bf-section-head { align-items: start; flex-direction: column; }
  .bf-category-grid { display: flex; margin-right: -14px; padding-right: 14px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
  .bf-category-card { min-width: 215px; scroll-snap-align: start; }
  .bf-product-grid, .woocommerce ul.products { grid-template-columns: repeat(2, 1fr); gap: 12px; }
  .bf-mode-grid { grid-template-columns: 1fr 1fr; }
  .bf-editorial { grid-template-columns: 1fr; gap: 10px; padding: 10px; }
  .bf-editorial__media { min-height: 480px; }
  .bf-showcase__viewport { min-height: 412px; }
  .bf-editorial__body { padding: 38px 32px 44px; }
  .bf-news__inner { grid-template-columns: 1fr; }
  .bf-news__form input { width: 100%; }
  .bf-shop-hero__inner { display: block; }
  .bf-product-trail__inner { align-items: flex-start; flex-direction: column-reverse; gap: 7px; }
  .single-product .bf-shop-main { padding-top: 24px; }
  .single-product.woocommerce div.product div.images,
  .single-product.woocommerce div.product div.summary { float: none; width: 100%; }
  .single-product.woocommerce div.product div.images { margin-bottom: 22px; }
  .single-product.woocommerce div.product div.summary { margin-bottom: 38px; padding: 24px; border-radius: 8px; }
  .single-product .woocommerce-tabs { padding: 20px; }
  .bf-commerce-hero { padding: 36px 0 31px; }
  .bf-commerce-hero__inner { align-items: flex-start; flex-direction: column; gap: 24px; }
  .bf-checkout-steps { width: 100%; overflow-x: auto; scrollbar-width: none; }
  .bf-checkout-steps li { flex: 1; min-width: max-content; justify-content: center; }
  .bf-commerce-page { padding: 30px 0 70px; }
  .bf-commerce-content > .woocommerce { grid-template-columns: 1fr; }
  .woocommerce-cart-form, .woocommerce-cart .cart-collaterals { grid-column: 1; }
  .woocommerce-cart .cart-collaterals { position: static; }
  .woocommerce-cart table.cart td.product-thumbnail { display: block !important; padding: 16px 12px 4px !important; text-align: center !important; }
  .woocommerce-cart table.cart td.product-thumbnail::before { display: none; }
  .woocommerce-cart table.cart td.product-thumbnail a { display: inline-block; }
  .woocommerce-cart table.cart td.product-thumbnail img { width: 104px; height: 104px; }
  .woocommerce form.checkout { grid-template-columns: 1fr; gap: 22px; }
  .woocommerce form.checkout #customer_details { grid-column: 1; grid-row: auto; }
  .woocommerce form.checkout #order_review_heading { grid-column: 1; grid-row: auto; margin-bottom: -22px; }
  .woocommerce form.checkout #order_review { grid-column: 1; grid-row: auto; position: static; }
  .bf-footer__top { grid-template-columns: 1fr 1fr; gap: 35px; }
  .bf-footer__brand { grid-column: 1 / -1; }
  .bf-footer__col:last-child { grid-column: auto; }
  .bf-mobile-bar { position: fixed; z-index: 100; left: 0; right: 0; bottom: 0; display: grid; grid-template-columns: repeat(4, 1fr); padding-bottom: env(safe-area-inset-bottom); border-top: 1px solid var(--bf-line); background: rgba(255,255,255,.96); box-shadow: 0 -7px 25px rgba(3,17,23,.12); backdrop-filter: blur(12px); }
  .bf-mobile-bar a { position: relative; display: flex; flex-direction: column; align-items: center; gap: 2px; padding: 9px 3px 8px; color: var(--bf-muted); font-size: 10px; font-weight: 800; }
  .bf-mobile-bar svg { width: 22px; height: 22px; }
  .bf-mobile-bar a:hover { color: var(--bf-cyan-2); }
  .bf-whatsapp-float { right: 14px; bottom: calc(78px + env(safe-area-inset-bottom)); width: 56px; min-width: 56px; min-height: 56px; padding: 0; justify-content: center; border-radius: 50%; }
  .bf-whatsapp-float span { display: none; }
  .bf-whatsapp-float svg { width: 29px; height: 29px; margin: 0; padding: 0; }
}

@media (max-width: 520px) {
  .bf-search__form input { padding-inline: 14px; font-size: 12px; }
  .bf-search__form button { width: 50px; flex-basis: 50px; }
  .bf-search-results__head { padding-inline: 12px; }
  .bf-search-result__copy strong { font-size: 11px; }
  .bf-search-result__commerce small { font-size: 0; }
  .bf-search-result__commerce small::after { content: 'Ver →'; font-size: 8px; }
  .bf-hero__actions .bf-btn { width: 100%; }
  .bf-trust__item { grid-template-columns: 34px 1fr; gap: 9px; }
  .bf-trust__icon { width: 34px; height: 34px; }
  .bf-hero__controls { gap: 8px; }
  .bf-hero__controls > button { width: 38px; height: 38px; }
  .bf-hero__dots { min-height: 38px; padding-inline: 11px; }
  .bf-hero__count { min-width: 56px; }
  .bf-product-card__body { padding: 13px 13px 0; }
  .bf-product-card h3 { font-size: 12px; }
  .bf-product-card__price { font-size: 14px; }
  .bf-product-card__add { width: 36px; height: 36px; flex-basis: 36px; }
  .bf-quick-buy { align-items: end; padding: 0; }
  .bf-quick-buy__panel { width: 100%; max-height: 88vh; border-radius: 7px 7px 0 0; }
  .bf-quick-buy__layout { grid-template-columns: 1fr; }
  .bf-quick-buy__visual { min-height: 0; padding: 16px 62px 10px 18px; flex-direction: row; align-items: center; gap: 15px; }
  .bf-quick-buy__visual img { width: 82px; flex: 0 0 82px; }
  .bf-quick-buy__content { padding: 22px 18px calc(22px + env(safe-area-inset-bottom)); }
  .bf-quick-buy__content h2 { font-size: 1.8rem; }
  .bf-quick-buy__options { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .bf-shop-toolbar { align-items: stretch; flex-wrap: wrap; }
  .bf-shop-toolbar .woocommerce-result-count { display: flex; align-items: center; }
  .bf-shop-toolbar .woocommerce-ordering { width: 100%; }
  .bf-shop-toolbar .woocommerce-ordering select { width: 100%; }
  .bf-spec-sheet { box-shadow: 6px 6px 0 #dfeaec; }
  .bf-spec-sheet__head { padding-inline: 15px; }
  .bf-spec-sheet__list { padding-inline: 15px; }
  .bf-spec-sheet__list > div { grid-template-columns: 100px minmax(0,1fr); gap: 12px; }
  body.single-product.woocommerce div.product div.images ol.flex-control-thumbs li { flex-basis: 96px !important; width: 96px !important; }
  body.single-product.woocommerce div.product div.images ol.flex-control-thumbs img { height: 64px !important; }
  .bf-variation-options { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  .bf-variation-option.has-image { min-height: 116px; }
  .bf-variation-option__image { height: 80px; }
  .woocommerce div.product form.cart .button { width: 100%; }
  .bf-checkout-steps li { padding: 8px 10px; }
  .bf-checkout-steps li:not(.is-active) { font-size: 0; flex: 0; }
  .bf-checkout-steps li:not(.is-active) span { font-size: 10px; }
  .woocommerce-cart-form { padding: 4px 13px 16px; }
  .woocommerce-cart table.cart td.actions .coupon { float: none; width: 100%; flex-wrap: wrap; }
  .woocommerce-cart table.cart td.actions .coupon .input-text { flex: 1; width: auto; }
  .woocommerce-cart table.cart td.actions button[name="update_cart"] { width: 100%; margin-top: 10px; }
  .woocommerce-cart .cart-collaterals .cart_totals { padding: 21px; }
  .woocommerce form.checkout #customer_details { padding: 21px; }
  .woocommerce form.checkout #order_review_heading { padding: 22px 21px 14px; }
  .woocommerce form.checkout #order_review { padding: 0 21px 21px; }
  .bf-mode-grid { grid-template-columns: 1fr; }
  .bf-mode { min-height: 190px; }
  .bf-mode__icon { margin-bottom: 30px; }
  .bf-editorial { border-radius: 20px; }
  .bf-editorial__media { min-height: 455px; }
  .bf-showcase__viewport { min-height: 387px; }
  .bf-showcase__slide { grid-template-rows: minmax(210px,1fr) auto; padding: 28px 20px 20px; }
  .bf-showcase__image img { height: 245px; padding-inline: 5px; }
  .bf-showcase__info { grid-template-columns: 1fr; gap: 6px; }
  .bf-showcase__info > span { grid-column: 1; }
  .bf-showcase__info > div { font-size: 16px; }
  .bf-showcase__controls { grid-template-columns: 42px minmax(35px,1fr) auto 42px; gap: 9px; padding-inline: 9px; }
  .bf-showcase__controls button { width: 42px; height: 42px; }
  .bf-news__form { border-radius: 18px; flex-direction: column; }
  .bf-news__form button { min-height: 48px; }
  .bf-footer__top { grid-template-columns: 1fr; }
  .bf-footer__brand, .bf-footer__col:last-child { grid-column: auto; }
  .bf-footer__bottom { flex-direction: column; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; }
  .bf-reveal { opacity: 1; transform: none; }
}