/** Shopify CDN: Minification failed

Line 226:34 Unexpected "*"

**/
/* ==========================================================================
   artamore 定制样式（独立于厂商文件，主题升级不覆盖）
   当前内容：Shopify 原生邮件订阅确认/取消订阅页（/account/subscribe、
   /account/unsubscribe）的美化。这两个页面由 Shopify 平台生成、但加载
   主题布局与样式；选择器仅命中该页面的专属容器，其余页面零影响。
   Klaviyo 托管的退订页不加载本文件，不受影响。
   ========================================================================== */

.shopify-email-marketing-confirmation__container {
  max-width: 640px;
  margin: 0 auto;
  padding: 96px 24px;
  text-align: center;
}

.shopify-email-marketing-confirmation__container h1 {
  font-size: 28px;
  letter-spacing: 0.02em;
  margin-bottom: 12px;
}

.shopify-email-marketing-confirmation__container p {
  color: #666;
}

.shopify-email-marketing-confirmation__container a,
main a[href*="/account/unsubscribe"] {
  display: inline-block;
  margin-top: 20px;
  background: #000;
  color: #fff;
  padding: 14px 48px;
  border-radius: 4px;
  font-size: 15px;
  letter-spacing: 0.08em;
  text-decoration: none;
  transition: opacity 0.2s ease;
}

.shopify-email-marketing-confirmation__container a:hover,
.shopify-email-marketing-confirmation__container a:focus,
main a[href*="/account/unsubscribe"]:hover,
main a[href*="/account/unsubscribe"]:focus {
  opacity: 0.8;
  color: #fff;
}

/* ==========================================================================
   Hover flyout zoom (west-elm-style) — desktop only.
   JS (hover-flyout-zoom.js) creates #hover-flyout-zoom-pane and
   #hover-flyout-zoom-lens on <body> and attaches them to the ProductWiz Rio
   main image (.pwzrswiper-slide-active img). The pane appears to the right of
   the image (over the product-info column); the lens follows the cursor.
   ========================================================================== */
.hover-flyout-zoom-pane {
  position: absolute;
  z-index: 100;
  display: none;
  background-repeat: no-repeat;
  background-color: #fff;
  border: 1px solid rgb(var(--color-border, 200, 200, 200));
  border-radius: var(--media-radius, 4px);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
  pointer-events: none;
  overflow: hidden;
}
.hover-flyout-zoom-lens {
  position: absolute;
  z-index: 99;
  display: none;
  pointer-events: none;
  border: 1px solid rgba(255, 255, 255, 0.9);
  background: rgba(0, 0, 0, 0.08);
  box-sizing: border-box;
}
.hover-flyout-zoom-lens::after {
  content: "";
  position: absolute;
  inset: -1px;
  border: 1px solid rgba(0, 0, 0, 0.3);
}
@media (hover: none), (max-width: 768px) {
  .hover-flyout-zoom-pane,
  .hover-flyout-zoom-lens {
    display: none !important;
  }
}

/* ==========================================================================
   Product card color swatches (custom, metafield-driven)
   Markup: snippets/card-product.liquid renders .pcard-swatches/.pcard-swatch;
   hover-to-switch-image lives in custom-artamore.js.
   (Restored from the pre-2.3 theme.css customization, 2026-08-19)
   ========================================================================== */
.pcard-swatches {
  display: flex;
  gap: 6px;
  margin-top: 10px;
  flex-wrap: wrap;
}

.pcard-swatch {
  width: 18px;
  height: 18px;
  border-radius: 999px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  cursor: pointer;
  padding: 0;
  outline: none;
}

/*
.pcard-swatch.is-active {
  border: 2px solid #000;
}
*/

/* ---- 移动端头部自适应(2026-09-23,v3:logo 保持屏幕居中) ----
   背景:厂商居中网格(minmax(4rem,1fr) auto minmax(6rem,1fr))要求
   两侧列 ≥ 图标行宽度;图标行 147px 时屏宽需 ≥454px 才能放下 40px 图标,
   否则右列溢出左移压住居中 logo。
   方案:logo 保持屏幕居中(不覆盖厂商网格),图标按钮随屏宽分档缩小;
   <358px 后 logo(--logo-width-mobile,设置值 100px)同步分档缩小。
   几何下限:图标档位 x 需屏宽 ≥ 2×行宽+60+logo宽,档位按此推算。 */
