/** Shopify CDN: Minification failed

Line 1761:20 Expected identifier but found whitespace
Line 1761:21 Unexpected bad URL token
Line 1761:61 Expected ")" to end URL token
Line 1826:0 Expected "}" to go with "{"

**/
/* --- Fix for Selleasy Quantity Display --- */
div.lb-qty-picker input.lb-qty-count {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
    color: #1c1c1c !important;
    width: 30px !important;
    text-align: center !important;
}
/* --- Custom Product Features - Borderless (More Compact) --- */

.content-container {
  background-color: #ffffff;
  border-radius: 15px;
  padding: 25px;
}

.content-container .intro-paragraph {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  color: #333;
  font-size: 16px;
  line-height: 1.6;
  margin-top: 0;
  margin-bottom: 25px;
}

.content-container .feature-list {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  color: #333;
  list-style: none;
  padding-left: 0;
  margin: 0;
}

.content-container .feature-list li {
  font-size: 14px;
  line-height: 1.2;     /* 减小20% (原1.5) */
  margin-bottom: 8px;   /* 减小20% (原10px) */
  display: flex;
  align-items: flex-start;
}

.content-container .feature-list .emoji {
  display: inline-block;
  width: 28px;
  font-size: 1.2em;
}

/* --- End Custom Product Features --- */
/* --- Petbuds 最终自定义样式 --- */

/* 1. 下拉菜单样式 (只影响下拉菜单) */
/* 通过 .sub-menu 精确选择下拉菜单里的链接 */
.sub-menu .thb-full-menu--link {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
  font-weight: bold !important;
  text-shadow: 0 0 0.7px currentColor !important;
}

