/* Category and bag icons (builder, customizer, review categories). Glyphs: gfx/bobb-icons/*.svg, white on a 64 grid, centered. */
:root { --bobb-olive: #616E4E; --bobb-gold: #FFCC00; --bobb-ink: #383E1E; }

/* 1. /builder bag cards: icon in the ring, hour tag on the ring's bottom edge */
@supports selector(:has(*)) {
  .path-builder .views-row .field--name-field-bag-short-name { position: relative; padding: 0 !important; font-size: 0 !important; line-height: 0 !important; color: transparent !important; background-repeat: no-repeat !important; background-position: center !important; background-size: 61% 61% !important; }
  .path-builder .views-row .field--name-field-bag-short-name img { display: none !important; }
  .path-builder .views-row .field--name-field-bag-short-name * { font-size: 0 !important; color: transparent !important; }
  .path-builder .views-row .field--name-field-bag-short-name::after { position: absolute; left: 50%; bottom: -10px; transform: translateX(-50%); font: 700 12px/1 "Exo 2", sans-serif; letter-spacing: .5px; padding: 3px 8px; border-radius: 9px; white-space: nowrap; color: #2b3320; }
  .path-builder .views-row:has(input[name="entity"][value="3"]) .field--name-field-bag-short-name { background-image: url(../gfx/bobb-icons/bag-edc.svg) !important; }
  .path-builder .views-row:has(input[name="entity"][value="3"]) .field--name-field-bag-short-name::after { content: "12 HR"; background: #88c838; }
  .path-builder .views-row:has(input[name="entity"][value="4"]) .field--name-field-bag-short-name { background-image: url(../gfx/bobb-icons/bag-ghb.svg) !important; }
  .path-builder .views-row:has(input[name="entity"][value="4"]) .field--name-field-bag-short-name::after { content: "24 HR"; background: #68c8e8; }
  .path-builder .views-row:has(input[name="entity"][value="5"]) .field--name-field-bag-short-name { background-image: url(../gfx/bobb-icons/bag-bob.svg) !important; }
  .path-builder .views-row:has(input[name="entity"][value="5"]) .field--name-field-bag-short-name::after { content: "72 HR"; background: #f8b868; }
  .path-builder .views-row:has(input[name="entity"][value="6"]) .field--name-field-bag-short-name { background-image: url(../gfx/bobb-icons/bag-inch.svg) !important; }
  .path-builder .views-row:has(input[name="entity"][value="6"]) .field--name-field-bag-short-name::after { content: "72+ HR"; background: #e86858; }
  .path-builder .views-row:has(input[name="entity"][value="8"]) .field--name-field-bag-short-name { background-image: url(../gfx/bobb-icons/bag-custom.svg) !important; }
  .path-builder .views-row:has(input[name="entity"][value="9"]) .field--name-field-bag-short-name { background-image: url(../gfx/bobb-icons/bag-overboard.svg) !important; }
  .path-builder .views-row:has(input[name="entity"][value="9"]) .field--name-field-bag-short-name::after { content: "BOAT"; background: #3aa6a0; }
}

/* 2. 'Which bag do you need?' pills */
.path-builder .bb-which .bb-mini .bb-tag::before { content: ""; display: inline-block; width: 16px; height: 16px; margin: -2px 5px 0 0; vertical-align: middle; background-color: currentColor; -webkit-mask: var(--bobb-ic) center / contain no-repeat; mask: var(--bobb-ic) center / contain no-repeat; }
.path-builder .bb-which .bb-mini:nth-child(1) .bb-tag { --bobb-ic: url(../gfx/bobb-icons/bag-edc.svg); }
.path-builder .bb-which .bb-mini:nth-child(2) .bb-tag { --bobb-ic: url(../gfx/bobb-icons/bag-ghb.svg); }
.path-builder .bb-which .bb-mini:nth-child(3) .bb-tag { --bobb-ic: url(../gfx/bobb-icons/bag-bob.svg); }
.path-builder .bb-which .bb-mini:nth-child(4) .bb-tag { --bobb-ic: url(../gfx/bobb-icons/bag-inch.svg); }
.path-builder .bb-which .bb-mini:nth-child(5) .bb-tag { --bobb-ic: url(../gfx/bobb-icons/bag-overboard.svg); }
.path-builder .bb-which .bb-mini:nth-child(6) .bb-tag { --bobb-ic: url(../gfx/bobb-icons/bag-custom.svg); }

/* 3. 'What goes in every bag' band (markup lives in the Builder page intro block) */
.bb-band { background: var(--bobb-olive); border-radius: 8px; padding: 14px 16px 16px; margin: 0 0 26px; text-align: center; }
.bb-band__h { color: #fff; font: 800 13px/1.2 "Exo 2", sans-serif; letter-spacing: 1.5px; text-transform: uppercase; margin: 0 0 12px; }
.bb-band__row { display: grid; grid-template-columns: repeat(8, 1fr); gap: 8px; max-width: 820px; margin: 0 auto; }
.bb-band__i, .bb-band__i:visited { display: flex; flex-direction: column; align-items: center; gap: 6px; color: #fff; font: 700 12px/1.1 "Exo 2", sans-serif; letter-spacing: .5px; text-transform: uppercase; text-decoration: none; }
.bb-band__i:hover, .bb-band__i:focus { color: var(--bobb-gold); text-decoration: none; }
.bb-band__ring { display: block; width: 64px; height: 64px; box-sizing: border-box; border-radius: 50%; border: 3px solid var(--bobb-gold); background: #4f5a3e var(--bobb-ic) center / 40px 40px no-repeat; transition: transform .15s ease, background-color .15s ease; }
.bb-band__i:hover .bb-band__ring, .bb-band__i:focus .bb-band__ring { transform: translateY(-2px); background-color: #46502f; }
.bb-band__hint { display: none; color: #e6ebd9; font-size: 13px; line-height: 1.4; margin: 12px 0 0; }
.bag-type-0 .bb-band__hint { display: block; }
.bb-band br { display: none; }
.bb-band__i--water { --bobb-ic: url(../gfx/bobb-icons/orig-water.svg); }
.bb-band__i--fire { --bobb-ic: url(../gfx/bobb-icons/orig-fire.svg); }
.bb-band__i--shelter { --bobb-ic: url(../gfx/bobb-icons/orig-shelter.svg); }
.bb-band__i--first-aid { --bobb-ic: url(../gfx/bobb-icons/orig-medical.svg); }
.bb-band__i--food { --bobb-ic: url(../gfx/bobb-icons/orig-food.svg); }
.bb-band__i--light { --bobb-ic: url(../gfx/bobb-icons/cat-light.svg); }
.bb-band__i--tools { --bobb-ic: url(../gfx/bobb-icons/orig-tools.svg); }
.bb-band__i--signal { --bobb-ic: url(../gfx/bobb-icons/cat-signal.svg); }
@media (max-width: 767px) { .bb-band { padding: 12px 10px 14px; } .bb-band__row { grid-template-columns: repeat(4, 1fr); row-gap: 14px; } .bb-band__ring { width: 54px; height: 54px; background-size: 34px 34px; } .bb-band__i { font-size: 11px; } }

/* 4. Customizer: show the category title with its ring; icons in the category sidebar */
.path-customizer { --bobb-title-ic: url(../gfx/bobb-icons/orig-pack.svg); }
.path-customizer.page-title-bug-out-bags { --bobb-title-ic: url(../gfx/bobb-icons/bag-bob.svg); }
.path-customizer.page-title-inch-bags { --bobb-title-ic: url(../gfx/bobb-icons/bag-inch.svg); }
.path-customizer.page-title-inch-etc { --bobb-title-ic: url(../gfx/bobb-icons/bag-inch.svg); }
.path-customizer.page-title-get-home-bags { --bobb-title-ic: url(../gfx/bobb-icons/bag-ghb.svg); }
.path-customizer.page-title-everyday-carry { --bobb-title-ic: url(../gfx/bobb-icons/bag-edc.svg); }
.path-customizer.page-title-edc-etc { --bobb-title-ic: url(../gfx/bobb-icons/bag-edc.svg); }
.path-customizer.page-title-ditch-bag { --bobb-title-ic: url(../gfx/bobb-icons/bag-overboard.svg); }
.path-customizer.page-title-backpacks { --bobb-title-ic: url(../gfx/bobb-icons/orig-pack.svg); }
.path-customizer.page-title-duffle-bags { --bobb-title-ic: url(../gfx/bobb-icons/cat-duffle.svg); }
.path-customizer.page-title-sacks { --bobb-title-ic: url(../gfx/bobb-icons/cat-duffle.svg); }
.path-customizer.page-title-organizers { --bobb-title-ic: url(../gfx/bobb-icons/cat-pouch.svg); }
.path-customizer.page-title-accessories { --bobb-title-ic: url(../gfx/bobb-icons/cat-pouch.svg); }
.path-customizer.page-title-water-purification { --bobb-title-ic: url(../gfx/bobb-icons/orig-water.svg); }
.path-customizer.page-title-food { --bobb-title-ic: url(../gfx/bobb-icons/orig-food.svg); }
.path-customizer.page-title-cookwear { --bobb-title-ic: url(../gfx/bobb-icons/cat-cook.svg); }
.path-customizer.page-title-fire { --bobb-title-ic: url(../gfx/bobb-icons/orig-fire.svg); }
.path-customizer.page-title-hygiene { --bobb-title-ic: url(../gfx/bobb-icons/cat-hygiene.svg); }
.path-customizer.page-title-first-aid { --bobb-title-ic: url(../gfx/bobb-icons/orig-medical.svg); }
.path-customizer.page-title-medical { --bobb-title-ic: url(../gfx/bobb-icons/orig-medical.svg); }
.path-customizer.page-title-lighting { --bobb-title-ic: url(../gfx/bobb-icons/cat-light.svg); }
.path-customizer.page-title-micro-lighting { --bobb-title-ic: url(../gfx/bobb-icons/cat-light.svg); }
.path-customizer.page-title-tarps { --bobb-title-ic: url(../gfx/bobb-icons/orig-shelter.svg); }
.path-customizer.page-title-tents { --bobb-title-ic: url(../gfx/bobb-icons/orig-shelter.svg); }
.path-customizer.page-title-hammocks { --bobb-title-ic: url(../gfx/bobb-icons/orig-shelter.svg); }
.path-customizer.page-title-bivvy { --bobb-title-ic: url(../gfx/bobb-icons/cat-sleep.svg); }
.path-customizer.page-title-blankets { --bobb-title-ic: url(../gfx/bobb-icons/cat-sleep.svg); }
.path-customizer.page-title-sleeping-bags { --bobb-title-ic: url(../gfx/bobb-icons/cat-sleep.svg); }
.path-customizer.page-title-sleeping-pad { --bobb-title-ic: url(../gfx/bobb-icons/cat-sleep.svg); }
.path-customizer.page-title-pillows { --bobb-title-ic: url(../gfx/bobb-icons/cat-sleep.svg); }
.path-customizer.page-title-comfort-items { --bobb-title-ic: url(../gfx/bobb-icons/cat-comfort.svg); }
.path-customizer.page-title-tools { --bobb-title-ic: url(../gfx/bobb-icons/orig-tools.svg); }
.path-customizer.page-title-heavy-tools { --bobb-title-ic: url(../gfx/bobb-icons/orig-tools.svg); }
.path-customizer.page-title-micro-tools { --bobb-title-ic: url(../gfx/bobb-icons/orig-tools.svg); }
.path-customizer.page-title-knives { --bobb-title-ic: url(../gfx/bobb-icons/cat-knife.svg); }
.path-customizer.page-title-pocket-knives { --bobb-title-ic: url(../gfx/bobb-icons/cat-knife.svg); }
.path-customizer.page-title-signaling { --bobb-title-ic: url(../gfx/bobb-icons/cat-signal.svg); }
.path-customizer.page-title-writing-utencils { --bobb-title-ic: url(../gfx/bobb-icons/cat-writing.svg); }
.path-customizer.page-title-miscellaneous { --bobb-title-ic: url(../gfx/bobb-icons/orig-etc.svg); }
.path-customizer.page-title-portable-power { --bobb-title-ic: url(../gfx/bobb-icons/cat-power.svg); }
.path-customizer.page-title-radios { --bobb-title-ic: url(../gfx/bobb-icons/orig-comms.svg); }
.path-customizer.page-title-gps-locators { --bobb-title-ic: url(../gfx/bobb-icons/cat-gps.svg); }
.path-customizer.page-title-clothing { --bobb-title-ic: url(../gfx/bobb-icons/cat-clothing.svg); }
.path-customizer.page-title-men\%2527s { --bobb-title-ic: url(../gfx/bobb-icons/cat-clothing.svg); }
.path-customizer.page-title-women\%2527s { --bobb-title-ic: url(../gfx/bobb-icons/cat-clothing.svg); }
.path-customizer.page-title-rain-gear { --bobb-title-ic: url(../gfx/bobb-icons/cat-clothing.svg); }
.path-customizer.page-title-document-protection { --bobb-title-ic: url(../gfx/bobb-icons/cat-document.svg); }
.path-customizer.page-title-safety { --bobb-title-ic: url(../gfx/bobb-icons/cat-safety.svg); }
.path-customizer.page-title-flood { --bobb-title-ic: url(../gfx/bobb-icons/cat-flood.svg); }
.path-customizer.page-title-books { --bobb-title-ic: url(../gfx/bobb-icons/cat-books.svg); }
.path-customizer .main-content-wrapper.bag-builder h1.page-title { display: flex; align-items: center; gap: 16px; margin: 4px 0 20px; color: var(--bobb-ink); font-size: 44px; line-height: 1.1; text-transform: uppercase; text-shadow: none; }
.path-customizer .main-content-wrapper.bag-builder h1.page-title::before { content: ""; flex: 0 0 72px; height: 72px; box-sizing: border-box; border-radius: 50%; border: 4px solid var(--bobb-gold); background: var(--bobb-olive) var(--bobb-title-ic) center / 44px 44px no-repeat; }
@media (max-width: 767px) { .path-customizer .main-content-wrapper.bag-builder h1.page-title { font-size: 28px; gap: 12px; margin-bottom: 14px; } .path-customizer .main-content-wrapper.bag-builder h1.page-title::before { flex-basis: 52px; height: 52px; border-width: 3px; background-size: 32px 32px; } }
.builder-cart__product-row-item > a { --bobb-ic: url(../gfx/bobb-icons/orig-pack.svg); }
.builder-cart__product-row-item > a[href$="/bug-out-bags"] { --bobb-ic: url(../gfx/bobb-icons/bag-bob.svg); }
.builder-cart__product-row-item > a[href$="/inch-bags"] { --bobb-ic: url(../gfx/bobb-icons/bag-inch.svg); }
.builder-cart__product-row-item > a[href$="/inch-etc"] { --bobb-ic: url(../gfx/bobb-icons/bag-inch.svg); }
.builder-cart__product-row-item > a[href$="/get-home-bags"] { --bobb-ic: url(../gfx/bobb-icons/bag-ghb.svg); }
.builder-cart__product-row-item > a[href$="/everyday-carry"] { --bobb-ic: url(../gfx/bobb-icons/bag-edc.svg); }
.builder-cart__product-row-item > a[href$="/edc-etc"] { --bobb-ic: url(../gfx/bobb-icons/bag-edc.svg); }
.builder-cart__product-row-item > a[href$="/ditch-bag"] { --bobb-ic: url(../gfx/bobb-icons/bag-overboard.svg); }
.builder-cart__product-row-item > a[href$="/backpacks"] { --bobb-ic: url(../gfx/bobb-icons/orig-pack.svg); }
.builder-cart__product-row-item > a[href$="/duffle-bags"] { --bobb-ic: url(../gfx/bobb-icons/cat-duffle.svg); }
.builder-cart__product-row-item > a[href$="/sacks"] { --bobb-ic: url(../gfx/bobb-icons/cat-duffle.svg); }
.builder-cart__product-row-item > a[href$="/organizers"] { --bobb-ic: url(../gfx/bobb-icons/cat-pouch.svg); }
.builder-cart__product-row-item > a[href$="/accessories"] { --bobb-ic: url(../gfx/bobb-icons/cat-pouch.svg); }
.builder-cart__product-row-item > a[href$="/water-purification"] { --bobb-ic: url(../gfx/bobb-icons/orig-water.svg); }
.builder-cart__product-row-item > a[href$="/food"] { --bobb-ic: url(../gfx/bobb-icons/orig-food.svg); }
.builder-cart__product-row-item > a[href$="/cookwear"] { --bobb-ic: url(../gfx/bobb-icons/cat-cook.svg); }
.builder-cart__product-row-item > a[href$="/fire"] { --bobb-ic: url(../gfx/bobb-icons/orig-fire.svg); }
.builder-cart__product-row-item > a[href$="/hygiene"] { --bobb-ic: url(../gfx/bobb-icons/cat-hygiene.svg); }
.builder-cart__product-row-item > a[href$="/first-aid"] { --bobb-ic: url(../gfx/bobb-icons/orig-medical.svg); }
.builder-cart__product-row-item > a[href$="/medical"] { --bobb-ic: url(../gfx/bobb-icons/orig-medical.svg); }
.builder-cart__product-row-item > a[href$="/lighting"] { --bobb-ic: url(../gfx/bobb-icons/cat-light.svg); }
.builder-cart__product-row-item > a[href$="/micro-lighting"] { --bobb-ic: url(../gfx/bobb-icons/cat-light.svg); }
.builder-cart__product-row-item > a[href$="/tarps"] { --bobb-ic: url(../gfx/bobb-icons/orig-shelter.svg); }
.builder-cart__product-row-item > a[href$="/tents"] { --bobb-ic: url(../gfx/bobb-icons/orig-shelter.svg); }
.builder-cart__product-row-item > a[href$="/hammocks"] { --bobb-ic: url(../gfx/bobb-icons/orig-shelter.svg); }
.builder-cart__product-row-item > a[href$="/bivvy"] { --bobb-ic: url(../gfx/bobb-icons/cat-sleep.svg); }
.builder-cart__product-row-item > a[href$="/blankets"] { --bobb-ic: url(../gfx/bobb-icons/cat-sleep.svg); }
.builder-cart__product-row-item > a[href$="/sleeping-bags"] { --bobb-ic: url(../gfx/bobb-icons/cat-sleep.svg); }
.builder-cart__product-row-item > a[href$="/sleeping-pad"] { --bobb-ic: url(../gfx/bobb-icons/cat-sleep.svg); }
.builder-cart__product-row-item > a[href$="/pillows"] { --bobb-ic: url(../gfx/bobb-icons/cat-sleep.svg); }
.builder-cart__product-row-item > a[href$="/comfort-items"] { --bobb-ic: url(../gfx/bobb-icons/cat-comfort.svg); }
.builder-cart__product-row-item > a[href$="/tools"] { --bobb-ic: url(../gfx/bobb-icons/orig-tools.svg); }
.builder-cart__product-row-item > a[href$="/heavy-tools"] { --bobb-ic: url(../gfx/bobb-icons/orig-tools.svg); }
.builder-cart__product-row-item > a[href$="/micro-tools"] { --bobb-ic: url(../gfx/bobb-icons/orig-tools.svg); }
.builder-cart__product-row-item > a[href$="/knives"] { --bobb-ic: url(../gfx/bobb-icons/cat-knife.svg); }
.builder-cart__product-row-item > a[href$="/pocket-knives"] { --bobb-ic: url(../gfx/bobb-icons/cat-knife.svg); }
.builder-cart__product-row-item > a[href$="/signaling"] { --bobb-ic: url(../gfx/bobb-icons/cat-signal.svg); }
.builder-cart__product-row-item > a[href$="/writing-utencils"] { --bobb-ic: url(../gfx/bobb-icons/cat-writing.svg); }
.builder-cart__product-row-item > a[href$="/miscellaneous"] { --bobb-ic: url(../gfx/bobb-icons/orig-etc.svg); }
.builder-cart__product-row-item > a[href$="/portable-power"] { --bobb-ic: url(../gfx/bobb-icons/cat-power.svg); }
.builder-cart__product-row-item > a[href$="/radios"] { --bobb-ic: url(../gfx/bobb-icons/orig-comms.svg); }
.builder-cart__product-row-item > a[href$="/gps-locators"] { --bobb-ic: url(../gfx/bobb-icons/cat-gps.svg); }
.builder-cart__product-row-item > a[href$="/clothing"] { --bobb-ic: url(../gfx/bobb-icons/cat-clothing.svg); }
.builder-cart__product-row-item > a[href$="/men's"], .builder-cart__product-row-item > a[href$="/men%27s"] { --bobb-ic: url(../gfx/bobb-icons/cat-clothing.svg); }
.builder-cart__product-row-item > a[href$="/women's"], .builder-cart__product-row-item > a[href$="/women%27s"] { --bobb-ic: url(../gfx/bobb-icons/cat-clothing.svg); }
.builder-cart__product-row-item > a[href$="/rain-gear"] { --bobb-ic: url(../gfx/bobb-icons/cat-clothing.svg); }
.builder-cart__product-row-item > a[href$="/document-protection"] { --bobb-ic: url(../gfx/bobb-icons/cat-document.svg); }
.builder-cart__product-row-item > a[href$="/safety"] { --bobb-ic: url(../gfx/bobb-icons/cat-safety.svg); }
.builder-cart__product-row-item > a[href$="/flood"] { --bobb-ic: url(../gfx/bobb-icons/cat-flood.svg); }
.builder-cart__product-row-item > a[href$="/books"] { --bobb-ic: url(../gfx/bobb-icons/cat-books.svg); }
.builder-cart__product-row > .builder-cart__product-row-item { padding-left: 40px !important; }
.builder-cart__product-row-item > a::after { content: ""; position: absolute; left: 14px; top: 50%; width: 20px; height: 20px; margin-top: -10px; background-color: var(--bobb-olive); -webkit-mask: var(--bobb-ic) center / contain no-repeat; mask: var(--bobb-ic) center / contain no-repeat; }

/* 5. Review categories: title ring, sidebar list, 'posted in' links */
.path-taxonomy.page-title-accessories { --bobb-title-ic: url(../gfx/bobb-icons/cat-pouch.svg); }
a[href$="/product-reviews/accessories"] { --bobb-ic: url(../gfx/bobb-icons/cat-pouch.svg); }
.path-taxonomy.page-title-backpacks { --bobb-title-ic: url(../gfx/bobb-icons/orig-pack.svg); }
a[href$="/product-reviews/backpacks"] { --bobb-ic: url(../gfx/bobb-icons/orig-pack.svg); }
.path-taxonomy.page-title-books { --bobb-title-ic: url(../gfx/bobb-icons/cat-books.svg); }
a[href$="/product-reviews/books"] { --bobb-ic: url(../gfx/bobb-icons/cat-books.svg); }
.path-taxonomy.page-title-communications { --bobb-title-ic: url(../gfx/bobb-icons/orig-comms.svg); }
a[href$="/product-reviews/communications"] { --bobb-ic: url(../gfx/bobb-icons/orig-comms.svg); }
.path-taxonomy.page-title-fire { --bobb-title-ic: url(../gfx/bobb-icons/orig-fire.svg); }
a[href$="/product-reviews/fire"] { --bobb-ic: url(../gfx/bobb-icons/orig-fire.svg); }
.path-taxonomy.page-title-food { --bobb-title-ic: url(../gfx/bobb-icons/orig-food.svg); }
a[href$="/product-reviews/food"] { --bobb-ic: url(../gfx/bobb-icons/orig-food.svg); }
.path-taxonomy.page-title-medical { --bobb-title-ic: url(../gfx/bobb-icons/orig-medical.svg); }
a[href$="/product-reviews/medical"] { --bobb-ic: url(../gfx/bobb-icons/orig-medical.svg); }
.path-taxonomy.page-title-miscellaneous { --bobb-title-ic: url(../gfx/bobb-icons/orig-etc.svg); }
a[href$="/product-reviews/miscellaneous"] { --bobb-ic: url(../gfx/bobb-icons/orig-etc.svg); }
.path-taxonomy.page-title-shelter { --bobb-title-ic: url(../gfx/bobb-icons/orig-shelter.svg); }
a[href$="/product-reviews/shelter"] { --bobb-ic: url(../gfx/bobb-icons/orig-shelter.svg); }
.path-taxonomy.page-title-tools { --bobb-title-ic: url(../gfx/bobb-icons/orig-tools.svg); }
a[href$="/product-reviews/tools"] { --bobb-ic: url(../gfx/bobb-icons/orig-tools.svg); }
.path-taxonomy.page-title-water { --bobb-title-ic: url(../gfx/bobb-icons/orig-water.svg); }
a[href$="/product-reviews/water"] { --bobb-ic: url(../gfx/bobb-icons/orig-water.svg); }
:is(.path-taxonomy.page-title-accessories, .path-taxonomy.page-title-backpacks, .path-taxonomy.page-title-books, .path-taxonomy.page-title-communications, .path-taxonomy.page-title-fire, .path-taxonomy.page-title-food, .path-taxonomy.page-title-medical, .path-taxonomy.page-title-miscellaneous, .path-taxonomy.page-title-shelter, .path-taxonomy.page-title-tools, .path-taxonomy.page-title-water) h1.page-title { display: flex; align-items: center; gap: 16px; }
:is(.path-taxonomy.page-title-accessories, .path-taxonomy.page-title-backpacks, .path-taxonomy.page-title-books, .path-taxonomy.page-title-communications, .path-taxonomy.page-title-fire, .path-taxonomy.page-title-food, .path-taxonomy.page-title-medical, .path-taxonomy.page-title-miscellaneous, .path-taxonomy.page-title-shelter, .path-taxonomy.page-title-tools, .path-taxonomy.page-title-water) h1.page-title::before { content: ""; flex: 0 0 64px; height: 64px; box-sizing: border-box; border-radius: 50%; border: 4px solid var(--bobb-gold); background: var(--bobb-olive) var(--bobb-title-ic) center / 40px 40px no-repeat; }
@media (max-width: 767px) { :is(.path-taxonomy.page-title-accessories, .path-taxonomy.page-title-backpacks, .path-taxonomy.page-title-books, .path-taxonomy.page-title-communications, .path-taxonomy.page-title-fire, .path-taxonomy.page-title-food, .path-taxonomy.page-title-medical, .path-taxonomy.page-title-miscellaneous, .path-taxonomy.page-title-shelter, .path-taxonomy.page-title-tools, .path-taxonomy.page-title-water) h1.page-title { gap: 12px; } :is(.path-taxonomy.page-title-accessories, .path-taxonomy.page-title-backpacks, .path-taxonomy.page-title-books, .path-taxonomy.page-title-communications, .path-taxonomy.page-title-fire, .path-taxonomy.page-title-food, .path-taxonomy.page-title-medical, .path-taxonomy.page-title-miscellaneous, .path-taxonomy.page-title-shelter, .path-taxonomy.page-title-tools, .path-taxonomy.page-title-water) h1.page-title::before { flex-basis: 50px; height: 50px; border-width: 3px; background-size: 30px 30px; } }
.view-taxonomy-links .views-row a[href*="/product-reviews/"] { padding-left: 26px; }
.view-taxonomy-links .views-row a[href*="/product-reviews/"]::after { content: ""; position: absolute; left: 0; top: 50%; width: 18px; height: 18px; margin-top: -9px; background-color: var(--bobb-olive); -webkit-mask: var(--bobb-ic) center / contain no-repeat; mask: var(--bobb-ic) center / contain no-repeat; }
.blog-post-tags .field__item a[href*="/product-reviews/"]::before { content: ""; display: inline-block; width: 16px; height: 16px; margin: 0 4px 0 2px; vertical-align: -2px; background-color: var(--bobb-olive); -webkit-mask: var(--bobb-ic, none) center / contain no-repeat; mask: var(--bobb-ic, none) center / contain no-repeat; }

/* 6. Quiz banner on /builder (markup in the Builder page intro block, above the 1-2-3 steps) */
a.bb-quiz.bb-quiz { all: unset; box-sizing: border-box; display: flex; align-items: center; gap: 18px; width: 100%; margin: 0; padding: 16px 20px; background: #e07a1f; border-radius: 10px; box-shadow: 0 3px 0 #b8600f; color: #fff; cursor: pointer; font-family: "Exo 2", sans-serif; }
a.bb-quiz.bb-quiz:hover, a.bb-quiz.bb-quiz:focus { background: #d06d14; color: #fff; text-decoration: none; }
a.bb-quiz.bb-quiz:focus-visible { outline: 3px solid var(--bobb-gold); outline-offset: 2px; }
.bb-quiz__ring { flex: 0 0 64px; height: 64px; box-sizing: border-box; border-radius: 50%; border: 3px solid var(--bobb-gold); background: #4f5a3e url(../gfx/bobb-icons/cat-compass.svg) center / 40px 40px no-repeat; }
.bb-quiz__text { flex: 1 1 auto; display: block; }
.bb-quiz__text strong { display: block; margin: 0 0 3px; color: #fff; font: 800 22px/1.15 "Exo 2", sans-serif; text-transform: uppercase; }
.bb-quiz__text span { display: block; color: #fff3e6; font-size: 15px; line-height: 1.4; }
.bb-quiz__btn { flex: 0 0 auto; display: block; padding: 11px 18px; border: 2px solid #9c560f; border-radius: 8px; background: linear-gradient(#f9d85f, #e9a925); box-shadow: 0 2px 5px rgba(0, 0, 0, .2); color: #1f2314; font: 800 15px/1.2 "Exo 2", sans-serif; text-transform: uppercase; white-space: nowrap; }
.bb-quiz:hover .bb-quiz__btn, .bb-quiz:focus .bb-quiz__btn { filter: brightness(1.05); }
@media (max-width: 767px) { a.bb-quiz.bb-quiz { flex-wrap: wrap; gap: 12px 14px; padding: 14px; } .bb-quiz__ring { flex-basis: 52px; height: 52px; background-size: 32px 32px; } .bb-quiz__text { flex: 1 1 calc(100% - 70px); } .bb-quiz__text strong { font-size: 18px; } .bb-quiz__btn { flex: 1 1 100%; text-align: center; } }

/* 7. Bag cards: normal line spacing (the theme's p is 1.8), no dangling last word */
.view-catalog-bag-list .wishlist__name p { line-height: 1.2; text-wrap: balance; }
.view-catalog-bag-list .wishlist__body p { line-height: 1.45; text-wrap: balance; }
.view-catalog-bag-list .wishlist__body { margin-top: 6px; }

/* 8. My Bags: the bag's icon ring in front of the bag title (ring color = the bag's color) */
.path-my-bag.bag-type-3 { --bobb-bag-ic: url(../gfx/bobb-icons/bag-edc.svg); --bobb-bag-c: #88c838; }
.path-my-bag.bag-type-4 { --bobb-bag-ic: url(../gfx/bobb-icons/bag-ghb.svg); --bobb-bag-c: #68c8e8; }
.path-my-bag.bag-type-5 { --bobb-bag-ic: url(../gfx/bobb-icons/bag-bob.svg); --bobb-bag-c: #f8b868; }
.path-my-bag.bag-type-6 { --bobb-bag-ic: url(../gfx/bobb-icons/bag-inch.svg); --bobb-bag-c: #e86858; }
.path-my-bag.bag-type-8 { --bobb-bag-ic: url(../gfx/bobb-icons/bag-custom.svg); --bobb-bag-c: #9a9a9a; }
.path-my-bag.bag-type-9 { --bobb-bag-ic: url(../gfx/bobb-icons/bag-overboard.svg); --bobb-bag-c: #3aa6a0; }
:is(.path-my-bag.bag-type-3, .path-my-bag.bag-type-4, .path-my-bag.bag-type-5, .path-my-bag.bag-type-6, .path-my-bag.bag-type-8, .path-my-bag.bag-type-9) .main-content-wrapper.content main h1.page-title { display: flex; align-items: center; gap: 14px; }
:is(.path-my-bag.bag-type-3, .path-my-bag.bag-type-4, .path-my-bag.bag-type-5, .path-my-bag.bag-type-6, .path-my-bag.bag-type-8, .path-my-bag.bag-type-9) .main-content-wrapper.content main h1.page-title::before { content: ""; flex: 0 0 60px; height: 60px; box-sizing: border-box; border-radius: 50%; border: 4px solid var(--bobb-bag-c); background: #454d2e var(--bobb-bag-ic) center / 62% 62% no-repeat; }
@media (max-width: 767px) { :is(.path-my-bag.bag-type-3, .path-my-bag.bag-type-4, .path-my-bag.bag-type-5, .path-my-bag.bag-type-6, .path-my-bag.bag-type-8, .path-my-bag.bag-type-9) .main-content-wrapper.content main h1.page-title { gap: 10px; margin-right: 0; } :is(.path-my-bag.bag-type-3, .path-my-bag.bag-type-4, .path-my-bag.bag-type-5, .path-my-bag.bag-type-6, .path-my-bag.bag-type-8, .path-my-bag.bag-type-9) .main-content-wrapper.content main h1.page-title::before { flex-basis: 46px; height: 46px; border-width: 3px; } }

/* 9. Bottom bar: estimated weight next to Items and Total */
.bag-sticky__order-details .bag-sticky__order-weight { display: inline-block; margin: 5px; color: #f07b13; font-weight: bold; font-size: 12px; line-height: 18px; text-transform: uppercase; text-align: right; }
.bag-sticky__order-details .bag-sticky__order-weight span { display: inline-block; width: auto; margin-left: 6px; padding: 3px 9px; border-radius: 4px; background: #000; color: #fff; font-size: 14px; line-height: 21px; font-weight: normal; text-transform: none; text-align: left; white-space: nowrap; }
@media (max-width: 767px) {
  .bag-sticky.bag-sticky--slim .bag-sticky__order-details { gap: 8px; justify-content: space-around; }
  .bag-sticky.bag-sticky--slim .bag-sticky__order-details > div { flex: 0 1 auto; width: auto; min-width: 0; margin: 0; text-align: center; }
  .bag-sticky__order-details .bag-sticky__order-weight span { display: block; margin-left: 0; text-align: center; }
  .bag-sticky.bag-sticky--slim .bag-sticky__amazon-button { width: auto; flex: 0 0 auto; }
  .bag-sticky.bag-sticky--slim .bag-sticky__amazon-button a { padding: 6px 14px; white-space: nowrap; }
}