@media (max-width: 453.98px) {
  .header-mobile--center {
    --header-icon-size: 3.2rem;
  }
  .header-mobile--center .header__buttons .icon--large {
    width: 2rem;
    height: 2rem;
  }
  .header-mobile--center .header__buttons svg[class*="wlh-svg"] {
    width: 2rem !important;
    height: 2rem !important;
  }
}
@media (max-width: 405.98px) {
  .header-mobile--center {
    --header-icon-size: 2.8rem;
  }
  .header-mobile--center .header__buttons .icon--large {
    width: 1.8rem;
    height: 1.8rem;
  }
  .header-mobile--center .header__buttons svg[class*="wlh-svg"] {
    width: 1.8rem !important;
    height: 1.8rem !important;
  }
}
@media (max-width: 381.98px) {
  .header-mobile--center {
    --header-icon-size: 2.4rem;
  }
  .header-mobile--center .header__buttons .icon--large {
    width: 1.6rem;
    height: 1.6rem;
  }
  .header-mobile--center .header__buttons svg[class*="wlh-svg"] {
    width: 1.6rem !important;
    height: 1.6rem !important;
  }
}
@media (max-width: 357.98px) {
  .header-mobile--center .header__logo--image {
    max-width: 88px;
  }
}
@media (max-width: 345.98px) {
  .header-mobile--center .header__logo--image {
    max-width: 76px;
  }
}
@media (max-width: 333.98px) {
  .header-mobile--center .header__logo--image {
    max-width: 64px;
  }
}
@media (max-width: 321.98px) {
  .header-mobile--center .header__logo--image {
    max-width: 52px;
  }
}


/* ---- 搜索框常驻提交按钮(2026-09-23) ----
   右端实心按钮(点击跳 /search?q=),清空按钮左移让位;
   输入框尾部留白加大,避免文字压到按钮。 */
.search__field .search__submit {
  inset-inline-end: 0.8rem;
  top: 50%;
  transform: translateY(-50%);
  width: 4.4rem;
  height: calc(var(--buttons-height) - 1.2rem);
  padding: 0;
  margin: 0;
  border: 0;
  border-radius: var(--buttons-radius, 0.4rem);
  background-color: rgb(var(--color-button));
  color: rgb(var(--color-button-text));
  cursor: pointer;
}
.search__field .search__submit .icon {
  width: 2rem;
  height: 2rem;
}
.search__field .search__submit:hover {
  background-color: rgb(var(--color-button-hover-background));
  color: rgb(var(--color-button-hover-text));
}
.search__field .search__input {
  padding-inline-start: 5.6rem;
  padding-inline-end: 5.6rem;
}
.search__field .search__reset {
  inset-inline-end: 6rem;
}

/* ---- 搜索框物理属性兜底(2026-09-24) ----
   老内核(微信内置浏览器/旧 WebView)不支持逻辑属性
   (inset-inline-*/padding-inline-*),搜索框定位会全部失效
   (图标贴边、光标压图标、Clear 叠提交按钮)。
   本店语言均为 LTR,物理 left/right 与逻辑属性等效;
   新内核浏览器本块与逻辑属性同值,渲染零变化。 */
.search__field .search__field-icon {
  left: 2.4rem;
  right: auto;
}
.search__field .search__input {
  padding-left: 5.6rem;
  padding-right: 5.6rem;
}
.search__field .search__reset {
  right: 6rem;
  left: auto;
}
.search__field .search__submit {
  right: 0.8rem;
  left: auto;
}

/* ---- 头部栏上下 padding 随图标档位同步缩小(2026-09-28) ----
   .section--padding 的移动端系数恒为 0.6,图标缩小时栏内留白占比过大。
   按图标档位同步缩小系数(保留编辑器 header 间距设置的比例与 4.8rem 上限)。 */
@media (max-width: 453.98px) {
  .header.section--padding {
    padding-block-start: min(4.8rem, calc(var(--section-padding-top, 0px) * 0.45));
    padding-block-end: min(4.8rem, calc(var(--section-padding-bottom, 0px) * 0.45));
  }
}
@media (max-width: 405.98px) {
  .header.section--padding {
    padding-block-start: min(4.8rem, calc(var(--section-padding-top, 0px) * 0.38));
    padding-block-end: min(4.8rem, calc(var(--section-padding-bottom, 0px) * 0.38));
  }
}
@media (max-width: 381.98px) {
  .header.section--padding {
    padding-block-start: min(4.8rem, calc(var(--section-padding-top, 0px) * 0.31));
    padding-block-end: min(4.8rem, calc(var(--section-padding-bottom, 0px) * 0.31));
  }
}