/* 2. 为 "Cat" 主菜单项添加 logo */
/* 注意：请 double check 下面的 href 链接是否为Cat的正确链接 */
.thb-full-menu--link[href="/collections/cat-accessories-and-toys"]::before {
  content: "";
  display: inline-block;
  width: 22px;
  height: 22px;
  margin-right: 6px;
  vertical-align: middle;
  background-image: url('/cdn/shop/files/1757586475_0.png?v=1757587786');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* 3. 为 "Dog" 主菜单项添加 logo */
/* 使用您截图中提供的正确href链接 */
.thb-full-menu--link[href="/collections/dog-toys-and-accessories"]::before {
  content: "";
  display: inline-block;
  width: 22px;
  height: 22px;
  margin-right: 6px;
  vertical-align: middle;
  background-image: url('/cdn/shop/files/c83df971406dbf854536bf8c0251031.png?v=1757602586');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
/* --- Petbuds 自定义样式：手机菜单全部Logo --- */

/* --- 准备工作：为所有菜单项设置flex布局，方便logo对齐 --- */
.mobile-menu li:nth-child(1) a,    /* Home */
.mobile-menu li:nth-child(2) .parent-link, /* Cat */
.mobile-menu li:nth-child(3) .parent-link, /* Dog */
.mobile-menu li:nth-child(6) a,    /* Latest News */
.mobile-menu li:nth-child(7) a,    /* Contact */
.mobile-menu li:nth-child(8) a,    /* About Us */
.mobile-menu li:nth-child(9) a {   /* Track Your Order */
  display: flex !important;
  align-items: center !important;
}


/* --- 分别为每个菜单项添加logo --- */

/* 1. Home */
.mobile-menu li:nth-child(1) a::before {
  content: ""; display: inline-block; width: 22px; height: 22px; margin-right: 8px; flex-shrink: 0;
  background-image: url('/cdn/shop/files/24bc9c63d875de06522b6e13af00d68.png?v=1757608961');
  background-size: contain; background-repeat: no-repeat; background-position: center;
}

/* 2. Cat */
.mobile-menu li:nth-child(2) .parent-link::before {
  content: ""; display: inline-block; width: 22px; height: 22px; margin-right: 8px; flex-shrink: 0;
  background-image: url('/cdn/shop/files/1757586475_0.png?v=1757587786');
  background-size: contain; background-repeat: no-repeat; background-position: center;
}

/* 3. Dog */
.mobile-menu li:nth-child(3) .parent-link::before {
  content: ""; display: inline-block; width: 22px; height: 22px; margin-right: 8px; flex-shrink: 0;
  background-image: url('/cdn/shop/files/c83df971406dbf854536bf8c0251031.png?v=1757602586');
  background-size: contain; background-repeat: no-repeat; background-position: center;
}

/* 4. Latest News */
.mobile-menu li:nth-child(6) a::before {
  content: ""; display: inline-block; width: 22px; height: 22px; margin-right: 8px; flex-shrink: 0;
  background-image: url('/cdn/shop/files/78c128e450e6b375055ef16d1723b8e.png?v=1757609022');
  background-size: contain; background-repeat: no-repeat; background-position: center;
}

/* 5. Contact */
.mobile-menu li:nth-child(7) a::before {
  content: ""; display: inline-block; width: 22px; height: 22px; margin-right: 8px; flex-shrink: 0;
  background-image: url('/cdn/shop/files/74003a9e784071abad255d51725429e.png?v=1757608959');
  background-size: contain; background-repeat: no-repeat; background-position: center;
}

/* 6. About Us */
.mobile-menu li:nth-child(8) a::before {
  content: ""; display: inline-block; width: 22px; height: 22px; margin-right: 8px; flex-shrink: 0;
  background-image: url('/cdn/shop/files/afde4661bad4035e1b847fd2f6b3f90.png?v=1757609216');
  background-size: contain; background-repeat: no-repeat; background-position: center;
}

/* 7. Track Your Order */
.mobile-menu li:nth-child(9) a::before {
  content: ""; display: inline-block; width: 22px; height: 22px; margin-right: 8px; flex-shrink: 0;
  background-image: url('/cdn/shop/files/947dc253c0d3caaada971adc9200900.png?v=1757608956');
  background-size: contain; background-repeat: no-repeat; background-position: center;
}
/* --- Petbuds 自定义样式：三图拼接布局 --- */

.custom-image-grid-container {
  display: grid;
  /* 定义两列，左列宽度是右列的2倍 */
  grid-template-columns: 2fr 1fr;
  /* 定义图片之间的间距 */
  gap: 15px;
  padding: 20px 0; /* 给整个模块上下一点空间 */
}

.grid-small-column {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.custom-image-grid-container a {
  display: block;
  height: 100%;
}

.custom-image-grid-container img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* 确保图片填满容器而不变形 */
  display: block;
}

/* 移动端适配：当屏幕宽度小于768px时，所有图片变成单列垂直排列 */
@media screen and (max-width: 768px) {
  .custom-image-grid-container {
    grid-template-columns: 1fr; /* 变成单列 */
  }
}
/* 隐藏移动端二级菜单中的 ::before 伪元素图标 */
.mobile-menu .sub-menu a::before {
  display: none !important;
}
/* -- 最终修正：“系列选项卡”板块宽度控制 -- */
.section-collection-tabs .collection-tabs {
  max-width: var(--grid-width); /* 使用主题的全局宽度变量 */
  margin-left: auto;
  margin-right: auto;
}
/* --- 自定义移动端悬浮加购栏样式 (加强版) --- */
@media screen and (max-width: 768px) {
  
  /* 用这段代码替换您原来的那段 */
  .product-add-to-cart-sticky .product-add-to-cart-sticky--inner {
    padding-top: 1px !important;    /* 您可以在这里修改数值 */
    padding-bottom: 1px !important; /* 您可以在这里修改数值 */
    height: auto !important;        /* 新增：强制高度自动 */
    min-height: 0 !important;       /* 新增：强制最小高度为0 */
  }

  /* ... 您文件中的其他代码保持不变 ... */
  .product-add-to-cart-sticky .product-add-to-cart-sticky--title {
    font-size: 10px !important;
    line-height: 1.3 !important;
    margin-bottom: 2px !important;
  }
  .product-add-to-cart-sticky [id*="price-template"] {
    font-size: 10px !important;
  }
  .product-add-to-cart-sticky .product-add-to-cart-sticky--image {
    width: 35px !important;
    height: 35px !important;
  }
}
.announcement-bar__message, 
.announcement-bar p,
.marquee__content span {
  font-weight: 300 !important;
}

.header__heading-link {
  display: flex !important;
  align-items: center;
  gap: 10px;
}

/* === PetBuds Premium Header (Vision) === */
.pb-header {
  position: sticky;
  top: 0;
  background: #ffffff;
  z-index: 60;
  border-bottom: 1px solid rgba(0,0,0,0.06);
}

.pb-header__wrap {
  max-width: 1200px;
  margin: 0 auto;
  padding: 16px 18px;
  display: flex;
  align-items: center;
  gap: 20px;
}

.pb-header__logo { display:flex; align-items:center; text-decoration:none; }
.pb-header__logo img { height: 44px; width:auto; display:block; }

.pb-nav { flex: 1; }
.pb-nav__list {
  display: flex;
  justify-content: center;
  gap: 14px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.pb-nav__item { position: relative; }

.pb-nav__link {
  font-weight: 900;
  font-size: 14px;
  padding: 10px 14px;
  border-radius: 12px;
  text-decoration: none;
  color: #111;
  cursor: pointer;
  background: transparent;
  border: 0;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.pb-nav__link:hover { background: rgba(0,0,0,0.05); }

.pb-drop {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  background: #fff;
  border-radius: 16px;
  border: 1px solid rgba(0,0,0,.08);
  padding: 10px;
  min-width: 320px;
  display: none;
  box-shadow: 0 20px 40px rgba(0,0,0,.15);
}
.pb-nav__item:hover .pb-drop { display: block; }

.pb-drop__link {
  display: block;
  padding: 10px 12px;
  font-weight: 900;
  text-decoration: none;
  color: #111;
  border-radius: 12px;
}
.pb-drop__link:hover { background: rgba(0,0,0,.05); }

.pb-drop__sub {
  font-size: 12px;
  opacity: .7;
  font-weight: 600;
  margin-top: 4px;
  line-height: 1.35;
}

.pb-drop__link--primary {
  background: rgba(245,212,0,.12);
  border: 1px solid rgba(245,212,0,.5);
}

.pb-pill {
  background: #F5D400;
  padding: 4px 8px;
  border-radius: 999px;
  font-size: 11px;
  margin-left: 6px;
  color: #111;
  font-weight: 1000;
}

.pb-drop--wide { min-width: 520px; }
.pb-drop__cols {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 14px;
}
.pb-drop__title {
  font-size: 12px;
  font-weight: 1000;
  opacity: .6;
  margin: 6px 0 6px;
  padding: 0 10px;
}

.pb-actions {
  display: flex;
  gap: 16px;
  font-weight: 900;
  align-items: center;
}
.pb-actions a {
  text-decoration: none;
  color: #111;
  font-weight: 900;
}
.pb-count {
  background: #F5D400;
  padding: 3px 7px;
  border-radius: 999px;
  font-size: 12px;
  margin-left: 6px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}

/* Mobile */
.pb-header__burger {
  display: none;
  margin-left: auto;
  width: 44px;
  height: 44px;
  border-radius: 12px;
  border: 1px solid rgba(0,0,0,.08);
  background: #fff;
  cursor: pointer;
}
.pb-header__burger span {
  display: block;
  height: 2px;
  background: #111;
  margin: 6px 10px;
  border-radius: 2px;
}

.pb-mobile {
  border-top: 1px solid rgba(0,0,0,.06);
  background: #fff;
}
.pb-mobile[hidden] { display:none !important; }
.pb-mobile__inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 14px 18px 22px;
  display: grid;
  gap: 12px;
}
.pb-mobile__cta {
  display: block;
  text-align: center;
  padding: 12px 14px;
  border-radius: 14px;
  background: #F5D400;
  color: #111;
  text-decoration: none;
  font-weight: 1000;
}
.pb-mobile__group {
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 14px;
  padding: 10px 12px;
}
.pb-mobile__group summary {
  font-weight: 1000;
  cursor: pointer;
}
.pb-mobile__group a {
  display: block;
  padding: 10px 0;
  text-decoration: none;
  color: #111;
  font-weight: 800;
  border-top: 1px solid rgba(0,0,0,.06);
}
.pb-mobile__row { display:flex; gap:10px; }
.pb-mobile__row a {
  flex: 1;
  text-align: center;
  padding: 12px 12px;
  border-radius: 14px;
  border: 1px solid rgba(0,0,0,.08);
  text-decoration: none;
  color: #111;
  font-weight: 900;
}

@media (max-width: 980px){
  .pb-nav, .pb-actions { display: none; }
  .pb-header__burger { display: inline-block; }
  .pb-header__wrap { justify-content: space-between; }
}
/* --- Fix alignment for your current classes (pb-header_wrap / pb-header_logo) --- */
.pb-header {
  width: 100%;
}

.pb-header_wrap {
  max-width: 1200px;
  margin: 0 auto;
  padding: 14px 18px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}

/* logo */
.pb-header_logo {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
}
.pb-header_logo img {
  height: 44px;
  width: auto;
  display: block;
}

/* center nav */
.pb-nav {
  flex: 1 1 auto;
  display: flex;
  justify-content: center;
}
.pb-nav__list {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  list-style: none;
  margin: 0;
  padding: 0;
}

/* right actions */
.pb-actions {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  gap: 16px;
  margin-left: auto;
}

/* remove theme interference */
.pb-header a,
.pb-header button {
  line-height: 1;
}
.pb-nav__link {
  display: inline-flex;
  align-items: center;
}
/* --- Mobile drawer: list style + right chevron (no HTML changes) --- */
@media(max-width:760px){
  .pb-drawer__nav{padding:6px 0!important;gap:0!important}
  .pb-mLink,.pb-mDetails>summary{
    border:0!important;border-bottom:1px solid rgba(0,0,0,.08)!important;border-radius:0!important;
    padding:16px!important;background:transparent!important;
    display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important
  }
  .pb-mLink:hover,.pb-mDetails>summary:hover{background:rgba(0,0,0,.03)!important}

  /* chevron on the right for expandable items */
  .pb-mDetails>summary{position:relative!important;padding-right:44px!important}
  .pb-mDetails>summary:after{
    content:"";position:absolute;right:18px;top:50%;
    width:10px;height:10px;border-right:2px solid rgba(0,0,0,.55);border-bottom:2px solid rgba(0,0,0,.55);
    transform:translateY(-60%) rotate(45deg);transition:transform .18s ease
  }
  .pb-mDetails[open]>summary:after{transform:translateY(-40%) rotate(-135deg)}

  /* sub menu */
  .pb-mSub{
    margin:0!important;padding:6px 0 10px!important;border:0!important;border-bottom:1px solid rgba(0,0,0,.08)!important;
    background:rgba(0,0,0,.01)!important
  }
  .pb-mSub a{
    border-radius:0!important;font-weight:800!important;
    padding:12px 18px 12px 28px!important;border-top:1px solid rgba(0,0,0,.06)!important
  }
  .pb-mSub a:first-child{border-top:0!important}
  .pb-mSub a:hover{background:rgba(254,233,14,.18)!important}

  .pb-mDivider{height:10px!important;background:rgba(0,0,0,.03)!important;margin:0!important}
}
:root{--pbY:#FEE90E;--pbB:#111;--pbG:rgba(0,0,0,.65);--pbL:rgba(0,0,0,.08)}

/* ========== 0) Header: add “commerce energy” without being loud ========== */
.pb-h{border-bottom:1px solid var(--pbL)}
.pb-actions a:hover,.pb-nav a:hover,.pb-nav summary:hover{background:rgba(254,233,14,.22)}
.pb-actions a:last-child{background:var(--pbY);color:var(--pbB)} /* Cart becomes primary */
.pb-actions a:last-child svg{stroke:var(--pbB)}

/* Make sure logo is visible & not tiny on mobile */
@media(max-width:760px){
  .pb-logo img{height:40px!important}
}

/* ========== 1) Hero: reduce heavy poster look on mobile ========== */
.slideshow__media{position:relative}
.slideshow__media:after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(255,255,255,.55),rgba(255,255,255,0) 62%);
  pointer-events:none
}
/* Typography tuning */
@media(max-width:768px){
  .slideshow__heading{
    color:var(--pbB)!important;
    font-weight:800!important;
    letter-spacing:-.02em!important;
    font-size:38px!important;  /* reduce */
    line-height:1.03!important;
    max-width:12ch
  }
  .slideshow__subheading{
    color:rgba(0,0,0,.58)!important;
    font-size:15px!important;
    line-height:1.35!important
  }
  /* Buttons: brand yellow + clean outline */
  .slideshow__buttons .button{border-radius:999px!important;padding:12px 18px!important;font-weight:900!important}
  .slideshow__buttons .button--primary{background:var(--pbY)!important;color:var(--pbB)!important;border:0!important}
  .slideshow__buttons .button--secondary{background:transparent!important;color:var(--pbB)!important;border:2px solid var(--pbB)!important}
}

/* ========== 2) “Choose your model” cards: less boutique, more shoppable ========== */
@media(max-width:768px){
  /* tighten section padding */
  .shopify-section{scroll-margin-top:72px}
  .section,.section-template{padding-top:22px!important;padding-bottom:22px!important}

  /* tighten product cards (common selectors) */
  .card,.product-card,.collection-product-card{
    border:1px solid var(--pbL)!important;
    border-radius:18px!important;
    box-shadow:0 10px 26px rgba(0,0,0,.06)!important
  }
  .card__content,.product-card__info{padding:14px!important}
  .card__heading,.product-card__title{font-size:18px!important}
  .price,.product-card__price{font-size:20px!important;font-weight:900!important;color:var(--pbB)!important}

  /* make “save” badge feel like brand */
  .badge,.price__badge-sale{
    background:rgba(254,233,14,.55)!important;color:var(--pbB)!important;
    border-radius:999px!important;border:1px solid rgba(0,0,0,.10)!important;
    font-weight:900!important
  }

  /* buttons: make them feel “buyable”, not furniture brochure */
  .button,.btn{border-radius:999px!important;font-weight:900!important}
  .button--primary,.btn--primary{background:var(--pbY)!important;color:var(--pbB)!important;border:0!important}
}

/* ========== 3) Add “trust energy” across the page with small yellow accents ========== */
h1,h2,h3{color:var(--pbB)}
p,li{color:rgba(0,0,0,.72)}

/* ========== 4) Mobile drawer: app-like list + chevrons (you already got this style) ========== */
@media(max-width:760px){
  .pb-mLink,.pb-mDetails>summary{
    border:0!important;border-bottom:1px solid var(--pbL)!important;border-radius:0!important;
    padding:16px!important;display:flex!important;align-items:center!important;justify-content:space-between!important
  }
  .pb-mDetails>summary{position:relative!important;padding-right:44px!important}
  .pb-mDetails>summary:after{
    content:"";position:absolute;right:18px;top:50%;
    width:10px;height:10px;border-right:2px solid rgba(0,0,0,.55);border-bottom:2px solid rgba(0,0,0,.55);
    transform:translateY(-60%) rotate(45deg);transition:transform .18s ease
  }
  .pb-mDetails[open]>summary:after{transform:translateY(-40%) rotate(-135deg)}
  .pb-mSub{background:rgba(0,0,0,.01)!important;border:0!important;border-bottom:1px solid var(--pbL)!important}
  .pb-mSub a{padding:12px 18px 12px 44px!important;font-weight:900!important}
  /* simple “icon dot” for submenu items (fast, clean) */
  .pb-mSub a:before{
    content:"";width:10px;height:10px;border-radius:99px;background:var(--pbY);
    display:inline-block;margin-right:10px;box-shadow:0 0 0 4px rgba(254,233,14,.18)
  }
}
/* Step 1 — pb header mobile: logo + icon actions + branded cart */
@media(max-width:760px){
  .pb-h__in{padding:10px 12px!important;gap:10px!important}
  .pb-logo{margin-right:auto}
  .pb-logo img{height:34px!important;display:block!important}
  .pb-actions{gap:8px!important;margin-left:0!important}
  .pb-actions a{padding:10px!important;border-radius:14px!important}
  .pb-actText{display:none!important} /* icons only */
  .pb-iconLink svg{width:20px!important;height:20px!important}
  .pb-actions a[aria-label="Cart"]{background:#FEE90E!important;color:#111!important}
  .pb-actions a[aria-label="Cart"] svg{stroke:#111!important}
  .pb-burgerBtn{width:42px!important;height:42px!important;border-radius:14px!important}
}
/* Step 2 — Hero typography: less heavy, more premium (mobile first) */
@media(max-width:768px){
  /* main headline */
  .slideshow__heading,
  .banner__heading,
  .hero__heading{
    color:#111!important;
    font-weight:800!important;
    letter-spacing:-.02em!important;
    line-height:1.04!important;
    font-size:38px!important; /* down from “poster” */
    text-shadow:none!important;
    max-width:12ch;
  }

  /* subheading */
  .slideshow__subheading,
  .banner__text,
  .hero__text{
    color:rgba(0,0,0,.60)!important;
    font-size:15px!important;
    line-height:1.35!important;
  }

  /* buttons (keep premium, add brand energy) */
  .slideshow__buttons .button,
  .banner__buttons .button{
    border-radius:999px!important;
    padding:12px 18px!important;
    font-weight:900!important;
  }
}
/* Step 2 — subtle light overlay for consistent readability */
.slideshow__media,
.banner__media,
.hero__media{
  position:relative;
}
.slideshow__media:after,
.banner__media:after,
.hero__media:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(255,255,255,.52),rgba(255,255,255,0) 62%);
}
/* Step 2 FIX — Hero text too big + unreadable on changing images (mobile) */
@media(max-width:768px){

  /* 1) target most common hero text containers (Vision/Dawn-like) */
  .slideshow__text-wrapper,
  .slideshow__content,
  .banner__content,
  .hero__content,
  .slideshow__text,
  .banner__box{
    max-width:92% !important;
  }

  /* 2) add a subtle “glass panel” behind ALL text inside hero */
  .slideshow__text-wrapper,
  .slideshow__content,
  .banner__content,
  .hero__content,
  .slideshow__text,
  .banner__box{
    background:rgba(255,255,255,.66) !important;
    backdrop-filter:saturate(140%) blur(10px);
    -webkit-backdrop-filter:saturate(140%) blur(10px);
    border:1px solid rgba(0,0,0,.08) !important;
    border-radius:18px !important;
    padding:14px 14px 12px !important;
  }

  /* 3) headline + subheadline sizing (force smaller, less heavy) */
  .slideshow__heading,
  .banner__heading,
  .hero__heading,
  .slideshow__content h1,
  .slideshow__content h2,
  .slideshow__text-wrapper h1,
  .slideshow__text-wrapper h2,
  .banner__content h1,
  .banner__content h2{
    font-size:30px !important;
    line-height:1.08 !important;
    font-weight:800 !important;
    color:#111 !important;
    margin:0 0 8px !important;
    letter-spacing:-.02em !important;
    text-shadow:none !important;
  }

  .slideshow__subheading,
  .banner__text,
  .hero__text,
  .slideshow__content p,
  .slideshow__text-wrapper p,
  .banner__content p{
    font-size:14px !important;
    line-height:1.35 !important;
    color:rgba(0,0,0,.62) !important;
    margin:0 0 12px !important;
  }

  /* 4) buttons sit nicely inside panel; also reduce “boutique” feeling */
  .slideshow__buttons .button,
  .banner__buttons .button{
    border-radius:999px !important;
    padding:11px 16px !important;
    font-weight:900 !important;
  }
}
/* Step 2 (Vision + pb-hero): smaller headline + readable on any image */
@media(max-width:768px){
  /* 给文字区域一个轻薄底板，稳定可读性 */
  .pb-hero__content{
    background:rgba(255,255,255,.66);
    backdrop-filter:saturate(140%) blur(10px);
    -webkit-backdrop-filter:saturate(140%) blur(10px);
    border:1px solid rgba(0,0,0,.08);
    border-radius:18px;
    padding:14px 14px 12px;
    max-width:92%;
  }

  /* 标题：明显缩小，减少“海报感” */
  .pb-hero__content h2{
    font-size:28px !important;
    line-height:1.1 !important;
    font-weight:800 !important;
    letter-spacing:-.02em !important;
    color:#111 !important;
    margin:0 0 8px !important;
    max-width:14ch !important;
}


  /* 副标题：更柔和但清晰 */
  .pb-hero__content p{
    font-size:14px;
    line-height:1.35;
    color:rgba(0,0,0,.62);
    margin:0 0 12px;
  }
}
/* Step 2 FIX v2 — readable text WITHOUT blocking the product */
@media(max-width:768px){

  /* 1) remove the big panel */
  .pb-hero__content{
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    padding:0 !important;
    max-width:92% !important;
  }

  /* 2) move text to the top so product stays visible */
  .pb-hero__overlay--right{
    align-items:flex-start !important;
    justify-content:flex-start !important;
    padding-top:18px !important;
  }

  /* 3) add a subtle top gradient behind text only (not a box) */
  .pb-hero__slide:before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:linear-gradient(
      to bottom,
      rgba(255,255,255,.85) 0%,
      rgba(255,255,255,.55) 28%,
      rgba(255,255,255,0) 55%
    );
  }
  .pb-hero__overlay--right{position:relative;z-index:2}

  /* 4) smaller + lighter headline */
  .pb-hero__content h2{
    font-size:26px !important;
    line-height:1.08 !important;
    font-weight:800 !important;
    letter-spacing:-.02em !important;
    color:#111 !important;
    margin:0 0 8px !important;
    text-shadow:0 1px 0 rgba(255,255,255,.65) !important; /* tiny */
    max-width:12ch !important;
  }

  .pb-hero__content p{
    font-size:14px !important;
    color:rgba(0,0,0,.68) !important;
    margin:0 0 12px !important;
    text-shadow:0 1px 0 rgba(255,255,255,.65) !important;
  }

  /* 5) buttons: keep compact so they don't cover the product */
  .pb-hero__content a,
  .pb-hero__content .button,
  .pb-hero__content button{
    transform:none !important;
  }
  .pb-hero__content .pb-btn,
  .pb-hero__content .button{
    padding:10px 14px !important;
    border-radius:999px !important;
    font-weight:900 !important;
  }
}
@media(max-width:768px){

  .pb-hero__content a,
  .pb-hero__content button{
    font-size:15px !important;
    padding:10px 18px !important;
    min-height:46px !important;
    border-radius:999px !important;
  }

  /* 主按钮微瘦一点 */
  .pb-hero__content a:first-child{
    background:#111 !important;
    color:#fff !important;
  }

  /* 副按钮降低存在感 */
  .pb-hero__content a:last-child{
    border:1px solid rgba(0,0,0,.18) !important;
    background:rgba(255,255,255,.3) !important;
    color:#111 !important;
  }

}
/* Step 3 — ONLY mobile + ONLY homepage: denser “Choose Your Model” cards */
@media(max-width:768px){
  body.template-index .card,
  body.template-index .product-card,
  body.template-index .grid__item{
    margin-bottom:18px !important;
  }

  body.template-index .card__content,
  body.template-index .product-card__info{
    padding:14px !important;
  }

  body.template-index .card__media img,
  body.template-index .product-card img{
    max-height:260px !important;
    object-fit:contain !important;
  }

  body.template-index .card__heading,
  body.template-index .product-card__title{
    font-size:18px !important;
    margin-bottom:6px !important;
  }

  body.template-index .price,
  body.template-index .price-item{
    font-size:20px !important;
    font-weight:900 !important;
    color:#111 !important;
  }

  body.template-index .price--compare,
  body.template-index .price-item--regular{
    font-size:14px !important;
    opacity:.6 !important;
  }
}
/* Step 3 — Mobile ONLY — pb-choose compact density */
@media(max-width:768px){

  /* 整体上下空间缩小 */
  .pb-choose__wrap{
    padding-top:10px !important;
    padding-bottom:10px !important;
  }

  /* 两张卡片间距缩小 */
  .pb-card{
    margin-bottom:18px !important;
    border-radius:18px !important;
  }

  /* 图片高度压缩 */
  .pb-card__media{
    max-height:240px !important;
    overflow:hidden;
  }
  .pb-card__media img{
    max-height:240px !important;
    object-fit:contain !important;
  }

  /* 卡片内部收紧 */
  .pb-card__top,
  .pb-card__price,
  .pb-card__bullets{
    padding-left:16px !important;
    padding-right:16px !important;
  }

  /* 产品名缩小一点（更电商） */
  .pb-card__name{
    font-size:18px !important;
    margin-bottom:6px !important;
  }

  /* 价格强化（让它成为焦点） */
  .pb-card__price{
    font-size:22px !important;
    font-weight:900 !important;
  }

  /* 对比价降低存在感 */
  .pb-card__price del,
  .pb-card__price .compare{
    font-size:14px !important;
    opacity:.6 !important;
  }

}
/* Step 3.3 — Mobile ONLY: pb-choose as swipe slider (QClean first) */
@media(max-width:768px){

  /* 1) grid -> horizontal slider */
  .pb-choose__grid{
    display:flex !important;
    gap:14px !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    scroll-snap-type:x mandatory !important;
    -webkit-overflow-scrolling:touch;
    padding:0 16px 10px !important; /* edge breathing room */
  }

  /* hide scrollbar (optional) */
  .pb-choose__grid::-webkit-scrollbar{display:none}
  .pb-choose__grid{scrollbar-width:none}

  /* 2) each card becomes a slide */
  .pb-choose__grid .pb-card{
    flex:0 0 86% !important;       /* one big card per view */
    scroll-snap-align:start !important;
    margin:0 !important;
  }

  /* 3) Make RIGHT card (QClean) appear first on mobile */
  .pb-choose__grid .pb-card:nth-child(1){order:2}
  .pb-choose__grid .pb-card:nth-child(2){order:1}

  /* 4) optional: slight scale / polish */
  .pb-choose__grid .pb-card{
    border-radius:18px !important;
  }

  /* 5) subtle “Swipe” hint under the title (optional) */
  .pb-choose__head:after{
    content:"Swipe →";
    display:block;
    margin-top:6px;
    font-size:13px;
    font-weight:800;
    color:rgba(0,0,0,.55);
  }
}
/* Step 3.5 — Mobile ONLY: shorten pb-card + unify button style */
@media(max-width:768px){

  /* A) 手机端 bullets 精简：只显示前 3 条 */
  .pb-choose .pb-card__bullets li:nth-child(n+4){
    display:none !important;
  }

  /* B) 整体文字更紧凑（不会影响电脑端） */
  .pb-choose .pb-card__bullets{
    margin-top:10px !important;
    margin-bottom:10px !important;
  }
  .pb-choose .pb-card__bullets li{
    font-size:14px !important;
    line-height:1.3 !important;
    margin:6px 0 !important;
  }

  /* C) 标题/价格区域收紧一点 */
  .pb-choose .pb-card__name{
    margin:4px 0 6px !important;
  }
  .pb-choose .pb-card__price{
    margin-top:8px !important;
    margin-bottom:10px !important;
  }

  /* D) 两个机型按钮统一：黑底黄字 */
  .pb-choose .pb-card a,
  .pb-choose .pb-card button{
    background:#111 !important;
    color:#FEE90E !important;
    border:1px solid rgba(0,0,0,.12) !important;
    border-radius:999px !important;
    padding:12px 16px !important;
    font-weight:900 !important;
    text-decoration:none !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:46px !important;
  }
  .pb-choose .pb-card a:hover,
  .pb-choose .pb-card button:hover{
    filter:brightness(1.02);
  }
}
/* Step 3.6 — Mobile ONLY — minimal card + see full specs */
@media(max-width:768px){

  /* 1️⃣ 隐藏 bullets（全部隐藏） */
  .pb-choose .pb-card__bullets{
    display:none !important;
  }

  /* 2️⃣ 添加“See full specs →”伪元素 */
  .pb-choose .pb-card__price:after{
    content:"See full specs →";
    display:block;
    margin-top:10px;
    font-size:14px;
    font-weight:700;
    color:#111;
    opacity:.65;
  }

  /* 3️⃣ 按钮降权（不再是视觉焦点） */
  .pb-choose .pb-card a,
  .pb-choose .pb-card button{
    background:rgba(0,0,0,.06) !important;
    color:#111 !important;
    border:1px solid rgba(0,0,0,.12) !important;
    font-weight:800 !important;
    padding:10px 14px !important;
  }

  .pb-choose .pb-card a:hover{
    background:rgba(0,0,0,.09) !important;
  }

}
/* Step 3.7 — Mobile ONLY — refined black/yellow buttons (no bold) */
@media(max-width:768px){

  .pb-choose .pb-card a,
  .pb-choose .pb-card button{
    background:#111 !important;
    color:#FEE90E !important;
    border:1px solid rgba(0,0,0,.15) !important;

    font-weight:600 !important;   /* 不再 800/900 */
    font-size:14px !important;
    letter-spacing:0 !important;

    padding:9px 14px !important;
    min-height:42px !important;

    border-radius:999px !important;
    box-shadow:none !important;  /* 去掉厚重感 */
  }

  .pb-choose .pb-card a:hover{
    filter:brightness(1.05);
  }

}
/* Step 3.8 — Mobile ONLY — refine badges (Most Popular / Best Value) */
@media(max-width:768px){

  /* 让卡片顶部可定位 */
  .pb-choose .pb-card{ position:relative; }

  /* 调整 kicker（Best Value / Premium 等） */
  .pb-choose .pb-card__kicker{
    font-size:12px !important;
    font-weight:600 !important;
    letter-spacing:.02em !important;
    color:rgba(0,0,0,.58) !important;
    margin-bottom:6px !important;
  }

  /* “Most Popular”徽章变小、变轻、放右上角 */
  .pb-choose .pb-card .pb-badge,
  .pb-choose .pb-card [data-badge],
  .pb-choose .pb-card .badge,
  .pb-choose .pb-card__badge{
    position:absolute !important;
    top:12px !important;
    right:12px !important;

    background:#111 !important;
    color:#FEE90E !important;

    border-radius:999px !important;
    padding:6px 10px !important;

    font-size:12px !important;
    font-weight:600 !important; /* 不加粗 */
    box-shadow:none !important;
  }
}
/* Step 3.8 — Mobile ONLY — refine pb-card__badge (Most Popular) */
@media(max-width:768px){

  /* 卡片允许徽章绝对定位 */
  .pb-choose .pb-card{ position:relative; }

  /* Most Popular：小、轻、右上角，不抢产品 */
  .pb-choose .pb-card__badge{
    position:absolute !important;
    top:12px !important;
    right:12px !important;

    background:rgba(254,233,14,.18) !important; /* 品牌黄的“淡底” */
    color:#111 !important;

    border:1px solid rgba(0,0,0,.10) !important;
    border-radius:999px !important;

    padding:6px 10px !important;
    font-size:12px !important;
    font-weight:600 !important; /* 不加粗 */
    letter-spacing:.01em !important;

    box-shadow:none !important;
    z-index:2 !important;
  }
}
/* Step 3.9 — Mobile ONLY — A+B+C (pb-choose) */
@media(max-width:768px){

  /* A) 只保留 2 条卖点，其他隐藏（更短、更像电商） */
  .pb-choose .pb-card__bullets{ 
    display:block !important;
    margin:10px 0 12px !important;
    padding:0 16px !important;
  }
  .pb-choose .pb-card__bullets li{
    font-size:14px !important;
    line-height:1.28 !important;
    margin:6px 0 !important;
    color:rgba(0,0,0,.72) !important;
  }
  .pb-choose .pb-card__bullets li:nth-child(n+3){
    display:none !important;
  }

  /* B) 移动端只保留一个按钮（隐藏 Compare models / 第二按钮） */
  .pb-choose .pb-card__actions--two a:nth-child(2),
  .pb-choose .pb-card__actions--two button:nth-child(2){
    display:none !important;
  }

  /* 让按钮更不抢戏：黑底黄字但更轻 */
  .pb-choose .pb-card__actions a,
  .pb-choose .pb-card__actions button{
    background:#111 !important;
    color:#FEE90E !important;
    border:1px solid rgba(0,0,0,.14) !important;
    font-weight:600 !important;   /* 不加粗 */
    font-size:14px !important;
    padding:9px 14px !important;
    min-height:42px !important;
    border-radius:999px !important;
    box-shadow:none !important;
  }

  /* C) 轻微强化 QClean（premium 卡）：更“推荐”但不俗 */
  .pb-choose .pb-card--premium{
    border:1px solid rgba(254,233,14,.45) !important;
    box-shadow:0 10px 24px rgba(0,0,0,.06) !important;
  }
  .pb-choose .pb-card--premium:before{
    content:"";
    position:absolute;
    inset:0;
    border-radius:18px;
    pointer-events:none;
    background:linear-gradient(180deg, rgba(254,233,14,.10), rgba(254,233,14,0) 55%);
  }
  .pb-choose .pb-card--premium .pb-card__badge{
    background:rgba(254,233,14,.18) !important;
    border:1px solid rgba(0,0,0,.10) !important;
    color:#111 !important;
    font-weight:600 !important;
  }
}
/* Step 3.10 — Reset + Smaller Buttons (Mobile Only) */
@media(max-width:768px){

  /* 1️⃣ 去掉 See full specs（如果还存在） */
  .pb-choose .pb-see-toggle{
    display:none !important;
  }

  /* 2️⃣ 回滚 QClean premium 特殊样式 */
  .pb-choose .pb-card--premium{
    border:1px solid rgba(0,0,0,.08) !important;
    box-shadow:none !important;
  }
  .pb-choose .pb-card--premium:before{
    display:none !important;
    content:none !important;
  }

  /* 3️⃣ 两个产品按钮统一缩小 */
  .pb-choose .pb-card__actions a,
  .pb-choose .pb-card__actions button{
    background:#111 !important;
    color:#FEE90E !important;
    border:1px solid rgba(0,0,0,.12) !important;

    /* 与描述文字一致 */
    font-size:14px !important;
    font-weight:500 !important;

    padding:8px 14px !important;
    min-height:38px !important;

    border-radius:999px !important;
    box-shadow:none !important;
  }

  /* 4️⃣ 减少按钮视觉重量 */
  .pb-choose .pb-card__actions{
    margin-top:12px !important;
  }
}
/* FIX — remove the injected "See full specs" pseudo text (mobile only) */
@media(max-width:768px){
  .pb-choose .pb-card__price:after{
    content:none !important;
    display:none !important;
  }
}
/* Step — Mobile ONLY — force Explore button to bottom */
@media(max-width:768px){

  /* 1️⃣ 整张卡片变成纵向布局 */
  .pb-choose .pb-card{
    display:flex !important;
    flex-direction:column !important;
  }

  /* 2️⃣ 让中间内容自然撑开 */
  .pb-choose .pb-card__top,
  .pb-choose .pb-card__price,
  .pb-choose .pb-card__bullets{
    flex:0 0 auto !important;
  }

  /* 3️⃣ 把按钮推到卡片底部 */
  .pb-choose .pb-card__actions{
    margin-top:auto !important;
  }

}
/* Remove "Most Popular" badge — Mobile only */
@media(max-width:768px){
  .pb-choose .pb-card__badge{
    display:none !important;
  }
}
/* ========= Remove highlight backgrounds site-wide ========= */
mark,
.mark,
.highlight,
.hl,
.text-highlight,
u[style*="background"],
span[style*="background"],
p[style*="background"],
li[style*="background"]{
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
}

/* 有些主题用渐变/背景图做高亮 */
mark,
.highlight,
.hl,
.text-highlight{
  background-image: none !important;
}

/* 有些主题会把高亮做成“荧光笔条” */
.highlight::before,
.highlight::after,
.text-highlight::before,
.text-highlight::after,
.hl::before,
.hl::after{
  content: none !important;
  display: none !important;
}

/* 如果你的主题用了 selection 也很黄，可以顺手改掉（可选） */
/*
::selection{
  background: rgba(0,0,0,.15);
}
*/
/* ===== Home compare cards: keep "Was + Save $X" on ONE line under price ===== */
@media (max-width: 768px){
  /* 1) 让价格区域变成两行结构：主价一行 / 次行一行 */
  .pb-choose .pb-card__price{
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 8px !important;
  }

  /* 2) 第二行（对比价 + save）强制同一行 */
  .pb-choose .pb-card__price del,
  .pb-choose .pb-card__price .compare,
  .pb-choose .pb-card__price .was,
  .pb-choose .pb-card__price .price--compare,
  .pb-choose .pb-card__price .price-item--regular{
    display: inline !important;
    margin: 0 !important;
  }

  /* 3) 把 Save / $369.01 这些小块变成 inline-flex，并禁止换行 */
  .pb-choose .pb-card__price .save,
  .pb-choose .pb-card__price .pb-save,
  .pb-choose .pb-card__price .badge,
  .pb-choose .pb-card__price .price__badge-sale,
  .pb-choose .pb-card__price .highlight,
  .pb-choose .pb-card__price .pb-pill,
  .pb-choose .pb-card__price span{
    white-space: nowrap !important;
  }

  /* 4) 建一个“第二行容器”的通用兜底：如果主题没有容器，就把非主价元素都拉到第二行 */
  .pb-choose .pb-card__price{
    flex-wrap: nowrap !important;
  }
  .pb-choose .pb-card__price > *{
    max-width: 100% !important;
  }
  /* 主价（一般是第一个元素）保持第一行 */
  .pb-choose .pb-card__price > *:first-child{
    margin-bottom: 0 !important;
  }
}
/* =========================
   Mobile Menu Icons (Built-in SVG set)
   - No uploads needed
   - Unified minimal line style
========================= */
@media (max-width: 768px){

  /* 统一让菜单文字与图标对齐 */
  .mobile-menu li > a,
  .mobile-menu li > .parent-link{
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
  }

  /* 图标通用尺寸 */
  .mobile-menu li > a::before,
  .mobile-menu li > .parent-link::before{
    content: "";
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px 20px;
    opacity: .92;
  }

  /* ---------- SVG ICON SET (stroke #111) ---------- */
  :root{
    /* 1) Litter Boxes (tray + dots) */
    --pb-ico-litter: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%3E%3Cpath%20d='M4%209h16l-1.2%2011H5.2L4%209Z'%20stroke='%23111'%20stroke-width='1.8'%20stroke-linejoin='round'/%3E%3Cpath%20d='M7%209V7.2C7%206.54%207.54%206%208.2%206h7.6c.66%200%201.2.54%201.2%201.2V9'%20stroke='%23111'%20stroke-width='1.8'%20stroke-linecap='round'/%3E%3Cpath%20d='M8.2%2013h0M12%2013h0M15.8%2013h0'%20stroke='%23111'%20stroke-width='2.2'%20stroke-linecap='round'/%3E%3C/svg%3E");

    /* 2) Cat (head + ears) */
    --pb-ico-cat: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%3E%3Cpath%20d='M7%209.2%205.2%206.2c-.2-.35.15-.75.55-.62L9%206.6a7.8%207.8%200%200%201%206%200l3.25-1.02c.4-.13.75.27.55.62L17%209.2'%20stroke='%23111'%20stroke-width='1.8'%20stroke-linejoin='round'/%3E%3Cpath%20d='M6.8%2012.2c0-3.2%202.6-5.8%205.8-5.8s5.8%202.6%205.8%205.8c0%204.2-3.1%207.3-5.8%207.3s-5.8-3.1-5.8-7.3Z'%20stroke='%23111'%20stroke-width='1.8'/%3E%3Cpath%20d='M10%2013h0M14%2013h0'%20stroke='%23111'%20stroke-width='2.2'%20stroke-linecap='round'/%3E%3Cpath%20d='M12%2015.4c.9%200%201.7.3%202.2.8'%20stroke='%23111'%20stroke-width='1.8'%20stroke-linecap='round'/%3E%3C/svg%3E");

    /* 3) Dog (head + snout) */
    --pb-ico-dog: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%3E%3Cpath%20d='M8%208%205.4%206.9c-.5-.22-1%20.18-.9.72l.7%203.7'%20stroke='%23111'%20stroke-width='1.8'%20stroke-linecap='round'/%3E%3Cpath%20d='M16%208l2.6-1.1c.5-.22%201%20.18.9.72l-.7%203.7'%20stroke='%23111'%20stroke-width='1.8'%20stroke-linecap='round'/%3E%3Cpath%20d='M7.3%2012c0-3.3%202.7-6%206-6s6%202.7%206%206c0%204.4-3%207.5-6%207.5S7.3%2016.4%207.3%2012Z'%20stroke='%23111'%20stroke-width='1.8'/%3E%3Cpath%20d='M10.2%2013.6c.6-.7%201.6-1.2%202.8-1.2s2.2.5%202.8%201.2'%20stroke='%23111'%20stroke-width='1.8'%20stroke-linecap='round'/%3E%3Cpath%20d='M12%2017c.9%200%201.7-.6%201.7-1.4%200-.9-.8-1.6-1.7-1.6s-1.7.7-1.7%201.6c0%20.8.8%201.4%201.7%201.4Z'%20stroke='%23111'%20stroke-width='1.8'/%3E%3C/svg%3E");

    /* 4) Custom Painting (brush) */
    --pb-ico-paint: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%3E%3Cpath%20d='M14.5%204.8l4.7%204.7-9.6%209.6c-.6.6-1.4.9-2.2.9H6.2v-1.2c0-.8.3-1.6.9-2.2l7.4-7.4'%20stroke='%23111'%20stroke-width='1.8'%20stroke-linejoin='round'/%3E%3Cpath%20d='M12.4%207l4.6%204.6'%20stroke='%23111'%20stroke-width='1.8'%20stroke-linecap='round'/%3E%3Cpath%20d='M6.2%2020c1.8%200%203.2-1.1%203.2-2.5%200-1.3-1.4-2.4-3.2-2.4'%20stroke='%23111'%20stroke-width='1.8'%20stroke-linecap='round'/%3E%3C/svg%3E");

    /* 5) Latest News (newspaper) */
    --pb-ico-news: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%3E%3Cpath%20d='M6%206h12a2%202%200%200%201%202%202v10a3%203%200%200%201-3%203H7a3%203%200%200%201-3-3V8a2%202%200%200%201%202-2Z'%20stroke='%23111'%20stroke-width='1.8'%20stroke-linejoin='round'/%3E%3Cpath%20d='M8%209h5'%20stroke='%23111'%20stroke-width='1.8'%20stroke-linecap='round'/%3E%3Cpath%20d='M8%2012h8'%20stroke='%23111'%20stroke-width='1.8'%20stroke-linecap='round'/%3E%3Cpath%20d='M8%2015h8'%20stroke='%23111'%20stroke-width='1.8'%20stroke-linecap='round'/%3E%3Cpath%20d='M15%209h3v3h-3V9Z'%20stroke='%23111'%20stroke-width='1.8'%20stroke-linejoin='round'/%3E%3C/svg%3E");

    /* 6) Support (headset) */
    --pb-ico-support: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%3E%3Cpath%20d='M4.8%2012a7.2%207.2%200%201%201%2014.4%200'%20stroke='%23111'%20stroke-width='1.8'%20stroke-linecap='round'/%3E%3Cpath%20d='M6%2012v3.2c0%201-1%201.8-2.2%201.8H3.5C2.7%2017%202%2016.4%202%2015.6V12.8C2%2011.8%202.7%2011%203.5%2011H6'%20stroke='%23111'%20stroke-width='1.8'%20stroke-linejoin='round'/%3E%3Cpath%20d='M18%2012v3.2c0%201%201%201.8%202.2%201.8h.3c.8%200%201.5-.6%201.5-1.4v-2.8c0-1-.7-1.8-1.5-1.8H18'%20stroke='%23111'%20stroke-width='1.8'%20stroke-linejoin='round'/%3E%3Cpath%20d='M14.2%2019.2c-.8.6-1.8.8-2.8.8h-1.1'%20stroke='%23111'%20stroke-width='1.8'%20stroke-linecap='round'/%3E%3C/svg%3E");

    /* 7) Search (magnifier) */
    --pb-ico-search: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%3E%3Cpath%20d='M10.8%2018.2a7.4%207.4%200%201%201%200-14.8%207.4%207.4%200%200%201%200%2014.8Z'%20stroke='%23111'%20stroke-width='1.8'/%3E%3Cpath%20d='M16.5%2016.5%2021%2021'%20stroke='%23111'%20stroke-width='1.8'%20stroke-linecap='round'/%3E%3C/svg%3E");

    /* 8) Account (user) */
    --pb-ico-account: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%3E%3Cpath%20d='M12%2012.2a4.2%204.2%200%201%200-8.4%204.2%204.2%200%200%200%200%208.4Z'%20stroke='%23111'%20stroke-width='1.8'/%3E%3Cpath%20d='M4.5%2021c1.6-3.6%204.3-5.4%207.5-5.4s5.9%201.8%207.5%205.4'%20stroke='%23111'%20stroke-width='1.8'%20stroke-linecap='round'/%3E%3C/svg%3E");

    /* 9) Cart (bag) */
    --pb-ico-cart: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%3E%3Cpath%20d='M6.5%209h11l-1%2012H7.5l-1-12Z'%20stroke='%23111'%20stroke-width='1.8'%20stroke-linejoin='round'/%3E%3Cpath%20d='M9%209V7.8C9%206.25%2010.25%205%2011.8%205h.4C13.75%205%2015%206.25%2015%207.8V9'%20stroke='%23111'%20stroke-width='1.8'%20stroke-linecap='round'/%3E%3C/svg%3E");
  }

  /* ---------- Apply icons by menu order (adjust if menu order changes) ---------- */

  /* 1. Litter Boxes (expandable) */
  .mobile-menu li:nth-child(1) > .parent-link::before{ background-image: var(--pb-ico-litter); }

  /* 2. Cat (expandable) */
  .mobile-menu li:nth-child(2) > .parent-link::before{ background-image: var(--pb-ico-cat); }

  /* 3. Dog (expandable) */
  .mobile-menu li:nth-child(3) > .parent-link::before{ background-image: var(--pb-ico-dog); }

  /* 4. Custom Painting */
  .mobile-menu li:nth-child(4) > a::before{ background-image: var(--pb-ico-paint); }

  /* 5. Latest News */
  .mobile-menu li:nth-child(5) > a::before{ background-image: var(--pb-ico-news); }

  /* 6. Support (expandable) */
  .mobile-menu li:nth-child(6) > .parent-link::before{ background-image: var(--pb-ico-support); }

  /* 7. Search */
  .mobile-menu li:nth-child(7) > a::before{ background-image: var(--pb-ico-search); }

  /* 8. Account */
  .mobile-menu li:nth-child(8) > a::before{ background-image: var(--pb-ico-account); }

  /* 9. Cart */
  .mobile-menu li:nth-child(9) > a::before{ background-image: var(--pb-ico-cart); }

  /* 可选：如果你的主题会给子菜单也加 ::before，强制关掉 */
  .mobile-menu .sub-menu a::before{ display:none !important; }
}
/* =========================
   Vision theme: Mobile menu left icons (SVG)
========================= */
@media (max-width: 768px){

  /* 1) Vision/THB mobile menu: make items flex so ::before can show */
  .thb-mobile-menu a,
  .thb-mobile-menu summary,
  .thb-mobile-menu__menu a,
  .thb-mobile-menu__menu summary{
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
  }

  /* 2) base icon block */
  .thb-mobile-menu a::before,
  .thb-mobile-menu summary::before,
  .thb-mobile-menu__menu a::before,
  .thb-mobile-menu__menu summary::before{
    content:"";
    width:20px;
    height:20px;
    flex:0 0 20px;
    display:inline-block;
    background-repeat:no-repeat;
    background-position:center;
    background-size:20px 20px;
    opacity:.92;
  }

  /* ---- icon set (stroke #111) ---- */
  :root{
    --pb-ico-litter: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%3E%3Cpath%20d='M4%209h16l-1.2%2011H5.2L4%209Z'%20stroke='%23111'%20stroke-width='1.8'%20stroke-linejoin='round'/%3E%3Cpath%20d='M7%209V7.2C7%206.54%207.54%206%208.2%206h7.6c.66%200%201.2.54%201.2%201.2V9'%20stroke='%23111'%20stroke-width='1.8'%20stroke-linecap='round'/%3E%3Cpath%20d='M8.2%2013h0M12%2013h0M15.8%2013h0'%20stroke='%23111'%20stroke-width='2.2'%20stroke-linecap='round'/%3E%3C/svg%3E");
    --pb-ico-cat: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%3E%3Cpath%20d='M7%209.2%205.2%206.2c-.2-.35.15-.75.55-.62L9%206.6a7.8%207.8%200%200%201%206%200l3.25-1.02c.4-.13.75.27.55.62L17%209.2'%20stroke='%23111'%20stroke-width='1.8'%20stroke-linejoin='round'/%3E%3Cpath%20d='M6.8%2012.2c0-3.2%202.6-5.8%205.8-5.8s5.8%202.6%205.8%205.8c0%204.2-3.1%207.3-5.8%207.3s-5.8-3.1-5.8-7.3Z'%20stroke='%23111'%20stroke-width='1.8'/%3E%3Cpath%20d='M10%2013h0M14%2013h0'%20stroke='%23111'%20stroke-width='2.2'%20stroke-linecap='round'/%3E%3C/svg%3E");
    --pb-ico-dog: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%3E%3Cpath%20d='M8%208%205.4%206.9c-.5-.22-1%20.18-.9.72l.7%203.7'%20stroke='%23111'%20stroke-width='1.8'%20stroke-linecap='round'/%3E%3Cpath%20d='M16%208l2.6-1.1c.5-.22%201%20.18.9.72l-.7%203.7'%20stroke='%23111'%20stroke-width='1.8'%20stroke-linecap='round'/%3E%3Cpath%20d='M7.3%2012c0-3.3%202.7-6%206-6s6%202.7%206%206c0%204.4-3%207.5-6%207.5S7.3%2016.4%207.3%2012Z'%20stroke='%23111'%20stroke-width='1.8'/%3E%3C/svg%3E");
    --pb-ico-paint: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%3E%3Cpath%20d='M14.5%204.8l4.7%204.7-9.6%209.6c-.6.6-1.4.9-2.2.9H6.2v-1.2c0-.8.3-1.6.9-2.2l7.4-7.4'%20stroke='%23111'%20stroke-width='1.8'%20stroke-linejoin='round'/%3E%3Cpath%20d='M12.4%207l4.6%204.6'%20stroke='%23111'%20stroke-width='1.8'%20stroke-linecap='round'/%3E%3C/svg%3E");
    --pb-ico-news: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%3E%3Cpath%20d='M6%206h12a2%202%200%200%201%202%202v10a3%203%200%200%201-3%203H7a3%203%200%200%201-3-3V8a2%202%200%200%201%202-2Z'%20stroke='%23111'%20stroke-width='1.8'%20stroke-linejoin='round'/%3E%3Cpath%20d='M8%2012h8'%20stroke='%23111'%20stroke-width='1.8'%20stroke-linecap='round'/%3E%3Cpath%20d='M15%209h3v3h-3V9Z'%20stroke='%23111'%20stroke-width='1.8'%20stroke-linejoin='round'/%3E%3C/svg%3E");
    --pb-ico-support: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%3E%3Cpath%20d='M4.8%2012a7.2%207.2%200%201%201%2014.4%200'%20stroke='%23111'%20stroke-width='1.8'%20stroke-linecap='round'/%3E%3Cpath%20d='M6%2012v3.2c0%201-1%201.8-2.2%201.8H3.5C2.7%2017%202%2016.4%202%2015.6V12.8C2%2011.8%202.7%2011%203.5%2011H6'%20stroke='%23111'%20stroke-width='1.8'%20stroke-linejoin='round'/%3E%3C/svg%3E");
    --pb-ico-search: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%3E%3Cpath%20d='M10.8%2018.2a7.4%207.4%200%201%201%200-14.8%207.4%207.4%200%200%201%200%2014.8Z'%20stroke='%23111'%20stroke-width='1.8'/%3E%3Cpath%20d='M16.5%2016.5%2021%2021'%20stroke='%23111'%20stroke-width='1.8'%20stroke-linecap='round'/%3E%3C/svg%3E");
    --pb-ico-account: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%3E%3Cpath%20d='M12%2012.2a4.2%204.2%200%201%200-8.4%204.2%204.2%200%200%200%200%208.4Z'%20stroke='%23111'%20stroke-width='1.8'/%3E%3Cpath%20d='M4.5%2021c1.6-3.6%204.3-5.4%207.5-5.4s5.9%201.8%207.5%205.4'%20stroke='%23111'%20stroke-width='1.8'%20stroke-linecap='round'/%3E%3C/svg%3E");
    --pb-ico-cart: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%3E%3Cpath%20d='M6.5%209h11l-1%2012H7.5l-1-12Z'%20stroke='%23111'%20stroke-width='1.8'%20stroke-linejoin='round'/%3E%3Cpath%20d='M9%209V7.8C9%206.25%2010.25%205%2011.8%205h.4C13.75%205%2015%206.25%2015%207.8V9'%20stroke='%23111'%20stroke-width='1.8'%20stroke-linecap='round'/%3E%3C/svg%3E");
  }

  /* 3) Apply icons by LABEL (best) if Vision uses data-title/aria-label */
  .thb-mobile-menu a[aria-label*="Search"]::before{ background-image: var(--pb-ico-search); }
  .thb-mobile-menu a[aria-label*="Account"]::before{ background-image: var(--pb-ico-account); }
  .thb-mobile-menu a[aria-label*="Cart"]::before{ background-image: var(--pb-ico-cart); }

  /* 4) Apply icons by href keywords (works even if menu order changes) */
  .thb-mobile-menu a[href*="litter"]::before,
  .thb-mobile-menu a[href*="litter-box"]::before,
  .thb-mobile-menu a[href*="cat-litter"]::before{ background-image: var(--pb-ico-litter); }

  .thb-mobile-menu a[href*="/collections/cat"]::before{ background-image: var(--pb-ico-cat); }
  .thb-mobile-menu a[href*="/collections/dog"]::before{ background-image: var(--pb-ico-dog); }

  .thb-mobile-menu a[href*="painting"]::before{ background-image: var(--pb-ico-paint); }
  .thb-mobile-menu a[href*="news"]::before,
  .thb-mobile-menu a[href*="blog"]::before{ background-image: var(--pb-ico-news); }

  .thb-mobile-menu a[href*="support"]::before,
  .thb-mobile-menu a[href*="contact"]::before,
  .thb-mobile-menu a[href*="help"]::before{ background-image: var(--pb-ico-support); }

  .thb-mobile-menu a[href*="/search"]::before{ background-image: var(--pb-ico-search); }
  .thb-mobile-menu a[href*="/account"]::before{ background-image: var(--pb-ico-account); }
  .thb-mobile-menu a[href*="/cart"]::before{ background-image: var(--pb-ico-cart); }

  /* 5) If your expandable items are <summary> instead of <a>, show a generic icon */
  .thb-mobile-menu summary::before{ background-image: var(--pb-ico-litter); }

  /* optional: don't add icons for submenu items */
  .thb-mobile-menu .sub-menu a::before,
  .thb-mobile-menu__menu .sub-menu a::before{
    display:none !important;
    content:none !important;
  }
}
/* =========================
   PB Drawer Mobile Menu Icons (Your custom header)
   Targets: .pb-mDetails > summary, a.pb-mLink
========================= */
@media (max-width: 760px){

  /* 1) Make room for icon + align nicely */
  .pb-mDetails > summary,
  .pb-mLink{
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
  }

  /* 2) Base icon block */
  .pb-mDetails > summary::before,
  .pb-mLink::before{
    content:"";
    width:20px;
    height:20px;
    flex:0 0 20px;
    display:inline-block;
    background-repeat:no-repeat;
    background-position:center;
    background-size:20px 20px;
    opacity:.92;
  }

  /* ---- SVG ICON SET (stroke #111) ---- */
  :root{
    --pb-ico-litter: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%3E%3Cpath%20d='M4%209h16l-1.2%2011H5.2L4%209Z'%20stroke='%23111'%20stroke-width='1.8'%20stroke-linejoin='round'/%3E%3Cpath%20d='M7%209V7.2C7%206.54%207.54%206%208.2%206h7.6c.66%200%201.2.54%201.2%201.2V9'%20stroke='%23111'%20stroke-width='1.8'%20stroke-linecap='round'/%3E%3Cpath%20d='M8.2%2013h0M12%2013h0M15.8%2013h0'%20stroke='%23111'%20stroke-width='2.2'%20stroke-linecap='round'/%3E%3C/svg%3E");

    --pb-ico-cat: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%3E%3Cpath%20d='M7%209.2%205.2%206.2c-.2-.35.15-.75.55-.62L9%206.6a7.8%207.8%200%200%201%206%200l3.25-1.02c.4-.13.75.27.55.62L17%209.2'%20stroke='%23111'%20stroke-width='1.8'%20stroke-linejoin='round'/%3E%3Cpath%20d='M6.8%2012.2c0-3.2%202.6-5.8%205.8-5.8s5.8%202.6%205.8%205.8c0%204.2-3.1%207.3-5.8%207.3s-5.8-3.1-5.8-7.3Z'%20stroke='%23111'%20stroke-width='1.8'/%3E%3Cpath%20d='M10%2013h0M14%2013h0'%20stroke='%23111'%20stroke-width='2.2'%20stroke-linecap='round'/%3E%3C/svg%3E");

    --pb-ico-dog: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%3E%3Cpath%20d='M8%208%205.4%206.9c-.5-.22-1%20.18-.9.72l.7%203.7'%20stroke='%23111'%20stroke-width='1.8'%20stroke-linecap='round'/%3E%3Cpath%20d='M16%208l2.6-1.1c.5-.22%201%20.18.9.72l-.7%203.7'%20stroke='%23111'%20stroke-width='1.8'%20stroke-linecap='round'/%3E%3Cpath%20d='M7.3%2012c0-3.3%202.7-6%206-6s6%202.7%206%206c0%204.4-3%207.5-6%207.5S7.3%2016.4%207.3%2012Z'%20stroke='%23111'%20stroke-width='1.8'/%3E%3C/svg%3E");

    --pb-ico-paint: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%3E%3Cpath%20d='M14.5%204.8l4.7%204.7-9.6%209.6c-.6.6-1.4.9-2.2.9H6.2v-1.2c0-.8.3-1.6.9-2.2l7.4-7.4'%20stroke='%23111'%20stroke-width='1.8'%20stroke-linejoin='round'/%3E%3Cpath%20d='M12.4%207l4.6%204.6'%20stroke='%23111'%20stroke-width='1.8'%20stroke-linecap='round'/%3E%3C/svg%3E");

    --pb-ico-news: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%3E%3Cpath%20d='M6%206h12a2%202%200%200%201%202%202v10a3%203%200%200%201-3%203H7a3%203%200%200%201-3-3V8a2%202%200%200%201%202-2Z'%20stroke='%23111'%20stroke-width='1.8'%20stroke-linejoin='round'/%3E%3Cpath%20d='M8%2012h8'%20stroke='%23111'%20stroke-width='1.8'%20stroke-linecap='round'/%3E%3Cpath%20d='M15%209h3v3h-3V9Z'%20stroke='%23111'%20stroke-width='1.8'%20stroke-linejoin='round'/%3E%3C/svg%3E");

    --pb-ico-support: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%3E%3Cpath%20d='M4.8%2012a7.2%207.2%200%201%201%2014.4%200'%20stroke='%23111'%20stroke-width='1.8'%20stroke-linecap='round'/%3E%3Cpath%20d='M6%2012v3.2c0%201-1%201.8-2.2%201.8H3.5C2.7%2017%202%2016.4%202%2015.6V12.8C2%2011.8%202.7%2011%203.5%2011H6'%20stroke='%23111'%20stroke-width='1.8'%20stroke-linejoin='round'/%3E%3C/svg%3E");

    --pb-ico-search: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%3E%3Cpath%20d='M10.8%2018.2a7.4%207.4%200%201%201%200-14.8%207.4%207.4%200%200%201%200%2014.8Z'%20stroke='%23111'%20stroke-width='1.8'/%3E%3Cpath%20d='M16.5%2016.5%2021%2021'%20stroke='%23111'%20stroke-width='1.8'%20stroke-linecap='round'/%3E%3C/svg%3E");

    --pb-ico-account: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%3E%3Cpath%20d='M12%2012.2a4.2%204.2%200%201%200-8.4%204.2%204.2%200%200%200%200%208.4Z'%20stroke='%23111'%20stroke-width='1.8'/%3E%3Cpath%20d='M4.5%2021c1.6-3.6%204.3-5.4%207.5-5.4s5.9%201.8%207.5%205.4'%20stroke='%23111'%20stroke-width='1.8'%20stroke-linecap='round'/%3E%3C/svg%3E");

    --pb-ico-cart: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%3E%3Cpath%20d='M6.5%209h11l-1%2012H7.5l-1-12Z'%20stroke='%23111'%20stroke-width='1.8'%20stroke-linejoin='round'/%3E%3Cpath%20d='M9%209V7.8C9%206.25%2010.25%205%2011.8%205h.4C13.75%205%2015%206.25%2015%207.8V9'%20stroke='%23111'%20stroke-width='1.8'%20stroke-linecap='round'/%3E%3C/svg%3E");
  }

  /* 3) Assign icons (robust): by text for summaries + by href for links */

  /* Summaries (top-level expandable) */
  .pb-mDetails > summary{
    /* default none; set per label below */
  }
  .pb-mDetails > summary:where(:not(*))::before{ background-image:none; } /* noop */

  /* Match summary label (exact labels you use) */
  .pb-mDetails > summary:is(:where(:not(*))){} /* noop */

  .pb-mDetails > summary{
    /* keep icon space even if none */
  }

  /* Use attribute selector via "contains text" is not possible in pure CSS,
     so we map by order using your current structure: 1 Litter, 2 Cat, 3 Dog, 4 Support */
  .pb-drawer__nav .pb-mDetails:nth-of-type(1) > summary::before{ background-image: var(--pb-ico-litter); }
  .pb-drawer__nav .pb-mDetails:nth-of-type(2) > summary::before{ background-image: var(--pb-ico-cat); }
  .pb-drawer__nav .pb-mDetails:nth-of-type(3) > summary::before{ background-image: var(--pb-ico-dog); }

  /* 注意：Support 是第 4 个 details（在 Custom Painting / Latest News 后） */
  .pb-drawer__nav .pb-mDetails:nth-of-type(4) > summary::before{ background-image: var(--pb-ico-support); }

  /* Links (bottom simple links) - match by href (no order dependency) */
  .pb-mLink[href*="custom-portraits"]::before{ background-image: var(--pb-ico-paint); }
  .pb-mLink[href*="/blogs/news"]::before,
  .pb-mLink[href*="/blogs/"]::before{ background-image: var(--pb-ico-news); }

  .pb-mLink[href="/search"]::before,
  .pb-mLink[href*="/search"]::before{ background-image: var(--pb-ico-search); }

  .pb-mLink[href="/account"]::before,
  .pb-mLink[href*="/account"]::before{ background-image: var(--pb-ico-account); }

  .pb-mLink[href="/cart"]::before,
  .pb-mLink[href*="/cart"]::before{ background-image: var(--pb-ico-cart); }

  /* Optional: small nudge so icons align with your borders */
  .pb-mDetails > summary::before,
  .pb-mLink::before{ margin-left:2px; }
}
/* =========================================================
   PB Drawer (mobile) — icon + label grouped left (petcircle-like)
   Fixes "icon/text separated" caused by justify-content:space-between
========================================================= */
@media (max-width: 760px){

  /* 0) 覆盖你旧的“space-between”布局，让图标+文字贴在一起 */
  .pb-drawer__nav .pb-mLink,
  .pb-drawer__nav .pb-mDetails > summary{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important; /* ✅ 关键：别再 space-between */
    gap:10px !important;                  /* 图标贴近文字 */
    text-align:left !important;
  }

  /* 1) 统一左侧图标：更像 petcircle 的“有底色块” */
  .pb-drawer__nav .pb-mLink::before,
  .pb-drawer__nav .pb-mDetails > summary::before{
    content:"";
    width:28px;
    height:28px;
    flex:0 0 28px;
    border-radius:12px; /* 圆角方块，更像 app icon */
    background-color: rgba(254,233,14,.18);
    border: 1px solid rgba(0,0,0,.08);
    background-repeat:no-repeat;
    background-position:center;
    background-size:18px 18px;
    display:inline-block;
  }

  /* 2) 右侧箭头：只给可展开的 summary，用你已有的逻辑即可（保留空间） */
  .pb-drawer__nav .pb-mDetails > summary{
    position:relative !important;
    padding-right:44px !important; /* 给箭头留位 */
  }

  /* 如果你之前已经有 summary:after 箭头，这段会“统一并覆盖得更稳定” */
  .pb-drawer__nav .pb-mDetails > summary:after{
    content:"";
    position:absolute;
    right:18px;
    top:50%;
    width:10px;
    height:10px;
    border-right:2px solid rgba(0,0,0,.55);
    border-bottom:2px solid rgba(0,0,0,.55);
    transform:translateY(-60%) rotate(45deg);
    transition:transform .18s ease;
  }
  .pb-drawer__nav .pb-mDetails[open] > summary:after{
    transform:translateY(-40%) rotate(-135deg);
  }

  /* 3) 子菜单保持原样（你的 pb-dot 不动），但让链接不要再“被撑开” */
  .pb-drawer__nav .pb-mSub a{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:10px !important;
  }

  /* =========================================================
     Icon set (more recognizable)
  ========================================================= */
  :root{
    /* Litter Boxes: litter tray + scoop */
    --pb-ico-litter: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%3E%3Cpath%20d='M4%2010h12l-1%209H6L4%2010Z'%20stroke='%23111'%20stroke-width='1.9'%20stroke-linejoin='round'/%3E%3Cpath%20d='M16%2011l4-4%20c.5-.5%201.4-.2%201.4.6V16c0%20.8-.9%201.1-1.4.6l-2-2'%20stroke='%23111'%20stroke-width='1.9'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M8%2014h0M11%2014h0M14%2014h0'%20stroke='%23111'%20stroke-width='2.4'%20stroke-linecap='round'/%3E%3C/svg%3E");

    /* Cat: cat head + whiskers */
    --pb-ico-cat: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%3E%3Cpath%20d='M7%2010%205.2%207.2c-.2-.3.1-.7.5-.6L9%207.5a7%207%200%200%201%206%200l3.3-.9c.4-.1.7.3.5.6L17%2010'%20stroke='%23111'%20stroke-width='1.9'%20stroke-linejoin='round'/%3E%3Cpath%20d='M6.8%2012.3c0-3.1%202.5-5.6%205.6-5.6s5.6%202.5%205.6%205.6c0%204.1-3%207.1-5.6%207.1s-5.6-3-5.6-7.1Z'%20stroke='%23111'%20stroke-width='1.9'/%3E%3Cpath%20d='M10%2013h0M14%2013h0'%20stroke='%23111'%20stroke-width='2.4'%20stroke-linecap='round'/%3E%3Cpath%20d='M8.4%2015.2l-2%20.7M8.6%2016.6l-2%20.7M15.6%2015.2l2%20.7M15.4%2016.6l2%20.7'%20stroke='%23111'%20stroke-width='1.6'%20stroke-linecap='round'/%3E%3C/svg%3E");

    /* Dog: dog head + nose */
    --pb-ico-dog: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%3E%3Cpath%20d='M8%209%205.5%208c-.6-.2-1.1.3-.9.9l.7%202.9'%20stroke='%23111'%20stroke-width='1.9'%20stroke-linecap='round'/%3E%3Cpath%20d='M16%209l2.5-1c.6-.2%201.1.3.9.9l-.7%202.9'%20stroke='%23111'%20stroke-width='1.9'%20stroke-linecap='round'/%3E%3Cpath%20d='M7.2%2012c0-3.1%202.5-5.6%205.6-5.6s5.6%202.5%205.6%205.6c0%204.2-3%207.2-5.6%207.2S7.2%2016.2%207.2%2012Z'%20stroke='%23111'%20stroke-width='1.9'/%3E%3Cpath%20d='M12%2016.8c1%200%201.8-.6%201.8-1.4%200-.9-.8-1.6-1.8-1.6s-1.8.7-1.8%201.6c0%20.8.8%201.4%201.8%201.4Z'%20stroke='%23111'%20stroke-width='1.9'/%3E%3C/svg%3E");

    /* Custom Painting: paint brush */
    --pb-ico-paint: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%3E%3Cpath%20d='M14.6%205.1l4.3%204.3-9.2%209.2c-.6.6-1.4.9-2.2.9H6.2v-1.3c0-.8.3-1.6.9-2.2l7.5-7.5'%20stroke='%23111'%20stroke-width='1.9'%20stroke-linejoin='round'/%3E%3Cpath%20d='M12.7%207l4.3%204.3'%20stroke='%23111'%20stroke-width='1.9'%20stroke-linecap='round'/%3E%3Cpath%20d='M6.2%2019.5c1.6%200%203-1%203-2.3%200-1.2-1.4-2.2-3-2.2'%20stroke='%23111'%20stroke-width='1.9'%20stroke-linecap='round'/%3E%3C/svg%3E");

    /* Latest News: newspaper */
    --pb-ico-news: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%3E%3Cpath%20d='M6%206h12a2%202%200%200%201%202%202v10a3%203%200%200%201-3%203H7a3%203%200%200%201-3-3V8a2%202%200%200%201%202-2Z'%20stroke='%23111'%20stroke-width='1.9'%20stroke-linejoin='round'/%3E%3Cpath%20d='M8%209h5'%20stroke='%23111'%20stroke-width='1.9'%20stroke-linecap='round'/%3E%3Cpath%20d='M8%2012h8M8%2015h8'%20stroke='%23111'%20stroke-width='1.9'%20stroke-linecap='round'/%3E%3Cpath%20d='M15%209h3v3h-3V9Z'%20stroke='%23111'%20stroke-width='1.9'%20stroke-linejoin='round'/%3E%3C/svg%3E");

    /* Support: headset */
    --pb-ico-support: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%3E%3Cpath%20d='M4.8%2012a7.2%207.2%200%201%201%2014.4%200'%20stroke='%23111'%20stroke-width='1.9'%20stroke-linecap='round'/%3E%3Cpath%20d='M6%2012v3.1c0%201-1%201.9-2.2%201.9H3.6c-.9%200-1.6-.7-1.6-1.6v-2.6c0-.9.7-1.8%201.6-1.8H6'%20stroke='%23111'%20stroke-width='1.9'%20stroke-linejoin='round'/%3E%3Cpath%20d='M18%2012v3.1c0%201%201%201.9%202.2%201.9h.2c.9%200%201.6-.7%201.6-1.6v-2.6c0-.9-.7-1.8-1.6-1.8H18'%20stroke='%23111'%20stroke-width='1.9'%20stroke-linejoin='round'/%3E%3Cpath%20d='M14.2%2019.2c-.8.6-1.8.8-2.8.8h-1.1'%20stroke='%23111'%20stroke-width='1.9'%20stroke-linecap='round'/%3E%3C/svg%3E");

    /* Search: magnifier */
    --pb-ico-search: url(\"data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%3E%3Cpath%20d='M10.8%2018.2a7.4%207.4%200%201%201%200-14.8%207.4%207.4%200%200%201%200%2014.8Z'%20stroke='%23111'%20stroke-width='1.9'/%3E%3Cpath%20d='M16.5%2016.5%2021%2021'%20stroke='%23111'%20stroke-width='1.9'%20stroke-linecap='round'/%3E%3C/svg%3E\");

    /* Account: user */
    --pb-ico-account: url(\"data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%3E%3Cpath%20d='M12%2012.2a4.2%204.2%200%201%200-8.4%204.2%204.2%200%200%200%200%208.4Z'%20stroke='%23111'%20stroke-width='1.9'/%3E%3Cpath%20d='M4.5%2021c1.6-3.6%204.3-5.4%207.5-5.4s5.9%201.8%207.5%205.4'%20stroke='%23111'%20stroke-width='1.9'%20stroke-linecap='round'/%3E%3C/svg%3E\");

    /* Cart: shopping bag */
    --pb-ico-cart: url(\"data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%3E%3Cpath%20d='M6.5%209h11l-1%2012H7.5l-1-12Z'%20stroke='%23111'%20stroke-width='1.9'%20stroke-linejoin='round'/%3E%3Cpath%20d='M9%209V7.8C9%206.25%2010.25%205%2011.8%205h.4C13.75%205%2015%206.25%2015%207.8V9'%20stroke='%23111'%20stroke-width='1.9'%20stroke-linecap='round'/%3E%3C/svg%3E\");
  }

  /* 4) 给你的菜单项挂载图标
        - details 用“出现顺序”绑定（你当前结构稳定）
        - 普通 link 用 href 绑定（顺序变也不怕）
  */

  /* details 顺序：1 Litter / 2 Cat / 3 Dog / 4 Support */
  .pb-drawer__nav .pb-mDetails:nth-of-type(1) > summary::before{ background-image: var(--pb-ico-litter); }
  .pb-drawer__nav .pb-mDetails:nth-of-type(2) > summary::before{ background-image: var(--pb-ico-cat); }
  .pb-drawer__nav .pb-mDetails:nth-of-type(3) > summary::before{ background-image: var(--pb-ico-dog); }
  .pb-drawer__nav .pb-mDetails:nth-of-type(4) > summary::before{ background-image: var(--pb-ico-support); }

  /* links */
  .pb-drawer__nav .pb-mLink[href*="custom-portraits"]::before{ background-image: var(--pb-ico-paint); }
  .pb-drawer__nav .pb-mLink[href*="/blogs/news"]::before,
  .pb-drawer__nav .pb-mLink[href*="/blogs/"]::before{ background-image: var(--pb-ico-news); }
  .pb-drawer__nav .pb-mLink[href*="/search"]::before{ background-image: var(--pb-ico-search); }
  .pb-drawer__nav .pb-mLink[href*="/account"]::before{ background-image: var(--pb-ico-account); }
  .pb-drawer__nav .pb-mLink[href*="/cart"]::before{ background-image: var(--pb-ico-cart); }
}
/* ============================= */
/* Mobile drawer hierarchy clean */
/* ============================= */
@media (max-width:760px){

  /* 1️⃣ 删除所有黄点 */
  .pb-drawer .pb-dot{
    display:none !important;
  }
  .pb-drawer .pb-mSub a::before{
    content:none !important;
    display:none !important;
  }

  /* 2️⃣ 二级菜单整体缩进 */
  .pb-drawer .pb-mSub{
    padding-left:22px !important;   /* 控制层级距离 */
    background:transparent !important;
    border:0 !important;
  }

  /* 3️⃣ 子菜单项更轻一点 */
  .pb-drawer .pb-mSub a{
    font-weight:700 !important;      /* 比一级轻一点 */
    font-size:15px !important;
    padding:12px 0 !important;
    border:0 !important;
  }

  /* 4️⃣ 一级菜单保持更强 */
  .pb-drawer .pb-mLink,
  .pb-drawer .pb-mDetails > summary{
    font-weight:900 !important;
    font-size:17px !important;
  }

}