.grecaptcha-badge {
    display: none
}

.section__flush-top .f-section-my {
    margin-top: 0
}

.section__flush-bottom .f-section-my {
    margin-bottom: 0
}

.sf__text-stroke {
    -webkit-text-stroke: .5px #dfdfdf;
    letter-spacing: 10px;
    text-transform: uppercase;
    font-size: 110px;
    font-style: italic;
    color: rgba(0, 0, 0, 0);
    font-weight: bold
}

.sf__text-stroke.text-stroke-1 {
    font-size: 48px;
    line-height: 56px;
    font-style: normal;
    -webkit-text-stroke: 1px dimgray;
    letter-spacing: 0
}

.sf__text-scroll {
    font-size: 48px;
    line-height: 56px
}

.f-scroll {
    display: flex;
    width: 100%;
    height: 165px;
    position: relative;
    margin: auto;
    overflow: hidden
}

.f-scroll__title {
    white-space: nowrap;
    transition: all 1s ease
}

.f-scroll__title > div {
    display: flex;
    animation: scrollText var(--speed, 22s) infinite linear;
    position: absolute
}

.sf__scrolling-text .sf__scrolling-text-inner {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    overflow: hidden;
    white-space: nowrap;
    vertical-align: baseline
}

.sf__scrolling-text .sf__scrolling-text-inner:hover > * {
    animation-play-state: paused
}

.sf__scrolling-text .sf__scrolling-text-inner > * {
    margin: 0;
    animation-duration: var(--speed, 15s)
}

.sf__scrolling-text .sf__scrolling-text-inner a {
    color: inherit;
    text-decoration: none
}

.sf__scrolling-text .sf__scrolling-text-inner a em {
    font-style: normal
}

.sf__scrolling-text .sf__scrolling-text-inner span.custom {
    padding: 0 1em;
    display: inline-block;
    vertical-align: middle
}

.sf__scrolling-text .sf__scrolling-text-inner span.custom[data-scale=medium] {
    padding: 0 1em;
    transform: scale(0.5)
}

.sf__scrolling-text .sf__scrolling-text-inner span.custom[data-scale=large] {
    padding: 0 2em
}

.sf__scrolling-text[data-s-dir=ltr] .sf__scrolling-text-inner > * {
    transform: translateX(-20%) translateZ(0);
    animation: sf-scrolling-text-animation linear infinite 15s
}

.sf__scrolling-text[data-s-dir=rtl] {
    direction: rtl
}

.sf__scrolling-text[data-s-dir=rtl] .sf__scrolling-text-inner > * {
    transform: translateX(20%) translateZ(0);
    animation: sf-scrolling-text-animation-reverse linear infinite 15s
}

.sf__scrolling-text[data-s-speed=lowest] .sf__scrolling-text-inner > * {
    animation-duration: 15s
}

.sf__scrolling-text[data-s-speed=medium] .sf__scrolling-text-inner > * {
    animation-duration: 7s
}

.sf__scrolling-text[data-s-speed=fast] .sf__scrolling-text-inner > * {
    animation-duration: 4s
}

.sf__scrolling-text[data-style=text-outline] em {
    -webkit-text-stroke-color: inherit;
    -webkit-text-fill-color: rgba(0, 0, 0, 0)
}

.sf__scrolling-text[data-style=text-outline][data-outline-thickness=thin] em {
    -webkit-text-stroke-width: .015em
}

.sf__scrolling-text[data-style=text-outline][data-outline-thickness=thick] em {
    -webkit-text-stroke-width: .03em
}

.sf__scrolling-text[data-style=text-outline] a:hover em {
    -webkit-text-fill-color: initial;
    -webkit-text-stroke-width: 0
}

.sf__scrolling-text.font_size_11vh * {
    font-size: 11vh;
    line-height: 1.2em
}

.sf__tab-item {
    width: 100%;
    color: #fff;
    overflow: hidden;
    margin-bottom: 40px
}

.sf__tab-item input {
    position: absolute;
    opacity: 0;
    z-index: -1
}

.sf__tab-item-label {
    display: flex;
    justify-content: space-between;
    padding: 1em 0;
    font-weight: bold;
    cursor: pointer;
    color: #000;
    border-bottom: 1px solid #ededed;
    position: relative
}

.sf__tab-item-label::after, .sf__tab-item-label::before {
    position: absolute;
    content: "";
    text-align: center;
    transition: all var(--f-duration-default, 0.25s);
    transform: translateY(-50%);
    top: 50%;
    background: #000
}

.sf__tab-item-label::after {
    width: 11px;
    height: 1px;
    right: 0
}

.sf__tab-item-label::before {
    width: 1px;
    height: 11px;
    right: 4.5px
}

.sf__tab-item-content {
    max-height: 0;
    padding: 0;
    color: #000;
    transition: all var(--f-duration-default, 0.25s)
}

.sf__tab-item input:checked + .sf__tab-item-label {
    border-bottom-color: #000
}

.sf__tab-item input:checked + .sf__tab-item-label::before {
    display: none
}

.sf__tab-item input:checked ~ .sf__tab-item-content {
    max-height: 100vh;
    padding: 20px 0 0
}

.ssw-faveiticon {
    position: relative !important;
    display: flex;
    align-items: center
}

.ssw-socialconnect {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.ssw-social-login-widget .ssw-socialconnect > div > a {
    display: inline-flex !important;
    justify-content: center;
    align-items: center;
    height: 44px !important
}

.ssw-social-login-widget .ssw-socialconnect > div > a i[class*=ssw-icon] {
    transform: none !important
}

.ssw-stars > i {
    font-size: 16px !important
}

@media screen and (min-width: 768px) {
    .hide-on-desk {
        display: none !important
    }
}

@media screen and (max-width: 767px) {
    .hide-on-mobile {
        display: none !important
    }

    .hidden-br-mobile br {
        display: none
    }
}

.shopify-policy__container {
    max-width: 740px !important;
    margin: 0 auto 4rem !important
}

.shopify-policy__title h1 {
    font-size: 1.875rem;
    line-height: 2.25rem;
    padding: 32px 16px
}

@media screen and (min-width: 1024px) {
    .shopify-policy__title h1 {
        font-size: 2.25rem;
        line-height: 2.5rem;
        padding-top: 64px;
        padding-bottom: 64px
    }
}

.f-menu-badge {
    position: relative;
    height: 100%
}

.f-menu-badge::before {
    content: var(--badge);
    position: absolute;
    top: -4px;
    left: 6px;
    font-size: 12px;
    text-transform: capitalize;
    width: 42px;
    height: 20px;
    font-weight: 500;
    border-radius: 11px;
    display: flex;
    align-items: center;
    justify-content: center
}

.f-menu-badge--hot::before {
    background-color: #ffe7e7;
    color: #da3f3f
}

.f-menu-badge--new::before {
    background-color: #d5fbef;
    color: #3a9076
}

.flex {
    display: flex
}

.grid {
    display: grid
}

.flex-col {
    flex-direction: column
}

.items-center {
    align-items: center
}

.justify-between {
    justify-content: space-between
}

.flex-wrap {
    flex-wrap: wrap
}

.flex-1 {
    flex: 1 1 0%
}

.grid-cols-3 {
    grid-template-columns:repeat(3, minmax(0, 1fr))
}

.gap-4 {
    gap: 16px
}

.col-span-2 {
    grid-column: span 2/span 2
}

.font-medium {
    font-weight: 500
}

.font-semibold {
    font-weight: 600
}

.text-base {
    font-size: 1rem;
    line-height: 1.5rem
}

.text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem
}

.mt-0 {
    margin-top: 0 !important
}

.mt-10 {
    margin-top: 10px
}

.mb-0 {
    margin-bottom: 0
}

.text-2xl {
    font-size: 1.5rem;
    line-height: 2rem
}

.text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem
}

.leading-7 {
    line-height: 1.75rem
}

.leading-6 {
    line-height: 1.5rem
}

.pl-8 {
    padding-left: 32px
}

.px-3 {
    padding-left: 12px;
    padding-right: 12px
}

.mt-6 {
    margin-top: 24px
}

.mt-8 {
    margin-top: 32px
}

.mt-10 {
    margin-top: 40px
}

.mb-10 {
    margin-bottom: 40px
}

.mb-6 {
    margin-bottom: 24px
}

.mb-4 {
    margin-bottom: 16px
}

.mb-2\.5 {
    margin-bottom: 10px
}

.mb-2 {
    margin-bottom: 8px
}

.mr-5 {
    margin-right: 20px
}

.mx-auto {
    margin-left: auto;
    margin-right: auto
}

.list-disc {
    list-style-type: disc
}

.w-full {
    width: 100%
}

.text-color-subtext {
    color: rgb(var(--color-foreground-secondary))
}

.w-\[20px\] {
    width: 20px
}

.h-\[20px\] {
    height: 20px
}

.-mx-4 {
    margin: 0 -16px
}

.px-4 {
    padding: 0 16px
}

.mb-14 {
    margin-bottom: 56px
}

.mt-4 {
    margin-top: 16px
}

.px-12 {
    padding: 0 48px
}

.w-4 {
    width: 1rem
}

.h-4 {
    height: 1rem
}

.w-36 {
    width: 9rem
}

.ml-2 {
    margin-left: 8px
}

.grid {
    display: grid
}

.grid-cols-2 {
    grid-template-columns:repeat(2, minmax(0, 1fr))
}

