/**
 * Dearhunter：系列页 / 商品详情页
 * 依赖 body[data-dh-page]（layout 输出）+ [data-template] 兜底
 * 筛选/排序完全由区块 settings 控制，不用 CSS 强藏（避免与 theme serve 默认值混淆）
 */

/*
 * 系列/PDP：顶栏最小占位（与主题 .header min-height 对齐，减少极端布局下跳动）。
 */
body[data-dh-page="collection"] #shopline-section-header,
body[data-dh-page="product"] #shopline-section-header,
body[data-template="collection"] #shopline-section-header,
body[data-template="product"] #shopline-section-header {
  min-height: 60px;
}
@media screen and (min-width: 960px) {
  body[data-dh-page="collection"] #shopline-section-header,
  body[data-dh-page="product"] #shopline-section-header,
  body[data-template="collection"] #shopline-section-header,
  body[data-template="product"] #shopline-section-header {
    min-height: 120px;
  }
}

body[data-dh-page="collection"] #MainContent.content-for-layout,
body[data-template="collection"] #MainContent.content-for-layout {
  overflow-x: hidden;
}

/* ---------- 系列页：商品标题最多一行 ---------- */
/* component-card.css 已改为 1 行，这里保持一致并覆盖其它规则 */
body[data-dh-page="collection"] .product-card-wrapper .product__title,
body[data-dh-page="collection"] .product-card-wrapper h3.product__title,
body[data-template="collection"] .product-card-wrapper .product__title,
body[data-template="collection"] .product-card-wrapper h3.product__title {
  display: block !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  word-break: normal !important;
}

/* PDP 规格行与刻字行：字号统一 +2px，且两处右箭头同尺寸 */
body[data-dh-page="product"] .product fieldset.product-form__input--size-modal .form__label,
body[data-template="product"] .product fieldset.product-form__input--size-modal .form__label,
body[data-dh-page="product"] .product .size-variant-modal__guide-link,
body[data-template="product"] .product .size-variant-modal__guide-link,
body[data-dh-page="product"] .product .size-variant-modal__trigger-value,
body[data-template="product"] .product .size-variant-modal__trigger-value,
body[data-dh-page="product"] .product .product-form__input--engraving .form__label,
body[data-template="product"] .product .product-form__input--engraving .form__label,
body[data-dh-page="product"] .product .product-form__input--engraving .engraving-drawer__trigger-text,
body[data-template="product"] .product .product-form__input--engraving .engraving-drawer__trigger-text {
  font-size: var(--body-font-size) !important;
  line-height: var(--body-line-height) !important;
}

body[data-dh-page="product"] .product .size-variant-modal__trigger-arrow,
body[data-template="product"] .product .size-variant-modal__trigger-arrow,
body[data-dh-page="product"] .product .product-form__input--engraving .engraving-drawer__trigger-arrow,
body[data-template="product"] .product .product-form__input--engraving .engraving-drawer__trigger-arrow {
  font-size: var(--body-font-size) !important;
  line-height: var(--body-line-height) !important;
}

/* PDP 描述折叠：默认行数加倍 + Read more/less 居中白色 */
body[data-dh-page="product"] .product .product__info-description-expand-container.expand-limit-height .expand-wrapper,
body[data-template="product"] .product .product__info-description-expand-container.expand-limit-height .expand-wrapper {
  max-height: 300px;
}

body[data-dh-page="product"] .product .expand-view-more-box,
body[data-template="product"] .product .expand-view-more-box {
  display: flex;
  justify-content: center;
  text-align: center;
}

body[data-dh-page="product"] .product .expand-view-more-box .expand-view-more-button,
body[data-dh-page="product"] .product .expand-view-more-box .expand-view-less-button,
body[data-template="product"] .product .expand-view-more-box .expand-view-more-button,
body[data-template="product"] .product .expand-view-more-box .expand-view-less-button {
  justify-content: center;
}

body[data-dh-page="product"] .product .expand-view-more-box .expand-view-more-button svg,
body[data-dh-page="product"] .product .expand-view-more-box .expand-view-less-button svg,
body[data-template="product"] .product .expand-view-more-box .expand-view-more-button svg,
body[data-template="product"] .product .expand-view-more-box .expand-view-less-button svg {
  color: inherit;
}

