/* ni_product_page.css — bundled product-page styles (2026-08-01 modernization). */

/* ==== begin ni_product_inline.css ==== */
.ni-spec-toast{display:none;position:relative;z-index:6;vertical-align:top;width:auto;max-width:255px;margin:14px 0 0 6px;padding:7px 11px 8px 11px;border:1px solid #f4d7d4;border-radius:12px;background:linear-gradient(180deg,#fffdfb 0%,#fff7f7 100%);color:#7f6d6b;box-shadow:0 6px 14px rgba(254,118,121,.08);}
.ni-spec-toast:before{content:'';position:absolute;left:18px;top:-6px;width:10px;height:10px;background:#fffafb;border-left:1px solid #f4d7d4;border-top:1px solid #f4d7d4;transform:rotate(45deg);}
.ni-spec-toast.is-show{display:inline-block;animation:niSpecToastIn .22s ease-out;}
.ni-spec-toast__title{font-size:12px;font-weight:bold;letter-spacing:.04em;line-height:1.45;color:#fe7679;}
.ni-spec-toast__title:before{content:'＊';display:inline-block;margin-right:4px;color:#f2a4ad;}
.ni-spec-toast__sub{margin-top:2px;font-size:11px;color:#9b8581;line-height:1.55;}
.ni-spec-toast__sub.is-hidden{display:none;}
.ni-spec-missing{background:transparent;box-shadow:none;border:0;}
.ni-spec-missing .ni-spec-title{color:#a27a84;}
.ni-spec-missing .ni-spec-count{background:#fff3f4;color:#fe7679;box-shadow:none;}
.ni-spec-scroll-wrap{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;}
.ni-spec-missing .ni-spec-scroll-wrap{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;}
.ni-add-cart-trigger,
.ni-add-cart-trigger:focus,
.ni-add-cart-trigger:active,
.ni-add-cart-trigger img,
.ni-add-cart-trigger img:focus,
.ni-add-cart-trigger img:active{outline:none;box-shadow:none;border:0;}

.ni-spec-pill,
.catt a.ni-spec-pill,
.ni-spec-track a{font-family:inherit;text-decoration:none;}
.ni-spec-pill:hover,
.catt a.ni-spec-pill:hover,
.ni-spec-track a:hover{border-color:#ebb8c0;color:#75686c;transform:none;}
.ni-spec-pill.cattsel,
.ni-spec-pill.selected,
.ni-spec-pill.onbg,
.ni-spec-pill.current,
.catt a.ni-spec-pill.cattsel,
.catt a.ni-spec-pill.selected,
.catt a.ni-spec-pill.onbg,
.catt a.ni-spec-pill.current,
.ni-spec-track a.cattsel,
.ni-spec-track a.selected,
.ni-spec-track a.onbg,
.ni-spec-track a.current{border-color:#cdb9b0;background:var(--ni-v34-active, linear-gradient(180deg,#fff5f7 0%,#ffedef 100%));color:#6a5b54;box-shadow:inset 0 0 0 1px rgba(255,255,255,.48), 0 4px 10px rgba(120,93,75,.07);}
.ni-spec-head{margin-bottom:8px;}
.ni-spec-title{line-height:1.35;}
.ni-spec-count{line-height:1.35;}
.ni-spec-scroll{padding-top:0;padding-bottom:0;}
.ni-spec-track{gap:8px;}
.ni-spec-toast-row{list-style:none;width:100%;margin-top:12px;padding-left:4px;}

@media (max-width: 1280px){.ni-spec-toast{max-width:100%;}}
@keyframes niSpecToastIn{from{opacity:0;transform:translateY(6px);}to{opacity:1;transform:translateY(0);}}

.ni-spec-unavailable{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:8px 14px;border:1px dashed #e8d7ce;border-radius:16px;background:#fffaf7;color:#9b7f74;font-size:14px;line-height:1.6;box-shadow:0 6px 16px rgba(174,144,132,.05)}

/* --- merged from ni_product_spec_soldout.css (spec soldout) --- */
/* Extracted from goods.dwt inline style (2026-08-01 modernization). */
.ni-spec-pill.is-soldout,
.ni-spec-pill[aria-disabled="true"] {
  opacity: .45;
  cursor: not-allowed;
  filter: grayscale(.2);
}
.ni-spec-pill.is-soldout {
  border-style: dashed;
}
.ni-spec-soldout-badge {
  display: none;
  margin-left: 6px;
  padding: 1px 6px;
  border-radius: 999px;
  font-size: 11px;
  line-height: 1.4;
  background: #f1e7e2;
  color: #9a7a72;
  vertical-align: middle;
}
.ni-spec-pill.is-soldout .ni-spec-soldout-badge,
.ni-spec-pill[aria-disabled="true"] .ni-spec-soldout-badge {
  display: inline-block;
}
.ni-spec-soldout-toast {
  margin-top: 8px;
}

/* --- merged from ni_product_zoom_natural.css (zoom natural) --- */
/* Extracted from goods.dwt */
/* phys4: stripped erroneous <style> wrapper from merged zoom */
     /* NI_V6_NATURAL: 圖片自然顯示，零裁切，容器隨圖片比例自動調整 */
     #zoom1.ni-main-image-link{overflow:hidden;border-radius:24px;line-height:0}
     #zoom1.ni-main-image-link .ni-img-frame,
     #zoom1.ni-main-image-link .ni-img-frame--product-main,
     #zoom1.ni-main-image-link picture,
     #zoom1.ni-main-image-link .autoslim-picture{display:block;width:100%;line-height:0;border-radius:inherit}
     #zoom1.ni-main-image-link .ni-img--product-main,
     #zoom1.ni-main-image-link img{display:block;width:100%;height:auto;border-radius:0;clip-path:none}
     @media(max-width:700px){#zoom1.ni-main-image-link{border-radius:18px}}
/* ==== end ni_product_inline.css ==== */

/* ==== begin ni_product_lightbox.css ==== */
/* Extracted from goods.dwt */
/* NI_CONVERGENCE: canonical product lightbox.
 * 2026-06-21 glass layer rootfix.
 * Keep overlay/background, stage, close button and runtime in this single
 * goods.dwt block. Do not restyle .nij-product-lightbox from style.css,
 * pages.css, ni_product.css, or page_footer.lbi.
 *
 * Root cause fixed here:
 * The blur/tint was previously painted on the same full-screen overlay layer.
 * Chrome then composited a gray-tinted layer above the page, so the site was
 * blurred but visually buried. The overlay must stay transparent; the glass
 * effect lives on ::before, and the optional vignette lives on ::after.
 * Close button: desktop sits in frame padding outside image top-right; mobile uses inset top-right inside frame so overflow:hidden does not clip it.
 * Post-cascade guard after ni_frontend_assets prevents global button font scaling.
 */
.nij-product-lightbox{
  position:fixed;
  z-index:2147483000;
  left:0;
  top:0;
  right:0;
  bottom:0;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:28px;
  box-sizing:border-box;
  overflow:hidden;
  background:transparent;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  isolation:isolate;
  transition:opacity .22s ease, visibility 0s linear .22s;
}
.nij-product-lightbox.is-active{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transition:opacity .22s ease, visibility 0s linear 0s;
}
.nij-product-lightbox:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  background:rgba(42,36,34,.18);
  -webkit-backdrop-filter:blur(9px) saturate(1.06);
  backdrop-filter:blur(9px) saturate(1.06);
  pointer-events:none;
}
.nij-product-lightbox:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  background:radial-gradient(circle at center, rgba(255,255,255,.08) 0, rgba(255,255,255,.035) 38%, rgba(32,27,25,.10) 72%, rgba(18,14,13,.18) 100%);
  pointer-events:none;
}
.nij-product-lightbox-stage{
  position:relative;
  z-index:1;
  width:fit-content;
  max-width:94vw;
  max-height:90vh;
  margin:0 auto;
  padding:14px;
  border:1px solid rgba(255,255,255,.30);
  border-radius:22px;
  background:rgba(255,255,255,.20);
  box-shadow:0 24px 70px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.32);
  text-align:center;
  overflow:visible;
  opacity:0;
  will-change:opacity;
  transition:opacity .22s ease;
}
.nij-product-lightbox.is-active .nij-product-lightbox-stage{
  opacity:1;
}
.nij-product-lightbox-frame{
  position:relative;
  display:inline-block;
  max-width:100%;
  vertical-align:top;
}
.nij-product-lightbox-media{
  position:relative;
  display:inline-block;
  max-width:100%;
  line-height:0;
  vertical-align:top;
}
.nij-product-lightbox-stage img{
  display:block;
  max-width:calc(94vw - 28px);
  max-height:calc(90vh - 78px);
  width:auto;
  height:auto;
  object-fit:contain;
  background:#fff;
  border-radius:16px;
  box-shadow:0 10px 32px rgba(78,58,54,.16);
  opacity:0;
  will-change:opacity;
  transition:opacity .18s ease;
}
.nij-product-lightbox.is-image-ready .nij-product-lightbox-stage img{
  opacity:1;
}
.nij-product-lightbox-caption{
  min-height:0;
  max-width:72vw;
  margin:8px auto 0;
  color:rgba(255,255,255,.94);
  font-size:13px;
  line-height:1.5;
  text-shadow:0 1px 8px rgba(0,0,0,.28);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.nij-product-lightbox-frame > .nij-product-lightbox-close,
.nij-product-lightbox-frame > .nij-product-lightbox-close:link,
.nij-product-lightbox-frame > .nij-product-lightbox-close:visited,
.nij-product-lightbox-frame > .nij-product-lightbox-close:hover,
.nij-product-lightbox-frame > .nij-product-lightbox-close:focus,
.nij-product-lightbox-frame > .nij-product-lightbox-close:active{
  position:absolute;
  top:-48px;
  left:100%;
  right:auto;
  margin-left:14px;
  bottom:auto;
  float:none;
  z-index:4;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:40px;
  height:40px;
  min-width:40px;
  min-height:40px;
  max-width:40px;
  max-height:40px;
  margin-top:0;
  margin-right:0;
  margin-bottom:0;
  padding:0;
  border:0;
  border-radius:999px;
  outline:0;
  background:rgba(42,34,32,.34);
  background-image:none;
  -webkit-appearance:none;
  appearance:none;
  box-shadow:0 4px 14px rgba(0,0,0,.18);
  color:rgba(255,248,246,.96);
  font-size:0;
  line-height:0;
  text-align:center;
  text-decoration:none;
  cursor:pointer;
  opacity:0;
  visibility:hidden;
  text-shadow:none;
  transform:none;
  overflow:hidden;
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
  transition:background .16s ease, color .16s ease;
  pointer-events:none;
}
.nij-product-lightbox-close-icon{
  display:block;
  width:30px;
  height:30px;
  flex:0 0 30px;
  pointer-events:none;
}
.nij-product-lightbox.is-active.is-image-ready .nij-product-lightbox-frame > .nij-product-lightbox-close{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}
.nij-product-lightbox-frame > .nij-product-lightbox-close:hover,
.nij-product-lightbox-frame > .nij-product-lightbox-close:focus{
  color:#fff;
  background:rgba(42,34,32,.48);
}
.nij-product-lightbox-frame > .nij-product-lightbox-close:active{opacity:.88;}
.nij-product-lightbox-frame > .nij-product-lightbox-close:before,
.nij-product-lightbox-frame > .nij-product-lightbox-close:after{content:none;display:none;}
.nij-product-lightbox.is-loading .nij-product-lightbox-frame:after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:34px;
  height:34px;
  margin:-17px 0 0 -17px;
  border-radius:50%;
  border:3px solid rgba(216,191,189,.24);
  border-top-color:#d8a9ac;
  -webkit-animation:nijLightboxSpin .82s linear infinite;
  animation:nijLightboxSpin .82s linear infinite;
  pointer-events:none;
  z-index:2;
}
@-webkit-keyframes nijLightboxSpin{to{-webkit-transform:rotate(360deg);transform:rotate(360deg);}}
@keyframes nijLightboxSpin{to{-webkit-transform:rotate(360deg);transform:rotate(360deg);}}
#goodsInfo .ni-main-image-link:before,
#goodsInfo .ni-main-image-link:after,
#goodsInfo .ni-lightbox-trigger:before,
#goodsInfo .ni-lightbox-trigger:after{content:none;display:none;}
#goodsInfo .ni-lightbox-trigger{position:relative;display:block;cursor:zoom-in;}
@media (max-width:700px){
  .nij-product-lightbox{padding:12px;padding-top:max(12px, env(safe-area-inset-top));}
  .nij-product-lightbox-stage{width:fit-content;max-width:96vw;max-height:86vh;padding:8px;border-radius:16px;}
  .nij-product-lightbox-stage img{max-width:calc(96vw - 16px);max-height:calc(86vh - 58px);border-radius:12px;}
  .nij-product-lightbox-caption{max-width:82vw;margin-top:6px;font-size:12px;}
}
@media (prefers-reduced-motion:reduce){
  .nij-product-lightbox,
  .nij-product-lightbox-stage,
  .nij-product-lightbox-stage img,
  .nij-product-lightbox-close{transition:none;-webkit-animation:none;animation:none;}
}
/* ==== end ni_product_lightbox.css ==== */

/* ==== begin ni_product_lightbox_close_guard.css ==== */
/* Extracted from goods.dwt */
/* Load after foundation/page CSS so global button rules cannot resize the close icon. */
html body .nij-product-lightbox .nij-product-lightbox-frame > button.nij-product-lightbox-close,
html body .nij-product-lightbox .nij-product-lightbox-frame > button.nij-product-lightbox-close:hover,
html body .nij-product-lightbox .nij-product-lightbox-frame > button.nij-product-lightbox-close:focus,
html body .nij-product-lightbox .nij-product-lightbox-frame > button.nij-product-lightbox-close:active{
  position:absolute;
  top:-48px;
  left:100%;
  right:auto;
  margin-left:14px;
  bottom:auto;
  width:40px;
  height:40px;
  min-width:40px;
  min-height:40px;
  max-width:40px;
  max-height:40px;
  padding:0;
  margin-top:0;
  margin-right:0;
  margin-bottom:0;
  margin-left:14px;
  font-size:0;
  line-height:0;
  transform:none;
  overflow:hidden;
}
html body .nij-product-lightbox .nij-product-lightbox-close-icon,
html body .nij-product-lightbox .nij-product-lightbox-close-icon:hover,
html body .nij-product-lightbox .nij-product-lightbox-close-icon:focus,
html body .nij-product-lightbox .nij-product-lightbox-close-icon:active{
  display:block;
  width:30px;
  height:30px;
  max-width:30px;
  max-height:30px;
  flex:0 0 30px;
  pointer-events:none;
}
@media (max-width:700px){
  /* RWD canonical close placement lives here (post-cascade guard beats global button rules). */
  html body .nij-product-lightbox .nij-product-lightbox-frame > button.nij-product-lightbox-close,
  html body .nij-product-lightbox .nij-product-lightbox-frame > button.nij-product-lightbox-close:hover,
  html body .nij-product-lightbox .nij-product-lightbox-frame > button.nij-product-lightbox-close:focus,
  html body .nij-product-lightbox .nij-product-lightbox-frame > button.nij-product-lightbox-close:active{
    top:max(8px, env(safe-area-inset-top, 0px));
    right:max(8px, env(safe-area-inset-right, 0px));
    left:auto;
    margin:0;
    z-index:6;
    width:40px;
    height:40px;
    min-width:40px;
    min-height:40px;
    max-width:40px;
    max-height:40px;
    box-shadow:0 6px 18px rgba(0,0,0,.28);
  }
  html body .nij-product-lightbox .nij-product-lightbox-close-icon,
  html body .nij-product-lightbox .nij-product-lightbox-close-icon:hover,
  html body .nij-product-lightbox .nij-product-lightbox-close-icon:focus,
  html body .nij-product-lightbox .nij-product-lightbox-close-icon:active{
    width:30px;
    height:30px;
    max-width:30px;
    max-height:30px;
    flex-basis:30px;
  }
}
/* ==== end ni_product_lightbox_close_guard.css ==== */

/* ==== begin ni_product_minicart.css ==== */
/* Extracted from goods.dwt */
#minicart{
    color:#5f584f;
    line-height:1.6;
    width:420px;
    max-width:calc(100vw - 32px);
    position:fixed;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    background:linear-gradient(180deg,#fffdfa 0%,#f6f1ea 100%);
    display:none;
    z-index:10000;
    border:1px solid #e7ddd3;
    border-radius:24px;
    box-shadow:0 28px 60px rgba(118,95,79,.18);
    overflow:hidden;
  }
  #minicart.is-open{
    display:block;
  }
  #minicart .minicart_box{
    padding:24px 26px 18px;
    position:relative;
  }
  #minicart .minicart_box a{text-decoration:none}
  #minicart .minicart_box strong{margin:0 5px}
  #minicart .mini_status{
    display:flex;
    align-items:flex-start;
    gap:14px;
  }
  #minicart .mini_status_icon{
    width:48px;
    height:48px;
    border-radius:16px;
    background:linear-gradient(180deg,#f7eae4 0%,#f0ddd5 100%);
    color:#b97f87;
    font-size:26px;
    line-height:48px;
    text-align:center;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.65);
    flex:0 0 48px;
  }
  #minicart .mini_status_body{
    min-width:0;
    padding-right:28px;
  }
  #minicart .mini_overline{
    display:block;
    color:#b2a69a;
    font-size:11px;
    letter-spacing:.16em;
    margin-bottom:4px;
  }
  /* #closediv 樣式已統一至 components.css .ni-cart-popup-close */
  .minispan1{
    display:block;
    font-size:22px;
    font-weight:600;
    letter-spacing:.02em;
    color:#5d554d;
    margin-bottom:6px;
  }
  .mini_summary{
    margin:0;
    color:#8b8177;
    font-size:14px;
  }
  .mini_summary b,
  #curTotalNum{
    color:#b97f87;
    font-size:24px;
    font-weight:600;
    margin:0 4px;
  }
  .minicart_box .submit{
    padding:16px 0 2px;
    display:flex;
    flex-wrap:wrap;
    gap:8px;
  }
  .minicart_box .submit span{vertical-align:top}
  .font_14{font-size:14px}
  .btn_type6,
  .btn_type5{
    background:none;
    display:inline-flex;
    height:auto;
    overflow:visible;
    padding:0;
    border-radius:999px;
  }
  .btn_type6 a,
  .btn_type5 a{
    border:none;
    cursor:pointer;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:34px;
    line-height:1;
    margin:0;
    overflow:visible;
    padding:0 16px;
    border-radius:999px;
    font-size:13px;
    letter-spacing:.02em;
    transition:transform .18s ease, box-shadow .18s ease, background .18s ease;
  }
  .btn_type6 a{
    color:#fff;
    font-weight:600;
    background:linear-gradient(180deg,#d8c3bc 0%,#cbb3ac 100%);
    box-shadow:0 6px 12px rgba(177,143,136,.18);
  }
  .btn_type6 a:hover{
    transform:translateY(-1px);
    box-shadow:0 8px 14px rgba(177,143,136,.22);
  }
  .btn_type5 a{
    color:#6f675f;
    background:#fff7f1;
    border:1px solid #eadfd6;
    box-sizing:border-box;
  }
  .btn_type5 a:hover{background:#f8efe8}
  #flowRecommand{
    margin:0;
    padding:0 26px 22px;
    border-top:1px solid #ece2d8;
    background:rgba(255,255,255,.28);
  }
  #flowRecommand .ajax-loader{margin:40px auto;display:block}
  #flowRecommand h4{
    color:#8c8278;
    margin-top:16px;
    margin-bottom:12px;
    font-size:13px;
    letter-spacing:.08em;
  }
  #flowRecommand .ni-recommand-toggle{
    font-family:var(--font-body,"Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif);
    font-weight:600;
    font-synthesis:none;
  }
  .ni-recommand-toggle{
    display:flex;
    align-items:center;
    gap:6px;
    cursor:pointer;
    -webkit-tap-highlight-color:transparent;
    user-select:none;
    -webkit-user-select:none;
  }
  .ni-recommand-toggle__arrow{
    display:inline-block;
    font-size:8px;
    line-height:1;
    color:var(--ni-toggle-caret-color, var(--ni-toggle-caret-dust, #b8a69d));
    transition:transform .22s ease;
    transform:rotate(0deg);
  }
  .ni-recommand-toggle[aria-expanded="true"] .ni-recommand-toggle__arrow{
    transform:rotate(90deg);
  }
  #flowRecommand ul{
    margin-top:0;
    overflow:hidden;
    width:100%;
    display:flex;
    flex-wrap:wrap;
    gap:12px;
  }
  #flowRecommand ul li{
    display:block;
    float:none;
    margin-left:0;
    overflow:hidden;
    width:calc(25% - 9px);
    min-width:82px;
  }
  #flowRecommand .tb-pic{
    width:auto;
    background:#fff;
    border:1px solid #e9dfd5;
    margin-bottom:6px;
    padding:4px;
    border-radius:14px;
  }
  #flowRecommand .tb-pic a img{width:100%;border:0;border-radius:10px;display:block}
  #flowRecommand .tb-pic a:hover img{border:0}
  #flowRecommand .tb-desc{
    color:#7d746b;
    display:block;
    height:34px;
    line-height:17px;
    overflow:hidden;
    word-wrap:break-word;
    font-size:12px;
  }
  #flowRecommand .tb-price{
    line-height:18px;
    color:#9a8f84;
    display:block;
    font-family:arial,verdana;
    font-size:12px;
    margin-top:2px;
  }
  #flowRecommand .tb-sales{line-height:18px;color:#808080;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  #flowRecommand .tb-price em{color:var(--ni-color-price, #cf6f75);font-weight:bold;margin-left:3px}
  #flowRecommand .tb-sales a{color:#b97f87}
  @media (max-width: 520px){
    #minicart .minicart_box{padding:22px 18px 16px}
    #flowRecommand{padding:0 18px 18px}
    #flowRecommand ul li{width:calc(50% - 6px)}
    .minispan1{font-size:20px}
    .mini_summary b,
    #curTotalNum{font-size:22px}
  }
