/*
 Theme Name:   Storefront Child
 Theme URI:
 Description:  Storefront子主题，TGM引导插件，后台按钮生成古腾堡首页，支持Stackable Carousel全屏轮播
 Author:
 Author URI:
 Template:     storefront
 Version:      1.0
 Text Domain:  storefront-child
*/

/* 全宽页面容器解除最大宽度限制 */
.storefront-full-width-content .content-area {
    max-width: 100% !important;
    padding:0;
}
.content-area {
    /* max-width: 1300px; */
}

/* Stackable Carousel 轮播图片全屏适配 */
.wp-block-stackable-carousel .wp-block-stackable-carousel-slide img {
    width:100%;
    height:100%;
    object-fit: cover;
    object-position: center center;
}
.wp-block-stackable-carousel .wp-block-stackable-carousel-slide{
    padding:0 !important;
}


/* 产品卡片圆角阴影示例，按需调整 */
.woocommerce ul.products li.product {
    border-radius:12px;
    box-shadow: 0 2px 12px rgba(0,0,0,0.08);
    overflow:hidden;
}
.button {
    border-radius:8px;
}

/*四列页脚布局*/
.site-footer{
    /* background-color: #F2DFDF !important; */
}

.footer-four-column{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap:30px;
    padding:40px 0;
}
.footer-col h4{
    font-size:18px;
    margin-bottom:16px;
    font-weight: bold;
}
.footer-col ul{
    list-style: none;
    padding: 0;
    margin:0;
}
.footer-col ul li{
    margin-bottom: 8px;
}
.footer-col a{
    text-decoration: none;
    color:#333;
}
.footer-col a:hover{
    color:#c87498;
    text-decoration: underline;
}
.footer-copyright{
    text-align:center;
    padding:20px 0;
    border-top: 1px solid #ddd;
}

/* ===== 移动端适配新增代码 ===== */
/* 平板：768px以下 → 2列 */
@media screen and (max-width:768px){
    .footer-four-column{
        grid-template-columns: 1fr 1fr;
        gap:24px;
        padding:24px 0;
    }
}
/* 手机：480px以下 → 单列 */
@media screen and (max-width:480px){
    .footer-four-column{
        grid-template-columns: 1fr;
        gap:24px;
        padding:24px 0;
    }
    .footer-col h4{
        font-size:16px;
        margin-bottom:10px;
    }
    .footer-copyright{
        font-size:14px;
        padding:16px 0;
    }
}

.page-content{
    font-size: 18px;
    color: #333 !important;
}

.col-full {
    max-width: 1400px !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
}

#masthead{
    margin-bottom: 0px;
	margin-top:-5px;
}

/* 全站取消侧边栏，主内容100%宽度 */
body.home #primary {
    margin-top: 0 !important;
}

#primary {
    width: 100% !important;
    float: none !important;
    margin-right: 0 !important;
    margin-top: 10px;
}
#secondary{
    display: none !important;
}

/* 移除鼠标点击所有元素紫色外框 */
a:focus,
button:focus,
input:focus,
select:focus,
textarea:focus,
.button:focus,
.wc-forward:focus {
    outline: none !important;
}

.alignwide{
	margin:0px !important;
}

.entry-content{
	margin:0px !important;
}

.woocommerce-products-header {
    /* display: none !important; */
}

.storefront-breadcrumb{
    margin: 0 !important;
}
.woocommerce-products-header{
    padding: 0 !important;
}

.entry-header{
	/* display:none; */
}

/* 自定义CSS */
.header-icon-group {
    display:flex;
    align-items:center;
    gap:20px;
	color:#fff;
}
.header-icon-link {
    display:flex;
    align-items:center;
    background:transparent;
    border:none;
    cursor:pointer;
    padding:0;
}
.header-icon-link svg {
    width:24px;
    height:24px;
}
/* Xoo购物车清除默认边距 */
.header-cart-icon .xoo-wsc-cart-trigger {
    margin:0 !important;
    padding:0 !important;
}
.header-cart-icon .xoo-wsc-cart-trigger svg {
    width:24px;
    height:24px;
}