/* 语录：跟随主题正色 */
body[data-dh-page="collection"] .dh-collection-quote,
body[data-template="collection"] .dh-collection-quote,
body[data-dh-page="product"] .dh-collection-quote,
body[data-template="product"] .dh-collection-quote {
  margin: 20px 0 0;
  padding: 0 8px;
  border: 0;
  color: rgb(var(--color-text));
  text-align: center;
  font-style: italic;
  line-height: 1.55;
}

/* Select Companion 条 */
body[data-dh-page="collection"] .dh-companion-bar,
body[data-template="collection"] .dh-companion-bar,
body[data-dh-page="product"] .dh-companion-bar,
body[data-template="product"] .dh-companion-bar {
  margin-top: 16px;
}

body[data-dh-page="collection"] .dh-companion-trigger,
body[data-template="collection"] .dh-companion-trigger,
body[data-dh-page="product"] .dh-companion-trigger,
body[data-template="product"] .dh-companion-trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  min-height: 48px;
  padding: 10px 18px;
  border: 1px solid rgba(var(--color-text), 0.12);
  border-radius: 999px;
  background: rgb(var(--color-page-background));
  color: rgb(var(--color-text)) !important;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.02em;
  cursor: pointer;
}

body[data-dh-page="collection"] .dh-companion-trigger__dots,
body[data-template="collection"] .dh-companion-trigger__dots,
body[data-dh-page="product"] .dh-companion-trigger__dots,
body[data-template="product"] .dh-companion-trigger__dots {
  display: inline-flex;
  gap: 4px;
  align-items: center;
}

body[data-dh-page="collection"] .dh-companion-trigger__dots span,
body[data-template="collection"] .dh-companion-trigger__dots span,
body[data-dh-page="product"] .dh-companion-trigger__dots span,
body[data-template="product"] .dh-companion-trigger__dots span {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: rgb(var(--color-text));
  opacity: 0.35;
}

/* 弹窗 */
.dh-companion-dialog {
  position: fixed;
  inset: auto 0 0 0;
  margin: 0;
  padding: 0;
  border: none;
  max-width: none;
  width: 100%;
  background: transparent;
  color: rgb(var(--color-text));
}

.dh-companion-dialog::backdrop {
  background: rgba(0, 0, 0, 0.45);
}

.dh-companion-dialog__panel {
  position: relative;
  width: 100%;
  max-height: min(72vh, 560px);
  overflow: hidden;
  padding: 18px 16px calc(20px + env(safe-area-inset-bottom));
  border-radius: 18px 18px 0 0;
  background: rgb(var(--color-page-background));
  border: 1px solid rgba(var(--color-text), 0.1);
  border-bottom: none;
  box-shadow: 0 -8px 32px rgba(0, 0, 0, 0.12);
}

@media screen and (min-width: 960px) {
  .dh-companion-dialog {
    inset: auto 50% 0 auto;
    width: min(560px, 100vw);
    transform: translateX(50%);
  }
}

@media (prefers-reduced-motion: no-preference) {
  .dh-companion-dialog[open] .dh-companion-dialog__panel {
    animation: dh-companion-sheet-in 220ms cubic-bezier(0.2, 0.8, 0.2, 1) both;
  }
}

