/* ===== 初回導線パーツ（追加分） ===== */
.wf-first{
  font-family:"Montserrat","Zen Kaku Gothic New","Noto Sans JP",sans-serif;
  color:#2f2316; box-sizing:border-box;
}
.wf-first *{box-sizing:border-box}
.wf-first__box{max-width:1200px;margin:0 auto;padding:0 16px}

/* 見出しは既存セクション（TYPE / RANKING）と同じ、英字が主・和文が従 */
.wf-hd{text-align:center;margin:0 0 26px;font-weight:400}
.wf-hd__en{
  display:block;font-family:Montserrat,sans-serif;font-size:44px;font-weight:500;
  color:#4F2424;letter-spacing:.02em;line-height:1.1;margin:0;
}
.wf-hd__en span{color:#f08b64}
.wf-hd__ja{display:block;font-size:14px;color:#4F2424;margin:8px 0 0;letter-spacing:.06em}

/* 既存ボタン（#f08b64・角丸なし・252×36）と同じ */
.wf-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  min-width:252px;height:36px;padding:0 20px;background:#f08b64;color:#fff;
  font-size:14.4px;letter-spacing:.96px;text-decoration:none;
}
.wf-btn:hover{background:#e57a52;color:#fff}
.wf-btn::after{content:"";width:6px;height:6px;border-top:1px solid #fff;border-right:1px solid #fff;transform:rotate(45deg)}

/* はじめての方へ（商品一覧・カテゴリ詳細）
   白い帯＋上下の罫線だと切り替えが二重にかかって、従のブロックが本編より目立つ。
   地色は上のページタイトル・カテゴリ絞り込みと同じまま流し、面の切り替えは
   本編（ALL ITEMS＝クリーム地）に入るところの1回だけにする。
   白地に置くとカードの白タイル（角丸35%）も消えてしまい、本編のカードと組みが揃わない */
.wf-trial{padding:52px 0 44px}
/* 一覧・カテゴリではページタイトル(60px)が上にあるので、見出しは一段下げる */
.wf-trial .wf-hd{margin-bottom:20px}
.wf-trial .wf-hd__en{font-size:30px}
.wf-trial .wf-hd__ja{font-size:13px;margin-top:6px}
.wf-trial__lead{
  text-align:center;font-size:14px;color:#5b4c3d;margin:0 0 24px;line-height:1.9;
}
/* カードの寸法は本編の商品グリッドに合わせる（実測 170px幅・列間80px・白タイルは角丸35%）。
   ここが本編より大きいと、従のブロックが主より重くなる */
.wf-trial__grid{
  display:grid;grid-template-columns:repeat(4,170px);justify-content:center;gap:30px 80px;
}
/* 既存の商品カードと同じ組み。白いタイルは角丸35%（実測60px/170px）、中身は中央寄せ */
.wf-trial__card{display:flex;flex-direction:column;text-decoration:none;color:inherit;text-align:center}
.wf-trial__thumb{
  position:relative;background:#fff;aspect-ratio:1/1;border-radius:35%;
  display:flex;align-items:center;justify-content:center;
}
.wf-trial__thumb img{width:80%;height:80%;object-fit:contain;display:block;transition:opacity .2s}
.wf-trial__card:hover .wf-trial__thumb img{opacity:.82}
/* 印はタイトルの先頭に置く。本編グリッドのお試し商品と同じ組み（下の
   .c-product_item.wf-is-trial ::before と同じ寸法）。
   タイルは角丸35%（実測60px/170px）なので、画像の右上に重ねると弧の外へはみ出して宙に浮き、
   弧の内側まで下げると今度は袋のロゴを隠す。角に置ける場所が無い */
.wf-trial__flag{
  display:inline-block;vertical-align:2px;margin-right:6px;
  background:#f08b64;color:#fff;font-size:10px;letter-spacing:.06em;padding:2px 7px;
}
.wf-trial__body{padding:14px 2px 0;display:flex;flex-direction:column;flex:1}
.wf-trial__type{
  font-size:14px;font-weight:500;color:#2f2316;margin:0 0 6px;line-height:1.5;
}
.wf-trial__spec{
  list-style:none;margin:0 0 10px;padding:0;font-size:12px;color:#756654;line-height:1.75;
}
.wf-trial__spec li{margin:0}
.wf-trial__price{font-size:17px;font-weight:500;color:#2f2316;margin:0 0 8px}
.wf-trial__price small{font-size:11px;color:#756654;margin-left:4px;font-weight:400}
.wf-trial__go{font-size:12px;color:#f08b64;margin:auto 0 0}
.wf-trial__more{margin:26px 0 0;text-align:center}

/* 一覧グリッドの中のお試しカード */
.c-product_item.wf-is-trial .c-product_item__inner__title::before{
  content:"初回限定";
  display:inline-block;vertical-align:2px;margin-right:6px;
  background:#f08b64;color:#fff;font-size:10px;letter-spacing:.06em;
  padding:2px 7px;font-weight:400;
}

/* ===== タイプ（パピー／レギュラー／ライト／シニア）の見分け ===== */
/* いま画面上でタイプを示しているのは商品写真に焼き込まれた丸バッジの「背景色」だけ。
   丸の文字は「小粒 約8.5mm」＝粒サイズで、タイプではない。凡例もどこにも無い。
   カード幅170pxでは丸は約55px、パッケージ印字のP/R/L/Sは約12pxで読めない。
   塗りはその丸バッジの実測色をそのまま使い、写真の手がかりを言葉で裏打ちする。
   枠線は色相を保ったまま濃くしたもの（塗りだけだと一覧のクリーム地に沈む）。
   文字はサイトのタイプ文字色 #4F2424（どの塗りに対しても10:1以上） */
.wf-type{
  display:inline-block;padding:3px 10px;border-radius:999px;
  font-family:"Zen Kaku Gothic New","Noto Sans JP",sans-serif;
  font-size:10px;line-height:1.5;letter-spacing:.06em;color:#4F2424;
  border:1px solid transparent;white-space:nowrap;
}
.wf-type--puppy{background:#F4E6EB;border-color:#DC98B0}
.wf-type--regular{background:#D7E8F6;border-color:#78B9EF}
.wf-type--light{background:#D8E8C6;border-color:#A7D474}
.wf-type--senior{background:#F6E7CC;border-color:#F5C267}
/* カードの中では画像とタイトルの間に1行だけ置く */
.c-product_item .wf-type{margin:0 0 7px}

/* タイプの区切り。グリッドの行を丸ごと使うので、次の商品は必ず新しい行から始まる。
   並び自体はもともとタイプ順にそろっているので、切れ目を見せるだけでよい */
/* 区切りは行を丸ごと1本使う。上下の空きはグリッドの gap（PC 80px／スマホ約17px）に任せる。
   🔴 負のマージンで詰めてはいけない。行の高さがマイナスに潰れて、見出しが
   上下のカードに重なる（実際に390pxで重なった） */
.wf-group{
  grid-column:1 / -1;justify-self:stretch;list-style:none;padding:0;margin:0;
  display:flex;align-items:baseline;justify-content:center;
  flex-wrap:wrap;gap:6px 12px;text-align:center;
}
.wf-group__brand{
  flex:0 0 100%;margin:0 0 2px;
  font-family:Montserrat,"Noto Sans JP",sans-serif;font-size:11px;font-weight:500;
  color:#a2937f;letter-spacing:.16em;
}
.wf-group .wf-type{font-size:14px;padding:6px 16px;letter-spacing:.08em}
.wf-group__note{font-size:12px;color:#756654;letter-spacing:.04em;line-height:1.6}

/* ===== 選び方ガイド ===== */
.wf-g{background:#f5f3f0}
.wf-g__hero{padding:52px 0 34px;text-align:center}
.wf-g__lead{font-size:14px;color:#5b4c3d;line-height:1.95;margin:0 0 30px}
.wf-g__steps{
  list-style:none;margin:0;padding:0;display:flex;justify-content:center;
  gap:12px;flex-wrap:wrap;
}
.wf-g__steps li{
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  width:112px;height:112px;border-radius:50%;background:#fff;
  font-size:14px;color:#4F2424;line-height:1.4;
}
.wf-g__steps li span{
  display:block;font-family:Montserrat,sans-serif;font-size:11px;
  color:#f08b64;letter-spacing:.12em;margin-bottom:6px;
}
.wf-g__sec{padding:46px 0}
.wf-g__sec--alt{background:#fff}
.wf-g .wf-trial .wf-hd__en{font-size:44px}
.wf-g .wf-trial .wf-hd__ja{font-size:14px;margin-top:8px}
.wf-g__stepmark{
  text-align:center;font-family:Montserrat,sans-serif;font-size:12px;
  color:#f08b64;letter-spacing:.2em;margin:0 0 8px;
}
.wf-g__h2{
  text-align:center;font-size:24px;font-weight:500;color:#4F2424;
  margin:0 0 10px;line-height:1.4;letter-spacing:.02em;
}
.wf-g__h2 span{
  display:block;font-family:Montserrat,sans-serif;font-size:11px;
  color:#a2937f;letter-spacing:.18em;margin-top:7px;font-weight:400;
}
.wf-g__note{text-align:center;font-size:13px;color:#5b4c3d;margin:0 0 26px;line-height:1.85}
.wf-g__tablewrap{overflow-x:auto}
.wf-g__table{
  width:100%;border-collapse:collapse;font-size:13px;color:#2f2316;
  background:#fff;min-width:560px;
}
.wf-g__table th,.wf-g__table td{
  padding:14px 16px;border:1px solid #ece5db;text-align:center;line-height:1.7;vertical-align:middle;
}
.wf-g__table th{background:#faf7f3;color:#4F2424;font-weight:500}
.wf-g__corner{background:#faf7f3;border:1px solid #ece5db}
.wf-g__brand{font-size:15px}
.wf-g__brand span{
  display:block;font-family:Montserrat,sans-serif;font-size:10px;
  color:#a2937f;letter-spacing:.14em;margin-top:4px;
}
/* STEP3 の容量表。シリーズごとに1枚、行＝愛犬の体重・列＝商品容量。
   両軸とも単位が kg なので、どちらが犬でどちらが袋かを見出しで言い切る */
.wf-g__caps + .wf-g__caps{margin-top:34px}
.wf-g__caps-brand{
  display:flex;align-items:baseline;gap:12px;margin:0 0 12px;
  font-family:"Noto Sans JP",sans-serif;font-size:19px;font-weight:700;
  color:#4F2424;letter-spacing:.06em;
}
.wf-g__caps-brand span{
  font-family:Montserrat,sans-serif;font-size:10px;font-weight:400;
  color:#a2937f;letter-spacing:.14em;
}
.wf-g__table--cap{min-width:520px}
/* 左上＝行の見出し。縦2行ぶんを1マスで受ける */
.wf-g__table--cap .wf-g__corner{
  text-align:center;font-weight:500;color:#4F2424;font-size:13px;width:28%;
}
.wf-g__corner-note{display:block;font-size:11px;color:#756654;font-weight:400;margin-top:2px}
.wf-g__caps-span{font-size:13px;letter-spacing:.08em}
.wf-g__caps-trial{
  display:block;margin:0 auto 5px;width:max-content;
  background:#f08b64;color:#fff;font-size:10px;font-weight:400;
  letter-spacing:.04em;padding:2px 9px;border-radius:999px;
}
.wf-g__table--cap tr>th:first-child{font-size:14px}
.wf-g__basis{font-size:11px;color:#756654;margin:16px 0 0;line-height:1.9;text-align:left}
.wf-btn--sm{min-width:0;width:100%;max-width:220px;height:34px;font-size:13px}
.wf-g__types{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.wf-g__type{
  display:flex;flex-direction:column;background:#faf7f3;padding:26px 20px 22px;
  text-decoration:none;color:inherit;text-align:center;
}
.wf-g__type:hover{background:#f6efe7}
.wf-g__type-en{
  font-family:Montserrat,sans-serif;font-size:10px;color:#f08b64;
  letter-spacing:.14em;margin:0 0 6px;
}
.wf-g__type-ja{font-size:16px;color:#4F2424;margin:0 0 8px;line-height:1.4}
.wf-g__type-for{font-size:12px;color:#756654;margin:0 0 10px;line-height:1.6}
.wf-g__type-txt{font-size:12px;color:#5b4c3d;margin:0 0 14px;line-height:1.8;flex:1}
.wf-g__type-go{font-size:12px;color:#f08b64;margin-top:auto}

@media (max-width:900px){
  .wf-g__types{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:767px){
  .wf-g__hero{padding:34px 0 26px}
  .wf-g__lead{font-size:13px;margin-bottom:24px}
  .wf-g__steps li{width:92px;height:92px;font-size:13px}
  .wf-g__sec{padding:34px 0}
  .wf-g__h2{font-size:20px}
  .wf-g__note{font-size:12px;text-align:left;margin-bottom:20px}
  .wf-g__table{font-size:12px;min-width:520px}
  .wf-g__table th,.wf-g__table td{padding:11px 10px}
  /* 容量表は5列あるので、横スクロールに逃がさず画面内に収める。
     ここだけ最小幅を外し、体重の列を細くして数字の列に幅を回す */
  .wf-g__table--cap{min-width:0;font-size:11px}
  .wf-g__table--cap th,.wf-g__table--cap td{padding:10px 4px}
  .wf-g__table--cap .wf-g__corner{width:20%;font-size:11px}
  .wf-g__corner-note{font-size:10px}
  .wf-g__table--cap tr>th:first-child{font-size:12px}
  .wf-g__caps-trial{font-size:9px;padding:2px 6px;margin-bottom:4px}
  .wf-g__caps-brand{font-size:16px;gap:8px}
  .wf-g__caps + .wf-g__caps{margin-top:26px}
  .wf-g__types{gap:12px}
  .wf-g__type{padding:20px 14px 18px}
  /* スマホはグリッドの gap が約17pxしかないので、区切りだけ少し足す */
  .wf-group{margin:10px 0}
  .wf-group .wf-type{font-size:13px;padding:5px 14px}
  .wf-group__note{font-size:11px}
}

/* トップのバナー。文言・袋・ボタンを横一列に並べた帯。縦は200px前後に収める */
.wf-banner{padding:30px 0 10px}
.wf-banner__inner{
  display:grid;grid-template-columns:minmax(0,max-content) minmax(0,1fr);align-items:center;gap:40px;
  background:
    radial-gradient(circle, rgba(255,255,255,.55) 1px, transparent 1px) 0 0/14px 14px,
    #f7efe6;
  padding:24px 44px;
}
.wf-banner__en{
  display:flex;align-items:center;gap:11px;
  font-family:Montserrat,sans-serif;font-size:12px;color:#c4451f;letter-spacing:.18em;margin:0 0 9px;
}
.wf-banner__en span{
  padding:3px 11px;border:1px solid #e3cbba;border-radius:999px;
  font-family:"Noto Sans JP",sans-serif;font-size:11px;color:#4F2424;letter-spacing:.08em;
}
/* テーマが読み込む Zen Kaku Gothic New は weight 400 だけ。和文を太くするには
   同じテーマが 100..900 で持っている Noto Sans JP を先に置く */
.wf-banner__title{
  margin:0 0 9px;font-family:"Noto Sans JP","Zen Kaku Gothic New",sans-serif;
  font-size:28px;font-weight:700;line-height:1.5;letter-spacing:.02em;color:#4F2424;
}
.wf-banner__title em{font-style:normal;color:#d4512c}
.wf-banner__text{font-size:14px;color:#5b4c3d;margin:0;line-height:1.85}
/* 右の列。上に「4タイプから選べます」＋袋、下にボタン */
.wf-banner__side{display:flex;flex-direction:column;align-items:stretch;gap:12px}
.wf-banner__visual{display:flex;flex-direction:column;align-items:center;justify-content:flex-end}
/* 袋は等間隔に並べず、重ねて高さを振る */
.wf-banner__packs{display:flex;align-items:flex-end;justify-content:center}
.wf-pack{position:relative;display:block;line-height:0}
.wf-pack img{
  width:100%;height:auto;display:block;
  filter:drop-shadow(0 8px 14px rgba(79,36,36,.13));
}
.wf-pack--1{width:112px;transform:translateY(13px) rotate(-4deg)}
.wf-pack--2{width:130px;margin-left:2px;transform:translateY(-7px) rotate(-1.5deg)}
.wf-pack--3{width:130px;margin-left:2px;transform:translateY(-7px) rotate(1.5deg)}
.wf-pack--4{width:112px;margin-left:2px;transform:translateY(13px) rotate(4deg)}
.wf-banner__cap{display:block;margin:0;font-size:11px;color:#756654;letter-spacing:.1em}

.wf-banner__btns{display:flex;gap:12px;margin:0}
.wf-banner__btns .wf-pill{flex:1 1 0}
.wf-pill{
  display:inline-flex;align-items:center;justify-content:space-between;gap:13px;
  min-width:0;background:#fff;color:#4F2424;
  font-size:14px;letter-spacing:.04em;border-radius:999px;padding:9px 9px 9px 22px;
  box-shadow:0 3px 10px rgba(79,36,36,.10);text-decoration:none;
}
.wf-pill:hover{opacity:.86}
.wf-pill i{
  flex:none;width:28px;height:28px;border-radius:50%;background:#f08b64;color:#fff;
  display:flex;align-items:center;justify-content:center;font-style:normal;font-size:14px;line-height:1;
}
/* 購入側を主にする。色は既存ボタンと同じ #f08b64 */
.wf-pill--buy{background:#f08b64;color:#fff;box-shadow:0 3px 10px rgba(240,139,100,.28)}
.wf-pill--buy i{background:#fff;color:#f08b64}

/* 商品グリッドの見出し。お試しブロックにだけ見出しがあって本体に無いのは片手落ち */
/* 前のカテゴリ絞り込みと詰まらないよう、既存の節送り（60px）に合わせる */
.wf-listhd{max-width:1200px;margin:60px auto 40px;padding:0 16px}
.wf-listhd .wf-hd{margin-bottom:0}
.wf-listhd .wf-hd__ja{display:block;font-size:14px;font-weight:400;color:#4F2424;margin:8px 0 0;letter-spacing:.06em}
.wf-listhd__count{display:block;font-size:12px;color:#756654;margin:6px 0 0;letter-spacing:.06em;text-align:center}
.wf-listhd .wf-listhd__count{margin-top:10px}

/* カテゴリ絞り込みをページタイトルの直後へ出す。
   本番のスタイルは `.p-product_list .wf-category-nav` スコープなので、受け皿にも
   p-product_list を名乗らせれば見た目はそのまま出せる。ただしそれをやると
   (1) document.querySelector('.p-product_list') が受け皿を先に拾う
   (2) 本番テーマが .p-product_list 配下に足す将来のルールを全部もらう
   の2つを踏む。受け皿は素のクラスにして、nav のスタイルだけこちらで持ち直す。
   EC Force へ移すときも nav は .p-product_list の外に出るので、同じ宣言が要る。
   下の値は本番CSSの実物（767px / 374px のブレークポイントごと）を写したもの */
.wf-navtop{padding:40px 0 44px}
.wf-navtop .wf-category-nav{
  display:flex;flex-wrap:wrap;justify-content:center;max-width:1200px;width:100%;
  margin:0 auto;padding:0 16px;overflow-x:hidden;gap:10px 12px;
}
.wf-navtop .wf-category-nav__item{
  display:inline-flex;align-items:center;justify-content:center;min-height:44px;
  margin:0;padding:11px 18px;text-decoration:none;
  font-family:"Zen Kaku Gothic New","Noto Sans JP",sans-serif;font-size:14px;font-weight:700;
  border:1px solid rgba(47,35,22,.16);border-radius:999px;background:rgba(255,255,255,.64);
  transition:color .2s ease,border-color .2s ease,background-color .2s ease,transform .2s ease;
  white-space:nowrap;color:#2f2316;
}
.wf-navtop .wf-category-nav__item::after{
  content:"⌄";font-size:12px;color:#F08B64;margin-left:6px;
}
.wf-navtop .wf-category-nav__item:hover{color:#F08B64;border-color:#F08B64;background:#fff8f0}
.wf-navtop .wf-category-nav__item.is-active{
  color:#fff;border-color:#F08B64;background:#F08B64;box-shadow:0 4px 12px rgba(240,139,100,.24);
}
.wf-navtop .wf-category-nav__item.is-active::after{color:#fff}
/* 絞り込みが上へ抜けた分、本体の上余白を節送り（60px）に揃え、
   見出しの margin と二重に効かないようにする */
.p-product_list.wf-listmain{padding-top:60px}
.p-product_list.wf-listmain>.wf-listhd{margin-top:0}
/* 🔴 本番の行間は「row-gap 80px ＋ li:nth-child(n+6) の margin-top 40px」で作られている。
   区切りの li を挿すと nth-child の番号がずれ、同じ行の中で余白の有無が割れて
   40px の段差になる（2026-09-11 に本番で発生）。番号に依存せず全カードへ一律に付け直す。
   行間は 80+40=120px のまま変わらない。区切り（[data-wf-block]）には付けない */
.p-product_list.wf-listmain .p-product_list__list>li:not([data-wf-block]){margin-top:40px}
/* 本番は640px以下で nth-child(n+3) の 20px に切り替わる（2列のリズム）。そちらへ合わせる */
@media (max-width:640px){
  .p-product_list.wf-listmain .p-product_list__list>li:not([data-wf-block]){margin-top:20px}
}

@media (max-width:1100px){
  /* 文言の幅が足りなくなるので、ボタンを縦に積んで右の列を細くし、袋もそれに合わせる */
  .wf-banner__inner{grid-template-columns:minmax(0,max-content) minmax(0,1fr);gap:30px}
  .wf-banner__title{font-size:25px}
  .wf-banner__btns{flex-direction:column;gap:10px;align-items:stretch}
  .wf-pack--1{width:66px;transform:translateY(9px) rotate(-4deg)}
  .wf-pack--2{width:76px;margin-left:2px;transform:translateY(-5px) rotate(-1.5deg)}
  .wf-pack--3{width:76px;margin-left:2px;transform:translateY(-5px) rotate(1.5deg)}
  .wf-pack--4{width:66px;margin-left:2px;transform:translateY(9px) rotate(4deg)}
}
@media (max-width:1023px){
  /* 列間を詰め、入りきらなくなったところでカードだけ縮む。170pxは超えさせない */
  .wf-trial__grid{grid-template-columns:repeat(4,minmax(0,170px));gap:26px 40px}
}
@media (max-width:900px){
  .wf-banner__inner{grid-template-columns:1fr;gap:18px;padding:26px 24px}
  .wf-banner__side{align-items:stretch;gap:16px}
  .wf-banner__btns{flex-direction:row;flex-wrap:wrap;gap:10px}
  .wf-banner__btns .wf-pill{flex:1 1 220px}
}
@media (max-width:767px){
  .wf-hd__en{font-size:32px}
  .wf-hd__ja{font-size:12px}
  .wf-trial{padding:36px 0 34px}
  .wf-trial .wf-hd__en{font-size:26px}
  .wf-trial__lead{font-size:13px;margin-bottom:20px;text-align:left}
  /* 本体の商品グリッドが2列に落ちるのと同じところで2列にする */
  .wf-trial__grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:none;gap:26px 16px}
  .wf-trial__body{padding:12px 0 0}
  .wf-btn{width:100%;min-width:0}
  .wf-banner{padding:26px 0 4px}
  .wf-banner__inner{padding:24px 20px}
  .wf-banner__title{font-size:20px;line-height:1.5}
  .wf-listhd{margin:40px auto 28px}
  .wf-navtop{padding:26px 0 30px}
  .p-product_list.wf-listmain{padding-top:40px}
  /* 本番の 767px 以下と同じ。折り返さず横スクロールの帯にする */
  .wf-navtop .wf-category-nav{
    justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;gap:0;padding:0 12px 8px;
    -webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;
  }
  .wf-navtop .wf-category-nav__item{
    min-height:42px;margin:0 10px 0 0;padding:10px 16px;font-size:12px;flex:0 0 auto;
  }
  .wf-banner__btns .wf-pill{flex:1 1 100%;min-width:0}
  .wf-pack--1{width:54px}
  .wf-pack--2{width:62px;margin-left:2px}
  .wf-pack--3{width:62px;margin-left:2px}
  .wf-pack--4{width:54px;margin-left:2px}
}
@media (max-width:374px){
  .wf-first__box{padding:0 10px}
  .wf-navtop .wf-category-nav{padding-left:10px;padding-right:10px}
  .wf-navtop .wf-category-nav__item{min-height:40px;padding-left:14px;padding-right:14px}
}