@media screen and (min-width: 768px) {
    .md\:grid-cols-2 {
        grid-template-columns:repeat(2, minmax(0, 1fr))
    }

    .md\:grid-cols-3 {
        grid-template-columns:repeat(3, minmax(0, 1fr))
    }

    .md\:grid-cols-4 {
        grid-template-columns:repeat(4, minmax(0, 1fr))
    }

    .md\:pr-4 {
        padding-right: 16px
    }

    .md\:pl-12 {
        padding-left: 48px
    }

    .md\:pr-10 {
        padding-right: 40px
    }

    .md\:gap-7 {
        gap: 28px
    }

    .md\:mb-6 {
        margin-bottom: 24px
    }
}

@media screen and (min-width: 1280px) {
    .xl\:items-center {
        align-items: center
    }

    .xl\:grid-cols-3 {
        grid-template-columns:repeat(3, minmax(0, 1fr))
    }
}

@media screen and (max-width: 767px) {
    .img-ctn {
        margin-bottom: 24px
    }
}


/* WaiMaoYa red-orange gradient theme accents */
.f-button--primary,
.fec-payment-button__button.fec-payment-button__button--unbranded,
.spr-button.spr-button-primary,
.swiper-button-control {
    background: var(--gradient-button, rgb(var(--color-button))) !important;
    border-color: rgb(var(--color-button)) !important;
}

.f-button--primary:hover,
.f-button--primary:focus,
.fec-payment-button__button.fec-payment-button__button--unbranded:hover,
.fec-payment-button__button.fec-payment-button__button--unbranded:focus,
.spr-button.spr-button-primary:hover,
.spr-button.spr-button-primary:focus,
.swiper-button-control:hover,
.swiper-button-control:focus {
    background: var(--gradient-button, rgb(var(--color-button-hover))) !important;
    border-color: rgb(var(--color-button-hover)) !important;
}

.f-button--secondary:hover,
.f-button--secondary:focus {
    background: var(--gradient-button, rgb(var(--color-button-hover))) !important;
    border-color: rgb(var(--color-button-hover)) !important;
    color: rgb(var(--color-button-text-hover)) !important;
}

.f-button--primary:focus-visible,
.f-button--secondary:focus-visible,
.fec-payment-button__button.fec-payment-button__button--unbranded:focus-visible,
.spr-button.spr-button-primary:focus-visible,
.swiper-button-control:focus-visible {
    outline: 2px solid #ffffff !important;
    outline-offset: 2px;
    box-shadow: 0 0 0 4px #111111 !important;
}