/* 搜索弹窗遮罩层 */
.search-modal {
    position: fixed;
    inset:0;
    background:rgba(0,0,0,0.7);
    display:none;
    z-index:9999;
    align-items:flex-start;
    justify-content:center;
    padding-top:120px;
}
.search-modal.open {
    display:flex;
}
.search-modal-inner {
    width: min(90%, 600px);
    background:#fff;
    padding:24px;
    padding-top:40px; /* 顶部留出空间，给×按钮 */
    border-radius:8px;
    position:relative;
}
/* 关闭按钮，右上角，不遮挡表单 */
.search-close-btn {
    position:absolute;
    top:8px;
    right:12px;
    font-size:26px;
    width:32px;
    height:32px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:transparent;
    border:none;
    cursor:pointer;
    line-height:1;
    margin:0;
    padding:0;
    border-radius:50%;
}
.search-close-btn:hover {
    background:#fff;
}
.search-form {
    display:flex;
    gap:10px;
}
.search-field {
    flex:1;
    padding:10px;
    font-size:16px;
}
.search-submit {
    padding:10px 16px;
    cursor:pointer;
}

.search-open-btn {
    outline: none;
    box-shadow: none;
}
.search-open-btn:hover {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}
.search-open-btn:active {
    background: transparent !important;
    box-shadow: none !important;
}

/* 头部基础样式 */
.site-header .col-full {
    flex-wrap: wrap;
}
.header-icon-group {
    flex-shrink: 0;
}

/* ========= 移动端适配 768px ========= */
@media screen and (max-width:768px) {
    .site-header .col-full {
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        gap: 10px !important;
    }
    /* Logo */
    .site-header .col-full > div:first-child {
        order: 1;
        max-width:120px !important;
        flex: 0 0 auto;
    }
    /* 导航容器独占整行 */
    .site-header .col-full > div:nth-child(2) {
        order: 3;
        flex: 1 1 100% !important;
        width:100%;
        margin-top:8px;
    }
    /* 图标组，同行靠右 */
    .site-header .col-full > div:nth-child(3) {
        order: 2;
        margin-left: auto !important;
        flex:0 0 auto;
        gap:14px;
    }
    .header-icon-link svg{
        width:20px;
        height:20px;
    }

    .menu-toggle {
        float: none !important;
        position: relative !important;
        display: block !important;
        margin:0 !important;
        /* 左侧padding，给汉堡+文字预留空间 */
        padding: 8px 0 8px 40px !important;
		transform: translateY(-20px) !important;
    }

    /* 一次性平移整套汉堡三条线，三条线之间间距不变！ */
    .menu-toggle::before,
    .menu-toggle::after,
    .menu-toggle span::before{
        left:4px !important; /* 整体往右挪，调这个数字即可 */
    }

    /* 下拉菜单保持原样 */
    .primary-navigation ul.menu {
        padding:15px 0;
        margin:0;
        width:100%;
    }
    .primary-navigation ul.menu li a{
        padding:12px 0;
        font-size:16px;
        line-height:1.4;
        display:block;
        border-bottom:1px solid #eee;
    }
    .primary-navigation ul.menu li:last-child a{
        border-bottom:none;
    }
    .primary-navigation ul.menu li ul.sub-menu li a{
        padding-left:20px;
        font-size:15px;
    }
}

/* ===== 搜索弹窗样式 ===== */
.search-modal{
    position:fixed;
    inset:0;
    background:rgba(0,0,0,0.7);
    z-index:99999;
    display:none;
    align-items:center;
    justify-content:center;
}
.search-modal.open{
    display:flex;
}
.search-modal-inner{
    background:#fff;
    width:90%;
    max-width:600px;
    padding:30px;
    position:relative;
    border-radius:6px;
}
.search-close-btn{
    position:absolute;
    top:10px;
    right:16px;
    font-size:28px;
    border:none;
    background:transparent;
    cursor:pointer;
    padding:0;
}
.search-form{
    display:flex;
    gap:10px;
}
.search-field{
    flex:1;
    padding:12px;
    font-size:16px;
}
.search-submit{
    padding:12px 20px;
    cursor:pointer;
}
@media(max-width:480px){
    .search-form{
        flex-wrap:wrap;
    }
    .search-field{
        width:100%;
    }
}

