/** Shopify CDN: Minification failed

Line 784:6 Expected ":"

**/
/* =========================================================
   Pawpular - Boost Filters Custom UI
   File: assets/boost-sd-custom.css

   Safe Version
   1. 只控制 Boost 筛选栏
   2. 不再强制修改 Horizon 商品卡 grid
   3. 保留 Pet / Brands / Food / Treats / Price / Size 样式
   4. 保留 JS 插入的标题图标
   5. 保留热门品牌、品牌滚动、价格区间、尺码按钮
   6. 删除会导致商品标题竖排的 product-grid / resource-list 强制代码
========================================================= */


/* =========================================================
   0. 全局控制参数
========================================================= */

:root {
  /* 筛选栏宽度 */
  --paw-filter-width: 300px;

  /* 筛选栏整体左移，负数越大越往左 */
  --paw-filter-left-shift: -40px;

  /* 筛选栏右侧内边距 */
  --paw-filter-padding-right: 14px;

  /* 筛选组间距 */
  --paw-filter-group-bottom: 14px;
  --paw-filter-group-padding-bottom: 16px;

  /* 筛选项间距 */
  --paw-filter-item-bottom: 10px;

  /* 图标 */
  --paw-filter-icon-size: 20px;
  --paw-pet-icon-size: 22px;

  /* checkbox */
  --paw-checkbox-size: 15px;

  /* 颜色 */
  --paw-color-main: #25304a;
  --paw-color-accent: #4b5f93;
  --paw-color-text: #4b4b4b;
  --paw-color-muted: #b0b0b0;
  --paw-color-border: #d8d8d8;
  --paw-color-checkbox: #c8c8c8;
}


/* =========================================================
   1. 左侧筛选栏整体
========================================================= */

.boost-sd__filter-tree,
.boost-sd__filter-tree-vertical,
.boost-pfs-filter-tree,
.boost-pfs-filter-tree-vertical {
  width: var(--paw-filter-width) !important;
  max-width: var(--paw-filter-width) !important;
  min-width: var(--paw-filter-width) !important;

  margin-left: var(--paw-filter-left-shift) !important;
  padding-right: var(--paw-filter-padding-right) !important;

  border-right: 1px solid var(--paw-color-border) !important;
  background: #ffffff !important;

  box-sizing: border-box !important;
  overflow: visible !important;
}


/* =========================================================
   2. 顶部：Filters / Clear all
========================================================= */

.paw-filter-topbar {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;

  padding: 0 0 14px !important;
  margin: 0 0 14px !important;

  border-bottom: 1px solid var(--paw-color-border) !important;
}

.paw-filter-topbar-left {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;

  color: #222222 !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
}

.paw-filter-topbar-left svg {
  width: 18px !important;
  height: 18px !important;
  stroke: var(--paw-color-accent) !important;
}

.paw-filter-clear {
  color: var(--paw-color-accent) !important;
  font-size: 16px !important;
  line-height: 1 !important;
  text-decoration: none !important;
  cursor: pointer !important;
}

.paw-filter-clear:hover {
  text-decoration: underline !important;
}


/* =========================================================
   3. 每个筛选组
========================================================= */

.boost-sd__filter-option,
.boost-pfs-filter-option {
  padding: 0 0 var(--paw-filter-group-padding-bottom) !important;
  margin: 0 0 var(--paw-filter-group-bottom) !important;

  border-bottom: 1px solid var(--paw-color-border) !important;
  background: transparent !important;

  overflow: visible !important;
  box-sizing: border-box !important;
}


/* =========================================================
   4. 筛选标题行
========================================================= */

.boost-sd__filter-option-title,
.boost-pfs-filter-option-title {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;

  min-height: 42px !important;

  padding: 0 !important;
  margin: 0 0 10px !important;

  border: 0 !important;
  background: transparent !important;

  color: #111111 !important;
  font-size: 17px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;

  overflow: visible !important;
  box-sizing: border-box !important;
}

.boost-sd__filter-option-title-text,
.boost-pfs-filter-option-title-text {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;

  color: #111111 !important;
  font-size: 17px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;

  overflow: visible !important;
}


/* =========================================================
   5. 标题图标
   图标由 boost-sd-custom.js 插入
========================================================= */