@keyframes dh-companion-sheet-in {
  from {
    transform: translateY(24px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

.dh-companion-dialog__close {
  position: absolute;
  top: 10px;
  right: 12px;
  width: 36px;
  height: 36px;
  border: none;
  border-radius: 50%;
  background: rgba(var(--color-text), 0.06);
  color: rgb(var(--color-text));
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
}

.dh-companion-dialog__heading {
  margin: 0 0 12px;
  padding-right: 36px;
  font-size: 20px;
  font-weight: 600;
  color: rgb(var(--color-text));
}

.dh-companion-dialog__list {
  margin: 0;
  padding: 0;
  max-height: calc(min(72vh, 560px) - 84px);
  overflow: auto;
}

.dh-companion-dialog__item + .dh-companion-dialog__item {
  border-top: 1px solid rgba(var(--color-text), 0.08);
}

.dh-companion-dialog__link {
  display: block;
  padding: 12px 14px;
  border: 1px solid rgba(var(--color-text), 0.12);
  border-radius: 12px;
  margin-bottom: 8px;
  background: rgb(var(--color-page-background));
  color: rgb(var(--color-text)) !important;
  text-decoration: none;
}

.dh-companion-dialog__link:hover {
  color: rgb(var(--color-text)) !important;
  opacity: 0.85;
}

/* PDP：移除描述与 You may also like 之间的异常大留白 */
body[data-dh-page="product"] .dh-product-recommendations-wrap,
body[data-template="product"] .dh-product-recommendations-wrap {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* PDP：避免双列布局把右侧信息列拉伸，导致描述后出现大面积空白 */
@media screen and (min-width: 960px) {
  body[data-dh-page="product"] main-product-detail.product,
  body[data-template="product"] main-product-detail.product {
    align-items: start;
  }

  body[data-dh-page="product"] main-product-detail.product .product__info-wrapper,
  body[data-template="product"] main-product-detail.product .product__info-wrapper {
    align-self: start;
  }
}

/* PDP 修复：某些模板输出 <product-modal>（而非 modal-dialog）时会留在文档流占位 */
body[data-dh-page="product"] product-modal.product-media-modal,
body[data-template="product"] product-modal.product-media-modal {
  position: fixed !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100vh !important;
  margin: 0 !important;
  padding: 0 !important;
  visibility: hidden !important;
  opacity: 0 !important;
  z-index: -1 !important;
  pointer-events: none !important;
}

body[data-dh-page="product"] product-modal.product-media-modal[open],
body[data-template="product"] product-modal.product-media-modal[open] {
  visibility: visible !important;
  opacity: 1 !important;
  z-index: 101 !important;
  pointer-events: auto !important;
}

/* =============================================================================
 * PDP 移动端：主图贴顶栏、左右贴屏（仅移动端 ≤959px）
 * 后续要微调：只改 body[data-dh-page="product"] 上这两个变量即可。
 *   --dh-pdp-mobile-media-top-gap：主区块顶内边距（越大主图越靠下）
 *   --dh-pdp-mobile-media-inline-gutter：主图左右各留多少 px（0 = 全宽贴边）
 *   --dh-pdp-mobile-media-list-margin-top：主题在 section-main-product-media-gallery 里给
 *     .product__media-list.grid 写了 margin-top:20px，这里改为可调（默认 0 贴顶栏）
 * ============================================================================= */
body[data-dh-page="product"],
body[data-template="product"] {
  --dh-pdp-mobile-media-top-gap: 10px;
  /* 恢复左右边距（原主题视觉）：只保留“贴顶”，不再全宽贴边 */
  --dh-pdp-mobile-media-inline-gutter: 20px;
  --dh-pdp-mobile-media-list-margin-top: 0px;
}

@media screen and (max-width: 959px) {
  /* 主图（含缩略图区域）到标题：按需求固定回 20px */
  body[data-dh-page="product"] .product .product__info-wrapper,
  body[data-template="product"] .product .product__info-wrapper {
    margin-top: 20px !important;
  }

  /* PDP 主图视频播放按钮：与首页顶部视频同尺寸（44），并对齐右侧模块边距 */
  body[data-dh-page="product"] main-product-detail .deferred-media__poster-button,
  body[data-template="product"] main-product-detail .deferred-media__poster-button,
  body[data-dh-page="product"] main-product-detail .deferred-media__poster-button.auto-width,
  body[data-template="product"] main-product-detail .deferred-media__poster-button.auto-width {
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    height: 44px !important;
    /* 该按钮相对 poster 容器定位；容器会超出视口约 11-12px，故此处取 22px 使屏幕实距约 10px */
    right: calc(22px + env(safe-area-inset-right, 0px)) !important;
    bottom: 10px !important;
  }

  body[data-dh-page="product"] main-product-detail.product.product--mobile-counter,
  body[data-template="product"] main-product-detail.product.product--mobile-counter {
    --dh-pdp-mobile-media-inline-gutter: 0px;
  }

  body[data-dh-page="product"] #MainContent.content-for-layout,
  body[data-template="product"] #MainContent.content-for-layout {
    overflow-x: hidden;
  }

  /* 主图区缩略图 → 标题：以下为原 Dearhunter 收紧间距，已注释以恢复主题默认（section-main-product 等） */
  /* body[data-dh-page="product"] .product .product__info-wrapper,
  body[data-template="product"] .product .product__info-wrapper {
    margin-top: 10px !important;
  } */

  body[data-dh-page="product"] .product__media-wrapper ul.thumbnail-list.slider.slider--mobile,
  body[data-template="product"] .product__media-wrapper ul.thumbnail-list.slider.slider--mobile {
    /* margin-bottom: 0 !important; */
    padding-right: var(--page-padding) !important;
    box-sizing: border-box;
    scroll-padding-right: var(--page-padding) !important;
    -webkit-overflow-scrolling: touch;
    /* Keep horizontal swipe for thumbnails, but never block page vertical scroll. */
    touch-action: manipulation;
    overscroll-behavior-x: contain;
  }

  body[data-dh-page="product"] [id^="MainProduct-"].section-padding.main-product-themed-bg,
  body[data-template="product"] [id^="MainProduct-"].section-padding.main-product-themed-bg {
    padding-top: var(--dh-pdp-mobile-media-top-gap) !important;
  }

  body[data-dh-page="product"] main-product-detail.product.grid > .product__media-wrapper,
  body[data-template="product"] main-product-detail.product.grid > .product__media-wrapper {
    --dh-g: var(--dh-pdp-mobile-media-inline-gutter, 0px);
    width: calc(100vw - (var(--dh-g) * 2));
    max-width: none;
    margin-left: calc(50% - 50vw + var(--dh-g)) !important;
    margin-right: calc(50% - 50vw + var(--dh-g)) !important;
    margin-top: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box;
  }

  /* PDP 移动端：主图/视频圆角（沿用之前可生效的方法，只调大一点点） */
  body[data-dh-page="product"] main-product-detail.product .product__media-wrapper,
  body[data-template="product"] main-product-detail.product .product__media-wrapper {
    /* 仅主图保留圆角，避免缩略图组继承到底部外角 */
    border-radius: 0;
    overflow: visible;
  }

  /* 主题实际把媒体放在 .product__media-item 里的 .deferred-media / .product__media 上，给这些“承载层”也打圆角 */
  body[data-dh-page="product"] main-product-detail.product .product__media-item,
  body[data-template="product"] main-product-detail.product .product__media-item {
    border-radius: calc(var(--product-card-border-radius, 16px) + 3px) !important;
    overflow: hidden;
  }

  body[data-dh-page="product"] main-product-detail.product .product__media-item .deferred-media,
  body[data-template="product"] main-product-detail.product .product__media-item .deferred-media,
  body[data-dh-page="product"] main-product-detail.product .product__media-item .product__media,
  body[data-template="product"] main-product-detail.product .product__media-item .product__media,
  body[data-dh-page="product"] main-product-detail.product .product__media-item .deferred-media__poster,
  body[data-template="product"] main-product-detail.product .product__media-item .deferred-media__poster,
  body[data-dh-page="product"] main-product-detail.product .product__media-item .media,
  body[data-template="product"] main-product-detail.product .product__media-item .media {
    border-radius: calc(var(--product-card-border-radius, 16px) + 3px) !important;
    overflow: hidden;
  }

  body[data-dh-page="product"] main-product-detail.product .product__media-item img,
  body[data-template="product"] main-product-detail.product .product__media-item img,
  body[data-dh-page="product"] main-product-detail.product .product__media-item video,
  body[data-template="product"] main-product-detail.product .product__media-item video,
  body[data-dh-page="product"] main-product-detail.product .product__media-item iframe,
  body[data-template="product"] main-product-detail.product .product__media-item iframe {
    border-radius: calc(var(--product-card-border-radius, 16px) + 3px) !important;
  }

  body[data-dh-page="product"] main-product-detail.product.product--mobile-counter .product__media-item,
  body[data-template="product"] main-product-detail.product.product--mobile-counter .product__media-item,
  body[data-dh-page="product"] main-product-detail.product.product--mobile-counter .product__media-item .deferred-media,
  body[data-template="product"] main-product-detail.product.product--mobile-counter .product__media-item .deferred-media,
  body[data-dh-page="product"] main-product-detail.product.product--mobile-counter .product__media-item .product__media,
  body[data-template="product"] main-product-detail.product.product--mobile-counter .product__media-item .product__media,
  body[data-dh-page="product"] main-product-detail.product.product--mobile-counter .product__media-item .deferred-media__poster,
  body[data-template="product"] main-product-detail.product.product--mobile-counter .product__media-item .deferred-media__poster,
  body[data-dh-page="product"] main-product-detail.product.product--mobile-counter .product__media-item .media,
  body[data-template="product"] main-product-detail.product.product--mobile-counter .product__media-item .media,
  body[data-dh-page="product"] main-product-detail.product.product--mobile-counter .product__media-item img,
  body[data-template="product"] main-product-detail.product.product--mobile-counter .product__media-item img,
  body[data-dh-page="product"] main-product-detail.product.product--mobile-counter .product__media-item video,
  body[data-template="product"] main-product-detail.product.product--mobile-counter .product__media-item video,
  body[data-dh-page="product"] main-product-detail.product.product--mobile-counter .product__media-item iframe,
  body[data-template="product"] main-product-detail.product.product--mobile-counter .product__media-item iframe {
    border-radius: 0 !important;
  }

  /* 控制台量到的 10px：来自 .product__media-list.grid { margin-top: 20px } 与顶栏叠边后的可视差 */
  body[data-dh-page="product"] .product__media-wrapper .product__media-list.grid,
  body[data-template="product"] .product__media-wrapper .product__media-list.grid {
    margin-top: var(--dh-pdp-mobile-media-list-margin-top) !important;
  }

  /* 缩略图组底角去除：不依赖 body data-*，避免页面标记不一致导致失效 */
  main-product-detail.product .product__thumbnail-slider-group.product__thumbnail--bottom .thumbnail-slider,
  main-product-detail.product .product__thumbnail-slider-group.product__thumbnail--bottom .thumbnail-list.slider.slider--mobile {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    /* pan-x+pan-y：横滑切缩略图；纵滑交给页面，由 component-media-gallery.js 触摸桥接避免被 slider 吞掉 */
    touch-action: manipulation !important;
  }
}

/* =============================================================================
 * PDP：右侧信息区「每一大块」纵向间距统一 10px — 已注释以恢复主题默认（.product__info-container > * + * 等）
 * ============================================================================= */
/* main-product-detail.product product-info.product__info-container {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  row-gap: 10px !important;
  column-gap: 0 !important;
}

main-product-detail.product product-info.product__info-container > * {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
} */

/* 勿在此对无 .product__info-item 的直子级 div 做 display:none（与 section-main-product.css 一致）：
 * 商品评价等 ISV 根节点会被误杀，getBoundingClientRect 呈 0×0。 */

/* 第三方移动端悬浮加购：浅色页用主题线色描边，避免旧「白描边」在白底上发虚 */
body[data-dh-page="product"] #addToCartPluginMobile button,
body[data-template="product"] #addToCartPluginMobile button,
body[data-dh-page="product"] #addToCartPluginMobile [role="button"],
body[data-template="product"] #addToCartPluginMobile [role="button"],
body[data-dh-page="product"] .addToCartPluginWithTheme button,
body[data-template="product"] .addToCartPluginWithTheme button {
  border: 1.5px solid rgba(var(--color-text), 0.18) !important;
  box-shadow: 0 0 0 1px rgba(var(--color-text), 0.06) inset !important;
}

body[data-dh-page="product"] #addToCartPluginMobile,
body[data-template="product"] #addToCartPluginMobile,
body[data-dh-page="product"] #addToCartPluginMobile .addToCartPluginWithTheme,
body[data-template="product"] #addToCartPluginMobile .addToCartPluginWithTheme {
  border: 1.5px solid rgba(var(--color-text), 0.18) !important;
  box-shadow: 0 0 0 1px rgba(var(--color-text), 0.06) inset !important;
  box-sizing: border-box !important;
}

/* 商品卡顶部白边修复：改掉 50% + translate 的亚像素缝 */
.product-card-wrapper .card__media > img {
  top: 0 !important;
  transform: none !important;
}

/* ---------- PDP 规格 / 刻字 / Size 纵向间距（原 10px 体系）— 已注释以恢复主题默认 ---------- */
/* body[data-dh-page="product"] .product .product__info-container variant-radios fieldset.product-form__input,
body[data-template="product"] .product .product__info-container variant-radios fieldset.product-form__input {
  margin-bottom: 10px !important;
}

body[data-dh-page="product"]
  .product
  .product__info-container
  variant-radios
  fieldset.product-form__input:last-of-type,
body[data-template="product"]
  .product
  .product__info-container
  variant-radios
  fieldset.product-form__input:last-of-type {
  margin-bottom: 0 !important;
}

body[data-dh-page="product"] .product .product__info-container variant-selects .variant-input-wrapper,
body[data-template="product"] .product .product__info-container variant-selects .variant-input-wrapper {
  margin-bottom: 10px !important;
}

body[data-dh-page="product"]
  .product
  .product__info-container
  variant-selects
  .variant-input-wrapper:last-of-type,
body[data-template="product"]
  .product
  .product__info-container
  variant-selects
  .variant-input-wrapper:last-of-type {
  margin-bottom: 0 !important;
}

body[data-dh-page="product"] .product .product__info-container .product-form__input--engraving,
body[data-template="product"] .product .product__info-container .product-form__input--engraving {
  margin: 0 !important;
  margin-top: 10px !important;
  padding-top: 20px !important;
  position: relative;
  align-items: center !important;
}

body[data-dh-page="product"] .product .product__info-container .product-form__input--engraving .engraving-drawer__trigger,
body[data-template="product"] .product .product__info-container .product-form__input--engraving .engraving-drawer__trigger {
  min-height: unset !important;
}

body[data-dh-page="product"] .product .product__info-container .product-form__input--engraving::before,
body[data-template="product"] .product .product__info-container .product-form__input--engraving::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 1px;
  background: rgba(var(--color-text), 0.12);
  pointer-events: none;
}

body[data-dh-page="product"] .product .product__info-container > .product__info-item:has(.product-form__input--engraving),
body[data-template="product"] .product .product__info-container > .product__info-item:has(.product-form__input--engraving) {
  padding-bottom: 10px !important;
}

body[data-dh-page="product"]
  .product__info-container
  variant-radios
  fieldset.product-form__input--image-variant
  .variant-image-options,
body[data-template="product"]
  .product__info-container
  variant-radios
  fieldset.product-form__input--image-variant
  .variant-image-options {
  padding-top: 0 !important;
  padding-bottom: 10px !important;
}

body[data-dh-page="product"] .product .product__info-container variant-radios fieldset.product-form__input--image-variant,
body[data-template="product"] .product .product__info-container variant-radios fieldset.product-form__input--image-variant {
  padding-bottom: 0 !important;
  position: relative;
}

body[data-dh-page="product"] .product .product__info-container variant-radios fieldset.product-form__input--image-variant::after,
body[data-template="product"] .product .product__info-container variant-radios fieldset.product-form__input--image-variant::after {
  content: none;
}

body[data-dh-page="product"]
  .product__info-container
  variant-radios
  fieldset.product-form__input--size-modal
  .form__label,
body[data-template="product"]
  .product__info-container
  variant-radios
  fieldset.product-form__input--size-modal
  .form__label {
  margin-bottom: 0 !important;
}

body[data-dh-page="product"] .product .product__info-container variant-radios fieldset.product-form__input--size-modal,
body[data-template="product"] .product .product__info-container variant-radios fieldset.product-form__input--size-modal {
  position: relative;
  margin-top: 10px !important;
  padding-top: 20px !important;
}

body[data-dh-page="product"] .product .product__info-container variant-radios fieldset.product-form__input--size-modal::before,
body[data-template="product"] .product .product__info-container variant-radios fieldset.product-form__input--size-modal::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 1px;
  background: rgba(var(--color-text), 0.12);
  pointer-events: none;
} */