@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//peptinova.site/wp-content/themes/woodmart/fonts/woodmart-font-1-400.woff2?v=8.2.6") format("woff2");
}

@font-face {
	font-family: "star";
	font-weight: 400;
	font-style: normal;
	src: url("//peptinova.site/wp-content/plugins/woocommerce/assets/fonts/star.eot?#iefix") format("embedded-opentype"), url("//peptinova.site/wp-content/plugins/woocommerce/assets/fonts/star.woff") format("woff"), url("//peptinova.site/wp-content/plugins/woocommerce/assets/fonts/star.ttf") format("truetype"), url("//peptinova.site/wp-content/plugins/woocommerce/assets/fonts/star.svg#star") format("svg");
}

@font-face {
	font-family: "WooCommerce";
	font-weight: 400;
	font-style: normal;
	src: url("//peptinova.site/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.eot?#iefix") format("embedded-opentype"), url("//peptinova.site/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.woff") format("woff"), url("//peptinova.site/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.ttf") format("truetype"), url("//peptinova.site/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.svg#WooCommerce") format("svg");
}

:root {
	--wd-text-font: Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: rgb(0,0,0);
	--wd-text-font-size: 15px;
	--wd-title-font: Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 700;
	--wd-title-color: #242424;
	--wd-entities-title-font: Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 700;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: Arial, Helvetica, sans-serif;
	--wd-widget-title-font: Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 700;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 700;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 13px;
	--wd-primary-color: rgb(0,0,0);
	--wd-alternative-color: rgb(51,98,144);
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: rgb(51,98,144);
	--btn-accented-bgcolor-hover: rgb(51,98,144);
	--wd-form-brd-width: 1px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
}
.wd-popup.wd-age-verify {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: url(https://peptinova.site/wp-content/uploads/2021/08/promo-popup.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	--wd-popup-width: 800px;
	--wd-popup-padding: 15px;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title {
	background-image: none;
	background-size: cover;
	background-position: center center;
}
.wd-footer {
	background-color: rgb(0,0,0);
	background-image: none;
}
.wd-popup.popup-quick-view {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 0px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 5px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 5px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--wd-brd-radius: 12px;
--wd-cat-brd-radius: 0px;
}

@media (min-width: 1222px) {
section.elementor-section.wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}


/*index*/
/* Marquee Container Styles */
.horizontal-ticker-section {
    width: 100%;
    overflow: hidden;
    background: linear-gradient(90deg, #4a7c9e 0%, #336290 100%);
    padding: 12px 0;
}

@media screen and (min-width: 750px) {
    .horizontal-ticker-section {
        padding: 16px 0;
    }
}

.horizontal-ticker {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.horizontal-ticker__container {
    display: flex;
    align-items: center;
    gap: 30px;
    animation: marqueeScroll 50s linear infinite;
    width: max-content;
}

@media screen and (min-width: 750px) {
    .horizontal-ticker__container {
        gap: 50px;
        animation: marqueeScrollDesktop 50s linear infinite;
    }
}

/* Pause animation on hover */
.horizontal-ticker:hover .horizontal-ticker__container {
    animation-play-state: paused;
}

/* Product Text Container */
.product__text-container {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 1.5em;
    white-space: nowrap;
    flex-shrink: 0;
}

.product__text {
    display: flex;
    align-items: center;
    gap: 0.5em;
    font-size: 1.4rem;
    color: #ffffff;
    font-weight: 500;
    margin: 0;
}

@media screen and (min-width: 750px) {
    .product__text {
        font-size: 1.6rem;
    }
}

/* Material Icon */
.material-icon {
    font-family: 'Material Symbols Outlined';
    font-size: 1.75em;
    color: #ffffff;
    font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* No Wrap */
.nowrap {
    white-space: nowrap;
}

/* Keyframes for Mobile */
@keyframes marqueeScroll {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}

/* Keyframes for Desktop */
@keyframes marqueeScrollDesktop {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}

/* Remove inline styles override */
.product__text-container * {
    text-shadow: none !important;font-size:16px;
}

/*首页类别模块*/
/* ========== 分类网格容器 ========== */
.category-grid {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    padding: 0px 15px;
    position: relative;
    z-index: 1;
}

/* ========== 网格布局 ========== */
.category-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
    list-style: none;
    margin: 0;
    padding: 0;
}

@media (min-width: 750px) {
    .category-list {
        grid-template-columns: repeat(4, 1fr);
        gap: 30px;
    }
    
    .category-grid {
        padding: 0px 30px;
    }
}

@media (min-width: 1200px) {
    .category-list {
        gap: 40px;
    }
}

/* ========== 分类卡片项 ========== */
.category-item {
    opacity: 0;
    animation: fadeInUp 0.6s ease-out forwards;
}

.category-item:nth-child(1) { animation-delay: 0.1s; }
.category-item:nth-child(2) { animation-delay: 0.2s; }
.category-item:nth-child(3) { animation-delay: 0.3s; }
.category-item:nth-child(4) { animation-delay: 0.4s; }

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ========== 卡片样式 ========== */
.category-card {
    position: relative;
    display: block;
    width: 100%;
    aspect-ratio: 1 / 1;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    text-decoration: none;
}

/* 移动端圆角调整 */
@media (max-width: 749px) {
    .category-card {
        border-radius: 20px;
    }
}

/* 如果浏览器不支持aspect-ratio,使用padding-bottom作为回退 */
@supports not (aspect-ratio: 1 / 1) {
    .category-card {
        padding-bottom: 100%;
        height: 0;
    }
}

.category-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 16px 32px rgba(0, 0, 0, 0.16);
    z-index: 10;
}

@media (max-width: 749px) {
    .category-card:hover {
        transform: translateY(-4px);
    }
}

/* ========== 卡片图片 ========== */
.category-card__image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

.category-card:hover .category-card__image {
    transform: scale(1.1);
}

/* ========== 卡片遮罩层 - 只覆盖底部 ========== */
.category-card__overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: auto;
    padding: 20px;
    background: linear-gradient(
        to top,
        rgba(139, 171, 201, 0.75) 0%,
        rgba(139, 171, 201, 0.5) 50%,
        rgba(139, 171, 201, 0) 100%
    );
    transition: background 0.3s ease;
    z-index: 2;
}

.category-card:hover .category-card__overlay {
    background: linear-gradient(
        to top,
        rgba(139, 171, 201, 0.85) 0%,
        rgba(139, 171, 201, 0.6) 50%,
        rgba(139, 171, 201, 0) 100%
    );
}

@media (min-width: 750px) {
    .category-card__overlay {
        padding: 24px;
    }
}

/* ========== 卡片标题 ========== */
.category-card__title {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    color: #ffffff;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.3;
    transition: gap 0.3s ease;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

.category-card:hover .category-card__title {
    gap: 14px;
}

@media (min-width: 750px) {
    .category-card__title {
        font-size: 22px;
    }
}

@media (min-width: 1200px) {
    .category-card__title {
        font-size: 24px;
    }
}

/* ========== 箭头图标 ========== */
.category-card__arrow {
    display: inline-flex;
    flex-shrink: 0;
    width: 18px;
    height: 14px;
    transition: transform 0.3s ease;
}

.category-card:hover .category-card__arrow {
    transform: translateX(4px);
}

.category-card__arrow svg {
    width: 100%;
    height: 100%;
    fill: currentColor;
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.2));
}

@media (min-width: 750px) {
    .category-card__arrow {
        width: 20px;
        height: 16px;
    }
}

/* ========== 辅助类 ========== */
.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/* ========== 无障碍访问 ========== */
.category-card:focus {
    outline: 3px solid #ffffff;
    outline-offset: 3px;
}

.category-card:focus:not(:focus-visible) {
    outline: none;
}

/* ========== 性能优化 ========== */
.category-card__image {
    will-change: transform;
}

.category-card {
    will-change: transform, box-shadow;
}

/* 图片加载优化 */
.category-card__image {
    background: linear-gradient(135deg, #f0f0f0 0%, #e0e0e0 100%);
}

.category-card__image[loading="lazy"] {
    opacity: 0;
    animation: imageLoad 0.4s ease-in forwards;
}

@keyframes imageLoad {
    to {
        opacity: 1;
    }
}

/* ========== 容器底部间距 ========== */
.category-grid {
    margin-bottom: 40px;
}

@media (max-width: 749px) {
    .category-grid {
        margin-bottom: 30px;
        padding-bottom: 30px;
    }
}

/* ========== 清除浮动 ========== */
.category-grid::after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
/*首页信任模块*/
/* ========== 波浪分隔器通用样式 ========== */
.wave-divider-section {
    position: relative;
    width: 100%;
    background: #ffffff;
    overflow: hidden;
}

.wave-divider {
    position: relative;
    width: 100%;
    height: 100px;
    overflow: hidden;
    line-height: 0;
}

@media (min-width: 750px) {
    .wave-divider {
        height: 100px;
    }
}

.wave-divider svg {
    position: relative;
    display: block;
    width: calc(100% + 1.3px);
    height: 100%;
    color: rgb(226, 241, 255);
}

/* ========== 波浪翻转 ========== */
.wave-divider-flip {
    transform: scaleX(1) scaleY(-1);
}

/* ========== 波浪动画 ========== */
.waves-animated-1 .parallax1 use {
    animation: wave-move-1 10s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite;
    opacity: 0.3;
}

.waves-animated-1 .parallax2 use {
    animation: wave-move-2 8s cubic-bezier(0.55, 0.5, 0.45, 0.5) -0.125s infinite;
    opacity: 0.4;
}

.waves-animated-1 .parallax3 use {
    animation: wave-move-3 6s cubic-bezier(0.55, 0.5, 0.45, 0.5) -0.25s infinite;
    opacity: 0.5;
}

.waves-animated-1 .parallax4 use {
    animation: wave-move-4 4s cubic-bezier(0.55, 0.5, 0.45, 0.5) -0.5s infinite;
    opacity: 0.7;
}

@keyframes wave-move-1 {
    0% { transform: translate(-90px, 0); }
    100% { transform: translate(85px, 0); }
}

@keyframes wave-move-2 {
    0% { transform: translate(-90px, 0); }
    100% { transform: translate(85px, 0); }
}

@keyframes wave-move-3 {
    0% { transform: translate(-90px, 0); }
    100% { transform: translate(85px, 0); }
}

@keyframes wave-move-4 {
    0% { transform: translate(-90px, 0); }
    100% { transform: translate(85px, 0); }
}

/* ========== 内容区域样式 ========== */
.trust-content-section {
    width: 100%;
    background: linear-gradient(180deg, #e2f1ff 0%, #e4f2ff 100%);
    padding: 27px 15px;
}

@media (min-width: 750px) {
    .trust-content-section {
        padding: 0px 30px;
    }
}

.trust-container {
    max-width: 1400px;
    margin: 0 auto;
}

/* ========== 标题样式 ========== */
.trust-title {
    font-size: 32px;
    font-weight: 700;
    color: #2e2a39;
    margin: 15px 0;
    line-height: 1.3;
    text-align: left;
}

@media (max-width: 749px) {
    .trust-title {
        text-align: center;
    }
}

@media (min-width: 750px) {
    .trust-title {
        font-size: 42px;
    }
}

@media (min-width: 1200px) {
    .trust-title {
        font-size: 48px;
    }
}

/* ========== 网格布局 ========== */
.trust-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 30px 20px;
}

@media (min-width: 750px) {
    .trust-grid {
        grid-template-columns: repeat(12, 1fr);
        gap: 40px;
    }
}

/* ========== 列宽度 ========== */
.trust-title-col {
    grid-column: 1 / -1;
}

.trust-features-col {
    grid-column: span 1;
}

@media (min-width: 750px) {
    .trust-features-col {
        grid-column: span 4;
    }
}

.trust-image-col {
    grid-column: span 1;
}

@media (min-width: 750px) {
    .trust-image-col {
        grid-column: span 4;
    }
}

/* ========== 特性项目 ========== */
.trust-feature {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    margin-bottom: 30px;
}

.trust-feature:last-child {
    margin-bottom: 0;
}

/* ========== 箭头图标 ========== */
.trust-icon {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #6d388b;
    font-size: 24px;
}

/* ========== 特性文本 ========== */
.trust-text {
    flex: 1;
    font-size: 14px;
    font-weight: 700;
    color: #2e2a39;
    line-height: 1.5;
    margin: 0;
}

/* ========== 图片容器 ========== */
.trust-image-wrapper {
    margin: 15px 0;
    text-align: center;
    margin-top: -120px;
}
@media (max-width: 768px) {
.trust-image-wrapper {
    margin-top:0px;
}
}
.trust-image {
    width: 100%;
    height: auto;
    max-width: 100%;
}

/* ========== 渐入动画 ========== */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.animate-item {
    animation: fadeInUp 0.6s ease-out both;
}

.animate-item:nth-child(1) { animation-delay: 0.1s; }
.animate-item:nth-child(2) { animation-delay: 0.2s; }
.animate-item:nth-child(3) { animation-delay: 0.3s; }
.animate-item:nth-child(4) { animation-delay: 0.4s; }
.animate-item:nth-child(5) { animation-delay: 0.5s; }
/*首页信任模块2-icon*/
/* ========== 基础容器设置 ========== */
.icon-features-section {
    width: 100%;
    background: #ffffff;
    padding: 40px 20px;
    box-sizing: border-box;
}

.icon-features-container {
    max-width: 1400px;
    margin: 0 auto;
    position: relative; /* 为绝对定位做准备(如果需要) */
}

/* ========== 核心布局：移动端优先 (Flex 轮播) ========== */
.icon-features-grid {
    display: flex; /* 移动端改为 Flex 以便横向排列 */
    overflow-x: auto; /* 允许横向滚动 */
    scroll-snap-type: x mandatory; /* 启用滚动捕捉 */
    gap: 0; /* 移动端不需要 grid gap，由卡片 padding 控制 */
    scrollbar-width: none; /* Firefox 隐藏滚动条 */
    -ms-overflow-style: none; /* IE 10+ 隐藏滚动条 */
    padding-bottom: 20px; /* 留出一点空间 */
    scroll-behavior: smooth;
}

/* Chrome/Safari 隐藏滚动条 */
.icon-features-grid::-webkit-scrollbar {
    display: none;
}

/* ========== 单个卡片 ========== */
.icon-feature-card {
    min-width: 100%; /* 移动端每个卡片占满宽度 */
    box-sizing: border-box;
    scroll-snap-align: center; /* 滚动停止时居中 */
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 0 20px; /* 卡片内部左右间距 */
}

/* ========== 图标容器 ========== */
.icon-feature-icon {
    width: 80px; /* 参考图片稍微调大了图标 */
    height: 80px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.icon-feature-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

/* ========== 标题 ========== */
.icon-feature-title {
    font-size: 24px;
    font-weight: 600; /* 加粗以匹配图片 */
    color: #111;
    margin: 0 0 15px 0;
    line-height: 1.3;
}

/* ========== 描述文本 ========== */
.icon-feature-description {
    font-size: 15px;
    color: #444;
    line-height: 1.6;
    margin: 0;
    max-width: 90%; /* 防止文字太宽 */
}

/* ========== 移动端控制条 (圆点 + 箭头) ========== */
.mobile-controls {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
    gap: 15px;
}

.control-arrow {
    font-size: 24px;
    color: #888;
    cursor: pointer;
    user-select: none;
    padding: 0 10px;
    transition: color 0.3s;
}

.control-arrow:hover {
    color: #000;
}

.control-arrow.disabled {
    color: #e0e0e0;
    cursor: default;
}

.dots-container {
    display: flex;
    gap: 8px;
}

.dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #ccc;
    transition: background-color 0.3s;
    cursor: pointer;
}

.dot.active {
    background-color: #000;
}

/* ========== 桌面端/大屏适配 (恢复 Grid 布局) ========== */
@media (min-width: 990px) {
    .icon-features-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 40px;
        overflow-x: visible; /* 禁用滚动 */
        padding-bottom: 0;
    }

    .icon-feature-card {
        min-width: auto; /* 重置宽度 */
        padding: 0; /* 重置 Padding */
    }

    /* 在桌面端隐藏控制条 */
    .mobile-controls {
        display: none;
    }
    
    /* 桌面端可以稍微调整图标大小 */
    .icon-feature-icon {
        width: 70px;
        height: 70px;
    }
}

/* ========== 动画 (仅保留淡入) ========== */
@keyframes fadeInUp {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}
.icon-feature-card {
    animation: fadeInUp 0.6s ease-out both;
}

/*首页评论模块*/
    /* ================= Global Styles ================= */
    .tp-widget-container {
       background-color: #eef1f3;
        padding: 40px 20px;
        text-align: center;
        box-sizing: border-box;
        width: 100%;
        overflow: hidden; /* Prevent outer scroll */
        margin-bottom: -40px;
    }

    /* Header */
    .tp-header h2 {
        color: #1a1a1a;
        font-size: 28px;
        font-weight: 600;
        margin-bottom: 15px;
        margin-top: 0;
    }

    .tp-rating-overview {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        margin-bottom: 10px;
    }

    .tp-score-text {
        font-size: 16px;
        color: #1a1a1a;
    }

    .tp-stars-box {
        display: flex;
        gap: 2px;
    }

    .tp-star-box {
        background-color: #00b67a;
        color: white;
        width: 24px;
        height: 24px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 14px;
        line-height: 1;
    }

    .tp-review-count {
        color: #696969;
        font-size: 14px;
        margin-top: 0;
        margin-bottom: 30px;
    }

    /* Carousel Wrapper */
    .tp-carousel-wrapper {
        position: relative;
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 40px;
    }

    /* Track (Scrollable Area) */
    .tp-reviews-track {
        display: flex;
        gap: 24px;
        overflow-x: auto;
        scroll-behavior: smooth;
        padding-bottom: 20px;
        -ms-overflow-style: none;  /* IE and Edge */
        scrollbar-width: none;  /* Firefox */
        align-items: stretch;
    }
    .tp-reviews-track::-webkit-scrollbar {
        display: none;
    }

    /* Card Design */
    .tp-card {
        background: #fff;
        border-radius: 8px;
        padding: 30px;
        flex: 0 0 350px; /* Desktop width */
        box-shadow: 0 2px 10px rgba(0,0,0,0.05);
        text-align: left;
        display: flex;
        flex-direction: column;
        height: auto; /* Let content dictate height, but flex stretch will align them */
    }

    .tp-card-stars {
        color: #00b67a;
        font-size: 24px;
        margin-bottom: 15px;
        letter-spacing: 2px;
        text-align: center;
    }

    .tp-card-title {
        font-size: 16px;
        font-weight: 700;
        color: #1a1a1a;
        margin: 0 0 15px 0;
        text-align: center;
    }

    .tp-card-body {
        font-size: 14px;
        line-height: 1.6;
        color: #2d2d2d;
        margin-bottom: 20px;
        flex-grow: 1;
        text-align: center; /* Centered text based on image */
    }

    .tp-card-author {
        font-weight: 700;
        font-style: italic;
        color: #1a1a1a;
        font-size: 14px;
        text-align: center;
        margin-top: auto;
    }

    /* Desktop Navigation Buttons */
    .tp-nav-btn {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        background: transparent;
        border: none;
        cursor: pointer;
        color: #454545;
        z-index: 2;
        padding: 10px;
        transition: color 0.2s;
    }
    .tp-nav-btn:hover { color: #000; }
    .tp-prev { left: 0; }
    .tp-next { right: 0; }

    /* Hidden pagination on desktop */
    .tp-pagination {
        display: none;
    }

    /* ================= Mobile Optimized Styles ================= */
    @media (max-width: 768px) {
        .tp-widget-container {
            padding: 30px 15px;
        }

        .tp-carousel-wrapper {
            padding: 0; /* Remove side padding for buttons */
        }

        /* Hide Arrows on Mobile */
        .tp-nav-btn {
            display: none;
        }

        /* Track: Enable Scroll Snap for "Sticky" slide effect */
        .tp-reviews-track {
            gap: 15px; /* Smaller gap */
            scroll-snap-type: x mandatory; /* The magic snap property */
            padding-bottom: 10px;
        }

        /* Card: Make it mostly full width with snap alignment */
        .tp-card {
            flex: 0 0 92%; /* Takes up 92% of screen */
            margin-right: 0;
            scroll-snap-align: center; /* Centers the card when scrolling stops */
        }

        /* Show Pagination Dots on Mobile */
        .tp-pagination {
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 8px;
            margin-top: 15px;
        }

        .tp-dot {
            width: 8px;
            height: 8px;
            background-color: #999; /* Inactive grey */
            border-radius: 50%;
            cursor: pointer;
            transition: all 0.3s ease;
        }

        .tp-dot.active {
            background-color: #1a1a1a; /* Active black */
            transform: scale(1.2);
        }
    }