.paw-filter-title-icon {
  width: var(--paw-filter-icon-size) !important;
  height: var(--paw-filter-icon-size) !important;
  min-width: var(--paw-filter-icon-size) !important;
  flex: 0 0 var(--paw-filter-icon-size) !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  margin-right: 2px !important;

  color: var(--paw-color-main) !important;
  line-height: 1 !important;

  opacity: 1 !important;
  visibility: visible !important;
  overflow: visible !important;
}

.paw-filter-title-icon svg {
  width: var(--paw-filter-icon-size) !important;
  height: var(--paw-filter-icon-size) !important;

  display: block !important;

  stroke: currentColor !important;
  opacity: 1 !important;
  visibility: visible !important;
  overflow: visible !important;
}

/* Pet 图标单独略大 */
.paw-pet-title-icon {
  width: var(--paw-pet-icon-size) !important;
  height: var(--paw-pet-icon-size) !important;
  min-width: var(--paw-pet-icon-size) !important;
  flex: 0 0 var(--paw-pet-icon-size) !important;

  transform: translateY(-1px) !important;
}

.paw-pet-title-icon svg {
  width: var(--paw-pet-icon-size) !important;
  height: var(--paw-pet-icon-size) !important;
}

/* 清掉旧伪元素图标，避免和 JS 图标重叠 */
.boost-sd__filter-option-title-text::before,
.boost-sd__filter-option-title-text::after,
.boost-pfs-filter-option-title-text::before,
.boost-pfs-filter-option-title-text::after {
  content: none !important;
  display: none !important;
  background: none !important;
  background-image: none !important;
  -webkit-mask: none !important;
  mask: none !important;
}


/* =========================================================
   6. 通用筛选内容区
========================================================= */

.boost-sd__filter-option-content,
.boost-pfs-filter-option-content {
  padding: 0 !important;
  margin: 0 !important;

  width: 100% !important;
  max-width: 100% !important;

  background: transparent !important;
  border: none !important;
  box-shadow: none !important;

  overflow: visible !important;
  box-sizing: border-box !important;
}


/* =========================================================
   7. 通用筛选项列表
   Pet / Brands / Food / Treats / Toys / Other Essentials
========================================================= */

.boost-sd__filter-option-item,
.boost-pfs-filter-option-item {
  display: block !important;

  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;

  padding: 0 !important;
  margin: 0 0 var(--paw-filter-item-bottom) !important;

  border: none !important;
  background: transparent !important;
  box-shadow: none !important;

  transform: none !important;
  overflow: visible !important;
  box-sizing: border-box !important;
}


/* label：checkbox + 文字 + 数量 */
.boost-sd__filter-option-item-label,
.boost-pfs-filter-option-item-label,
.boost-sd__filter-option-item-button,
.boost-pfs-filter-option-item-list {
  position: relative !important;

  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;

  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;

  height: auto !important;
  min-height: 0 !important;

  padding: 0 0 0 26px !important;
  margin: 0 !important;

  gap: 0 !important;

  border: none !important;
  border-radius: 0 !important;
  outline: none !important;

  background: transparent !important;
  box-shadow: none !important;

  color: var(--paw-color-text) !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
  white-space: normal !important;
  text-transform: none !important;

  overflow: visible !important;
  box-sizing: border-box !important;
}


/* =========================================================
   8. 通用 checkbox
========================================================= */

.boost-sd__check-box,
.boost-pfs-check-box,
.boost-sd__checkbox {
  position: absolute !important;
  left: 0 !important;
  top: 50% !important;
  transform: translateY(-50%) !important;

  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;

  width: var(--paw-checkbox-size) !important;
  height: var(--paw-checkbox-size) !important;
  min-width: var(--paw-checkbox-size) !important;
  flex: 0 0 var(--paw-checkbox-size) !important;

  margin: 0 !important;
  padding: 0 !important;

  border: 1px solid var(--paw-color-checkbox) !important;
  border-radius: 0 !important;
  background: #ffffff !important;
  box-shadow: none !important;

  box-sizing: border-box !important;
}

/* 隐藏真实 input，不占布局 */
.boost-sd__filter-option-item input[type="checkbox"],
.boost-sd__filter-option-item input[type="radio"],
.boost-pfs-filter-option-item input[type="checkbox"],
.boost-pfs-filter-option-item input[type="radio"] {
  position: absolute !important;
  opacity: 0 !important;
  pointer-events: none !important;
}