/* Xoo购物车svg图标强制白色 */
.header-cart-icon .xoo-wsc-sc-bki {
    color: #fff !important;
}

.header-icon-link:hover svg {
    fill: #dddddd !important;
}

/* Stackable Column 外层容器 全宽 */
.wp-block-stackable-column.is-align-full {
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* 图片填满单元格，统一裁剪 */
.wp-block-stackable-column figure.wp-block-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* 内层三列网格，移动端改成2列 */
@media (max-width:768px){
    .wp-block-stackable-columns.has-3-columns {
        grid-template-columns: repeat(2,1fr) !important;
        gap:14px !important;
    }
}

/* 仅 cat-image‑grid 内部图片hover放大，轮播不会触发 */
.cat-image-grid figure.wp-block-image {
    overflow: hidden;
}
.cat-image-grid figure.wp-block-image img {
    transition: transform 0.4s ease, opacity 0.3s ease;
    transform: scale(1);
}
.cat-image-grid figure.wp-block-image img:hover {
    transform: scale(1.08);
    opacity: 0.92;
}

.wp-block-stackable-columns{
	margin-bottom:-20px !important;
}

/* 父容器：相对定位，作为按钮定位基准 */
.banner-carousel {
    position: relative !important;
}
/* 按钮组：绝对定位，底部居中浮在图片上面 */
.banner-carousel .wp-block-stackable-button-group {
    position: absolute;
    bottom: 80px;
    left: 80%;
    transform: translateX(-50%);
    z-index: 10;
    margin: 0 !important;
}
/* 按钮：白底黑字 */
.banner-carousel .stk-button {
    background:#ffffff !important;
    color:#000000 !important;
    border-radius:8px !important;
    padding:12px 28px !important;
}
.banner-carousel .stk-button .stk-button__inner-text{
	color:#000000 !important;
	font-size: x-large;
}
/* hover效果：鼠标悬浮浅灰底色 */
.banner-carousel .stk-button:hover {
    background:#eeeeee;
    color:#000000;
}
/* 移动端适配 */
@media (max-width:768px){
    .banner-carousel .wp-block-stackable-button-group {
        bottom:20px;
    }
    .banner-carousel .stk-button {
        padding:8px 18px;
    }
}

/* Stackable外层容器 */
.cat-grid-fullwidth {
    width:100% !important;
    max-width:100% !important;
    padding:0 16px;
    box-sizing:border-box;
}

/* 纯净网格 */
.cat-grid-fullwidth-inner .my-cat-grid {
    display: grid !important;
    grid-template-columns: repeat(4,1fr) !important;
    gap: 24px;
    list-style: none;
    padding:0 !important;
    margin:0 !important;
}

/* 分类卡片 正方形 */
.cat-grid-fullwidth-inner .my-cat-grid .my-cat-item {
    overflow: hidden;
    border-radius:12px;
    position: relative;
    aspect-ratio: 1 / 1;
    width:100%;
    margin:0;
    padding:0;
}

.cat-grid-fullwidth-inner .my-cat-grid .my-cat-item a {
    display:block;
    width:100%;
    height:100%;
    text-decoration:none;
}

/* 图片 */
.cat-grid-fullwidth-inner .my-cat-grid .my-cat-item img {
    transition: transform 0.4s ease, opacity 0.3s ease;
    transform: scale(1);
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

/* 文字居中浮层 */
.cat-grid-fullwidth-inner .my-cat-grid .my-cat-item .cat-title {
    position:absolute;
    top:50%;
    left:50%;
    transform: translate(-50%, -50%);
    margin:0;
    padding:0;
    font-size:20px;
    color:#fff;
    z-index:2;
    text-align:center;
    text-shadow: 0 1px 6px rgba(0,0,0,0.6);
}

/* hover放大 */
.cat-grid-fullwidth-inner .my-cat-grid .my-cat-item a:hover img {
    transform: scale(1.06);
    opacity: 0.92;
}

/* 半透明遮罩 */
.cat-grid-fullwidth-inner .my-cat-grid .my-cat-item a::after {
    content:"";
    position:absolute;
    inset:0;
    background:rgba(0,0,0,0.25);
    z-index:1;
    border-radius:12px;
}

.cat-grid-fullwidth-inner{
	margin-top:30px;
}

.cat-grid-fullwidth-inner .cat-title{
	font-size:32px !important;
	font-weight:bold;
}

/* 移动端 */
@media(max-width:991px){
    .cat-grid-fullwidth-inner .my-cat-grid {
        grid-template-columns: repeat(2,1fr);
    }
}
@media(max-width:576px){
    .cat-grid-fullwidth-inner .my-cat-grid {
        grid-template-columns: repeat(1,1fr);
    }
}

.cat-more-wrap {
    margin: 32px;
    text-align: center;
}
.cat-more-btn {
    display: inline-block;
    padding: 12px 28px;
    border: 1px solid #000;
    background-color: #ffffff;
    color: #000000;
    text-decoration: none !important;
    border-radius: 4px;
    transition: 0.25s ease all;
}
.cat-more-btn:hover {
    background-color: #000000;
    color: #ffffff;
    text-decoration: none !important;
}
.col-products-cola .cat-more-wrap{
	margin-top:-10px;
	margin-bottom:30px;
	padding:10px;
}

/* 整体立体外框：只保留一个明显边框层 */
.product-carousel-wrap {
  position: relative;
  overflow: hidden;
  margin: 40px 0;
  padding: 20px;
  background: #ffffff;
  border: 1px solid #d9d9d9;
  border-radius: 18px;
  /* box-shadow: */
    /* 0 1px 1px rgba(0, 0, 0, 0.08), */
    /* 0 8px 20px rgba(0, 0, 0, 0.12), */
    /* inset 0 0 0 1px rgba(255, 255, 255, 0.6); */
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* 悬浮时整体更立体，但不增加新层级 */
.product-carousel-wrap:hover {
  transform: translateY(-3px);
  /* box-shadow: */
    /* 0 2px 2px rgba(0, 0, 0, 0.10), */
    /* 0 12px 28px rgba(0, 0, 0, 0.15), */
    /* inset 0 0 0 1px rgba(255, 255, 255, 0.6); */
}

/* 去掉内部容器边框，避免第二层 */
.product-carousel-container {
  overflow: hidden;
  border-radius: 10px;
}

.product-carousel-track {
  display: flex;
  gap: 24px;
  flex-wrap: nowrap !important;
  animation: scrollLoop 30s linear infinite;
}

.product-carousel-track:hover {
  animation-play-state: paused;
}

/* 产品卡片只做轻微层次，不抢外框 */
.product-item {
  flex: 0 0 calc(25% - 18px);
  min-width: calc(25% - 18px);
  overflow: hidden;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.product-item:hover {
  transform: translateY(-4px);
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.10);
}

.product-item a {
  text-decoration: none;
  display: block;
}

.product-item img {
  width: 100%;
  aspect-ratio: 1/1;
  object-fit: cover;
  transition: transform 0.4s ease;
  display: block;
}

.product-item a:hover img {
  transform: scale(1.06);
}

.prod-title {
  font-size: 16px;
  color: #000;
  margin: 12px 0 4px;
}

.prod-price {
  color: #666;
}

@keyframes scrollLoop {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}

/* 移动端 */
@media(max-width:991px){
  .product-item {
    flex: 0 0 calc(50% - 12px);
    min-width: calc(50% - 12px);
  }
}
@media(max-width:576px){
  .product-item {
    flex: 0 0 100%;
    min-width: 100%;
  }
}

/**********************************************************/
.full-product-card{
	list-style: none;
}
.full-card-wrap{
	background:#fff;
	border-radius:12px;
	overflow:hidden;
	padding:12px;
	box-shadow:0 2px 8px rgba(0,0,0,0.06);
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.full-card-wrap:hover{
	transform: translateY(-4px);
	box-shadow: 0 6px 16px rgba(0,0,0,0.10);
}
.card-image{
	position:relative;
}
.card-main-img{
	width:100%;
	aspect-ratio:1/1;
	object-fit:cover;
	display:block;
	border-radius:8px;
}
/* 缩略图库 */
.card-gallery-thumbs{
	display:flex;
	gap:6px;
	margin-top:10px;
	align-items:center;
	overflow-x:auto;
	padding-bottom:4px;
}
.card-gallery-thumbs::-webkit-scrollbar{
	height:3px;
}
.card-thumb-item{
	width:42px;
	height:42px;
	object-fit:cover;
	border-radius:4px;
	cursor:pointer;
	border:1px solid transparent;
	flex-shrink:0;
}
.card-thumb-item:hover{
	border-color:#000;
}
.thumb-more{
	flex-shrink:0;
	font-size:12px;
	color:#666;
	padding:0 4px;
}
.card-sale-badge{
	position:absolute;
	z-index:2;
	background:#e53935;
	color:#fff;
	padding:2px 8px;
	font-size:12px;
	border-radius:4px;
}
.card-body{
	margin-top:12px;
}
.card-title{
	font-size:16px;
	margin:0 0 8px;
	text-decoration:none;
}
.card-title a{
	color:#121b17;
	font-weight: 500;
	text-decoration:none !important;
}
.card-price{
	font-size:16px;
	font-weight:bold;
	margin-bottom:8px;
	color:#E00E2E;
}
.card-short-desc{
	font-size:13px;
	color:#666;
	margin-bottom:8px;
}
.card-addcart button{
	width:100%;
}

.product-item a{
	text-decoration:none !important;
}

.product-item .prod-title{
	color:#121b17;
	font-weight: 500;
	font-size:16px;
	margin:8px;
}
.product-item .prod-price{
	font-size:16px;
	font-weight:bold;
	margin:0px 8px;
	color:#E00E2E;
}
/* site-header 保持全屏不变，不动它 */
.site-header {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
}

/* 轮播外层容器，强制和正文content同宽 */
/* 把 .slider-wrapper 替换成你轮播实际外层class，F12查看 */
.slider-wrapper {
    max-width: 1170px; /* 和站点内容最大宽度一致 */
    margin: 0 auto;
    padding: 0 15px;
    width: 100%;
}
/* 轮播内部图片不要超出容器 */
.slider-wrapper img {
    max-width: 100%;
    height: auto;
}

.summary .product_title{
	font-size: x-large;
	font-weight:bold;
}

.woocommerce-Price-amount{
	color:#f00;
}

.xoo-wsc-sc-subt .woocommerce-Price-amount{
	color:#fff;
}

/* ===== Woo产品相册缩略图横向轮播 ===== */
/* 图库最外层，用来定位左右箭头 */
.woocommerce-product-gallery {
  /* position: relative !important; */
  padding: 0 40px !important; /* 左右预留箭头位置 */
  /* margin-top:50px !important; */
}

/* 缩略图ol：横向滚动，隐藏原生滚动条 */
.woocommerce-product-gallery .flex-control-thumbs {
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
  -ms-overflow-style: none;
  display: flex !important;
  gap: 8px;
  flex-wrap: nowrap !important;
  padding: 0 !important;
  margin: 12px 0 0 !important;
}
/* Chrome隐藏滚动条 */
.woocommerce-product-gallery .flex-control-thumbs::-webkit-scrollbar {
  display: none;
}

/* 修复缩略图li，取消原生百分比浮动 */
.woocommerce-product-gallery .flex-control-thumbs li {
  width: auto !important;
  flex: 0 0 auto !important;
  float: none !important;
  clear: none !important;
  margin: 0 !important;
}
.woocommerce-product-gallery .flex-control-thumbs li img {
  width: 100px;
  height: auto;
  display: block;
  border-radius: 4px;
}

/* 左右箭头，挂载在 .woocommerce-product-gallery 外层，固定不动 */
.thumb-prev,.thumb-next{
  position:absolute;
  bottom: 20px;
  /* 往上挪自身高度一半，实现箭头本体居中 */
  transform: translateY(-15px);
  width:34px;
  height:34px;
  background:#ffffff;
  border-radius:50%;
  z-index:999 !important;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:30px;
  user-select:none;
  pointer-events:auto !important;
}
.thumb-prev{left: 4px;}
.thumb-next{right:4px;}
.product_meta{font-size:20px !important; display:none;}

.main-navigation{
	width:100% !important;
}

.buy-it-now{
    border-radius:8px;
    padding:12px 20px;
}
.buy-it-now:hover{
    background:#990000 !important;
}

/* 结算页核心：强制body可滚动，覆盖JS添加的内联样式 */
body.woocommerce-checkout{
    overflow: auto !important;
}

/* 结算页面隐藏side cart所有容器 */
body.woocommerce-checkout .side-cart,
body.woocommerce-checkout .side-cart-offcanvas,
body.woocommerce-checkout .side-cart-drawer,
body.woocommerce-checkout .xoo-wsc-container,
body.woocommerce-checkout .xoo-wsc-modal{
    display: none !important;
    visibility:hidden !important;
    opacity:0 !important;
    pointer-events:none !important;
}

/* 弹跳 */
@keyframes bounce-three-times {
  0%   { transform: translateY(0); }
  20%  { transform: translateY(-24px); } /*第1跳最高点*/
  35%  { transform: translateY(0); }
  50%  { transform: translateY(-16px); }  /*第2跳最高点*/
  65%  { transform: translateY(0); }
  80%  { transform: translateY(-8px); }  /*第3跳最高点*/
  92%  { transform: translateY(0); }
  100% { transform: translateY(0); }
}

.add-to-cart-bounce {
  animation: bounce-three-times 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transform-origin: center bottom;
}

button.single_add_to_cart_button {
  transition: transform 0.2s ease;
}

/* =========订单滚动表格【放到图片下方】========= */
#app_pt-move-block {
    width:100% !important;
    margin-top:30px; /* 和上方图片区块拉开间距 */
    box-sizing:border-box;
}

/* 外部标题区域，表格外面，分行 */
.app_pt-outer-header{
	margin-top:0;
	margin-bottom:8px;
}
.app_pt-title{
	font-size:20px;
	font-weight:bold;
	margin-bottom:4px;
}
.app_pt-time{
	font-size:16px;
	color:#666;
}

.app_pt-table{
  width:100%;
  border:1px solid #eee;
  border-radius:8px;
  overflow:hidden;
}
.app_pt-th{
  display:grid;
  grid-template-columns: 1fr 1fr 80px 120px;
  background:#f7f7f7;
  font-weight:600;
  padding:10px 8px;
  font-size:16px;
}
.app_pt-tbody{
  max-height:220px;
  overflow:hidden;
  position:relative;
}
.app_pt-item-wrap{
  animation: scrollUp 20s linear infinite;
}
.app_pt-item-wrap:hover{
  animation-play-state:paused;
}
.app_pt-tr{
  display:grid;
  grid-template-columns: 1fr 1fr 80px 120px;
  padding:8px;
  border-bottom:1px solid #f2f2f2;
  align-items:center;
  font-size:16px;
}
.app_pt-name-line{
	display:flex;
	align-items:center;
	gap:4px;
}
.app_pt-flag{
  width:20px;
  height:14px;
  vertical-align:middle;
  object-fit:cover;
}
@keyframes scrollUp {
  0% {transform: translateY(0);}
  100% {transform: translateY(-50%);}
}

/* Trust Certificate 折叠模块样式 */
.trustcertificate{
    width:100%;
    border-radius:8px;
    border:1px solid #eee;
    overflow:hidden;
}
.trustcertificate-h{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:12px 16px;
    color:#fff;
    cursor:pointer;
}
.trustcertificate-icon-l{
    display:flex;
    align-items:center; /* flex布局直接垂直居中，优先这个 */
    gap:8px;
}
/* 所有模块内svg统一垂直居中，防止其他地方错位 */
.trustcertificate svg {
    vertical-align: middle;
}
.trustcertificate-text{
    font-size:20px;
}
.trustcertificate-fold{
    display:grid;
    grid-template-columns: repeat(4,1fr);
}
.trustcertificate-item{
    text-align:center;
    padding:12px 4px;
}
.trustcertificate-item p{
    margin:6px 0 0;
    font-size:16px;
    color:#333;
}
.trustcertificate-list{
    padding:16px;
}
.trustcertificate-list-item{
    margin-bottom:18px;
}
.trustcertificate-list-title{
    display:flex;
    align-items:center;
    gap:6px;
    font-weight:bold;
    margin-bottom:8px;
}
.trustcertificate-list-title svg {
    vertical-align: middle;
	margin-bottom:20px;
}
.trustcertificate-list-html p{
    font-size:16px;
    line-height:1.6;
    margin:0;
    color:#444;
}
.trustcertificate-list-html a{
    color:#38B336;
    text-decoration:none;
}
.hide{
    display:none;
}
/* 箭头旋转动画 */
.arrow-icon {
  transition: transform 0.3s ease;
}
.trustcertificate-h.open .arrow-icon {
  transform: rotate(180deg);
}

@media (max-width:480px){
    .app-trusttool-badge-list .badge-list-reep{
        grid-template-columns: repeat(3,1fr) !important;
    }
}

.app-trusttool-badge-list{
	position: relative;
    width: 100%;
    padding: 30px 10px;
    padding-left: 20px;
    margin-top: 16px;
    border: 1px solid #ddd;
    border-radius: 5px;
}

.badge-title{
	position: absolute;
    top: -25px;
    left: 0;
    width: 100%;
    padding: 10px 0;
    font-size:20px;
    font-weight: bold;
}

.summary .price{
	margin:0px !important;
}

.custom-single-row{
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap:30px;
	align-items: start;
}
/* 左侧图片 取消sticky，固定静态 */
.custom-product-gallery{
	/* position: sticky; top:20px; 注释掉，不再用sticky */
}
.custom-main-img img{
	/* max-width:100%; */
	height:548px;
	border-radius:8px;
}
.custom-thumbnails{
	display:flex;
	gap:10px;
	margin-top:15px;
	flex-wrap:wrap;
}
.custom-thumbnails .thumb-item{
	width:80px;
	cursor:pointer;
	border:2px solid transparent;
	border-radius:4px;
	overflow:hidden;
}
.custom-thumbnails .thumb-item.active{
	border-color:#38B336;
}
.custom-thumbnails img{
	width:100%;
	height:auto;
	display:block;
}

/* ========= 新增右侧滚动 ========= */
.summary.entry-summary {
    max-height: 85vh;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right:8px;
}
.summary.entry-summary::-webkit-scrollbar {
    width:6px;
}
.summary.entry-summary::-webkit-scrollbar-thumb {
    background:#ccc;
    border-radius:3px;
}
.summary.entry-summary::-webkit-scrollbar-track {
    background:transparent;
}

/* 移动端自动改为上下堆叠，并且取消右侧滚动 */
@media (max-width:768px){
	.custom-single-row{
		grid-template-columns:1fr;
	}
	.custom-product-gallery{
		position:static;
		top:auto;
	}
    .summary.entry-summary {
        max-height: unset;
        overflow-y: visible;
    }
}