/* 全站箭头与装饰性导航：统一使用 VI 红橙渐变，图标保持白色 */
.f-slider-controls__button,
.swiper-button-next,
.swiper-button-prev,
.swiper-button-control,
.f-tis__nav-btn.swiper-button-prev,
.f-tis__nav-btn.swiper-button-next,
.f-accordion-reviews__arrow,
.f-prodviewed-swiper-button-fec,
.f-card__button .icon,
.f-gallery-lightbox__arrow,
.f-portfolio-grid__arrow {
    background: var(--gradient-button, linear-gradient(135deg, #e22e1d 0%, #e65125 100%)) !important;
    border-color: #e22e1d !important;
    color: #ffffff !important;
}

.f-slider-controls__button:hover,
.f-slider-controls__button:focus,
.swiper-button-next:hover,
.swiper-button-next:focus,
.swiper-button-prev:hover,
.swiper-button-prev:focus,
.swiper-button-control:hover,
.swiper-button-control:focus,
.f-tis__nav-btn.swiper-button-prev:hover,
.f-tis__nav-btn.swiper-button-prev:focus,
.f-tis__nav-btn.swiper-button-next:hover,
.f-tis__nav-btn.swiper-button-next:focus,
.f-accordion-reviews__arrow:hover,
.f-accordion-reviews__arrow:focus,
.f-prodviewed-swiper-button-fec:hover,
.f-prodviewed-swiper-button-fec:focus,
.f-card__button .icon:hover,
.f-gallery-lightbox__arrow:hover,
.f-gallery-lightbox__arrow:focus,
.f-portfolio-grid__arrow:hover,
.f-portfolio-grid__arrow:focus {
    background: var(--gradient-button, linear-gradient(135deg, #e22e1d 0%, #e65125 100%)) !important;
    border-color: #e65125 !important;
    color: #ffffff !important;
}

.f-slider-controls__button svg,
.swiper-button-next svg,
.swiper-button-prev svg,
.swiper-button-control svg,
.f-tis__nav-btn svg,
.f-accordion-reviews__arrow svg,
.f-prodviewed-swiper-button-fec svg,
.f-card__button .icon svg,
.f-gallery-lightbox__arrow svg,
.f-portfolio-grid__arrow svg {
    color: currentColor !important;
    fill: currentColor !important;
    stroke: currentColor !important;
}

.f-slider-controls__button svg path,
.swiper-button-next svg path,
.swiper-button-prev svg path,
.swiper-button-control svg path,
.f-tis__nav-btn svg path,
.f-accordion-reviews__arrow svg path,
.f-prodviewed-swiper-button-fec svg path,
.f-card__button .icon svg path,
.f-gallery-lightbox__arrow svg path,
.f-portfolio-grid__arrow svg path {
    fill: #ffffff !important;
    stroke: #ffffff !important;
}

.f-card__button .icon {
    border-radius: 9999px;
}

.f-card__button .icon::after {
    background: var(--gradient-button, linear-gradient(135deg, #e22e1d 0%, #e65125 100%)) !important;
    opacity: 1 !important;
    border-radius: inherit;
}

.f-slider-controls__button:focus-visible,
.swiper-button-next:focus-visible,
.swiper-button-prev:focus-visible,
.swiper-button-control:focus-visible,
.f-card__button .icon:focus-visible,
.f-gallery-lightbox__arrow:focus-visible,
.f-portfolio-grid__arrow:focus-visible {
    outline: 2px solid #ffffff !important;
    outline-offset: 2px;
    box-shadow: 0 0 0 4px #111111 !important;
}

/* 小尺寸独立箭头（菜单、变体下拉、编号服务）使用 VI 红色，避免黑色残留 */
.f-menu__arrow svg,
.f-menu__sub-arrow svg,
.f-product-option--select-arrow svg,
.f-numbered-services__arrow {
    color: #e22e1d !important;
    fill: #e22e1d !important;
    stroke: #e22e1d !important;
}

.f-menu__arrow svg path,
.f-menu__sub-arrow svg path,
.f-product-option--select-arrow svg path,
.f-numbered-services__arrow path {
    fill: #e22e1d !important;
    stroke: #e22e1d !important;
}

/* 短视频与全局视频播放器的圆形切换箭头也纳入统一渐变 */
.f-short-video-list__wrapper .short-video-box__wap-swiper-button-prev,
.f-short-video-list__wrapper .short-video-box__wap-swiper-button-next,
.global-video-player-wrapper .player-button-fec {
    background: var(--gradient-button, linear-gradient(135deg, #e22e1d 0%, #e65125 100%)) !important;
    border-color: #e22e1d !important;
    color: #ffffff !important;
}

.f-short-video-list__wrapper .short-video-box__wap-swiper-button-prev svg path,
.f-short-video-list__wrapper .short-video-box__wap-swiper-button-next svg path,
.global-video-player-wrapper .player-button-fec svg path {
    fill: none !important;
    stroke: #ffffff !important;
}

/* 第三方评论轮播的边框箭头保持红色强调 */
.jdgm-carousel__right-arrow,
.jdgm-carousel__left-arrow {
    border-color: #e22e1d !important;
}

/* 其余页面模板中的箭头/切换控件：避免独立组件回退为黑色 */
.swiper-button-next::after,
.swiper-button-prev::after {
    color: #ffffff !important;
}

.player-button-fec,
.lightbox-arrow,
.jm-mfp-arrow,
.pswp__button--arrow .pswp__icn {
    background: var(--gradient-button, linear-gradient(135deg, #e22e1d 0%, #e65125 100%)) !important;
    border-color: #e22e1d !important;
    color: #ffffff !important;
}

.player-button-fec svg,
.lightbox-arrow svg,
.jm-mfp-arrow svg,
.pswp__button--arrow svg,
.pswp__button--arrow .pswp__icn svg {
    color: #ffffff !important;
    fill: #ffffff !important;
    stroke: #ffffff !important;
}

.player-button-fec svg path,
.lightbox-arrow svg path,
.jm-mfp-arrow svg path,
.pswp__button--arrow svg path,
.pswp__button--arrow .pswp__icn svg path {
    fill: #ffffff !important;
    stroke: #ffffff !important;
}

.jm-mfp-arrow:before,
.jm-mfp-arrow:after {
    border-color: #ffffff !important;
}

.f-article-navigation__prev svg,
.f-article-navigation__next svg,
.f-product-option--content-arrow svg,
.select-address .arrow-right svg,
.f-rebate-page__left-arrow svg,
.f-rebate-page__right-arrow svg,
.f-seckill-page__left-arrow svg,
.f-seckill-page__right-arrow svg,
.s-icon.arrow-right {
    color: #e22e1d !important;
    fill: #e22e1d !important;
    stroke: #e22e1d !important;
}

.f-article-navigation__prev svg path,
.f-article-navigation__next svg path,
.f-product-option--content-arrow svg path,
.select-address .arrow-right svg path,
.f-rebate-page__left-arrow svg path,
.f-rebate-page__right-arrow svg path,
.f-seckill-page__left-arrow svg path,
.f-seckill-page__right-arrow svg path,
.s-icon.arrow-right path {
    fill: #e22e1d !important;
    stroke: #e22e1d !important;
}

.player-icon-arrow-down,
.f-wishlist-page-content .icon-arrow-down,
.f-wishlist-page-content .icon-arrow-down.rotated,
.f-inquire-style .custom-tooltip-item-size-box .size-trigger .el-icon-arrow-right {
    color: #e22e1d !important;
}

.player-icon-arrow-down svg,
.f-wishlist-page-content .icon-arrow-down svg,
.f-wishlist-page-content .icon-arrow-down.rotated svg,
.f-inquire-style .custom-tooltip-item-size-box .size-trigger .el-icon-arrow-right svg {
    fill: #e22e1d !important;
    stroke: #e22e1d !important;
}

.f-image-list-preview .pswp__button--arrow .pswp__icn,
.pswp__button--arrow .pswp__icn {
    border-radius: 9999px !important;
}

/* 服务卡箭头中的内联 SVG 会继承组件的深色 currentColor；用更高优先级强制白色，
   确保红橙渐变圆形按钮上的箭头在所有页面模板中保持可读。 */
.f-services-style__wrapper .f-card__button .icon,
.f-services-style__wrapper .f-card__button .icon svg,
.f-services-style__wrapper .f-card__button .icon svg path,
.f-services-style__wrapper .f-card__button .icon svg polygon,
.f-services-style__wrapper .f-card__button .icon svg line,
.f-services-style__wrapper .f-card__button .icon svg polyline {
    color: #ffffff !important;
    fill: #ffffff !important;
    stroke: #ffffff !important;
}

.f-services-style__wrapper .f-card__button .icon svg {
    filter: brightness(0) invert(1) !important;
}

/* 内容按钮内联箭头（[arrow] 文案替换）也使用 VI 红色；在渐变按钮/服务卡上保持白色。 */
.f-rlt-reverse-x,
.f-rlt-reverse-x path,
.f-rlt-reverse-x line,
.f-rlt-reverse-x polyline,
.f-rlt-reverse-x polygon {
    color: #e22e1d !important;
    fill: none !important;
    stroke: #e22e1d !important;
}

.f-button--primary .f-rlt-reverse-x,
.f-button--primary .f-rlt-reverse-x path,
.f-button--primary .f-rlt-reverse-x line,
.f-button--primary .f-rlt-reverse-x polyline,
.f-button--primary .f-rlt-reverse-x polygon,
.f-card__button .icon,
.f-card__button .icon svg,
.f-card__button .icon svg * {
    color: #ffffff !important;
    fill: #ffffff !important;
    stroke: #ffffff !important;
}

.f-card__button .icon svg {
    filter: brightness(0) invert(1) !important;
}

/* ===== 卡片正文文字颜色修复（2026-09-27）=====
   问题：主题 product.css 的全局规则
     .template-product .rte { color: rgb(var(--color-foreground-secondary)) }
   优先级 (0,2,0) 高于卡片自身的工具类 .m:text-white (0,1,0)，
   导致商品详情页里 image-with-text-2 / video-hero 卡片的「文本颜色」设置失效（正文显示为深色）。
   修复：按卡片实际写入的颜色工具类还原颜色（含正文内 p/span/li 等子元素）。
   存量商品已生成的 body_html 快照无需重新渲染即可生效。 */
.template-product .f-hero-section .f-hero__text.rte.m\:text-white,
.template-product .f-hero-section .f-hero__text.rte.m\:text-white p,
.template-product .f-hero-section .f-hero__text.rte.m\:text-white span,
.template-product .f-hero-section .f-hero__text.rte.m\:text-white strong,
.template-product .f-hero-section .f-hero__text.rte.m\:text-white em,
.template-product .f-hero-section .f-hero__text.rte.m\:text-white li,
.template-product .f-hero-section .f-hero__text.rte.m\:text-white ul,
.template-product .f-hero-section .f-hero__text.rte.m\:text-white ol {
    color: rgba(var(--text-white), 1) !important;
}

.template-product .f-hero-section .f-hero__text.rte.m\:text-black,
.template-product .f-hero-section .f-hero__text.rte.m\:text-black p,
.template-product .f-hero-section .f-hero__text.rte.m\:text-black span,
.template-product .f-hero-section .f-hero__text.rte.m\:text-black strong,
.template-product .f-hero-section .f-hero__text.rte.m\:text-black em,
.template-product .f-hero-section .f-hero__text.rte.m\:text-black li,
.template-product .f-hero-section .f-hero__text.rte.m\:text-black ul,
.template-product .f-hero-section .f-hero__text.rte.m\:text-black ol {
    color: rgba(var(--text-black), 1) !important;
}


/* ===== 商品详情页虚拟销量显示（方案2：火焰 + 文字，2026-09-29）=====
   火焰图标（品牌橙红）+ 千分位数字 + "sold"，仅当销量 > 0 时渲染。 */
.f-product-sales-count {
    margin-top: 6px;
    display: flex;
    align-items: center;
    font-size: 14px;
    line-height: 1.5;
}
.f-product-sales-count__icon {
    flex: none;
    display: block;
    margin-right: 6px;
}
.f-product-sales-count__num,
.f-product-sales-count__plus {
    font-weight: 500;
    color: #163563;
}
.f-product-sales-count__label {
    margin-left: 6px;
    color: #8A8880;
}

/* ===== 面包屑分隔箭头颜色（2026-09-29）=====
   面包屑分隔符 svg 也带 .f-rlt-reverse-x 类，被上方全局 VI 红规则误染成红色。
   按用户要求：面包屑路径分隔箭头改为「比面包屑文字低一度的黑色」，
   最终定值 #404040（rgb 64,64,64），比文字 #222 略浅一档。fill 必须实心：该图标为 FA 实心 chevron（viewBox 256 缩至 9px），fill:none 只剩 0.035px 细轮廓、任何颜色都渲染成极浅灰。
   选择器 specificity (0,2,0)+!important 压过上方 (0,1,0)+!important 的全局红，仅作用面包屑。 */
.f-breadcrumb--separator .f-rlt-reverse-x,
.f-breadcrumb--separator .f-rlt-reverse-x path,
.f-breadcrumb--separator .f-rlt-reverse-x line,
.f-breadcrumb--separator .f-rlt-reverse-x polyline,
.f-breadcrumb--separator .f-rlt-reverse-x polygon {
    color: rgb(64, 64, 64) !important;
    fill: rgb(64, 64, 64) !important;
    stroke: rgb(64, 64, 64) !important;
}


/* ==================================================================
   CHISI Header CTA 统一改造 — 2026-09-29 (后台留痕)
   需求: 所有页面 header 必含 语言切换/搜索/账户/获取报价/免费样品/货币
   - v2 2026-09-29 23:00: 按用户要求 CTA 从 topbar 移至主导航栏右端（logo-left-menu-center case）；≥1280 显示，1280-1439 隐藏主栏冗余语言/货币切换器防溢出（topbar 仍在）；topbar 版已移除
   - 移动 <1024: 抽屉菜单顶部同款 CTA（44px 触控目标）
   - 品牌 VI: 强调色一律渐变 #e22e1d → #e65125，禁止纯色填充/文字
   - 同日: header-group.json custom_css 移除白字/白logo强制规则（白底不可见根因）
         settings_data.json contact_phone/email 占位符改真实值
   ================================================================== */
.chisi-header-cta{display:none;align-items:center;gap:8px}
.chisi-cta{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 14px;border-radius:6px;font-size:13px;font-weight:600;line-height:1;text-decoration:none;white-space:nowrap;cursor:pointer;transition:filter .2s ease,box-shadow .2s ease,background-color .2s ease,color .2s ease}
.chisi-cta__icon{width:14px;height:14px;flex:none}
.chisi-cta--solid{background:linear-gradient(135deg,#e22e1d 0%,#e65125 100%);color:#fff}
.chisi-cta--solid:hover{filter:brightness(1.08);box-shadow:0 2px 8px rgba(226,46,29,.35)}
.chisi-cta--ghost{border:1.5px solid rgba(226,46,29,.5);background:transparent}
.chisi-cta--ghost .chisi-cta__label{background:linear-gradient(90deg,#e22e1d 0%,#e65125 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.chisi-cta--ghost:hover{background:linear-gradient(135deg,#e22e1d 0%,#e65125 100%)}
.chisi-cta--ghost:hover .chisi-cta__label,.chisi-cta--ghost:hover .chisi-cta__icon{-webkit-text-fill-color:#fff;color:#fff}
.chisi-cta--ghost .chisi-cta__icon{color:#e22e1d}
.chisi-cta:focus-visible{outline:2px solid #163563;outline-offset:2px}
/* 主导航栏变体：右端双 CTA（≥1280 全文案；1280-1439 隐藏主栏冗余语言/货币切换器（topbar 仍有），防菜单挤压 */
.chisi-header-cta--main{display:none;align-items:center;gap:6px;margin-left:4px}
@media (min-width:1280px){
.chisi-header-cta--main{display:flex}
.chisi-header-cta--main .chisi-cta{height:34px;font-size:12.5px;padding:0 11px}
.chisi-header-cta--main .chisi-cta__icon{width:14px;height:14px}
}
/* v2.3 隐藏主栏切换器规则已按用户要求移除（23:30 恢复显示） */
/* v2.1 2026-09-29 23:10: 隐藏上限 1439.98→1679.98（CTA 占宽曾把菜单挤成两行，实测截图修复） */
@media (max-width:1023px){
.chisi-header-cta--drawer{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:12px 16px;border-bottom:1px solid rgba(22,53,99,.08)}
.chisi-header-cta--drawer .chisi-cta{height:44px;justify-content:center;font-size:14px;border-radius:8px}
}
/* === END CHISI Header CTA 2026-09-29 === */

/* v2.2 2026-09-29 23:15: 主栏菜单项 padding 压缩（CTA 占宽后菜单换行，自然宽875>可用780差95px；7项x20px=140px） */
@media (min-width:1280px){
.f-header .f-menu__link--main{padding-left:10px;padding-right:10px}
}


/* ==================================================================
   v3 2026-09-29 23:30 询盘图标升级为 Get a Quote 渐变按钮
   站点自带报价功能 = add to inquiry sheet（f-inquiry-icon-bubble）
   ================================================================== */
.f-header__right f-inquiry-icon-bubble{display:inline-flex}
.f-header__right f-inquiry-icon-bubble .f-header-cart{position:relative;display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 14px;border-radius:6px;background:linear-gradient(135deg,#e22e1d 0%,#e65125 100%);color:#fff;cursor:pointer;transition:filter .2s ease,box-shadow .2s ease}
.f-header__right f-inquiry-icon-bubble .f-header-cart:hover{filter:brightness(1.08);box-shadow:0 2px 8px rgba(226,46,29,.35)}
.f-header__right f-inquiry-icon-bubble .f-header-cart .f-svg-icon--large{width:15px;height:15px;color:#fff}
.f-header__right f-inquiry-icon-bubble .f-header-cart .chisi-inq-label{font-size:12.5px;font-weight:600;color:#fff;white-space:nowrap;line-height:1}
.f-header__right f-inquiry-icon-bubble .f-header-cart .f-tooltip__content{display:none}
/* 徽标：渐变红底上改品牌深海军蓝 #163563 + 白描边（原红色与 VI 底撞色不可辨） */
.f-header__right f-inquiry-icon-bubble .f-cart-count-bubble{background:#163563 !important;color:#fff !important;box-shadow:0 0 0 2px #fff;top:-7px;right:-5px;min-width:18px;height:18px;line-height:18px;font-size:11px;border-radius:9px}
/* === END v3 === */

/* v3.2 2026-09-30 15:40 移动端修复：询盘按钮仅保留图标，隐藏文字标签（标签曾撑大移动端 header 80x74 显示异常） */
.f-header__mobile f-inquiry-icon-bubble .chisi-inq-label{display:none !important}
.f-header__mobile f-inquiry-icon-bubble .f-header-cart{display:inline-flex;align-items:center;justify-content:center}
/* === END v3.2 === */

/* v4 2026-09-30 16:10 消除导航与页面内容间白带（根因：首元素 margin-top 塌陷到 main-content 外：
   商品页=面包屑 nav.f-breadcrumb 12px；自定义页=装修 .f-section-my 68px。将每页第一个 section 的前四层首元素 margin-top 归零，仅影响页面开头） */
.main-content > div:first-child nav.f-breadcrumb,
.main-content > div:first-child > :first-child > :first-child > :first-child,
.main-content > div:first-child > :first-child > :first-child,
.main-content > div:first-child > :first-child{margin-top:0}
/* === END v4 === */
.main-content > div:first-child > :first-child > :first-child > :first-child > :first-child{margin-top:0}
/* === END v4b === */

/* ==================================================================
   Blog category journal treatment 2026-10-10
   Shared by Materials Science, Case Studies, and Technical Notes.
   ================================================================== */
.main-blog-collection .chisi-journal__container{padding-top:clamp(30px,5vw,72px);padding-bottom:clamp(28px,4vw,56px)}
.main-blog-collection .chisi-journal__masthead{position:relative;overflow:hidden;padding:clamp(24px,4vw,52px);border:1px solid rgba(22,53,99,.12);border-radius:18px;background:linear-gradient(135deg,#f7f9fc 0%,#fff 72%);box-shadow:0 18px 48px rgba(22,53,99,.07)}
.main-blog-collection .chisi-journal__masthead:before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:linear-gradient(180deg,#e22e1d 0%,#e65125 48%,#163563 100%)}
.main-blog-collection .chisi-journal__masthead:after{content:"";position:absolute;right:-96px;top:-112px;width:280px;height:280px;border:1px solid rgba(22,53,99,.09);border-radius:50%;box-shadow:0 0 0 26px rgba(22,53,99,.025),0 0 0 52px rgba(22,53,99,.02);pointer-events:none}
.main-blog-collection .chisi-journal__eyebrow-row{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:14px;color:#163563;font-size:12px;font-weight:700;letter-spacing:.14em;line-height:1.4;text-transform:uppercase}
.main-blog-collection .chisi-journal__eyebrow{display:inline-flex;align-items:center;gap:9px}
.main-blog-collection .chisi-journal__eyebrow:before{content:"";display:inline-block;width:28px;height:2px;background:#e22e1d}
.main-blog-collection .chisi-journal__count{color:#68758a;font-size:11px;font-weight:600;letter-spacing:.08em;white-space:nowrap}
.main-blog-collection .chisi-journal__title-wrap{position:relative;z-index:1;margin:0}
.main-blog-collection .chisi-journal__title-wrap .f-page-header,.main-blog-collection .chisi-journal__title-wrap .f-page-header > .container,.main-blog-collection .chisi-journal__title-wrap .f-page-header__title{margin:0;padding:0;max-width:none}
.main-blog-collection .chisi-journal__title-wrap .f-page-header__title,.main-blog-collection .chisi-journal__title{color:#163563;font-family:Georgia,"Times New Roman",serif;font-size:clamp(36px,5.2vw,70px);font-weight:500;letter-spacing:-.035em;line-height:1.04}
.main-blog-collection .chisi-journal__description{position:relative;z-index:1;max-width:680px;margin-top:20px;color:#526176;font-size:16px;line-height:1.75}
.main-blog-collection .chisi-journal__description p{margin:0}
.main-blog-collection .chisi-journal__nav{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:8px;margin-top:30px}
.main-blog-collection .chisi-journal__nav a{display:inline-flex;align-items:center;min-height:44px;padding:8px 15px;border:1px solid rgba(22,53,99,.18);border-radius:999px;background:rgba(255,255,255,.78);color:#163563;font-size:13px;font-weight:600;line-height:1.2;text-decoration:none;transition:background-color .2s ease,border-color .2s ease,color .2s ease,transform .2s ease}
.main-blog-collection .chisi-journal__nav a:hover,.main-blog-collection .chisi-journal__nav a:focus-visible{border-color:#163563;background:#163563;color:#fff;transform:translateY(-1px)}
.main-blog-collection .chisi-journal__nav a.is-active{border-color:#e22e1d;background:#e22e1d;color:#fff}
.main-blog-collection .f-blog__list{column-gap:clamp(18px,2.4vw,34px);row-gap:clamp(30px,4vw,54px)}
.main-blog-collection .f-blog__list .f-blog-item,.main-blog-collection .f-blog__list .f-article-card{height:100%}
.main-blog-collection .f-blog__list .f-blog-item article,.main-blog-collection .f-blog__list .f-article-card article{height:100%;transition:transform .25s ease,box-shadow .25s ease}
.main-blog-collection .f-blog__list .f-blog-item:hover article,.main-blog-collection .f-blog__list .f-blog-item:focus-within article,.main-blog-collection .f-blog__list .f-article-card:hover article,.main-blog-collection .f-blog__list .f-article-card:focus-within article{transform:translateY(-4px);box-shadow:0 16px 34px rgba(22,53,99,.11)}
@media (min-width:1024px){
  .main-blog-collection.f-blog--view-grid .f-blog__list{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:767px){
  .main-blog-collection .chisi-journal__container{padding-top:20px;padding-bottom:28px}
  .main-blog-collection .chisi-journal__masthead{padding:24px 20px;border-radius:14px}
  .main-blog-collection .chisi-journal__eyebrow-row{align-items:flex-start;flex-direction:column;gap:10px;margin-bottom:18px}
  .main-blog-collection .chisi-journal__count{font-size:10px}
  .main-blog-collection .chisi-journal__description{margin-top:16px;font-size:15px;line-height:1.65}
  .main-blog-collection .chisi-journal__nav{gap:7px;margin-top:24px}
  .main-blog-collection .chisi-journal__nav a{padding:8px 12px;font-size:12px}
  .main-blog-collection .f-blog__list{row-gap:28px}
}
@media (prefers-reduced-motion:reduce){
  .main-blog-collection .chisi-journal__nav a,.main-blog-collection .f-blog__list .f-blog-item article,.main-blog-collection .f-blog__list .f-article-card article{transition:none}
  .main-blog-collection .chisi-journal__nav a:hover,.main-blog-collection .chisi-journal__nav a:focus-visible,.main-blog-collection .f-blog__list .f-blog-item:hover article,.main-blog-collection .f-blog__list .f-blog-item:focus-within article,.main-blog-collection .f-blog__list .f-article-card:hover article,.main-blog-collection .f-blog__list .f-article-card:focus-within article{transform:none}
}
/* === END Blog category journal treatment === */


/* CHISI blog spacing refinement, prepared for theme 564 */

/* The blog collection template leaves a 60px spacer when its title is hidden. */
.main-blog-collection > .mt-60,
.main-blog-article > .mt-60 {
  display: none !important;
  height: 0 !important;
  margin: 0 !important;
}

/* Keep the first blog section close to the header while retaining a calm reading rhythm. */
.main-blog-collection,
.main-blog-article {
  padding-top: 0 !important;
}

.main-blog-collection > .container,
.main-blog-collection > .container-fluid,
.main-blog-article > .container,
.main-blog-article > .container-fluid {
  padding-top: clamp(16px, 2.2vw, 30px) !important;
}

.main-blog-collection .chisi-journal__container {
  padding-top: clamp(14px, 2.2vw, 30px) !important;
  padding-bottom: clamp(28px, 3.5vw, 48px) !important;
}

.main-blog-collection .chisi-journal__masthead {
  padding: clamp(22px, 3.2vw, 42px) clamp(22px, 3.6vw, 48px) !important;
  border-radius: 16px;
  box-shadow: 0 12px 32px rgba(22, 53, 99, .06);
}

.main-blog-collection .chisi-journal__eyebrow-row {
  margin-bottom: 10px;
}

.main-blog-collection .chisi-journal__description {
  margin-top: 14px;
  max-width: 620px;
  line-height: 1.65;
}

.main-blog-collection .chisi-journal__nav {
  gap: 8px;
  margin-top: 22px;
}

.main-blog-collection .chisi-journal__nav a {
  min-height: 38px;
  padding: 7px 14px;
  font-size: 12px;
}

.main-blog-collection .f-blog__list {
  column-gap: clamp(18px, 2.2vw, 30px);
  row-gap: clamp(28px, 3.4vw, 46px);
  margin-top: clamp(26px, 3.2vw, 44px);
}

/* Blog article: remove the large header-to-breadcrumb gap and tighten the title block. */
.main-blog-article nav.f-breadcrumb,
.main-blog-article .f-breadcrumb {
  margin-top: 0 !important;
  margin-bottom: clamp(18px, 2.2vw, 30px) !important;
}

.main-blog-article .f-page-title,
.main-blog-article .f-page-title__inner,
.main-blog-article .f-article__header,
.main-blog-article .f-article__title {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.main-blog-article .f-article__header {
  margin-bottom: clamp(20px, 3vw, 38px) !important;
}

@media (max-width: 767px) {
  .main-blog-collection > .container,
  .main-blog-collection > .container-fluid,
  .main-blog-article > .container,
  .main-blog-article > .container-fluid {
    padding-top: 10px !important;
  }

  .main-blog-collection .chisi-journal__container {
    padding-top: 10px !important;
    padding-bottom: 28px !important;
  }

  .main-blog-collection .chisi-journal__masthead {
    padding: 22px 18px !important;
  }

  .main-blog-collection .f-blog__list {
    margin-top: 24px;
    row-gap: 26px;
  }

  .main-blog-article nav.f-breadcrumb,
  .main-blog-article .f-breadcrumb {
    margin-bottom: 16px !important;
  }
}

/* ===== VI 渐变 CTA 卡片（定制系列 4 页 rich-text-Pn3hLaLUEp，2026-10-20）===== */
.vi-cta-card .f-richtext{position:relative;overflow:hidden;max-width:1160px;margin:0 auto;text-align:center;background:linear-gradient(135deg,#e22e1d 0%,#e65125 100%);border-radius:24px;padding:clamp(46px,6vw,74px) clamp(24px,5vw,72px);box-shadow:0 22px 54px rgba(226,46,29,0.24)}.vi-cta-card .f-richtext::before{content:'';position:absolute;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,0.18),rgba(255,255,255,0) 70%);top:-180px;right:-120px;pointer-events:none}.vi-cta-card .f-richtext::after{content:'';position:absolute;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,0.12),rgba(255,255,255,0) 70%);bottom:-170px;left:-110px;pointer-events:none}.vi-cta-card .f-richtext__title{position:relative;color:#fff;font-weight:800;letter-spacing:-.01em;font-size:clamp(28px,3.6vw,44px);line-height:1.15;margin:0 0 16px}.vi-cta-card .f-richtext__description{position:relative;color:rgba(255,255,255,0.92);max-width:640px;margin:0 auto;font-size:16px;line-height:1.65}.vi-cta-card .f-richtext__button{position:relative;margin-top:30px}.vi-cta-card .f-richtext__button .f-button{background:#fff;color:#e22e1d;border:none;border-radius:6px;padding:15px 40px;font-weight:700;font-size:16px;box-shadow:0 10px 24px rgba(0,0,0,0.14);transition:transform .2s ease,box-shadow .2s ease}.vi-cta-card .f-richtext__button .f-button:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(0,0,0,0.20)}@media (max-width:639px){.vi-cta-card .f-richtext{border-radius:18px}.vi-cta-card .f-richtext__button .f-button{width:100%;padding:15px 20px}}

/* ===== 统计卡 about-counter-chem01 + 图标 icon-box-custom01 设计语言（定制系列 4 页，2026-10-20）===== */
#f-about-counter-about-counter-chem01 .f-about-content{display:flex;flex-direction:column;align-items:stretch}#f-about-counter-about-counter-chem01 .f-about-content>div{width:100%;max-width:100%}#f-about-counter-about-counter-chem01 .f-about-section__subheading{text-align:center;color:#e22e1d;font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-bottom:14px}#f-about-counter-about-counter-chem01 .f-about-section__description{text-align:center;max-width:780px;margin:0 auto;color:#222;font-size:clamp(20px,2.3vw,28px);font-weight:700;line-height:1.35}#f-about-counter-about-counter-chem01 f-about-counter>div{display:grid;gap:22px;margin-top:20px;grid-template-columns:repeat(5,minmax(0,1fr))}#f-about-counter-about-counter-chem01 .f-counter-item{background:#fff;border:1px solid #ececec;border-radius:16px;padding:34px 14px 28px;height:100%;text-align:center;box-shadow:0 8px 24px rgba(15,23,42,0.04);position:relative;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease}#f-about-counter-about-counter-chem01 .f-counter-item::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:42px;height:4px;border-radius:0 0 4px 4px;background:linear-gradient(90deg,#e22e1d,#e65125)}#f-about-counter-about-counter-chem01 .f-counter-item:hover{transform:translateY(-4px);box-shadow:0 16px 36px rgba(226,46,29,0.12)}#f-about-counter-about-counter-chem01 .f-counter-number{margin-bottom:12px;font-size:clamp(34px,3.2vw,46px);font-weight:800;line-height:1;letter-spacing:-.02em;background:linear-gradient(135deg,#e22e1d,#e65125);-webkit-background-clip:text;background-clip:text;color:transparent}#f-about-counter-about-counter-chem01 .f-counter-title{color:#606060;font-size:14px;line-height:1.4}@media (max-width:1024px){#f-about-counter-about-counter-chem01 f-about-counter>div{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:639px){#f-about-counter-about-counter-chem01 f-about-counter>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}#f-about-counter-about-counter-chem01 .f-counter-item{padding:26px 10px 22px}#f-about-counter-about-counter-chem01 .f-counter-number{font-size:30px}}#f-section--icon-box-custom01 .f-icon-box__icon{transition:transform .3s ease}#f-section--icon-box-custom01 .f-icon-box:hover .f-icon-box__icon{transform:translateY(-4px) scale(1.03)}

/* ===== 包装定制页 hero 固定 600px（2026-10-20）===== */
.hero-600{padding-top:0 !important;padding-bottom:0 !important;}
.hero-600 .f-hero{height:600px !important;}
.hero-600 .f-hero.f-hero--adapt .f-parallax.f-hero__bg,.hero-600 .f-hero.f-hero--adapt .f-parallax__wrapper{height:100% !important;}
.hero-600 .f-hero__inner{height:100% !important;}

/* ===== Mobile UX pass 2026-10-21 =====
   Scope: mobile viewport only. Desktop layout and content remain unchanged. */
@media (max-width: 767px) {
  /* Hero: keep the image immersive without pushing the heading into a separate screen. */
  .f-hero-section .f-hero__bg,
  .f-hero-section .f-hero__bg .f-parallax__wrapper,
  .f-hero-section .f-hero__bg .f-parallax__image,
  .f-hero-section .f-hero__bg picture,
  .f-hero-section .f-hero__bg img {
    min-height: 100%;
    height: 100%;
  }
  .f-hero-section .f-hero__bg img {
    width: 100%;
    object-fit: cover;
    object-position: center;
  }
  .f-hero-section .f-hero__content {
    max-width: 34rem;
    padding: 20px 18px;
  }
  .f-hero-section .f-hero__title {
    font-size: clamp(25px, 7vw, 38px);
    line-height: 1.12;
    text-wrap: balance;
  }
  .f-hero-section .f-hero__text {
    font-size: 15px;
    line-height: 1.55;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .hero-600 .f-hero,
  .hero-600 .f-hero.f-hero--adapt {
    height: clamp(420px, 118vw, 560px) !important;
    min-height: 420px;
    max-height: 560px;
  }
  .hero-600 .f-hero__inner {
    height: 100% !important;
  }

  /* Image/text lists: one focused card plus a visible next-card cue. */
  .f-image-text-carousel,
  .f-services-style-carousel,
  .f-iwt-carousel {
    display: block !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
    scroll-padding-inline: 16px;
    scrollbar-width: none;
  }
  .f-image-text-carousel::-webkit-scrollbar,
  .f-services-style-carousel::-webkit-scrollbar,
  .f-iwt-carousel::-webkit-scrollbar {
    display: none;
  }
  .f-image-text-carousel__wrapper,
  .f-services-style-carousel__wrapper,
  .f-iwt-carousel__wrapper {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 14px !important;
    width: max-content;
    min-width: 100%;
  }
  .f-image-text-carousel .f-image-text,
  .f-services-style-carousel .f-services-style,
  .f-iwt-carousel .f-iwt {
    flex: 0 0 84vw !important;
    width: 84vw !important;
    min-width: 0;
    scroll-snap-align: start;
  }
  .f-image-text-carousel .f-image-text__image,
  .f-services-style-carousel .f-services-style__image,
  .f-iwt-carousel .f-iwt__image {
    aspect-ratio: 1.25 / 1;
    min-height: 0;
    overflow: hidden;
  }
  .f-image-text-carousel .f-image-text__image img,
  .f-services-style-carousel .f-services-style__image img,
  .f-iwt-carousel .f-iwt__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .f-image-text-carousel .f-image-text__content,
  .f-services-style-carousel .f-services-style__content,
  .f-iwt-carousel .f-iwt__content {
    min-height: 0 !important;
    padding: 16px !important;
  }
  .f-image-text-carousel .f-card__title,
  .f-services-style-carousel .f-card__title,
  .f-iwt-carousel .f-richtext__title {
    font-size: 18px;
    line-height: 1.25;
  }
  .f-image-text-carousel .f-card__description,
  .f-services-style-carousel .f-card__description,
  .f-iwt-carousel .f-richtext__description {
    font-size: 14px;
    line-height: 1.55;
  }

  /* Product feature and adhesive blocks use the same compact swipe pattern. */
  .f-section-multiple-image-with-text-list-5rdwsCrULr .f-section__inner,
  .f-icon-box-section > .container-fluid,
  .f-icon-box-section f-icon-box {
    min-width: 0;
  }
  .f-icon-box-section f-icon-box {
    display: block !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
  }
  .f-icon-box-section f-icon-box::-webkit-scrollbar {
    display: none;
  }
  .f-icon-box-section .f-mixed-layout__inner {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 14px !important;
    width: max-content;
  }
  .f-icon-box-section .f-mixed-layout__inner > .m\:column {
    flex: 0 0 78vw !important;
    width: 78vw !important;
    scroll-snap-align: start;
  }
  .f-icon-box-section .f-icon-box__icon {
    max-height: 220px;
    overflow: hidden;
  }
  .f-icon-box-section .f-icon-box__icon img {
    width: 100%;
    height: 220px;
    object-fit: cover;
  }
  .f-icon-box-section .f-icon-box__content {
    padding: 16px !important;
  }

  /* Process and R&D sections: retain all steps while eliminating full-screen stacking. */
  .f-services-style-carousel .f-services-style__image {
    aspect-ratio: 4 / 3;
  }
  .f-services-style-carousel .f-services-style__wrapper {
    height: 100%;
  }

  /* Floating contact controls move to a safe bottom row so headings and tables remain readable. */
  .sidebar-contact-information {
    top: auto !important;
    right: 12px !important;
    bottom: calc(12px + env(safe-area-inset-bottom)) !important;
    left: auto !important;
    transform: none !important;
    display: flex !important;
    flex-direction: row !important;
    gap: 8px !important;
    z-index: 50;
  }
  .sidebar-contact-information .item {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px;
    min-height: 44px;
    margin: 0 !important;
  }
  .sidebar-contact-information .item .f-svg-icon {
    width: 20px;
    height: 20px;
  }
  .f-button--scroll-top {
    right: 12px !important;
    bottom: calc(68px + env(safe-area-inset-bottom)) !important;
    width: 44px;
    height: 44px;
  }

  /* Watermark grids in customizers become a single quiet brand mark on mobile. */
  .cc-watermark {
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  /* Tables keep semantic cells and become intentional swipe regions. */
  .f-specifications,
  .f-specifications table,
  .f-product-tabs table,
  .template-product .rte table {
    max-width: 100%;
  }
  .f-specifications,
  .f-product-tabs .rte,
  .template-product .rte:has(> table) {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .f-specifications table,
  .f-product-tabs table,
  .template-product .rte table {
    min-width: 620px;
  }

  /* Keep mobile section rhythm compact after converting large stacks to cards. */
  .f-section-multiple-image-with-text-list-5rdwsCrULr,
  .f-icon-box-section,
  .f-section:has(.f-services-style-carousel),
  .f-section:has(.f-iwt-carousel) {
    --section-padding-top: 24px;
    --section-padding-bottom: 24px;
  }
}

/* ===== Type R mobile refinement 2026-10-22 =====
   Scope: TYPE R product page mobile viewport only. */
@media (max-width: 767px) {
  /* Reduce section-to-section dead space while keeping readable content rhythm. */
  .template-product .f-section-py {
    padding-top: 22px !important;
    padding-bottom: 22px !important;
  }
  .template-product .f-section__header {
    margin-bottom: 16px !important;
  }
  .template-product .f-section__heading {
    margin-bottom: 8px !important;
  }

  /* Ashland adhesive now follows the same image-first swipe-card treatment as Type R features. */
  .template-product .f-icon-box-section f-icon-box {
    display: block !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding-inline: 16px;
    scroll-snap-type: x mandatory;
    scroll-padding-inline: 16px;
    scrollbar-width: none;
  }
  .template-product .f-icon-box-section f-icon-box::-webkit-scrollbar {
    display: none;
  }
  .template-product .f-icon-box-section .f-mixed-layout__wrapper,
  .template-product .f-icon-box-section .f-mixed-layout__inner {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 14px !important;
    width: max-content;
    min-width: 100%;
  }
  .template-product .f-icon-box-section .f-mixed-layout__inner > .m\:column {
    flex: 0 0 84vw !important;
    width: 84vw !important;
    max-width: 84vw !important;
    scroll-snap-align: start;
  }
  .template-product .f-icon-box-section .f-icon-box {
    height: 100%;
    border-radius: 14px;
    overflow: hidden;
  }
  .template-product .f-icon-box-section .f-icon-box__inner {
    display: block !important;
  }
  .template-product .f-icon-box-section .f-icon-box__icon,
  .template-product .f-icon-box-section .f-icon-box__icon .f-hover-box__wrapper,
  .template-product .f-icon-box-section .f-icon-box__icon responsive-image {
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    aspect-ratio: 1.25 / 1;
    overflow: hidden;
  }
  .template-product .f-icon-box-section .f-icon-box__icon img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    aspect-ratio: 1.25 / 1;
    object-fit: cover;
  }
  .template-product .f-icon-box-section .f-icon-box__content {
    min-height: 132px;
    padding: 16px !important;
    text-align: left !important;
  }
  .template-product .f-icon-box-section .f-icon-box__content .f-icon-style-3 {
    display: none;
  }
  .template-product .f-icon-box-section .f-icon-box__content h3,
  .template-product .f-icon-box-section .f-icon-box__content .f-card__title {
    font-size: 18px;
    line-height: 1.25;
    margin-bottom: 8px;
  }
  .template-product .f-icon-box-section .f-icon-box__content .rte {
    font-size: 14px;
    line-height: 1.55;
  }

  /* Shipping Information: stronger collapsed-state affordance without opening it by default. */
  .template-product .f-specs-section .f-specs__header {
    position: relative;
    min-height: 62px;
    margin: 0 16px 12px;
    padding: 12px 58px 12px 16px !important;
    border: 1px solid rgba(226, 46, 29, .35);
    border-left: 4px solid #e22e1d;
    border-radius: 12px;
    background: linear-gradient(135deg, #fff8f5, #fff);
    box-shadow: 0 6px 18px rgba(22, 53, 99, .08);
  }
  .template-product .f-specs-section .f-specs__title {
    margin: 0 !important;
    color: #163563;
    font-size: 17px;
    line-height: 1.25;
  }
  .template-product .f-specs-section .f-specs__header::after {
    content: var(--chisi-shipping-open, 'Tap to view details');
    display: block;
    margin-top: 4px;
    color: #e22e1d;
    font-size: 11px;
    line-height: 1.2;
  }
  .template-product .f-specs-section .f-specs__toggle {
    position: absolute;
    top: 9px;
    right: 10px;
    width: 44px !important;
    height: 44px !important;
    border: 1px solid rgba(226, 46, 29, .35);
    border-radius: 50%;
    color: #e22e1d;
    background: #fff;
  }
  .template-product .f-specs-section .f-specs__toggle svg {
    width: 22px;
    height: 22px;
  }
}

/* ===== Type R mobile screenshot refinement 2026-10-22 ===== */
@media (max-width: 767px) {
  /* Shipping Information: title, hint and toggle occupy deliberate grid areas. */
  .template-product .f-specs-section .f-specs__header {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 44px;
    grid-template-rows: auto auto;
    column-gap: 10px;
    align-items: center;
    min-height: 78px;
    margin: 0 16px 14px !important;
    padding: 12px 10px 12px 16px !important;
    border: 1px solid rgba(226, 46, 29, .30);
    border-left: 4px solid #e22e1d;
    border-radius: 14px;
    background: linear-gradient(135deg, #fff8f5 0%, #fff 75%);
    box-shadow: 0 6px 18px rgba(22, 53, 99, .08);
  }
  .template-product .f-specs-section .f-specs__header-left {
    grid-column: 1;
    grid-row: 1;
    min-width: 0;
  }
  .template-product .f-specs-section .f-specs__title {
    margin: 0 !important;
    color: #163563;
    font-size: 17px;
    line-height: 1.25;
    white-space: normal;
  }
  .template-product .f-specs-section .f-specs__header::after {
    content: var(--chisi-shipping-open, 'Tap to view details');
    grid-column: 1;
    grid-row: 2;
    display: block;
    margin: 4px 0 0;
    color: #e22e1d;
    font-size: 11px;
    line-height: 1.2;
  }
  .template-product .f-specs-section .f-specs__toggle {
    grid-column: 2;
    grid-row: 1 / span 2;
    position: static !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 44px !important;
    height: 44px !important;
    padding: 0;
    border: 1px solid rgba(226, 46, 29, .35);
    border-radius: 50%;
    color: #e22e1d;
    background: #fff;
  }
  .template-product .f-specs-section .f-specs__toggle svg {
    width: 21px;
    height: 21px;
  }
  .template-product .f-specs-section f-specifications:has(.f-specs__grid-wrapper.is-collapsed) .f-specs__toggle {
    transform: none !important;
  }
  .template-product .f-specs-section f-specifications:has(.f-specs__grid-wrapper:not(.is-collapsed)) .f-specs__toggle {
    transform: rotate(180deg) !important;
  }
}

/* ===== Type R shipping CTA refinement 2026-10-22 ===== */
@media (max-width: 767px) {
  /* Match the documentation CTA: clean red outline, centered label, dropdown cue. */
  .template-product .f-specs-section .f-specs__header {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 36px;
    grid-template-rows: auto auto;
    column-gap: 6px;
    align-items: center;
    min-height: 62px;
    margin: 0 16px 14px !important;
    padding: 9px 10px 9px 16px !important;
    border: 1.5px solid #e22e1d !important;
    border-radius: 8px;
    background: #fff;
    box-shadow: none;
  }
  .template-product .f-specs-section .f-specs__header-left {
    grid-column: 1;
    grid-row: 1;
    min-width: 0;
    justify-content: center;
  }
  .template-product .f-specs-section .f-specs__title {
    margin: 0 !important;
    color: #e22e1d !important;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.25;
    text-align: center;
  }
  .template-product .f-specs-section .f-specs__header::after {
    content: var(--chisi-shipping-open, 'Tap to view details');
    grid-column: 1;
    grid-row: 2;
    display: block;
    margin: 2px 0 0;
    color: #707070;
    font-size: 11px;
    line-height: 1.15;
    text-align: center;
  }
  .template-product .f-specs-section .f-specs__toggle {
    grid-column: 2;
    grid-row: 1 / span 2;
    position: static !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 36px !important;
    height: 36px !important;
    padding: 0;
    border: 0 !important;
    border-radius: 0;
    color: #e22e1d;
    background: transparent;
  }
  .template-product .f-specs-section .f-specs__toggle svg {
    width: 22px;
    height: 22px;
    stroke-width: 2.5;
  }
}

/* ===== Type R compare first-column cascade fix 2026-10-22 ===== */
@media (max-width: 767px) {
}

/* ===== Type R mobile comparison table wrap 2026-10-22 ===== */
@media (max-width: 767px) {
}

/* ===== Ashland adhesive matches Type R Key Features mobile cards 2026-10-22 ===== */
@media (max-width: 767px) {
  html body#f-theme.template-product .f-icon-box-section f-icon-box {
    display: block !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
    scroll-padding-inline: 16px;
    scrollbar-width: none;
    padding-inline: 16px;
  }
  html body#f-theme.template-product .f-icon-box-section f-icon-box::-webkit-scrollbar {
    display: none;
  }
  html body#f-theme.template-product .f-icon-box-section .f-mixed-layout__wrapper,
  html body#f-theme.template-product .f-icon-box-section .f-mixed-layout__inner {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 14px !important;
    width: max-content;
    min-width: 100%;
  }
  html body#f-theme.template-product .f-icon-box-section .f-mixed-layout__inner > .m\:column {
    flex: 0 0 84vw !important;
    width: 84vw !important;
    max-width: 84vw !important;
    scroll-snap-align: start;
  }
  html body#f-theme.template-product .f-icon-box-section .f-icon-box {
    display: block !important;
    height: 100%;
    overflow: hidden;
    border-radius: 14px;
    background: #fff !important;
  }
  html body#f-theme.template-product .f-icon-box-section .f-icon-box__inner {
    display: block !important;
  }
  html body#f-theme.template-product .f-icon-box-section .f-icon-box__icon,
  html body#f-theme.template-product .f-icon-box-section .f-icon-box__icon .f-hover-box__wrapper,
  html body#f-theme.template-product .f-icon-box-section .f-icon-box__icon responsive-image {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    aspect-ratio: 1.25 / 1;
    overflow: hidden;
  }
  html body#f-theme.template-product .f-icon-box-section .f-icon-box__icon img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
  }
  html body#f-theme.template-product .f-icon-box-section .f-icon-box__content {
    position: static !important;
    display: block !important;
    min-height: 156px;
    padding: 16px !important;
    transform: none !important;
    text-align: left !important;
    background: #fff !important;
  }
  html body#f-theme.template-product .f-icon-box-section .f-icon-box__content .f-icon-style-3 {
    display: none !important;
  }
  html body#f-theme.template-product .f-icon-box-section .f-icon-box__content h3,
  html body#f-theme.template-product .f-icon-box-section .f-icon-box__content .f-card__title {
    margin: 0 0 8px !important;
    color: #163563;
    font-size: 18px;
    line-height: 1.25;
  }
  html body#f-theme.template-product .f-icon-box-section .f-icon-box__content .rte {
    color: #4e4e4e;
    font-size: 14px;
    line-height: 1.55;
  }
}


/* Shared mobile comparison corrections, 2026-10-25.
   Legacy mobile comparison rules are consolidated above.
   Desktop rules and product content are preserved. */
@media (max-width: 767px) {
  html body#f-theme .f-compare-section .f-compare__scroll {
    position: relative;
    max-width: 100%;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding-bottom: 12px;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    scrollbar-color: rgba(22, 53, 99, .4) transparent;
  }
  html body#f-theme .f-compare-section .f-compare__scroll::after {
    content: none !important;
    display: none !important;
  }
  html body#f-theme .f-compare-section .f-section__header {
    margin-bottom: 18px !important;
    padding-bottom: 0;
  }
  html body#f-theme .f-compare-section .f-section__header::after {
    content: var(--chisi-compare-swipe, 'Swipe to compare  →');
    position: static;
    display: block;
    width: fit-content;
    margin: 12px 0 0 auto;
    padding: 0;
    color: #5d6570;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.5;
    pointer-events: none;
  }

  /* Explicit table width prevents a long label from expanding the first column.
     The live inventory contains comparison tables with 2–10 total columns. */
  html body#f-theme .f-compare-section .f-compare__table {
    --chisi-param-width: 140px;
    --chisi-value-width: 156px;
    --chisi-value-columns: 2;
    table-layout: fixed !important;
    width: calc(var(--chisi-param-width) + var(--chisi-value-columns) * var(--chisi-value-width)) !important;
    min-width: 100% !important;
    max-width: none !important;
    border-collapse: separate;
    border-spacing: 0;
  }
  html body#f-theme .f-compare-section .f-compare__table th,
  html body#f-theme .f-compare-section .f-compare__table td {
    box-sizing: border-box;
    width: var(--chisi-value-width) !important;
    min-width: 0 !important;
    max-width: none !important;
    padding: 12px 10px !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
    vertical-align: middle !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
    text-align: center !important;
  }
  html body#f-theme .f-compare-section .f-compare__table:not(.no-param-col) th:first-child,
  html body#f-theme .f-compare-section .f-compare__table:not(.no-param-col) td:first-child {
    display: table-cell !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: var(--chisi-param-width) !important;
    min-width: 0 !important;
    max-width: var(--chisi-param-width) !important;
    position: sticky;
    left: 0;
    z-index: 2;
    background: #fff !important;
    text-align: left !important;
    box-shadow: 1px 0 0 #e9ebee, 4px 0 6px -4px rgba(22, 53, 99, .18);
  }
  html body#f-theme .f-compare-section .f-compare__table:not(.no-param-col) thead th:first-child::before {
    content: var(--chisi-compare-column, 'Specification');
    display: block;
    font-size: inherit;
    font-weight: 600;
    line-height: inherit;
    white-space: normal;
  }
  html body#f-theme .f-compare-section .param-name,
  html body#f-theme .f-compare-section .param-value-cell,
  html body#f-theme .f-compare-section .f-compare-item-header {
    max-width: 100%;
    min-width: 0;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
  }
  html body#f-theme .f-compare-section .param-name {
    display: block;
  }
  html body#f-theme .f-compare-section .item-title {
    font-size: 14px !important;
    line-height: 1.35 !important;
  }
  html body#f-theme .f-compare-section .f-compare__table:has(thead > tr > th:nth-child(1):last-child) { --chisi-value-columns: 0; }
  html body#f-theme .f-compare-section .f-compare__table.no-param-col:has(thead > tr > th:nth-child(1):last-child) { --chisi-value-columns: 1; }
  html body#f-theme .f-compare-section .f-compare__table:has(thead > tr > th:nth-child(2):last-child) { --chisi-value-columns: 1; }
  html body#f-theme .f-compare-section .f-compare__table.no-param-col:has(thead > tr > th:nth-child(2):last-child) { --chisi-value-columns: 2; }
  html body#f-theme .f-compare-section .f-compare__table:has(thead > tr > th:nth-child(3):last-child) { --chisi-value-columns: 2; }
  html body#f-theme .f-compare-section .f-compare__table.no-param-col:has(thead > tr > th:nth-child(3):last-child) { --chisi-value-columns: 3; }
  html body#f-theme .f-compare-section .f-compare__table:has(thead > tr > th:nth-child(4):last-child) { --chisi-value-columns: 3; }
  html body#f-theme .f-compare-section .f-compare__table.no-param-col:has(thead > tr > th:nth-child(4):last-child) { --chisi-value-columns: 4; }
  html body#f-theme .f-compare-section .f-compare__table:has(thead > tr > th:nth-child(5):last-child) { --chisi-value-columns: 4; }
  html body#f-theme .f-compare-section .f-compare__table.no-param-col:has(thead > tr > th:nth-child(5):last-child) { --chisi-value-columns: 5; }
  html body#f-theme .f-compare-section .f-compare__table:has(thead > tr > th:nth-child(6):last-child) { --chisi-value-columns: 5; }
  html body#f-theme .f-compare-section .f-compare__table.no-param-col:has(thead > tr > th:nth-child(6):last-child) { --chisi-value-columns: 6; }
  html body#f-theme .f-compare-section .f-compare__table:has(thead > tr > th:nth-child(7):last-child) { --chisi-value-columns: 6; }
  html body#f-theme .f-compare-section .f-compare__table.no-param-col:has(thead > tr > th:nth-child(7):last-child) { --chisi-value-columns: 7; }
  html body#f-theme .f-compare-section .f-compare__table:has(thead > tr > th:nth-child(8):last-child) { --chisi-value-columns: 7; }
  html body#f-theme .f-compare-section .f-compare__table.no-param-col:has(thead > tr > th:nth-child(8):last-child) { --chisi-value-columns: 8; }
  html body#f-theme .f-compare-section .f-compare__table:has(thead > tr > th:nth-child(9):last-child) { --chisi-value-columns: 8; }
  html body#f-theme .f-compare-section .f-compare__table.no-param-col:has(thead > tr > th:nth-child(9):last-child) { --chisi-value-columns: 9; }
  html body#f-theme .f-compare-section .f-compare__table:has(thead > tr > th:nth-child(10):last-child) { --chisi-value-columns: 9; }
  html body#f-theme .f-compare-section .f-compare__table.no-param-col:has(thead > tr > th:nth-child(10):last-child) { --chisi-value-columns: 10; }

  /* Preserve tables intentionally configured without a parameter column. */
  html body#f-theme .f-compare-section .f-compare__table.no-param-col {
    --chisi-param-width: 0px;
  }
  html body#f-theme .f-compare-section .f-compare__table.no-param-col th:first-child,
  html body#f-theme .f-compare-section .f-compare__table.no-param-col td:first-child {
    position: static;
    box-shadow: none;
  }
  html body#f-theme .f-compare-section .f-compare__table.no-param-col th:first-child::before {
    content: none;
  }

  /* Only stacked mobile hero content uses the page background.
     Its desktop overlay retains the existing white text. */
  html body#f-theme.template-product .f-hero-section .f-hero--content-stack {
    margin-bottom: 0;
  }
  html body#f-theme.template-product .f-hero-section .f-hero--content-stack .f-hero__inner {
    min-height: 0 !important;
    height: auto !important;
    padding: 18px 0 0 !important;
  }
  html body#f-theme.template-product .f-hero-section .f-hero--content-stack .f-hero__content {
    width: 100%;
    max-width: 100%;
    padding: 0 8px;
  }
  html body#f-theme.template-product .f-hero-section .f-hero--content-stack .f-hero__title,
  html body#f-theme.template-product .f-hero-section .f-hero--content-stack .f-hero__subtitle {
    color: rgb(var(--color-heading)) !important;
  }
  html body#f-theme.template-product .f-hero-section .f-hero--content-stack .f-hero__text,
  html body#f-theme.template-product .f-hero-section .f-hero--content-stack .f-hero__text :is(p, span, strong, em, li) {
    color: rgb(var(--color-foreground-secondary)) !important;
  }
  html body#f-theme.template-product .f-hero-section .f-hero--content-stack .f-hero__text {
    display: block;
    -webkit-line-clamp: unset;
    overflow: visible;
    margin-bottom: 18px;
    font-size: 14px;
    line-height: 1.55;
  }
}

/* Mobile review follow-up, 2026-10-26. Desktop declarations are unchanged. */
@media (max-width: 767px) {
  /* OEM tables used overflow:hidden, creating a second sticky container. */
  html body#f-theme .f-compare-section .f-compare__table {
    overflow: visible !important;
  }

  .template-product .f-specs-section f-specifications:has(.f-specs__grid-wrapper:not(.is-collapsed)) .f-specs__header::after {
    content: var(--chisi-shipping-close, 'Tap to hide details');
  }

  /* Reuse the existing pricing cards without stacking three full-height plans. */
  .template-product .f-pricing-section .f-section__heading {
    font-size: 26px !important;
    line-height: 1.25 !important;
  }
  .template-product .f-pricing-section .f-section__subheading {
    font-size: 14px;
    line-height: 1.5;
  }
  .template-product .f-pricing-section:has(.f-pricing-card:nth-child(2)) .f-section__header::after {
    content: var(--chisi-plans-swipe, 'Swipe to compare plans →');
    display: block;
    margin-top: 12px;
    color: #606976;
    font-size: 12px;
    line-height: 1.4;
  }
  .template-product .f-pricing-section .f-pricing-grid:has(> .f-pricing-card:nth-child(2)) {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    gap: 14px !important;
    align-items: stretch;
    max-width: 100%;
    min-width: 0;
    margin-top: 0 !important;
    padding: 4px 0 12px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scrollbar-width: thin;
    -webkit-overflow-scrolling: touch;
  }
  .template-product .f-pricing-section .f-pricing-grid:has(> .f-pricing-card:nth-child(2)) > .f-pricing-card {
    flex: 0 0 calc(100% - 32px) !important;
    width: calc(100% - 32px) !important;
    max-width: 340px;
    min-width: 0;
    padding: 24px 20px !important;
    scroll-snap-align: start;
  }
}


/* CHISI tablet overflow remediation 2026-10-31.
   Only 768-1023px product layouts; phone and desktop rules remain unchanged. */
@media (min-width: 768px) and (max-width: 1023px) {
  .template-product .f-specs-section .f-specs__wrapper {
    display: block;
  }
  .template-product .f-specs-section .f-specs__header {
    width: 100%;
    margin-bottom: 24px;
  }
  .template-product .f-specs-section .f-specs__grid-wrapper {
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }
  .template-product .f-specs-section .f-specs__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .template-product .f-specs-section .f-specs__item,
  .template-product .f-specs-section .f-specs__label,
  .template-product .f-specs-section .f-specs__value {
    min-width: 0;
    overflow-wrap: anywhere;
  }
  .template-product .f-specs-section .f-specs__tooltip {
    white-space: normal !important;
    overflow-wrap: anywhere;
    max-width: 200px;
  }
  .template-product .f-product-recommendations .f-product-list {
    overflow: hidden;
  }
  .template-product .body_html [class^="section_id_testimonials-"] {
    overflow-x: clip;
  }
}



/* Contain existing tooltip and carousel overflow above the phone breakpoint.
   Desktop grid, typography, spacing and commercial data are unchanged. */
@media (min-width: 768px) {
  .template-product .f-specs-section .f-specs__tooltip {
    white-space: normal !important;
    overflow-wrap: anywhere;
    max-width: 200px;
  }
  .template-product .f-product-recommendations .f-product-list {
    overflow: hidden;
  }
  .template-product .body_html [class^="section_id_testimonials-"] {
    overflow-x: clip;
  }
}



/* Right-align header language/currency lists within their triggers.
   A hidden list previously extended the desktop document beyond the viewport. */
@media (min-width: 1024px) {
  [class^="section_id_header-"] .f-select-custom--options {
    left: auto;
    right: 0;
    max-width: calc(100vw - 32px);
  }
}

/* Closed header switcher panels do not participate in page overflow.
   FSelectComponent adds isActive before measuring its opened panel. */
[class^="section_id_header-"] .f-select-custom:not(.isActive) .f-select-custom--options {
  display: none;
}

/* Mobile labels shared by shipping details, comparison tables and pricing cards. */
@media (max-width: 767px) {
  html:lang(fr) {
    --chisi-shipping-open: 'Touchez pour voir les détails';
    --chisi-shipping-close: 'Touchez pour masquer les détails';
    --chisi-compare-swipe: 'Balayez pour comparer →';
    --chisi-compare-column: 'Caractéristiques';
    --chisi-plans-swipe: 'Balayez pour comparer les offres →';
  }

  html:lang(ja) {
    --chisi-shipping-open: 'タップして詳細を表示';
    --chisi-shipping-close: 'タップして詳細を閉じる';
    --chisi-compare-swipe: '横にスワイプして比較 →';
    --chisi-compare-column: '仕様';
    --chisi-plans-swipe: '横にスワイプしてプランを比較 →';
  }

  html:lang(ar) {
    --chisi-shipping-open: 'اضغط لعرض التفاصيل';
    --chisi-shipping-close: 'اضغط لإخفاء التفاصيل';
    --chisi-compare-swipe: 'اسحب أفقيًا للمقارنة';
    --chisi-compare-column: 'المواصفة';
    --chisi-plans-swipe: 'اسحب أفقيًا لمقارنة الباقات';
  }

}