/* 选中状态 */
.boost-sd__filter-option-item.is-selected .boost-sd__check-box,
.boost-sd__filter-option-item.selected .boost-sd__check-box,
.boost-pfs-filter-option-item.selected .boost-pfs-check-box {
  border-color: var(--paw-color-accent) !important;
  background: #ffffff !important;
}

.boost-sd__filter-option-item.is-selected .boost-sd__check-box::after,
.boost-sd__filter-option-item.selected .boost-sd__check-box::after,
.boost-pfs-filter-option-item.selected .boost-pfs-check-box::after {
  content: "" !important;

  width: 8px !important;
  height: 5px !important;

  border-left: 2px solid var(--paw-color-accent) !important;
  border-bottom: 2px solid var(--paw-color-accent) !important;

  position: absolute !important;
  left: 3px !important;
  top: 3px !important;

  transform: rotate(-45deg) !important;
}


/* 数量统一靠右 */
.boost-sd__filter-option-item-amount,
.boost-pfs-filter-option-amount,
.boost-sd__filter-option-count,
.boost-pfs-filter-option-count {
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;

  margin-left: auto !important;
  padding-left: 12px !important;

  color: var(--paw-color-muted) !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
}


/* =========================================================
   9. Pet 专项清理
========================================================= */

.paw-filter-option--pet-icon .boost-sd__filter-option-content,
.paw-filter-option--pet-icon .boost-pfs-filter-option-content {
  display: block !important;
  padding: 0 !important;
  margin: 0 !important;
}

.paw-filter-option--pet-icon .boost-sd__filter-option-item,
.paw-filter-option--pet-icon .boost-pfs-filter-option-item {
  padding-left: 0 !important;
  transform: none !important;
}

.paw-filter-option--pet-icon .boost-sd__filter-option-item-label,
.paw-filter-option--pet-icon .boost-pfs-filter-option-item-label,
.paw-filter-option--pet-icon .boost-sd__filter-option-item-button,
.paw-filter-option--pet-icon .boost-pfs-filter-option-item-list {
  padding-left: 26px !important;
  transform: none !important;
}

/* 清理之前 Pet 单独伪元素，避免压文字 */
.paw-filter-option--pet-icon .boost-sd__filter-option-item::before,
.paw-filter-option--pet-icon .boost-sd__filter-option-item::after,
.paw-filter-option--pet-icon .boost-pfs-filter-option-item::before,
.paw-filter-option--pet-icon .boost-pfs-filter-option-item::after,
.paw-filter-option--pet-icon .boost-sd__filter-option-item-label::before,
.paw-filter-option--pet-icon .boost-sd__filter-option-item-label::after,
.paw-filter-option--pet-icon .boost-pfs-filter-option-item-label::before,
.paw-filter-option--pet-icon .boost-pfs-filter-option-item-label::after {
  content: none !important;
  display: none !important;
  background: none !important;
  border: none !important;
  box-shadow: none !important;
}


/* =========================================================
   10. Brand 搜索框
========================================================= */

.boost-sd__filter-option[data-filter-option-label="Brands"] .boost-sd__filter-option-search-box,
.boost-pfs-filter-option[data-filter-option-label="Brands"] .boost-pfs-filter-option-search-box,
.boost-sd__filter-option[data-filter-option-label="Brand"] .boost-sd__filter-option-search-box,
.boost-pfs-filter-option[data-filter-option-label="Brand"] .boost-pfs-filter-option-search-box,
.boost-sd__filter-option[data-filter-option-label="品牌"] .boost-sd__filter-option-search-box,
.boost-pfs-filter-option[data-filter-option-label="品牌"] .boost-pfs-filter-option-search-box {
  margin-bottom: 16px !important;
}