/* ==== end ni_product_minicart.css ==== */

/* ==== begin ni_product_legacy_spec_mobile.css ==== */
/* Extracted from goods.dwt */
@media(max-width:767px){
  .ni-legacy-spec-sheet.is-open{background:rgba(0,0,0,.18);-webkit-backdrop-filter:blur(16px) saturate(1.4);backdrop-filter:blur(16px) saturate(1.4);}
  .ni-legacy-spec-sheet__backdrop{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;}
  .ni-legacy-spec-sheet__backdrop-glass{display:none;}
  .ni-legacy-spec-sheet__title{display:flex;align-items:center;justify-content:space-between;gap:8px;font-family:"Noto Serif TC","PMingLiU",serif;font-size:24px;font-weight:700;letter-spacing:.045em;color:#4e372f;text-align:left;}
  .ni-legacy-spec-sheet__group{padding:0;}
  .ni-legacy-spec-sheet__group-name{display:none;}
  .ni-legacy-spec-sheet__fade{position:absolute;bottom:0;width:48px;z-index:4;pointer-events:none;}
  .ni-legacy-spec-sheet__fade--left{left:0;background:linear-gradient(to right,#fff7f7 0%,rgba(255,247,247,0) 100%);border-radius:0 0 0 22px;}
  .ni-legacy-spec-sheet__fade--right{right:0;background:linear-gradient(to left,#fff7f7 0%,rgba(255,247,247,0) 100%);border-radius:0 0 22px 0;}
  .ni-legacy-spec-sheet__count{display:inline-flex;align-items:center;padding:3px 12px;border-radius:999px;background:#fff1f1;color:#5d443d;border:1px solid #f0c9c4;font-size:11px;font-weight:700;white-space:nowrap;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:0;}
  .ni-legacy-spec-sheet__options--scroll{padding:6px 6px 8px;}
  .ni-legacy-spec-sheet__soldout-badge{display:inline-block;margin-left:5px;padding:1px 6px;border-radius:999px;font-size:10px;line-height:1.4;background:#f1e7e2;color:#9a7a72;font-weight:400;}
}
/* ==== end ni_product_legacy_spec_mobile.css ==== */