/* ==========================================================================
   artamore custom: mobile tap-to-zoom lightbox (west-elm style viewer)
   配套 assets/mobile-tap-lightbox.js。三段式：顶栏(标题+大号±/✕)、
   中部图片、底部缩略图条。作用域仅 .pswp（运行时唯一灯箱皮肤；
   Rio 自带灯箱真机不可达、桌面不启用、主题原生画廊被 Rio 隐藏）。
   回退 = 删除本样式块 + 删除 JS 文件 + 删除 main-product.liquid 引入行。
   ========================================================================== */

/* ---- 顶栏：两行布局（标题占满第一行，控件第二行） ---- */
.pswp .pswp__top-bar {
  position: absolute;
  top: 0;              /* 主题皮肤默认 bottom: 3rem——改回顶部 */
  bottom: auto;
  left: 0;
  flex-wrap: wrap;     /* 标题 flex-basis 100% 独占首行，控件换行到第二行 */
  align-items: flex-start;
  justify-content: flex-start;
  padding: 10px 12px 0;
  gap: 0;
}
.pswp .art-lb-title {
  flex: 1 1 100%;
  min-width: 0;
  padding: 4px 2px 6px 2px;
  font-size: 18px;
  line-height: 1.35;
  font-weight: 400;
  color: #121212;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
}

/* ---- 大号 ± 缩放与 ✕（触控目标 ≥ 52px，图标 30px） ---- */
.pswp .pswp__button.art-lb-zoom {
  width: 52px;
  height: 52px;
  margin: 0 2px 0 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--pswp-icon-color, #000);
  opacity: 1;
}
.pswp .pswp__button.art-lb-zoom svg {
  width: 34px;
  height: 34px;
}
.pswp .pswp__button.art-lb-zoom:disabled {
  opacity: 0.35;
  cursor: default;
}
.pswp .pswp__button.art-lb-close {
  width: 52px;
  height: 52px;
  margin: 0 0 0 auto; /* 与放大镜同一行，顶到行尾 */
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--pswp-icon-color, #000);
}
.pswp .pswp__button.art-lb-close svg {
  width: 28px;
  height: 28px;
}

/* ---- 左右切换箭头：细 chevron、无圆底、图片区垂直居中、恒显示 ---- */
.pswp .pswp__button.art-lb-arrow {
  position: absolute;
  top: calc(50% - 12px); /* 图片区几何中心（顶栏 104 / 底条 128 的一半差） */
  width: 48px;
  height: 48px;
  margin: 0;
  border: 1.25px solid rgba(18, 18, 18, 0.45); /* 柔黑细圆线（设计稿 ⑥） */
  border-radius: 50%;
  background: transparent;
  box-shadow: none;
  color: var(--pswp-icon-color, #000);
  opacity: 1;
}
.pswp .art-lb-arrow--prev {
  left: 4px;
}
.pswp .art-lb-arrow--next {
  right: 4px;
}
.pswp .pswp__button.art-lb-arrow svg {
  width: 26px;
  height: 26px;
  fill: none;
}

/* ---- 底部缩略图条（appendTo root，绝对定位于底部） ---- */
.pswp .art-lb-thumbs {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  display: flex;
  gap: 8px;
  padding: 14px 12px 16px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  background: #fff;
  scrollbar-width: none;
}
.art-lb-thumbs::-webkit-scrollbar {
  display: none;
}
.pswp .art-lb-thumb {
  flex: 0 0 auto;
  width: 72px;
  height: 88px;
  padding: 0;
  margin: 0;
  border: 1px solid transparent;
  border-radius: 0;
  background: #f6f6f6;
  cursor: pointer;
}
.pswp .art-lb-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.pswp .art-lb-thumb--current {
  border: 2px solid #121212;
}

/* ---- v6: 灯箱内视频（html 幻灯片）与缩略图 ▶ 角标 ---- */
.pswp .art-lb-video-wrap {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent; /* 与图片页同为白底（设计统一；黑底会吞掉顶栏黑色图标） */
}
.pswp .art-lb-video {
  width: 100%;
  max-height: 100%;
  object-fit: contain;
  background: transparent;
}
.pswp .art-lb-thumb--video {
  position: relative;
}
.pswp .art-lb-thumb-play {
  position: absolute;
  right: 5px;
  bottom: 5px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.65);
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}
.pswp .art-lb-thumb-play svg {
  width: 9px;
  height: 11px;
  fill: #fff;
  display: block;
  margin-left: 1px;
}