/* Focused storefront QA fixes. Keep this file scoped to confirmed issues. */
.site-header::after { background: #1b1611; }
.site-header.scrolled::after { background: #faf6f0; }
.cart-drawer__checkout:disabled { opacity: .45; cursor: not-allowed; pointer-events: none; }
.qty-stepper.is-updating { opacity: .55; }
#shopGrid { scroll-margin-top: 8.5rem; }

.nav-toggle[aria-expanded="true"] span:nth-child(1) { transform: translateY(6.5px) rotate(45deg); }
.nav-toggle[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
.nav-toggle[aria-expanded="true"] span:nth-child(3) { transform: translateY(-6.5px) rotate(-45deg); }

/* Editorial delivery and returns strip below the product CTA. */
.pdp__meta {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0;
  margin-top: 1.5rem !important;
  padding: 1.15rem 0 !important;
  border-top: 1px solid rgba(27, 22, 17, .16);
  border-bottom: 1px solid rgba(27, 22, 17, .16);
  background: transparent;
}
.pdp__service {
  display: grid;
  grid-template-columns: 1.4rem minmax(0, 1fr);
  align-items: start;
  column-gap: .72rem;
  min-width: 0;
  padding-right: 1.25rem;
  animation: pdp-service-in .48s cubic-bezier(.22, .72, .28, 1) both;
}
.pdp__service:nth-child(2) { animation-delay: .09s; }
.pdp__service + .pdp__service {
  padding-right: 0;
  padding-left: 1.25rem;
  border-left: 1px solid rgba(27, 22, 17, .12);
}
.pdp__service-label {
  display: block;
  margin-bottom: .42rem;
  color: var(--gold, #b0894f);
  font-size: .6rem;
  line-height: 1;
  font-weight: 500;
  letter-spacing: .16em;
  text-transform: uppercase;
}
.pdp__service-icon {
  width: 1.35rem;
  height: 1.35rem;
  margin-top: .02rem;
  color: var(--gold, #b0894f);
  transition: color .25s ease, transform .25s ease;
}
.pdp__service-icon svg {
  display: block;
  width: 100%;
  height: 100%;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.35;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.pdp__service:hover .pdp__service-icon {
  color: var(--espresso, #1b1611);
  transform: translateY(-2px);
}
.pdp__service-copy { min-width: 0; }
.pdp__service strong,
.pdp__service small { display: block; }
.pdp__service strong {
  color: var(--espresso, #1b1611);
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: 1.08rem;
  line-height: 1.2;
  font-weight: 500;
  letter-spacing: .01em;
}
.pdp__service small {
  margin-top: .26rem;
  color: var(--muted, #8c7c6b);
  font-size: .72rem;
  line-height: 1.4;
}
@keyframes pdp-service-in {
  from { opacity: 0; transform: translateY(7px); }
  to { opacity: 1; transform: translateY(0); }
}
@media (prefers-reduced-motion: reduce) {
  .pdp__service { animation: none; }
  .pdp__service-icon { transition: none; }
}

@media (max-width: 640px) {
  .pdp__meta { grid-template-columns: 1fr; }
  .pdp__service { padding: 0 0 .9rem; }
  .pdp__service + .pdp__service {
    padding: .9rem 0 0;
    border-top: 1px solid rgba(27, 22, 17, .12);
    border-left: 0;
  }
  .icon-btn,
  .nav-toggle,
  .search-overlay__close,
  .cart-drawer__close {
    min-width: 44px;
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }

  .qty-stepper button,
  .cart-line__qty button {
    min-width: 44px;
    min-height: 44px;
  }

  .cart-item__remove,
  .cart-line__remove,
  .breadcrumb a {
    min-height: 44px;
  }

  .cart-item__remove,
  .cart-line__remove { padding: .65rem .5rem; }
  .breadcrumb a { display: inline-flex; align-items: center; }
  .shop-layout { gap: 1rem; }
  .cat-filter {
    display: flex;
    gap: .5rem;
    overflow-x: auto;
    margin: 0;
    padding: .15rem 0 .5rem;
    scrollbar-width: none;
  }
  .cat-filter::-webkit-scrollbar { display: none; }
  .cat-filter li { flex: 0 0 auto; }
  .cat-filter a {
    min-height: 44px;
    padding: .65rem .9rem;
    border: 1px solid var(--line);
    border-radius: 999px;
    white-space: nowrap;
  }
  .cat-filter a.is-active::before { content: none; }
  .wc-block-components-text-input input,
  .wc-blocks-components-select__select { font-size: 16px !important; }
}

/* ==== BREADCRUMB GUTTER FIX (2026-10-23) START ====
   症状：手机上商品页面包屑（HOME / SHOP / GIFTS / ...）顶到屏幕左右边缘。
   根因：wc-comprehensive-fix.css 的
         `.breadcrumb{ padding:1.2rem 0 .5rem !important; }`
         把左右内边距清零。只有当视口 > 1280px 时，max-width:1280 的
         自动外边距才让它看起来有缩进；<= 1280px 全部贴边（实测 390/820/1024
         三个宽度面包屑 left 均为 0，而正文内容在 26/26/38px）。
   修复：按主题自身断点恢复左右 gutter，与 .pdp / .related 容器对齐
         （>640px 用 2.4rem，<=640px 用 1.6rem，与 style.css 一致）。
   ========================================================= */
.breadcrumb{ padding-left:2.4rem !important; padding-right:2.4rem !important; }
@media(max-width:640px){
  .breadcrumb{ padding-left:1.6rem !important; padding-right:1.6rem !important; }
}
/* ==== BREADCRUMB GUTTER FIX END ==== */