.boost-sd__filter-option[data-filter-option-label="Brands"] input[type="search"],
.boost-pfs-filter-option[data-filter-option-label="Brands"] input[type="search"],
.boost-sd__filter-option[data-filter-option-label="Brand"] input[type="search"],
.boost-pfs-filter-option[data-filter-option-label="Brand"] input[type="search"],
.boost-sd__filter-option[data-filter-option-label="品牌"] input[type="search"],
.boost-pfs-filter-option[data-filter-option-label="品牌"] input[type="search"] {
  width: 100% !important;
  height: 36px !important;

  padding: 0 16px !important;

  border: 1px solid #bfc0c4 !important;
  border-radius: 999px !important;

  background: #ffffff !important;

  color: #777777 !important;
  font-size: 14px !important;
  text-align: center !important;

  outline: none !important;
  box-shadow: none !important;
}


/* =========================================================
   11. 热门品牌
========================================================= */

.paw-brand-hot-title,
.paw-brand-all-title {
  width: 100%;

  margin: 8px 0 14px;

  color: var(--paw-color-text);
  font-size: 15px;
  line-height: 1;
}

.paw-brand-hot-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;

  margin-bottom: 18px;
}

.paw-brand-hot-item {
  min-height: 36px;

  display: flex;
  align-items: center;
  justify-content: center;

  padding: 0 10px;

  border: 1px solid #b7b7b7;
  border-radius: 12px;
  background: #ffffff;

  color: var(--paw-color-accent);
  font-family: var(--font-heading-family, inherit);
  font-size: 14px;
  font-weight: 700;
  text-align: center;

  cursor: pointer;
  box-sizing: border-box;

  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.paw-brand-hot-item:hover {
  border-color: var(--paw-color-accent);
}

.paw-brand-hot-item.is-active {
  background: rgba(75, 95, 147, 0.08);
  border-color: var(--paw-color-accent);
}


/* =========================================================
   12. Brand 列表滚动
========================================================= */

.boost-sd__filter-option[data-filter-option-label="Brands"] .boost-sd__filter-option-content,
.boost-pfs-filter-option[data-filter-option-label="Brands"] .boost-pfs-filter-option-content,
.boost-sd__filter-option[data-filter-option-label="Brand"] .boost-sd__filter-option-content,
.boost-pfs-filter-option[data-filter-option-label="Brand"] .boost-pfs-filter-option-content,
.boost-sd__filter-option[data-filter-option-label="品牌"] .boost-sd__filter-option-content,
.boost-pfs-filter-option[data-filter-option-label="品牌"] .boost-pfs-filter-option-content {
  position: relative;
}

.paw-brand-list-wrap {
  max-height: 240px;

  padding-right: 10px;

  border-right: 1px solid #d7d7d7;

  overflow-y: auto;
  overflow-x: hidden;
  box-sizing: border-box;
}

.paw-brand-list-wrap::-webkit-scrollbar {
  width: 6px;
}

.paw-brand-list-wrap::-webkit-scrollbar-track {
  background: transparent;
}

.paw-brand-list-wrap::-webkit-scrollbar-thumb {
  background: #c6c6c6;
  border-radius: 999px;
}

.paw-brand-letter {
  display: flex;
  align-items: center;
  justify-content: space-between;

  margin: 8px 0 10px;
  padding-left: 6px;

  color: #6b6b6b;
  font-size: 15px;
}

.paw-brand-list-wrap .boost-sd__filter-option-item,
.paw-brand-list-wrap .boost-pfs-filter-option-item {
  margin: 0 0 10px !important;
}


/* =========================================================
   13. Price
========================================================= */

.boost-sd__filter-option-range-amount,
.boost-pfs-filter-option-range-amount {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;

  margin-bottom: 12px !important;
}

.boost-sd__filter-option-range-amount input,
.boost-pfs-filter-option-range-amount input {
  width: 110px !important;
  height: 36px !important;

  padding: 0 14px !important;

  border: 1px solid #cfcfcf !important;
  border-radius: 999px !important;
  background: #ffffff !important;

  color: #777777 !important;
  font-size: 14px !important;

  outline: none !important;
  box-shadow: none !important;
}

.boost-sd__filter-option-range-slider,
.boost-pfs-filter-option-range-slider {
  margin-top: 12px !important;
}

.boost-sd__filter-option-range-slider .irs-line,
.boost-pfs-filter-option-range-slider .irs-line {
  height: 4px !important;

  background: #d8d8d8 !important;
  border-radius: 999px !important;
}

.boost-sd__filter-option-range-slider .irs-bar,
.boost-pfs-filter-option-range-slider .irs-bar {
  height: 4px !important;
  background: #8b8b8b !important;
}

.boost-sd__filter-option-range-slider .irs-handle,
.boost-pfs-filter-option-range-slider .irs-handle {
  width: 18px !important;
  height: 18px !important;

  top: 18px !important;

  border: 2px solid #8b8b8b !important;
  border-radius: 50% !important;
  background: #ffffff !important;
}


/* =========================================================
   14. Size
========================================================= */

.boost-sd__filter-option[data-filter-option-label="Size"] .boost-sd__filter-option-content,
.boost-pfs-filter-option[data-filter-option-label="Size"] .boost-pfs-filter-option-content,
.boost-sd__filter-option[data-filter-option-label="尺码"] .boost-sd__filter-option-content,
.boost-pfs-filter-option[data-filter-option-label="尺码"] .boost-pfs-filter-option-content {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
}

.boost-sd__filter-option[data-filter-option-label="Size"] .boost-sd__filter-option-item,
.boost-pfs-filter-option[data-filter-option-label="Size"] .boost-pfs-filter-option-item,
.boost-sd__filter-option[data-filter-option-label="尺码"] .boost-sd__filter-option-item,
.boost-pfs-filter-option[data-filter-option-label="尺码"] .boost-pfs-filter-option-item {
  width: auto !important;
  margin: 0 !important;
}

.boost-sd__filter-option[data-filter-option-label="Size"] .boost-sd__filter-option-item-label,
.boost-pfs-filter-option[data-filter-option-label="Size"] .boost-pfs-filter-option-item-label,
.boost-sd__filter-option[data-filter-option-label="尺码"] .boost-sd__filter-option-item-label,
.boost-pfs-filter-option[data-filter-option-label="尺码"] .boost-pfs-filter-option-item-label {
  min-width: 42px;
  height: 32px;

  justify-content: center !important;

  padding: 0 12px !important;

  border: 1px solid #b7b7b7 !important;
  border-radius: 999px !important;
  background: #ffffff !important;

  font-size: 14px !important;
}

.boost-sd__filter-option[data-filter-option-label="Size"] .boost-sd__check-box,
.boost-pfs-filter-option[data-filter-option-label="Size"] .boost-pfs-check-box,
.boost-sd__filter-option[data-filter-option-label="尺码"] .boost-sd__check-box,
.boost-pfs-filter-option[data-filter-option-label="尺码"] .boost-pfs-check-box,
.boost-sd__filter-option[data-filter-option-label="Size"] .boost-sd__filter-option-item-amount,
.boost-pfs-filter-option[data-filter-option-label="Size"] .boost-pfs-filter-option-amount,
.boost-sd__filter-option[data-filter-option-label="尺码"] .boost-sd__filter-option-item-amount,
.boost-pfs-filter-option[data-filter-option-label="尺码"] .boost-pfs-filter-option-amount {
  display: none !important;
}


/* =========================================================
   15. Mobile
========================================================= */

@media (max-width: 749px) {
  .boost-sd__filter-tree,
  .boost-sd__filter-tree-vertical,
  .boost-pfs-filter-tree,
  .boost-pfs-filter-tree-vertical {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    margin-left: 0 !important;
    padding-right: 0 !important;

    border-right: 0 !important;
  }

  .paw-brand-hot-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
/* =========================================================
   Collection 两栏布局间距调整
   只调整筛选栏和商品区之间的距离
   不影响商品卡内部结构
========================================================= */

/* =========================================================
   Collection 父级两栏间距调整
   只调筛选栏和商品区之间的距离
========================================================= */
@media (min-width: 990px) {
  .paw-product-section .collection-wrapper {
    column-gap: 64px !important;
    gap: 0 64px !important;
    align-items: start !important;
  }

  /* =========================================================
  Slogan line
========================================================= */
}.slogan-stagger-wrap {
    te
    xt-align: center;
}
.slogan-line {
    opacity: 0;
    transform: translateY(24px);
    animation: fadeSlideUp 0.8s ease-out forwards;
}
.slogan-line:nth-child(1) {
    animation-delay: 0.3s;
}
.slogan-line:nth-child(2) {
    animation-delay: 0.7s;
}
.slogan-line:nth-child(3) {
    animation-delay: 1.1s;
}

@keyframes fadeSlideUp {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}