/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 03 2025 | 06:38:51 */
html {
  --wp--preset--color--primary: #00a6d2!important;
}
body,
.is-root-container,
.wp-site-blocks {
  --wp--preset--color--primary: #00a6d2;
}
.woocommerce-account .wp-block-post-content > .woocommerce > .woocommerce-MyAccount-content > p {
	margin-block-end: 3em;
	line-height: 1.8 !important;
}
.scrolling-active header.sticky {
  position: static !important;
  top: auto !important;
  z-index: auto !important;
  box-shadow: none !important;
}
@media screen and (min-width: 768px) {
	ul.wc-zdy-single-product li {
		padding-bottom:48px;
	}
}
@media (min-width: 1200px) {
	.wc-zdy-nav-cart .wc-block-mini-cart__quantity-badge{
					color: #FFFFFF;
				background-color:#00a6d2;
	}
	.wc-zdy-nav-cart .wc-block-mini-cart__button {
		color:#fff!important;

	}
	.wc-zdy-nav-cart .wc-block-mini-cart__badge {
		border:1px solid #00a6d2;
	}
}
.wc-zdy-searchbar-button .wp-element-button:hover, .wp-block-button__link:hover {
	background-color:#00a6d299;
	border-color: var(--wp--preset--color--custom-logo);
} 
.wc-block-components-notice-banner__content {
	display:initial !important;
}
.zdy_refundWrap .wps_rma_guest_input{
	margin-top:8px;
}
.zdy_refundWrap .wps_rma_guest_input label {
	display:inline-block;
	margin-bottom:8px;
}
.zdy_refundWrap form label {
	display:inline-block;
	margin-top:8px;
}
.zdy_refundWrap form select {
	margin-top:8px;
}
.zdy_refundWrap .woocommerce-Button {
	border:none;
	color:#FFFFFF;
	background:#2271b1;
	padding:0 20px;
	line-height:36px;
	height:36px;
	border-radius:8px;
}

.zdy_transition_content {
	position:relative;
	min-height: 200px;
	margin-top:-150px;
}
.zdy_transition_content::before {
    content: "";
    display: block;
    width: 100%;
    height: 150px;
    background-image: linear-gradient(to top, #46b5cf, transparent);
    position: absolute;
    top: 0;
    left: 0;
}
.zdy_transition_content::after {
    content: "";
    display: block;
    width: 100%;
    height: 0px;
    background-image: linear-gradient(to bottom, #46b5cf, transparent);
    position: absolute;
    top: 0;
    left: 0;
}
.zdy_radius .wp-block-cover__image-background{
	border-radius: 24px;
}
.zdy_radius .has-black-background-color {
	background-color:transparent !important;
}
.white_round_inner_arrow {
	width:84px;
	height:84px;
}
.zdy_bg_empty_con {
	height:30px;
	margin-top:-30px;
}
.zdy_below_wrapper {
	transform:translatey(0px);
}
.zdy_below_wrapper .wp-block-cover, .wp-block-cover-image {
	min-height:300px;
}
.zdy_below_wrapper .wp-block-group {
	padding-left: 0;
	padding-right: 0;
	min-height:300px;
}
/* Virtavo Section Styling */

.virtavo-main-columns {
    gap: 30px; /* Space between feature column and image column */
    align-items: center; /* Vertically align columns */
}

.virtavo-features-grid .wp-block-column {
    display: flex;
    flex-direction: column;
    gap: 20px; /* Space between feature boxes vertically */
}

.virtavo-feature-box {
    padding: 20px;
    height: 210px; /* Make boxes in the same row equal height */
    display: flex; /* Helps align content if needed */
    flex-direction: column; /* Stack elements vertically */
}

.virtavo-feature-box .wp-block-columns {
    margin-bottom: 10px; /* Space between icon/title row and text */
}

.virtavo-feature-box h4 {
    margin-bottom: 5px; /* Adjust spacing below feature title */
    line-height: 1.3;
}

.virtavo-feature-box p {
    margin-top: auto; /* Pushes text down if box height varies slightly */
	margin-top: 0;
}

.virtavo-feature-icon img {
    max-width: 50px; /* Control icon size */
    height: auto;
}

.virtavo-image-column img {
    max-width: 100%;
    height: auto;
}


/* --- Responsive Adjustments --- */

/* Tablet breakpoint (example: up to 991px) */
@media (max-width: 991px) {
    .virtavo-main-columns {
        flex-direction: column; /* Stack features and image */
    }

    .virtavo-features-column,
    .virtavo-image-column {
        width: 100% !important; /* Make columns full width when stacked */
        flex-basis: auto !important;
    }

    .virtavo-image-column {
        margin-top: 30px; /* Add space above image when stacked */
    }
     .virtavo-feature-box h4 {
        font-size: 1rem; /* Slightly smaller titles */
    }
     .virtavo-feature-box p {
        font-size: 0.85rem; /* Slightly smaller text */
    }
}

/* Mobile breakpoint (example: up to 767px) */
@media (max-width: 767px) {
     h1.has-text-align-center {
        font-size: 2rem !important; /* Adjust main heading size */
    }
     h2.has-text-align-center {
        font-size: 1.5rem !important; /* Adjust subheading size */
    }

    /* Stack the 2x2 feature grid into a single column */
    .virtavo-features-grid {
        flex-direction: column;
    }
    .virtavo-features-grid .wp-block-column {
       gap: 20px; /* Consistent gap */
    }

     .virtavo-feature-box {
        padding: 15px;
    }

    .virtavo-feature-box .wp-block-columns {
       /* Icons and titles might look better stacked on smallest screens */
       /* flex-direction: column; */ /* Uncomment this if needed */
       /* text-align: center; */ /* Uncomment this if needed */
    }
    .virtavo-feature-box .wp-block-columns .wp-block-column {
       /* width: 100% !important; */ /* Uncomment if stacking icon/title */
       /* flex-basis: auto !important; */ /* Uncomment if stacking icon/title */
       /* margin-bottom: 5px; */ /* Add space below icon if stacking */
    }

}
.is-layout-flow > .aligncenter.zdy_aside_pic {
	margin-right:0!important;
}
.zdy_virtavo_make_simple {
	border-radius:22px 22px 0 0;
	background: linear-gradient(to bottom, #65b3a3 85%, #e9f1f7 15%);
}
.zdy_speacial_letter_size{
	gap:0;
}
.zdy_speacial_letter_size .wp-block-column {
	flex-basis: initial!important;
} 
.zdy_speacial_letter_size .wp-block-column.is-vertically-aligned-bottom,.zdy_speacial_letter_size .wp-block-column.is-vertically-aligned-center,.zdy_speacial_letter_size .wp-block-column.is-vertically-aligned-top{
	width:initial;
}
.zdy_paragraph_padding_right{
	margin-inline-end: 15px;
}
.zdy_gallery_wrapper {margin:0 calc(100vw * 80 / 1920)!important;}
.zdy_gallery_wrapper img{
	height:calc(100vw * 400 / 1920);
}
.zdy_gallery_wrapper .wp-block-group{
	padding-left:0;
	padding-right:0;
}
.zdy_provide_service_fa_wrapper{
	position:relative;
}
.wp-block-cover .wp-block-cover__image-background, .wp-block-cover video.wp-block-cover__video-background, .wp-block-cover-image .wp-block-cover__image-background, .wp-block-cover-image video.wp-block-cover__video-background {
/*	height:initial;*/
}
.wp-block-cover, .wp-block-cover-image {
	min-height:initial;
}
.woocommerce-account:not(.logged-in) .woocommerce .woocommerce-form-login, .woocommerce-account:not(.logged-in) .woocommerce .woocommerce-form-register {
    padding: 33px 16px 20px !important;
    border-radius: 12px;
}
.superblockslider {
	height:calc(100vw * 890 / 1920)!important;
}
.slider_left_part {
	background:#dce1e0;
	width: 24vw;
	height: 24vw;
	display: flex;
	padding: 10px 10px;
	border-radius:0 50% 50% 0;
}
.slider_left_part .wp-block-group .wp-block-image img{
	    transform: scale(0.7);
}
.slider_right_part .wp-block-group .wp-block-image img{
	    transform: scale(0.7);
}
.slider_left_part  > .is-layout-flex {
	justify-content:center !important;
}
.slider_right_part {
	background:#dce1e0;
	width: 24vw;
	height: 24vw;
	display: flex;
	padding: 10px 10px;
	border-radius:50% 0 0 50%;
}
.wp-container-core-group-is-layout-22 .alignfull{
	max-width:100%!important;
}

.slider_right_part  > .is-layout-flex {
	justify-content:center !important;
}
.zdy_comming_soon_slider {
	
}
.superblockslider__slide_inner {
	width:100%;
	left:0!important;
	right:0!important;
}
.inner-blocks {
	overflow:initial!important;
}
.superblockslider__slide_inner .inner-blocks > .wp-block-group {
	padding:0!important;
}
.superblockslider__button__previous--icon svg {
	display:none;
}
.superblockslider__button__next--icon svg {
	display:none;
}
.superblockslider__button__previous--icon {
	display:inline-block;
	width: calc(100vw * 80 / 1920);
    height: calc(100vw * 80 / 1920);
	background:url('https://store.virtavo.com/wp-content/uploads/2025/04/db_arrow_left.png') center center / 75% auto no-repeat;
}
.superblockslider__button__next--icon {
	display:inline-block;
    width: calc(100vw * 80 / 1920);
    height: calc(100vw * 80 / 1920);
	background:url('https://store.virtavo.com/wp-content/uploads/2025/04/db_arrow_right.png') center center / 75% auto no-repeat;
}
@media (min-width:1920px) {
	.superblockslider {
			height: calc(100vw * 720 / 1920) !important;
	}
}
@media (min-width: 1200px) {
    .scrolling-active header.sticky:not(.transparent) {
			background-color:transparent!important;
	}
	.zdy_featured_category_cover {
		
	}
	.zdy_comming_soon_slider .superblockslider__button__title{
		font-family:var(--wp--preset--font-family--open-sans);
		font-size:30px;
	}
	.zdy_comming_soon_slider .superblockslider__button--active .superblockslider__button__title{
/*		font-family:var(--wp--preset--font-family--open-sans);
		font-size:40px;
		font-weight:bold;*/
	}
    .zdy_comming_soon_slider  .superblockslider__button {
		opacity:1!important;
	}
}
@media (min-width: 1024px) {
    .zdy_comming_soon_slider  .superblockslider__buttons {
        bottom: -8%;
    }
}
@media (min-width: 1024px) {
    .zdy_comming_soon_slider  .superblockslider__buttons {
            bottom: -8%;
    }
}
.zdy_comming_soon_slider .superblockslider__button--active {
		position:relative;
}
.zdy_comming_soon_slider .superblockslider__button--active	.superblockslider__button__title::after {
        content: '';
        width: 180px;
        height: 3px;
        background: #000;
        border-radius: 5px;
        transform: translate(8px, 15px);
}
.zdy_cover_stay_in_the_loop {
		height: calc(100vw * 572 / 1920);
}
.zdy_cover_stay_in_the_loop .wp-block-heading {
	display:inline-block;
		max-width:initial!important;
		margin-block-start: calc(100vw * 136 / 1920);
		text-align: center;
   		padding-left: calc(100vw * 1 / 1920);
		transform: translateX(calc(100vw * 687 / 1920));
}
.zdy_cover_stay_in_the_loop .wp-block-cover__inner-container {
		padding-left:0;
		padding-right:0;
		text-align:left;
}
.zdy_featured_category_cover .wp-container-core-group-is-layout-9{
		align-items: flex-start;
}
.zdy_featured_category_cover .wp-container-core-group-is-layout-10{
		align-items: flex-start;
}
.zdy_virtavo_make_simple .zdy_make_simple_column_head{
		margin-left:0!important;
		margin-right:0!important;
}
@media (min-width:1440px) {
	.zdy_make_simple_heading {
			font-size:30px!important;
	}
	.zdy_make_simple_icon img{
			height:96px!important;
			width:auto !important;
	}
	.virtavo-feature-box {
			height:270px;
	}
	.virtavo-feature-box p{
			font-size:20px !important;
	}
}
.zdy_provide_service_fa_wrapper .wp-block-cover .wp-block-cover__image-background{
	border-radius:initial!important;
}
.zdy_provide_service_body {
	gap:calc(100vw * 120 /1920);
	transform: translateY(calc(100vw * 120 /1920));
}
.zdy_provide_service_fa_wrapper > .wp-block-column > .wp-block-cover{
	overflow:initial!important;
}
.zdy_provide_service_fa_wrapper > .wp-block-column::after{
   display: block;
   width: 100vw;
   content: '';
   height: calc(100vw * 120 /1920);
}
.zdy_below_wrapper .wp-block-group .wp-block-image img {
	height:calc(100vw * 80 / 1920)!important;
}
.zdy_below_wrapper .has-large-font-size {
	font-size:calc(100vw * 30 / 1920)!important;
	font-size:clamp(16px, 0.875rem + ((1vw - 3.2px)* 0.741), 40px)!important;
}
.zdy_below_wrapper p:not(.has-large-font-size) {
	padding:0 8px;
	font-size:clamp(16px, 1rem + ((1vw - 3.2px)* 0.741), 24px)!important;
}
@media (max-width:1400px) {
	.zdy_below_wrapper p:not(.has-large-font-size) {
		font-size:clamp(14px, 0.875rem + ((1vw - 3.2px)* 0.741), 15px)!important;
	}
}
.zdy_below_wrapper .wp-block-cover, .wp-block-cover-image {
	min-height:calc(100vw * 480 / 1920);
}
.zdy_provide_service_body {
	max-width:calc(100vw * 1500 / 1920)!important;
}
.zdy_below_wrapper > .wp-block-columns {
	gap:3vw;
}
.zdy_has_after_line {
	position:relative;
}
.zdy_has_after_line::after {
    position: absolute;
    bottom: -12px;
    left: 50%;
    content: '';
    height: 2px;
    width: 80px;
    background: #ffffff;
    transform: translateX(-50%);
}
.zdy_stay_in_loop_title {
	
}

/* 英雄区域分隔符样式 */
.wp-block-separator.short-divider {
  max-width: 60px !important; /* 限制分隔符宽度 */
  height: 3px;
  margin-bottom: 0 !important; /* 可能需要调整与下方内容的间距 */
  border: none; /* 确保没有默认边框 */
}

/* 服务卡片样式 */
.service-box-card {
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05); /* 添加细微阴影 */
  width: 100%; /* 确保卡片填满列宽 */
  box-sizing: border-box;
}

/* 服务卡片内的图标下方间距 (如果编辑器选项不够用) */
.service-box-card .service-icon {
   margin-bottom: 20px; /* 确保图标下方有间距 */
}

/* 服务列表自定义项目符号 */
.service-details-list {
  list-style: none !important; /* 强制移除默认符号 */
  padding-left: 0 !important; /* 移除默认左侧内边距 */
  width: 100%; /* 确保列表宽度正确 */
  text-align: left; /* 强制列表项文本左对齐 */
}

.service-details-list li {
  padding-left: 20px !important; /* 为自定义符号留出空间 */
  position: relative;
  margin-bottom: 10px; /* 列表项间距 */
}

.service-details-list li::before {
  content: '•'; /* 自定义符号内容 */
  color: var(--wp--preset--color--primary, #007bff); /* 尝试使用主题主色，备用蓝色 */
  font-weight: bold;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0; /* 根据字体和行高微调 */
  line-height: inherit; /* 继承行高 */
}

/* 响应式：确保手机上卡片之间有间距 */
@media (max-width: 781px) {
  .wp-block-columns .wp-block-column:not(:last-child) .service-box-card {
     margin-bottom: 30px; /* 在堆叠时为卡片添加下边距 */
  }
  /* 或者如果 .wp-block-columns 已经设置了 blockGap */
   .wp-block-columns.is-stacked {
      gap: 30px; /* 确保堆叠时有垂直间隙 */
   }
}
.wp-block-columns > .wp-block-column {
  display: flex;       /* 将列设置为 Flex 容器 */
  flex-direction: column; /* 保持列内部原有内容的垂直流向 */
}

/* 2. 让我们的服务卡片 (wp-block-group) 在其父列 (wp-block-column) 中垂直伸展 */
.wp-block-group.service-box-card {
  flex-grow: 1; /* ★★★ 这是实现等高的关键属性 ★★★ */
  width: 100%;  /* 确保卡片宽度填满其列 */
  /* --- 保留或添加卡片原有样式 --- */
  background-color: #ffffff;
  border-radius: 15px;
  padding: 40px 30px; /* 根据你的设计调整内边距 */
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
  box-sizing: border-box; /* 确保 padding 不会撑大元素 */
  /* 注意：Gutenberg模板中可能已通过块设置应用了 display:flex 和 align-items:center 等，这里确保它们存在或根据需要调整 */
  display: flex;
  flex-direction: column;
  align-items: center; /* 使卡片内部的图标、标题居中 */
}

/* --- 保留你之前的其他自定义 CSS --- */

/* 英雄区域分隔符样式 */
.wp-block-separator.short-divider {
  max-width: 60px !important;
  height: 3px;
  margin-bottom: 0 !important;
  border: none;
}

/* 服务卡片内的图标下方间距 (如果编辑器选项不够用) */
.service-box-card .service-icon {
   margin-bottom: 20px;
}

/* 服务列表自定义项目符号 */
.service-details-list {
  list-style: none !important;
  padding-left: 0 !important;
  width: 100%;
  text-align: left;
}

.service-details-list li {
  padding-left: 20px !important;
  position: relative;
  margin-bottom: 10px;
}

.service-details-list li::before {
  content: '•';
  color: #000000;
  font-weight: bold;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  line-height: inherit;
}

/* 响应式：确保手机上卡片之间有间距 */
@media (max-width: 781px) {
  /* 当列开始堆叠时，不再需要等高处理，但要确保间距 */
  .wp-block-columns.is-stacked > .wp-block-column {
     margin-bottom: 30px; /* 为堆叠的列（卡片）添加下边距 */
  }
   .wp-block-columns.is-stacked > .wp-block-column:last-child {
     margin-bottom: 0; /* 最后一个移除下边距 */
   }
   /* 如果之前是设置了 gap */
   .wp-block-columns.is-stacked {
      gap: 30px; /* 确保堆叠时有垂直间隙 */
   }
	    .zdy_make_it_simple_container >.wp-block-columns >.wp-block-column:first-child {
        padding-top: 40px;
    }
}
@media (max-width: 599px) {
  /* 手机上可能需要进一步调整 */
}
.zdy_service_box_group {
	/*transform:translatey(-50%);*/
	margin-top:-180px;
	display: flex
;
    align-items: stretch;
}
.zdy_service_box_group > .wp-block-columns{
	flex-grow: 1;
    /* flex-direction: column; */
    display: flex
;
    align-items: stretch !important;
}
.zdy_service_box_group > .wp-block-columns > .wp-block-column {
	height:100%;
}
.zdy_provide_service_fa_wrapper .wp-block-cover__image-background{
	border-radius:0!important;
}
/* 特性卡片网格和卡片本身 */
.feature-grid > .wp-block-column {
  display: flex;        /* 启用 Flexbox */
  flex-direction: column; /* 列内元素垂直排列 */
}

.virtavo-feature-card {
  width: 100%;          /* 卡片宽度填满列 */
  flex-grow: 1;         /* ★★★ 卡片垂直伸展以实现等高 ★★★ */
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08); /* 可选：添加阴影 */
  box-sizing: border-box;
}

/* 特性卡片内部的图标列 */
.virtavo-feature-card .feature-icon-column {
  display: flex;            /* 使用 Flexbox 对齐图标 */
  align-items: center;      /* 垂直居中 */
  justify-content: center;  /* 水平居中 */
  min-height: 50px; /* 确保图标列有最小高度，帮助对齐 */
}

/* 可选：特性卡片内部图标列的图片样式 */
.virtavo-feature-card .feature-icon-column .wp-block-image img {
  max-width: 60px; /* 控制图标最大尺寸 */
  height: auto;
}


/* --- 响应式调整 --- */

/* 平板 */
@media (max-width: 781px) {
   /* 主列开始堆叠时，可以调整间距或图像大小 */
   .wp-block-group.alignfull > .wp-block-columns > .wp-block-column:last-child {
      margin-top: 40px; /* 堆叠时，产品图片与上方特征块的间距 */
   }
	.wp-block-group.alignfull > .wp-block-columns.smartrecap-columns > .wp-block-column:last-child {
		margin-top: 0;
	}
	.center-cta-column .wp-block-image img {
		max-width:calc(100vw * 60 / 375)!important;
	}
}


/* 手机 */
@media (max-width: 599px) {
  /* Feature Grid 在手机上堆叠时的间距 */
  .feature-grid.is-stacked > .wp-block-column {
    margin-bottom: 30px; /* 堆叠的特征列之间的间距 */
  }
  .feature-grid.is-stacked > .wp-block-column:last-child {
     margin-bottom: 0;
  }

  /* 调整主容器的内边距，手机上小一些 */
  .wp-block-group.alignfull {
      padding-left: 20px !important;
      padding-right: 20px !important;
  }
	.wp-block-group.alignfull.smartrecap-section {
		padding-left: 0px !important;
   padding-right: 0px !important;
	}
	.wp-block-group.alignfull.embrace-smart-living-wrapper {
		padding-left: 0px !important;
   padding-right: 0px !important;
	}	

  /* 特性卡片内部的文本和图标列在手机上可能需要堆叠 */
   .virtavo-feature-card .wp-block-columns {
      flex-direction: column; /* 强制卡片内部列堆叠 */
      align-items: flex-start; /* 堆叠后靠左对齐 */
   }
    .virtavo-feature-card .wp-block-columns > .wp-block-column {
        flex-basis: auto !important; /* 移除宽度百分比 */
        width: 100%;
    }
    .virtavo-feature-card .feature-icon-column {
        justify-content: flex-start; /* 图标列堆叠后靠左 */
        margin-top: 10px; /* 图标与上方文本的间距 */
    }
}
.zdy_make_it_simple_container {
	border-radius:22px 22px 0 0;
	background: linear-gradient(to bottom, #54a592 85%, #e9f1f7 15%);
	padding-top:0!important;
	padding-right:0!important;
}
.zdy_make_it_simple_container  > .wp-block-columns {
		margin-right:0!important;
}
/* 让每列等高 */
.wp-block-columns.feature-grid {
  align-items: stretch;
}

/* 每个列变成纵向flex容器 */
.wp-block-column {
  display: flex;
  flex-direction: column;
}

/* 让 feature 卡片撑满列高度 */
.virtavo-feature-card {
	min-height:194px;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
@media (min-width:1599px) {
	.zdy_make_it_simple_H1.has-x-large-font-size {
	font-size:clamp(24px, 1.5rem + ((1vw - 3.2px) * 0.741), 32px);
	}
	.zdy_make_it_simple_container .wp-container-core-columns-is-layout-6127943d {
		max-width:100vw!important;
		gap:calc(100vw * 288 / 1920)!important;
		
/* 		justify-content:space-between; */
	}
	.zdy_make_it_simple_container .wp-container-core-columns-is-layout-6127943d > .wp-block-column:first-child {
		transform: translateX(calc((100vw * 288 / 1920) / 2));
    
	}
	.zdy_make_it_simple_container .wp-container-core-columns-is-layout-6127943d .wp-block-image.size-large{
		text-align:right;
	}
}
@media (max-width:782px){
	.zdy_make_it_simple_container {
		padding-right:40px!important;
	}
	.zdy_make_it_simple_container >.wp-block-columns >.wp-block-column:last-child .wp-block-image {
     transform: translateX(40px);
     margin-top: -90px;
    }
}


/* 滑块容器基础样式 */
.coming-soon-product-slider {
  position: relative;
  overflow: hidden; /* 隐藏部分内容，为侧边样式做准备 */
  padding: 20px 0; /* 给上下留出空间 */
}

/* Slick Slider 默认样式调整 (如果插件基于 Slick) */
/* 你需要检查插件实际使用的类名并替换 .slick-list, .slick-track, .slick-slide */
.coming-soon-product-slider .slick-list {
  overflow: visible; /* 允许部分幻灯片溢出容器 */
  padding: 0 50px; /* 左右留出空间看侧边幻灯片 */
}

.coming-soon-product-slider .slick-track {
  display: flex;
  align-items: center; /* 垂直居中幻灯片 */
}

.coming-soon-product-slider .slick-slide {
  transition: opacity 0.3s ease, transform 0.3s ease;
  opacity: 0.4; /* 非激活幻灯片透明度 */
  transform: scale(0.85); /* 非激活幻灯片缩放 */
  margin: 0 10px; /* 幻灯片间距 */
  position: relative; /* 用于可能的伪元素背景 */
  display: flex !important; /* 强制 flex 布局 */
  align-items: center;
  justify-content: center;
  min-height: 250px; /* 设置最小高度，防止塌陷 */
}

/* 激活状态的幻灯片 */
.coming-soon-product-slider .slick-slide.slick-center,
.coming-soon-product-slider .slick-slide.slick-current { /* 检查插件使用的激活类 */
  opacity: 1;
  transform: scale(1);
  z-index: 1; /* 确保激活的在最前 */
}

/* 幻灯片内图片样式 */
.coming-soon-product-slider .slide-product-image img {
  max-width: 100%;
  height: auto;
  max-height: 250px; /* 控制图片最大高度 */
  display: block;
  margin: auto; /* 图片居中 */
}

/* 尝试添加侧边幻灯片的灰色椭圆背景 (效果可能不完美) */
.coming-soon-product-slider .slick-slide:not(.slick-center):not(.slick-current)::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 150%; /* 比幻灯片宽 */
    height: 120%; /* 比幻灯片高 */
    background-color: #e0e5e9; /* 浅灰色 */
    border-radius: 50%; /* 椭圆 */
    z-index: -1; /* 置于图片下方 */
    opacity: 0.8;
}


/* 滑块箭头样式 (需要检查插件生成的类名) */
.coming-soon-product-slider .slick-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  cursor: pointer;
  border: none;
  background: none;
  padding: 0;
}
.coming-soon-product-slider .slick-prev {
  left: 10px; /* 或根据你的布局调整 */
  /* 使用 SVG 或字体图标 */
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23FFF' width='30px' height='30px'%3E%3Cpath d='M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z'/%3E%3C/svg%3E");
  filter: drop-shadow(0px 1px 1px rgba(0,0,0,0.5)); /* 给箭头加阴影 */
}
.coming-soon-product-slider .slick-next {
  right: 10px; /* 或根据你的布局调整 */
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23FFF' width='30px' height='30px'%3E%3Cpath d='M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z'/%3E%3C/svg%3E");
   filter: drop-shadow(0px 1px 1px rgba(0,0,0,0.5)); /* 给箭头加阴影 */
}

/* 产品信息区域 */
.product-info-display {
  /* 样式已通过块设置，这里可微调 */
}
.product-title-display {
   font-weight: bold;
   font-size: 1.4rem; /* 调整字体大小 */
}
.product-description-display {
   color: #555;
   font-size: 0.95rem; /* 调整字体大小 */
}


/* 自定义分页/进度指示器 */
.custom-slider-pagination {
   margin-top: 40px; 
}
.pagination-number {
  color: #888; /* 非激活数字颜色 */
  font-weight: bold;
  font-size: 1.5rem!important; /* 调整数字大小 */
  margin: 0 !important; /* 覆盖默认段落边距 */
  line-height: 1;
}
.pagination-number.is-current {
  color: #000; /* 激活数字颜色 */
}
.pagination-line {
  width: 150px !important; /* 控制线的长度 */
  max-width: 30%;
  height: 2px !important;
  background-color: #000 !important; /* 线的颜色 */
  border: none;
  margin: 0 !important;
}

/* 响应式调整 */
@media (max-width: 781px) {
  .coming-soon-product-slider .slick-list {
    padding: 0 20px; /* 减小平板上的左右空间 */
  }
   .coming-soon-product-slider .slick-slide {
      margin: 0 5px;
      min-height: 200px; /* 减小最小高度 */
   }
   .coming-soon-product-slider .slide-product-image img {
      max-height: 200px;
   }
   .pagination-line {
      width: 100px !important;
   }
}

@media (max-width: 599px) {
  /* 手机上可能完全隐藏侧边幻灯片 */
  .coming-soon-product-slider .slick-list {
    padding: 0; /* 移除左右空间 */
    overflow: hidden; /* 隐藏侧边 */
  }
  .coming-soon-product-slider .slick-slide {
     transform: scale(1); /* 不再缩放 */
     opacity: 1; /* 不再透明 */
     margin: 0;
     min-height: 180px;
  }
   .coming-soon-product-slider .slick-slide:not(.slick-center):not(.slick-current)::before {
      display: none; /* 隐藏椭圆背景 */
   }
   .coming-soon-product-slider .slick-slide.slick-center,
   .coming-soon-product-slider .slick-slide.slick-current {
      /* 保持激活样式 */
   }

   .coming-soon-product-slider .slick-arrow {
      /* 可能需要调整箭头位置或减小尺寸 */
   }
   .pagination-line {
      width: 80px !important;
   }
    .pagination-number {
      font-size: 1rem;
   }
}
.slider_center_part {
	flex:1;
}
.slider_center_part figure img{
	transform: scale(1.2);
}
.slider_left_part figure {
	margin:0 60px;
}
.slider_right_part figure {
	margin:0 60px;
}
.slider_right_part .alignfull {
	margin:0!important;
}
.zdy_slider_coming_soon_page {
	margin-top: -90px;
}


/****ProE(gg)详情页 start***/
.proE-overlap-banner {
    position: relative; /* Needed for absolute positioning of children */
    overflow: hidden; /* Prevent absolutely positioned images from spilling out */
    /* Optional: Set gradient instead of solid color */
    /* background: linear-gradient(to right, #e0f2f7, #f5fcff, #ffffff) !important; */
	padding:0!important;
		margin: 0 calc(-1 * var(--wp--style--root--padding-right));
}


/* The container within the cover block */
.proE-overlap-banner .wp-block-cover__inner-container {
    position: relative; /* Make this the positioning context */
    width: 100%;
    z-index: 5; /* Ensure inner container content is generally above the base background */
    display: flex; /* Use flex to help center the text block by default */
    justify-content: center;
    align-items: center;
}

/* Central Text Block */
.proE-abs-text {
    position: relative; /* Keep text in flow, but give it higher z-index */
    z-index: 10;       /* Ensure text is above the images */
    max-width: 400px;  /* Limit width of text content */
    width: 90%;       /* Responsive width */
    padding: 15px;     /* Add some padding */
    /* Optional: Add a very subtle background to help readability */
    /* background-color: rgba(255, 255, 255, 0.5); */
    /* border-radius: 8px; */
}

/* Absolutely Positioned Images */
.proE-abs-camera,
.proE-abs-sofa {
    position: absolute;
    top: 50%; /* Center vertically */
    transform: translateY(-50%);
    z-index: 1; /* Place images behind the text block */
/*    max-width: 45%; */
    height: auto;   /* Maintain aspect ratio */
    max-height: 90%; /* Prevent images from exceeding banner height */
    object-fit: contain; /* Ensure image scales nicely */
}
.proE-abs-camera {
	max-width:50%;
}
.proE-abs-sofa {
	max-width:50%;
}
.proE-abs-text {
	min-height:calc(100vw * 1183 / 1920);
	transform: translateY(25%);
}
.proE-abs-camera img,
.proE-abs-sofa img {
    display: block; /* Remove extra space below image */
    max-width: 100%;
    height: auto;
    /*max-height: 450px;*/
}


.proE-abs-camera {
    left: 0%; /* Position near the left edge (adjust percentage) */
}

.proE-abs-sofa {
    right: 0%; /* Position near the right edge (adjust percentage) */
}

/* Text & Button Styles (Keep or adjust from previous CSS) */
.proE-abs-text .proE-logo-image {
    margin-bottom: 15px !important;
    max-width: 25vw; 
}

.proE-abs-text .proE-feature-text,
.proE-abs-text .proE-type-text {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    color: #555;
    margin-bottom: 5px;
    line-height: 1.4;
    font-weight: 500;
}

.proE-abs-text .proE-ptz-text {
    font-family: Arial, Helvetica, sans-serif;
    color: #333;
    margin-bottom: 5px;
    /* Font size/weight set inline */
}

.proE-abs-text .proE-cta-button .wp-block-button__link {
    padding: 12px 35px;
    transition: background-color 0.3s ease, transform 0.2s ease;
    font-weight: bold;
}

.proE-abs-text .proE-cta-button .wp-block-button__link:hover,
.proE-abs-text .proE-cta-button .wp-block-button__link:focus {
    background-color: #008bbc !important;
    color: #ffffff !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}


/* --- Responsive Adjustments --- */

@media (max-width: 992px) {
    .proE-abs-camera,
    .proE-abs-sofa {
        /*max-width: 35%;*/ /* Reduce image size slightly */
    }
     .proE-abs-camera { left: 0; }
     .proE-abs-sofa { right: 0; }
}


@media (max-width: 768px) {
    .proE-overlap-banner {
        min-height: auto !important; /* Let content define height */
			margin:0 0;
    }
	.wp-block-spacer.proE-banner-spacer {
		display:none;
	}
    .proE-overlap-banner .wp-block-cover__inner-container {
       flex-direction: column; /* Stack elements */
       /*padding-top: 30px;*/
       padding-bottom: 30px;
    }

    .proE-abs-camera,
    .proE-abs-sofa {
        /*position: relative; /* Remove absolute positioning */
        top: auto;
        left: auto;
        right: auto;
        transform: none;*/ /* Reset transform */
        z-index: 1;
        max-width: 70%;   /* Adjust size for stacked view */
        margin: 15px auto; /* Center and add space */
        max-height: 250px;
    }

    .proE-abs-text {
        max-width: 90%; /* Allow text block to be wider */
        order: 0; /* Ensure text is potentially between images if needed, or adjust order */
        margin-top: 10px;
        margin-bottom: 10px;
        transform:initial;
			min-height:calc(100vw * 1993 / 1920);
    }

    .proE-abs-camera { order: -1;left:0;max-height: calc(100vw * 664 / 768);
	} /* Camera first */
    .proE-abs-sofa { order: 1; right:0;max-height: calc(100vw * 664 / 768);}   /* Sofa last */


    /* Adjust text sizes for mobile */
     .proE-abs-text .proE-logo-image img { max-width: 200px; }
     .proE-abs-text .proE-ptz-text { font-size: 1.6em !important; }
     .proE-abs-text .proE-feature-text,
     .proE-abs-text .proE-type-text { font-size: 0.9em; }
     .proE-abs-text .proE-cta-button .wp-block-button__link { font-size: 0.95em; padding: 10px 30px; }

}

@media (max-width: 480px) {
     .proE-abs-camera,
    .proE-abs-sofa {
        max-width: 52%; /* Even wider on very small screens */
         max-height: 100vw;
    }
}


/* General Feature Box Style (if not already defined) */
.feature-box {
    position: relative; /* Needed for absolute positioning of images if required */
    overflow: hidden; /* Hide parts of images positioned outside */
    display: flex; /* Helps with vertical alignment/layout */
    flex-direction: column;
    justify-content: space-between; /* Pushes elements apart vertically */
    min-height: 200px; /* Example minimum height */
}

/* Lightweight Box Specific Styles */
.feature-box-lightweight {
    /* Add the specific green background - gradient example */
    background: linear-gradient(to right, #3a8f82, #4ab3a1); /* Adjust colors */
    color: #ffffff; /* Ensure text color is white */
}

.feature-box-lightweight h3,
.feature-box-lightweight p {
    color: #ffffff; /* Explicitly set text color */
    position: relative; /* Keep text above absolutely positioned images */
    z-index: 2;
}

.feature-image-lightweight {
   /* Example using absolute positioning */
   position: absolute;
   bottom: 15px;
   right: 15px;
   max-width: 100px; /* Adjust size */
   z-index: 1; /* Behind text */
   opacity: 0.9; /* Optional */
   margin-bottom: 0 !important; /* Override default figure margin */
}


/* PTZ Box Specific Styles */
.feature-box-ptz {
    /* Background is set via block editor (light-gray) */
}

.feature-image-ptz {
   /* Example: Center image towards the bottom */
   display: block;
   margin: 20px auto 0 auto; /* Top margin, centered, no bottom margin */
   max-width: 130px; /* Adjust */
}


/* Basic Container & Columns */
.feature-layout-container {
    display: flex; /* Use flexbox for columns */
    flex-wrap: wrap; /* Allow columns to wrap on smaller screens */
    gap: 20px; /* Space between columns */
    padding: 20px; /* Optional padding around the whole layout */
    max-width: 1100px; /* Optional max-width */
    margin: 20px auto; /* Optional centering */
    background-color: #f0f2f5; /* Overall background if needed, or keep transparent */
}

.feature-column {
    flex: 1; /* Allow columns to grow */
    min-width: 300px; /* Minimum width before wrapping */
    display: flex;
    flex-direction: column;
    gap: 20px; /* Space between feature boxes within a column */
}

/* Style for individual feature boxes */
.feature-box {
    background-color: #ffffff; /* Default background for boxes */
    padding: 25px;
    border-radius: 10px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05); /* Subtle shadow */
    flex-grow: 1; /* Allow boxes in the right column to take equal space if desired */
    display: flex; /* Use flexbox for content alignment within the box if needed */
    flex-direction: column; /* Stack content vertically */
}

/* Specific Box Styling */
.feature-box-zoom {
    background-color: #f8f9fa; /* Light grey for the zoom box */
    text-align: left; /* Or center if preferred */
	padding-bottom:0!important;
}
.feature-box-zoom img {
     max-width: 80%; /* Adjust as needed */
     height: auto;
     margin-top: 20px;
     display: block; /* For margin auto to work if centering */
     margin-left: auto;
     margin-right: auto;
}


.feature-box-monitor {
     /* Example light green background - adjust hex code */
    background-color: #e8f5e9; 
}

.feature-box-audio {
    background-color: #f8f9fa; /* Light grey */
}

.feature-box-pan-tilt {
     background-color: #f8f9fa; /* Light grey */
}


/* Text Styling (Adjust fonts/sizes based on your theme) */
.feature-box h2 {
    font-size: 2.5em;
    font-weight: bold;
    margin-bottom: 0;
    line-height: 1.1;
}

.feature-box h3 {
    font-size: 1.5em; /* Adjust as needed */
    font-weight: bold;
    margin-top: 5px;
    margin-bottom: 5px;
}

.feature-box p {
    font-size: 0.95em;
    color: #555;
    margin-bottom: 15px; /* Space before image */
}

/* Image styling */
.feature-box img {
    max-width: 100%; /* Ensure images don't overflow */
    height: auto;
    display: block; /* Good practice for images */
}

.feature-image-right {
    max-width: 60%; /* Adjust size for right-aligned images */
    margin-left: auto; /* Push to the right */
    margin-top: 10px;
}

.pan-tilt-images {
    display: flex; /* Arrange pan/tilt images */
    gap: 10px;
    justify-content: center; /* Or flex-end */
    margin-top: 15px;
}

.pan-tilt-images img {
    max-width: 45%; /* Adjust size of the two images */
    height: auto;
}

/* Responsive Adjustments */
@media (max-width: 768px) { /* Tablet and smaller */
    .feature-layout-container {
        flex-direction: column; /* Stack columns */
    }
    .feature-column {
        min-width: 100%; /* Columns take full width when stacked */
    }
     .feature-image-right {
        max-width: 50%; /* Adjust for smaller screens */
        margin-left: auto;
        margin-right: auto; /* Center maybe? */
    }
     .pan-tilt-images {
        justify-content: center; 
    }
     .pan-tilt-images img {
        max-width: 48%;
    }
}

@media (max-width: 480px) { /* Mobile */
     .feature-box {
        padding: 20px;
     }
     .feature-box h2 {
        font-size: 2em;
     }
     .feature-box h3 {
        font-size: 1.3em;
     }
     .feature-image-right {
        max-width: 60%;
    }
}

/* --- Responsive Adjustments --- */

/* Columns stack automatically - no extra CSS needed for that */

@media (max-width: 768px) {
    .feature-box {
        min-height: 180px; /* Adjust min height for tablets */
        text-align: center; /* Center text when stacked? */
    }
    .feature-image-lightweight {
       /* Adjust positioning/size for stacked view */
       position: relative; /* Change from absolute? */
       display: block;
       margin: 15px auto 0 auto; /* Center below text */
       right: auto;
       bottom: auto;
       max-width: 90px;
    }
    .feature-image-ptz {
       max-width: 110px; /* Adjust size */
       margin-top: 15px;
    }
}

@media (max-width: 480px) {
     .feature-box {
        min-height: auto; /* Let height be natural */
        padding: 20px !important; /* Reduce padding */
     }
	.feature-box.feature-box-pan-tilt {
		padding-top:50%!important;
	}
      .feature-image-lightweight {
         max-width: 80px;
      }
     .feature-image-ptz {
        max-width: 100px;
     }
}

/* Apply rounded corners and ensure background is clipped */
.feature-section-watch.wp-block-cover {
    border-radius: 15px; /* Ensure this matches the block setting or applies if theme doesn't */
    overflow: hidden; /* Important to clip the background image */
}
.feature-section-watch.wp-block-cover img {
	width:100%;
	height:auto;
}
.feature-section-custom-zones.wp-block-cover img {
		width:100%;
	height:auto;
}

/* Style the text content specifically within this section if needed */
.feature-section-watch .wp-block-column h4 {
    font-weight: 500; /* Lighter weight for the subtitle */
    margin-bottom: 0.5em;
     opacity: 0.9; /* Slightly less prominent */
}

.feature-section-watch .wp-block-column h2 {
    font-weight: 700; /* Bold main title */
    line-height: 1.2;
    margin-bottom: 0.75em;
}

.feature-section-watch .wp-block-column p {
    line-height: 1.6;
    max-width: 60ch; /* Limit line length for readability */
}


/* --- Responsive Adjustments --- */

@media (max-width: 1024px) {
     /* Adjust padding for tablets */
     .feature-section-watch .wp-block-column:last-child { /* Target right column */
        padding-top: 0 !important;
        /*padding-right: var(--wp--preset--spacing--60) !important;*/
        padding-bottom: 0 !important;
        /*padding-left: var(--wp--preset--spacing--60) !important;*/
        /* Use !important cautiously, only if block styles override */
     }
     .feature-section-watch.wp-block-cover {
        min-height: 450px !important; /* Adjust height */
     }
     .feature-section-watch .wp-block-column h2 {
        font-size: var(--wp--preset--font-size--x-large) !important; /* Use a smaller heading size */
     }
}


@media (max-width: 1023px) { /* Stack columns on mobile */
    .feature-section-watch .wp-block-columns {
        /* Columns stack by default, no extra CSS needed for stacking */
    }

    .feature-section-watch .wp-block-column:first-child {
        display: none; /* Hide the empty left column when stacked */
    }

    .feature-section-watch .wp-block-column:last-child {
        /*flex-basis: 100% !important;*/ 
    width: 100% !important;
    padding: var(--wp--preset--spacing--50) var(--wp--preset--spacing--40) !important; 
    text-align: center;
    }
     .feature-section-watch.wp-block-cover {
        min-height: 400px !important; /* Further adjust height */
        background-position: center center !important; /* Ensure background focus is centered */
     }
     .feature-section-watch .wp-block-column h2 {
        font-size: var(--wp--preset--font-size--large) !important; /* Further reduce heading size */
     }
     .feature-section-watch .wp-block-column p {
         max-width: none; /* Remove max-width limit */
         text-align: center; /* Optional */
     }
}

/* Ensure cover block styles are applied */
.feature-section-custom-zones.wp-block-cover {
    border-radius: 15px; /* Match block setting */
    overflow: hidden; /* Clip background */
}

/* Specific text styling within this section */
.feature-section-custom-zones .wp-block-column:first-child { /* Target only the left column with text */
     /* Add any specific text alignment overrides if needed */
}

.feature-section-custom-zones .wp-block-column h4 {
    font-weight: 500;
    margin-bottom: 0.5em;
    opacity: 0.9;
}

.feature-section-custom-zones .wp-block-column h2 {
    font-weight: 700;
    line-height: 1.25;
    margin-bottom: 0.75em;
}

.feature-section-custom-zones .wp-block-column p {
    line-height: 1.65;
    max-width: 55ch; /* Control line length */
    opacity: 0.95; /* Slightly less bright than headings */
}


/* --- Responsive Adjustments --- */

@media (max-width: 1024px) {
     .feature-section-custom-zones .wp-block-column:first-child { /* Text Column */
        padding: var(--wp--preset--spacing--50) var(--wp--preset--spacing--40) var(--wp--preset--spacing--50) var(--wp--preset--spacing--60) !important; /* Adjust tablet padding */
     }
     .feature-section-custom-zones.wp-block-cover {
        min-height: 480px !important; /* Adjust height */
     }
      .feature-section-custom-zones .wp-block-column h2 {
         font-size: var(--wp--preset--font-size--x-large) !important;
      }
}


@media (max-width: 1024px) {
     .feature-section-custom-zones .wp-block-column:first-child { /* Text Column */
        flex-basis: 100% !important; /* Take full width */
        width: 100% !important;
        padding: var(--wp--preset--spacing--50) var(--wp--preset--spacing--40) !important; /* Adjust mobile padding */
        text-align: center; /* Center text on mobile */
     }

    .feature-section-custom-zones .wp-block-column:last-child { /* Empty column */
        display: none; /* Hide the empty column when stacked */
    }

     .feature-section-custom-zones.wp-block-cover {
        min-height: 420px !important; /* Adjust mobile height */
        /* Gradient might need adjustment on mobile if text overlaps light areas too much */
        /* Example: background: linear-gradient(90deg, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.2) 100%) !important; */
         background-position: center center !important;
     }
      .feature-section-custom-zones .wp-block-column h2 {
         font-size: var(--wp--preset--font-size--large) !important;
      }
       .feature-section-custom-zones .wp-block-column p {
         max-width: none;
         text-align: center;
       }
}

/* --- Tracking Mode Section --- */

.tracking-mode-columns {
  position: relative; /* Establish positioning context for the center image */
  align-items: flex-start !important; /* Override potential theme centering */
  gap: 0; /* Adjust gap between columns */
}

.tracking-column-left,
.tracking-column-right {
  /* Optional: Add some top margin if needed */
  /* margin-top: 30px; */
}

.tracking-mode-box {
  /* Ensure consistent height behavior if needed */
   min-height: 350px; /* Example: Adjust as needed */
   display: flex;
   flex-direction: column;
   justify-content: flex-start; /* Align content to top */
}

.tracking-mode-box .phone-screenshot{
	height: calc(100vw * 500 / 1920);
}

.tracking-mode-box .phone-screenshot img {
	max-width:initial;
	height:100%;
	width:auto;
}
.device-image.image-audio {
	display:flex;
	justify-content:flex-end;
}

.tracking-mode-box-left {
  background-color: #95c3bf; /* Teal background */
	height:calc(100vw * 980 / 1920);
}

.tracking-mode-box-right {
  background-color: #dae1e5; /* Light gray background (adjust if block style is used) */
	height:calc(100vw * 980 / 1920);
}

.tracking-mode-box h3 {
    margin-bottom: 0.5em;
	z-index:3;
}

.tracking-mode-box p {
    margin-bottom: 1.5em;
    font-size: 0.95em;
    color: #333; /* Adjust text color if needed */
	z-index:3;
}

.phone-screenshot {
  display: block;
  margin: 20px auto 0 auto !important; /* Center and add top margin */
  height: auto;
}

.phone-left {
    
}
.phone-right {
     
}

.tracking-quote {
  margin-top: -50px !important;
  font-size: 0.9em;
  color: #333; /* Adjust color */
	padding:15px 40px !important;
	text-align:center;
	z-index:4;
}

.tracking-quote-left {
  background-color: #54a592; /* Match box background */
  color: #004d40; /* Darker teal text */
	border-radius:48px 0 0 48px!important;
}
.tracking-quote-right {
  background-color: #ccd2d1; /* Match box background (adjust if block style is used) */
   color: #495057; /* Darker grey text */
	border-radius: 0 48px 48px 0!important;
}


/* Center Camera Styling */
.tracking-column-center {
    text-align: center; /* Center the figure within the column */
    position: relative; /* Allow z-index */
    z-index: 10; /* Ensure camera image is visually on top */
    margin-top: -30px; /* Pull the camera up slightly (adjust value) */
	   position: absolute;
    z-index: 1;
    top: -60px;
}

.center-camera-image img {
    max-width: 100%; /* Ensure it scales */
    height: auto;
    /* Add filter: drop-shadow(...) for shadow if needed */
}


/* --- Responsive Adjustments --- */

@media (max-width: 1024px) {
    .tracking-column-center {
        margin-top: 0; /* Reset negative margin */
        align-self: center; /* Try to center vertically better on tablet */
    }
    .center-camera-image img {
        max-width: 85%; /* Slightly smaller camera */
    }
    .tracking-mode-box {
        min-height: auto; /* Allow natural height */
    }
}

@media (max-width: 782px) {
	.tracking-mode-box-left,.tracking-mode-box-right {
		height:auto;
	}
	.tracking-column-center {
		position: relative;
        order: -1; /* Move camera image to the top when stacked */
        margin-bottom: 20px; /* Add space below camera */
    }
	.tracking-mode-box .phone-screenshot {
	  height: calc(100vw * 320 / 375) !important;
	}
	    .tracking-quote {
        margin-top: -10px !important;
				   text-align: center;
        margin-block-start: 0;
        margin-bottom: 0;
    }
	    .tracking-quote-left, .tracking-quote-right {
        border-radius: 0 0 15px 15px !important;
    }
}

@media (max-width: 768px) {
    .tracking-mode-columns {
        /* Columns stack automatically */
         /*gap: 30px;*/ /* Increase gap when stacked */
    }

    .tracking-column-left,
    .tracking-column-center,
    .tracking-column-right {
        flex-basis: 100% !important; /* Full width when stacked */
        width: 100% !important;
    }

    .tracking-column-center {
        order: -1; /* Move camera image to the top when stacked */
        margin-bottom: 20px; /* Add space below camera */
    }

    .center-camera-image img {
         max-width: 60%; /* Smaller camera on mobile */
    }

     .phone-screenshot {
         /*max-width: 150px;*/ /* Smaller phones */
         margin-top: 15px;
     }
     .phone-left, .phone-right {
          transform: none; /* Remove rotation */
     }

     .tracking-quote {
         margin-top: -10px !important;
     }
	    .tracking-mode-box .phone-screenshot {
        height: calc(100vw * 320 / 375)!important;
    }
}

/* --- SmartRecap Section --- */

.smartrecap-section {
    /* Optional: Add border-radius if you want rounded corners for the whole section */
    /* border-radius: 15px; */
    /* overflow: hidden; */ /* Needed if using border-radius */
}

.smartrecap-section h2 {
    font-weight: 700; /* Bold main heading */
    margin-bottom: 0.25em;
}

.smartrecap-section > p.has-large-font-size { /* Target subheading */
     color: #555; /* Slightly muted color */
     margin-bottom: 1em;
}

/* Button Styling */
.smartrecap-trial-button .wp-block-button__link {
    padding: 10px 12px !important; /* Adjust padding for size */
    font-weight: bold;
    font-size: 0.9em;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    /* Ensure colors/radius override theme defaults if necessary */
    /* background-color: #000000 !important; */
    /* color: #ffffff !important; */
    /* border-radius: 30px !important; */
}

/* Columns Layout */
.smartrecap-columns {
   gap: 15px; /* Adjust space between columns */
}

.phone-image img {
    max-width: 100%; /* Ensure images scale */
    height: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
    filter: drop-shadow(0 5px 15px rgba(0,0,0,0.1)); /* Add subtle shadow */
}

.phone-image-left img {
    /* Optional: Add slight rotation or offset if needed */
}
.phone-image-right img {
    /* Optional: Add slight rotation or offset if needed */
}

/* Center Column Content */
.center-cta-column {
    text-align: center;
}
.center-cta-text {
    font-size: 1.1em;
    line-height: 1.4;
    margin-bottom: 0.5em;
}
.chevron-icon {
   margin-top: 10px !important;
   margin-bottom: 0 !important;
}
.chevron-icon img {
    max-width: calc(100vw * 200 / 1920); /* Match block setting */
    height: auto;
}

/* Bottom Description */
.smartrecap-description {
    max-width: 70%!important; /* Limit line length for readability */
    margin-left: auto;
    margin-right: auto;
    line-height: 1.65;
    color: #444; /* Adjust text color */
     padding-left: 15px; /* Add horizontal padding */
     padding-right: 15px;
}

.center-camera-image img {
	width:calc(100vw * 460 / 1920)!important;
}

@media (max-width: 1600px) {
	.center-camera-image img {
	width:calc(100vw * 500 / 1920)!important;
	}
	.tracking-mode-box .phone-screenshot {
		height:calc(100vw * 441 / 1920);
	}
}

/* --- Responsive Adjustments --- */

@media (max-width: 1024px) {
    .phone-image img {
         max-width: 90%; /* Slightly smaller phones */
    }
    .center-cta-text {
        font-size: 1em;
    }
}

@media (max-width: 767px) {
    .smartrecap-columns {
        /* Columns stack automatically */
        gap: 40px; /* Increase gap when stacked */
    }

    .smartrecap-columns .wp-block-column {
        flex-basis: 100% !important; /* Full width */
        width: 100% !important;
    }

    .center-cta-column {
        order: 1; /* Move center text/icon to the top */
        margin-bottom: 20px; /* Add space below it */
    }

    .phone-image-left {
        order: 2; /* Left phone below center */
    }
    .phone-image-right {
         order: 3; /* Right phone last */
    }

    .phone-image img {
         max-width: 65%; /* Smaller phones on mobile */
         filter: none; /* Optional: Remove shadow on mobile */
    }
    .chevron-icon {
         display: none; /* Hide chevron icon on mobile */
    }

    .smartrecap-description {
         max-width: none; /* Allow full width */
         font-size: 0.95em;
    }
  .smartrecap-section {
   padding-top: 0!important;
   padding-bottom: var(--wp--preset--spacing--60) !important;
  }
}

/* --- Privacy Section --- */

.feature-section-privacy.wp-block-cover {
    border-radius: 15px; /* Match block setting */
    overflow: visible; /* Clip background and absolutely positioned elements */
	padding-top:min(7.5vw,9.25rem)!important;
	padding-bottom:min(14.4vw,17rem)!important;
}

.feature-section-privacy.wp-block-cover .wp-block-cover__image-background {
	/*height: 50.5vw!important;*/
	width:100%;
	height:auto;
}


/* Text Styling */
.privacy-text-column h4 {
    font-weight: 500;
    margin-bottom: 0.5em;
    opacity: 0.9;
}

.privacy-text-column h2 {
    font-weight: 700;
    line-height: 1.25;
    margin-bottom: 0.75em;
}

.privacy-text-column p {
    line-height: 1.65;
    max-width: 55ch; /* Limit line length */
    opacity: 0.95;
}

/* Image Positioning Container */
.privacy-image-column {
    position: relative; /* Crucial for absolute positioning of children */
    min-height: 400px; /* Give it some height to contain positioned elements */
    align-self: stretch !important; /* Make column take full height of row */
}

/* Absolutely Positioned Images */
.privacy-phone-image,
.privacy-watch-image {
    position: absolute !important; /* Take images out of normal flow */
    margin-bottom: 0 !important; /* Override default figure margins */
    filter: drop-shadow(0 5px 15px rgba(0,0,0,0.2)); /* Add shadow */
}

.privacy-phone-image {
    width: auto; /* Let height control width or set max-width */
    max-height: 85%; /* Example: Size relative to container height */
    bottom: -36px;  /* Adjust vertical position (can be negative) */
    right: 30%;   /* Adjust horizontal position */
    z-index: 5;
	position: absolute !important;
	    bottom: 0;
    right: calc(-1.5vw);
    transform: translatey(calc(100vw * 420 / 1920));
	
}
.spacer-after-private-mode {
	height: calc(100vw * 100 / 1920) !important;
}

.privacy-watch-image {
    width: auto; /* Let height control width or set max-width */
    max-height: 40%; /* Example: Smaller than phone */
    bottom: 10px;  /* Adjust vertical position */
    right: 5px;   /* Adjust horizontal position */
    transform: rotate(-5deg); /* Slight rotation */
    z-index: 10; /* Ensure watch is on top */
}

.feature-section-privacy .privacy-text-column {
	   padding-top: 40px!important;
    padding-bottom: 40px!important;
    border-radius: 0 40px 40px 0!important;
    background: #ffffff33!important;
}


/* --- Responsive Adjustments --- */

@media (max-width: 1024px) {
     .privacy-image-column {
        min-height: 350px;
     }
     .privacy-phone-image {
        max-height: 80%;
        right: 35%;
     }
     .privacy-watch-image {
        max-height: 38%;
        right: 8px;
     }
      .feature-section-privacy.wp-block-cover {
        min-height: 480px !important;
     }
      .privacy-text-column h2 {
        font-size: var(--wp--preset--font-size--x-large) !important;
     }
}

@media (max-width: 768px) {
     .feature-section-privacy .wp-block-columns {
        /* Columns stack automatically */
     }

    .privacy-text-column {
        flex-basis: 100% !important;
        width: 100% !important;
        text-align: center; /* Center text */
        padding: var(--wp--preset--spacing--50) var(--wp--preset--spacing--40) !important; /* Adjust padding */
        order: 1; /* Text first */
    }
    .privacy-text-column p {
        max-width: none; /* Remove line length limit */
        text-align: center;
    }

    .privacy-image-column {
        flex-basis: 100% !important;
        width: 100% !important;
        min-height:initial; /* Adjust height for mobile images */
        order: 2; /* Images second */
        padding-bottom: 20px; /* Add some space at bottom */
    }

    .privacy-phone-image,
    .privacy-watch-image {
        position: relative !important; /* Back to normal flow */
        bottom: auto !important;
        right: auto !important;
        transform: none !important; /* Reset transform */
        z-index: auto !important;
        display: block;
        margin: 15px auto !important; /* Center images horizontally */
        filter: none; /* Optional: remove shadow */
    }

     .privacy-phone-image {
        max-height: none; /* Let width control */
        max-width: 70%; /* Adjust max width */
     }
      .privacy-watch-image {
         max-height: none;
         max-width: 30%; /* Adjust max width */
         margin-top: -20px !important; /* Pull watch up slightly */
				
     }

     .feature-section-privacy.wp-block-cover {
        min-height: auto !important; /* Let content dictate height */
        /* Optional: Change gradient for stacked layout */
        /* background: linear-gradient(0deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 60%) !important; */
			 padding-bottom:0!important;
     }
       .privacy-text-column h2 {
        font-size: var(--wp--preset--font-size--large) !important;
     }
	.entry-content .wp-block-spacer.spacer-after-private-mode {
		height:0!important;
	}
	.final-image-columns .wp-block-cover {
		min-height:initial!important;
		
	}
}

/* --- Final Image Section --- */

/* Add spacing above/below the columns if needed within the page flow */
.final-image-columns {
  /* Example: margin-bottom: 30px; */
	padding-top:0!important;
	padding-bottom:0!important;
	max-width:initial!important;
}
.final-image-columns .wp-block-cover {
	height:calc(100vw * 1318 / 1920);
	max-width:initial!important;
	padding-top:0!important;
	padding-bottom:0!important;
}
/* Style for the panel images */
.final-panel-image img {
  display: block; /* Remove extra space below image */
  border-radius: 15px; /* Apply rounded corners */
  max-width: 100%; /* Ensure image scales */
  height: auto;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15); /* Add shadow effect */
}

/* Bottom Banner Styling */
.final-banner {
	background:#dce1e0;
	font-size:#000;
}
.final-banner p {
  font-weight: 500; /* Adjust font weight */
  margin-bottom: 0; /* Remove default paragraph margin */
}
.final-image-columns .wp-block-cover__image-background {
	border-radius:0!important;
}

/* --- Responsive Adjustments --- */

@media (max-width: 767px) {
  .final-image-columns {
    padding-top: 0 !important; /* Adjust padding */
    padding-bottom: 0 !important;
    /* Columns stack automatically */
  }

  /* Optional: Remove shadow on mobile if desired */
  .final-panel-image img {
     /* box-shadow: none; */
  }

  .final-banner {
    padding-top: 20px !important; /* Adjust padding */
    padding-bottom: 20px !important;
  }

  .final-banner p {
    font-size: var(--wp--preset--font-size--medium) !important; /* Adjust font size */
    letter-spacing: 0.5px !important; /* Adjust letter spacing */
  }
}

@media (max-width: 480px) {
    .final-banner p {
        font-size: var(--wp--preset--font-size--normal) !important; /* Smaller font on very small screens */
    }
}



.wp-block-woocommerce-product-details {
	max-width:initial!important;
}
.woocommerce-Tabs-panel.woocommerce-Tabs-panel--description {
	padding:0!important;
}


.feature-box-zdy {
  position: relative;
  width: 400px; /* 根据需要调整 */
  height: 250px; /* 根据需要调整 */
  background: linear-gradient(45deg, #2b8a74, #e6f3ef); /* 渐变绿色背景 */
  border-radius: 20px;
  overflow: hidden;
  font-family: Arial, sans-serif;
  color: white;
}

.text-content-zdy {
  position: absolute;
  top: 20px;
  left: 20px;
  z-index: 2;
}


.text-content-zdy h2 {
  margin: 0;
  font-size: 24px;
  font-weight: bold;
}

.text-content-zdy p {
  margin: 5px 0 0;
  font-size: 16px;
  opacity: 0.8;
}

.device-image-zdy {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: auto;
  object-fit: contain;
  z-index: 1;
}
.device-image-zdy img{
	    width: 100%!important;
    height: auto!important;
    margin-bottom: -44px!important;
    margin-left: 0px!important;
}

/* --- 网格布局容器 --- */
/* 选择器针对 WordPress 添加的类 */
.wp-block-group.features-grid-wrapper {
    display: grid;
    grid-template-columns: repeat(6, 1fr); /* 桌面 6 列 */
    gap: 20px;
    max-width: 100%;
    width: 100%;
    /*margin-left: auto;
    margin-right: auto;*/
    padding: 0; /* 移除 Group Block 可能的默认 padding */
}
.wp-block-group.features-grid-wrapper.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
	margin:initial!important;
	max-width:100%!important;
} 

/* --- 通用特性卡片样式 --- */
/* 选择器针对 WordPress 添加的类 */
.wp-block-group.feature-box {
    border-radius: 15px;
    padding: 25px 30px;
    position: relative;
    overflow: hidden;
    min-height: calc(100vw * 420 / 1920); /* 默认最小高度 */
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    background-color: #e8eaea; /* 默认背景 */
    color: #333; /* 默认文字颜色 */
    margin-bottom: 0; /* 覆盖 Group Block 可能的默认 margin */
}

/* --- 文本内容样式 --- */
.wp-block-group.feature-box .wp-block-heading {
    font-size: 1.8em; /* 桌面标题字号 */
    font-weight: bold;
    margin: 0 0 5px 0 !important; /* 强制覆盖默认边距 */
    line-height: 1.2;
    color: inherit; /* 继承父级 feature-box 的颜色 */
}

.wp-block-group.feature-box p { /* Target paragraphs directly */
    font-size: 0.95em; /* 桌面副标题字号 */
    margin: 0 !important; /* 强制覆盖默认边距 */
    color: #555;
    line-height: 1.4;
}
.wp-block-group.feature-box-pan-tilt {
	width:100%;
}
/* 特殊颜色继承 */
.wp-block-group.feature-box-monitor .wp-block-heading,
.wp-block-group.feature-box-monitor p,
.wp-block-group.feature-box-weight .wp-block-heading,
.wp-block-group.feature-box-weight p {
    color: white!important; /* 白色文字的卡片 */
	z-index:3;
}
/*
.wp-block-group.feature-box-monitor p,
.wp-block-group.feature-box-weight p {
     color: rgba(255, 255, 255, 0.9);
}*/
.wp-block-group.feature-box-audio p,
.wp-block-group.feature-box-pan-tilt p,
.wp-block-group.feature-box-tracking p {
     color: #555; /* 确保灰色背景的副标题颜色 */
}


/* --- 通用设备图片样式 --- */
.wp-block-group.feature-box figure.device-image {
    margin: 0;
    position: absolute;
    z-index: 1;
    line-height: 0; /* 尝试修复 figure 可能带来的额外空间 */
}

.wp-block-group.feature-box figure.device-image img {
    display: block;
    max-width: 100%;
    height: auto;
    border-radius: 0; /* 确保图片没有意外的圆角 */
    box-shadow: none; /* 确保图片没有意外的阴影 */
}

/* --- ================================== --- */
/* ---    桌面特定布局和图片定位 (默认)   --- */
/* --- ================================== --- */

.wp-block-group.feature-box-zoom {
    grid-column: span 2;
    grid-row: span 2; /* 跨 2 行 */
    min-height: 420px; /* 桌面更高的最小高度 */
	background:#c3cac9;
}
.wp-block-group.feature-box-zoom .image-zoom { width: 90%; bottom: 0px; left: 50%; transform: translateX(-50%); }

.wp-block-group.feature-box-monitor {
    grid-column: span 2;
    background: linear-gradient(45deg, #2b8a74, #e6f3ef);
}
.wp-block-group.feature-box-monitor .image-monitor { 
	  /* width: 110%;*/
/*			transform:scale(1.25);
    top: -29%;
    right: 0%;*/
	transform: scale(1.26);
        top: calc(-1 * 100vw * 184 / 1920) !important;
        right: calc(-1 * 100vw * 84 / 1920);
}

.wp-block-group.feature-box-audio {
    grid-column: span 2;
}
.wp-block-group.feature-box-audio .image-audio { width: 65%; bottom: 0px; right: 0px; }

.wp-block-group.feature-box-pan-tilt {
    grid-column: 3 / -1; /* 整行 */
    min-height: calc(100vw * 420 / 1920);
}
.wp-block-group.feature-box-pan-tilt .image-pan-tilt-1 { width: calc(100vw * 400 / 1920); bottom: 0px; left: 30%; }
.wp-block-group.feature-box-pan-tilt .image-pan-tilt-2 { width: calc(100vw * 400 / 1920);
    display: flex
;
    justify-content: flex-end; top: 0px; right: 10%;  }

.wp-block-group.feature-box-weight {
	    grid-column: span 3;
    background: linear-gradient(46deg, #1b7460 0%, #3ea18acc 37%, #dce9e6 98%);
	/*min-height:280px;*/
}


.wp-block-group.feature-box-weight .image-weight { width: calc(100vw * 460 / 1920);
    /* height: 100%; */
    transform: translateY(10%); bottom: 0; right: 0; }
.wp-block-group.feature-box-weight .image-weight img { width: auto; }

.wp-block-group.feature-box-tracking {
    grid-column: span 3;
}
.wp-block-group.feature-box-tracking .image-tracking-cam { width: 18%; bottom: 0; left: 40px; }
.wp-block-group.feature-box-tracking .image-tracking-person { width: 100px; bottom: 0; right: 40px; }
.smartrecap-section {
	margin: 0 calc(-1 * var(--wp--style--root--padding-right));
}
.feature-section-privacy {
	min-height:calc(100vw * 948 / 1920)!important;
}
.feature-section-watch {
	min-height:calc(100vw * 948 / 1920)!important;
}
.feature-section-custom-zones {
	min-height:calc(100vw * 948 / 1920)!important;
}

@media (min-width:1440px) {
	.wp-block-group.feature-box-monitor .image-monitor {
		transform: scale(1.5);
    top: -21%;
	}
}

@media (min-width:1600px) {
    .wp-block-group.feature-box-monitor .image-monitor {
        /*transform: scale(2);
        top: -15%;
        right: 10%;*/
			transform: scale(1.26);
        top: calc(-1 * 100vw * 184 / 1920) !important;
        right: calc(-1 * 100vw * 84 / 1920);
    }
}
@media (max-width: 1024px) {
	.entry-content .wp-block-spacer {
		height:30px!important;
	}
}
/* --- ===================================== --- */
/* ---    手机端响应式布局 (例如 <= 768px)    --- */
/* --- ===================================== --- */
@media (max-width: 768px) {
	.entry-content .wp-block-spacer {
		height:30px!important;
	}
    .wp-block-group.features-grid-wrapper {
        grid-template-columns: repeat(2, 1fr); /* 手机 2 列 */
        gap: 15px; /* 减小间隙 */
        /*max-width: 95%;*/ /* 接近屏幕宽度 */
      /* padding-right: var(--wp--style--root--padding-right);
   padding-left: var(--wp--style--root--padding-left);*/
			margin-top: calc(-1 * (100vw * 180 / 768));
    }
		
    .wp-block-group.feature-box {
        grid-column: auto !important; /* 重置跨列 */
        grid-row: auto !important;    /* 重置跨行 */
        min-height:initial!important; /* 手机端统一最小高度 */
        padding: 20px 25px; /* 调整内边距 */
			        aspect-ratio: 1 / 1.3;
    }
    .wp-block-group.feature-box-zoom {
        /*min-height: 320px;*/ /* Zoom 在手机上也可能需要高一点 */
    }

    /* 调整字体大小 */
    .wp-block-group.feature-box .wp-block-heading {
        font-size: 1em; /* 减小标题字号 */
    }
    .wp-block-group.feature-box p {
        font-size: 0.75em; /* 减小副标题字号 */
    }
	

    /* --- 调整图片定位以适应手机端布局 --- */
    .wp-block-group.feature-box-zoom .image-zoom { width: 85%; max-width: 200px; bottom:0; }
    .wp-block-group.feature-box-monitor .image-monitor { width: 100%!important;}
    .wp-block-group.feature-box-audio .image-audio { width: 100%; bottom: 0px; right: 0px;}
    .wp-block-group.feature-box-pan-tilt .image-pan-tilt-1 { 
			width: calc(100vw * 100 / 375); 
			bottom: -35px; left: 10px;
	}
    .wp-block-group.feature-box-pan-tilt .image-pan-tilt-2 {
			width: calc(100vw * 70 / 375); right: 15px; 
	}
    .wp-block-group.feature-box-weight .image-weight { 
			/*width: 100%;height:100%; bottom: 0; right: 0px;top: -28px;*/
			    width: 45vw;
        /*height: 100%;*/
			left: calc(100vw * 20 / 375);
        bottom: 0;
        right: 0;
        top: initial;
			transform:initial; 
	}
    .wp-block-group.feature-box-weight .image-weight img { /*max-height: 150px;*/
width: 100%;
        bottom: 0;
        height: 100%;
        right: -25px;
        top: 0;	
	}
    .wp-block-group.feature-box-tracking .image-tracking-cam { width: 30%; bottom: 0px; left: 15px; }
    .wp-block-group.feature-box-tracking .image-tracking-person { width: 30%; bottom: 0; right: 15px; }
	
	.wp-block-group.feature-box-pan-tilt {
		padding-top:55%;
	}
	.tracking-column-center {
		top: -196px;
   left: -37%;
	}
	.center-camera-image img {
		max-width:60%;
		width:60%!important;
	}
	.tracking-mode-box-left {
		/*height:calc(100vw * 1440 / 1920);*/
		height:auto;
	}
	.tracking-mode-box-right {
		/*height:calc(100vw * 1440 / 1920);*/
		height:auto;
	}
	.woocommerce-tabs .woocommerce-Tabs-panel--description p, .wp-block-woocommerce-product-details .woocommerce-tabs .woocommerce-Tabs-panel--description p {
		font-size: 12px!important;
   line-height: 140%!important;
	}
	.tracking-quote-left,.tracking-quote-right {
		border-radius:0 0 15px 15px!important;
	}
	.tracking-column-center {
		position:relative;
		top:0;
		left:0;
	}
	.center-camera-image img {
		width:100%;
		height:auto;
		max-width:initial;
	}
	.phone-image img {
		margin-left:initial;
		margin-right:initial;
	}
	.phone-image-right {
        display: flex;
        justify-content: flex-end;
    }
	    .center-cta-column {
				order:initial;
	}
	.wp-block-group.alignfull.smartrecap-columns {
		color:#f00!important;
		padding-left:0!important;
		padding-right:0!important;
	}
	.feature-section-watch.wp-block-cover {
		min-height:initial!important;
	}
	.feature-section-watch .wp-block-cover__inner-container{
		width: 100%;
    margin-top: calc(100vw * 837 / 1920);
    background: #fff;
    color: #000!important;
	}
		.feature-section-watch .wp-block-cover__inner-container .has-white-color{
    color: #000!important;
	}
	.feature-section-custom-zones .wp-block-cover__inner-container{
		width: 100%;
    margin-top: 50%;
    background: #fff;
    color: #000!important;
	}
		.feature-section-custom-zones .wp-block-cover__inner-container .has-white-color{
    color: #000!important;
	}	
	.feature-section-privacy .wp-block-cover__inner-container{
		width: 100%;
    margin-top: 42%;
    background: #fff;
    color: #000!important;
		border-radius: 0 0 15px 15px;
	}
	.feature-section-privacy .wp-block-cover__inner-container .has-white-color{
    color: #000!important;
	}	
	.wp-block-group.feature-box-monitor .image-monitor {
		top: 15%!important;
	}
	.woocommerce-tabs .woocommerce-Tabs-panel--description .center-cta-column p {
		font-size: clamp(18.959px, 1.185rem + ((1vw - 3.2px) * 1.022), 30px)!important;
	}
}

/* --- 可选: 更小屏幕单列布局 (例如 <= 480px) --- */
@media (max-width: 480px) {
/*     .wp-block-group.features-grid-wrapper {
        grid-template-columns: 1fr;
        gap: 10px;
    }*/
     .wp-block-group.feature-box {
        /*min-height: 250px;*/ /* 单列时可能需要调整高度 */
        padding: 15px 20px;
    }
     .wp-block-group.feature-box-zoom {
        /*min-height: 300px;*/ /* Zoom 在单列时 */
    }
    /* 可能还需要进一步调整图片大小和位置 */
     .wp-block-group.feature-box-monitor .image-monitor { width: 120px; bottom: -15px; right: -15px; }
     /* ... 其他图片的微调 ... */
	.wp-block-group.feature-box .wp-block-heading {
		font-size: 0.9em;
	}
	
}
@media (max-width: 768px) {
    .wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid {
			grid-template-columns:1fr!important;
	}
	.slider_left_part {
		display:none;
	}
	.slider_right_part {
		display:none;
	}
	.slider_center_part figure img {
		transform:scale(1);
	}
	.zdy_slider_coming_soon_page {
		margin-top:20px;
	}
	.superblockslider {
		height: 85vw !important;
	}
	.superblockslider__slide_inner {
		height: 100%;
		position: relative;
	}
		
}
@media (max-width:799px) {
	.zdy_gallery_wrapper {
		padding:0 20px;
	}
	.zdy_gallery_wrapper img {
		height:initial;
	}
	.zdy_gallery_wrapper figure {
		width:100%;
	}
	.zdy_gallery_wrapper figure img{
		width:100%;
	}
	.zdy_service_box_group {
		transform: none; 
   margin-top: 60px;
		margin-bottom: 60px;
   display: block;
	}
}
@media (max-width:767px) {
	 .products-block-post-template .product .wp-block-button.wc-block-components-product-button, .products-block-post-template .wp-block-post .wp-block-button.wc-block-components-product-button {
	align-items: flex-end!important;
}
.products-block-post-template .wp-block-post span[data-wc-bind--hidden="!state.displayViewCart"]:not([hidden]) .added_to_cart:not(:hover) {
	text-indent: -138px!important;
	padding: 0 18px!important;
}
.products-block-post-template .product span[data-wc-bind--hidden="!state.displayViewCart"]:not([hidden]) .added_to_cart ,.products-block-post-template .wp-block-post span[data-wc-bind--hidden="!state.displayViewCart"]:not([hidden]) .added_to_cart {
    overflow: visible;
    text-indent: -128px!important;
}	
	
	.zdy_make_it_simple_container >.wp-block-columns >.wp-block-column:first-child {
		padding-top:40px;
	}
		.zdy_make_it_simple_container >.wp-block-columns >.wp-block-column:last-child .wp-block-image{
		transform: translateX(20px);
		margin-top: -90px;
	}
	
	.wp-block-columns.zdy_speacial_letter_size > .wp-block-column {
		flex-basis: auto !important;
	}
	.zdy_speacial_letter_size {
		padding: 0 30px;
	}
		.wp-block-columns.zdy_speacial_letter_size > .wp-block-column:nth-child(even) {
		flex-basis: 90% !important;
	}
	.zdy_gallery_wrapper {
		padding:0 20px;
	}
	.zdy_gallery_wrapper img {
		height:initial;
	}
	.zdy_gallery_wrapper figure {
		width:100%;
	}
	.zdy_gallery_wrapper figure img{
		width:100%;
	}
	.virtavo-feature-card > .wp-block-columns .wp-block-column:first-child > .wp-block-columns {
		flex-basis: initial !important;
		width:initial!important;
		flex-direction:row!important;
	}
		.virtavo-feature-card > .wp-block-columns .wp-block-column:first-child > .wp-block-columns>.wp-block-column {
			width:auto!important;
	}
	.zdy_service_box_group {
		transform: none; 
   margin-top: 60px;
		margin-bottom: 60px;
   display: block;
	}
	.zdy_cover_stay_in_the_loop .wp-block-heading{
		display: inline-block;
    max-width: initial !important;
    margin-block-start: calc(100vw * 136 / 1920);
    text-align: center;
    padding-left: calc(100vw * 40 / 1920);
    transform: translateX(calc(100vw * 620 / 1920));
    font-size: 18px !important;
}
	display: inline-block;
    max-width: initial !important;
    margin-block-start: calc(100vw * 136 / 1920);
    text-align: center;
    padding-left: calc(100vw * 40 / 1920);
    transform: translateX(calc(100vw * 620 / 1920));
    font-size: 18px !important;
}
.wpforms-submit-container {
	text-align:center;
}
	
}

.single single-product .wp-block-group.woocommerce.product.is-layout-flow.wp-block-group-is-layout-flow >.wp-block-group.has-global-padding {
	padding-left:0!important;
	padding-right:0!important;
}

.tracking-modes-wrapper {
	margin-left: calc(-1 * var(--wp--style--root--padding-right));
    margin-right: calc(-1 * var(--wp--style--root--padding-right));
}
.embrace-smart-living-wrapper {
	margin-left: calc(-1 * var(--wp--style--root--padding-right));
    margin-right: calc(-1 * var(--wp--style--root--padding-right));
}

@media (max-width:799px) {
	.white_round_inner_arrow {
		width:64px;
		height:64px;
	}
	.which-part-figure {
		text-align:center;
	}
			
}

@media (max-width:480px) {
	.white_round_inner_arrow {
		width:48px;
		height:48px;
	}
	.which-part-figure {
		text-align:center;
	}
			
}
@media (max-width:781px) {
	.zdy_make_it_simple_container >.wp-block-columns >.wp-block-column:last-child .wp-block-image{
		transform: translateX(40px);
		margin-top: -90px;
	}
}
@media (max-width:599px) {
	.zdy_make_it_simple_container >.wp-block-columns >.wp-block-column:last-child .wp-block-image{
		transform: translateX(20px);
		margin-top: -90px;
	}
}
@media (max-width:1600px) {
	.slider_center_part figure img {
		width:90%;
	}
}
@media (max-width:1440px) {
	.slider_center_part figure img {
		transform:scale(1);
		max-width:240px;
	}
}
@media (max-width:768px) {
	.slider_center_part figure img {
		transform:scale(1);
		/*max-width:initial;*/
		width: 100%!important;
	}
	.superblockslider {
   height: 90vw !important;
		max-height:400px;
 }
	.zdy_gallery_wrapper img {
		border-radius:48px!important;
	}
	.zdy-home-v1-FAQ {
		margin-bottom:0px!important;
	}
	.zdy_comming_soon_slider .superblockslider__button__previous {
		display:none;
	}
	.zdy_comming_soon_slider .superblockslider__button__next {
		display:none;
	}
}
@media (max-width: 480px) {
    .zdy_cover_stay_in_the_loop .wp-block-heading {
			transform: translateX(calc(100vw * 580 / 1920));
    font-size: 14px !important;
	}
	.wp-block-site-logo {
		max-width:48px;
	}
	.zdy-about-hero {
		margin-left:-1px;
		margin-right:-1px;
	}
	.zdy-about-hero .wp-block-cover__image-background {
		object-fit:fill!important;
	}
}
@media (min-width: 782px) {
	.zdy_make_it_simple_container > .wp-block-columns >.wp-block-column:first-child {
		    margin-top: 40px;
	}
}
@media (min-width: 782px) and (max-width: 1200px) {
	.feature-grid {
		margin-top:0!important;
		margin-bottom:120px!important;
	}
	.zdy_make_it_simple_container > .wp-block-columns >.wp-block-column:first-child {
		    margin-top: 40px;
	}
	.virtavo-feature-card {
    min-height: 290px;
	}
}
@media (min-width: 1201px) and (max-width: 1499px) {
	.virtavo-feature-card {
    min-height: 260px;
	}
}
@media (max-width: 781px) {
	.zdy_featured_category_cover .wp-block-cover__inner-container > .is-layout-flex {
    flex-direction: row;
}
		.zdy_featured_category_cover .wp-block-cover__inner-container .is-layout-flex > .wp-block-column:first-child{
		flex-basis:46% !important;
			transform:translatex(-20%);
	}
	.zdy_featured_category_cover .wp-block-cover__inner-container .is-layout-flex > .wp-block-column:last-child{
		flex-basis:43% !important;
	}
}


@media (min-width:768px) {
	.wp-block-group.feature-box-pan-tilt .image-pan-tilt-1  {
		width:calc(100vw * 240 / 1920);
	}
	.wp-block-group.feature-box-pan-tilt .image-pan-tilt-2  {
		width:calc(100vw * 240 / 1920);
	}
	.wp-block-group.feature-box-weight .image-weight {
		/*height: 115%;*/
   transform: translateX(8%);
	}
}
@media (min-width:1024px) {
		.wp-block-group.feature-box-pan-tilt .image-pan-tilt-1  {
		width:calc(100vw * 280 / 1920);
	}
	.wp-block-group.feature-box-pan-tilt .image-pan-tilt-2  {
		width:calc(100vw * 280 / 1920);
	}
	.feature-section-watch .wp-block-column h4.has-x-large-font-size {
		font-size:24px;
	}
	.feature-section-watch .wp-block-column h2 {
		font-size:28px;
	}
	.feature-section-watch .wp-block-cover__inner-container > .wp-block-columns > .wp-block-column:last-child{
		padding-top:0!important;
		padding-bottom:0!important;
	}
		.feature-section-custom-zones .wp-block-column h4.has-x-large-font-size {
		font-size:24px;
	}
	.feature-section-custom-zones .wp-block-column h2 {
		font-size:28px;
	}
	.feature-section-custom-zones .wp-block-cover__inner-container > .wp-block-columns > .wp-block-column:first-child{
		padding-top:0!important;
		padding-bottom:0!important;
	}
}
@media (min-width:1920px) {
	.proE-abs-text {
		min-height: calc(100vw * 956 / 1920);
		transform: translateY(32%);
	}
	.proE-overlap-banner .wp-block-cover__inner-container  {
		margin-top:-60px;
	}
	.features-grid-wrapper {
		margin-top:-80px;
		z-index:6;
	}
	.tracking-mode-box-left {
		height: calc(100vw * 980 / 1920);
	}
	.tracking-mode-box-right {
		height: calc(100vw * 980 / 1920);
	}
	.privacy-phone-image { 
		transform: translatey(22vw);
		bottom: calc(100vw * 18 / 1920);
	}
	.tracking-mode-box .phone-screenshot {
		height: calc(100vw * 600 / 1920);
	}
	.center-camera-image img {
		 width: calc(100vw * 556 / 1920) !important;
	}
	
}
@media (min-width:1440px) {
	.zdy_make_it_simple_container .zdy_make_it_simple_H1 {
		font-size:clamp(1.25rem, 0.875rem + 1.875vw, 3.125rem)!important; 
	}
	.smartrecap-description {
		text-align:left;
	}
}
.zdy_make_it_simple_H3 {
	font-size:clamp(1rem, 0.95rem + 0.25vw, 1.25rem)!important;
}
.zdy_make_it_simple_content_text {
	font-size:clamp(0.875rem, 0.825rem + 0.25vw, 1.125rem)!important;
}
@media (max-width: 781px) {
	.wp-container-core-group-is-layout-b757edec {
		grid-template-columns: 1fr!important;
	}
	.virtavo-feature-card > .wp-block-columns > .wp-block-column > .wp-block-columns > .wp-block-column {
		flex-basis:initial!important;
		width:initial!important;
	}
}
@media (max-width: 768px) {
	.proE-overlap-banner .wp-block-cover__inner-container {
		flex-direction:initial!important;
	}
  .proE-overlap-banner {
        margin:0 calc(-1 * var(--wp--style--root--padding-right));
  }
}

@media (max-width: 1023px) {
    .woocommerce-tabs .panel-title.active:not(.reviews_tab) + .panel, .wp-block-woocommerce-product-details .woocommerce-tabs .panel-title.active:not(.reviews_tab) + .panel {
		margin: 2.5rem 0 !important;
	}
}
	.device-image.image-audio.phone-seen {
		display:none!important;
	}
	.device-image.image-audio.desktop-seen {
		display:flex!important;
	}
@media (max-width:1024px) {
	.device-image.image-audio.phone-seen {
		display:flex!important;
	}
	.device-image.image-audio.desktop-seen {
		display:none!important;
	}
	.wp-block-group.feature-box-monitor .image-monitor { width: 100%!important;
		transform: initial;
    top: 0;
    right: 0;
	}
}
.proE-banner-text {
	margin-top: calc(100vw * 100 / 1920);
}

.proE-banner-text p {
	margin-block-start:0;
}
@media (max-width:480px) {
	.proE-abs-text {
		min-height: 100vw;
	}
}
.smartrecap-trial-button {
	background-color:#ffffff;
	padding-left: 40px;
	border-radius: 36px;
}
@media (max-width:768px) {
	.feature-section-watch .wp-block-column:last-child{
		padding-top:0!important;
	}
	.feature-section-watch .wp-block-cover__inner-container h4.wp-block-heading{
		position: absolute;
   top: calc(-1 * 50vw * 952 / 1920 - 30px);
   right: 20px;
   color: #fff !important;
   max-width: 180px;
   line-height: 160%;
   text-align: right;
	}
	.feature-section-custom-zones .wp-block-column:first-child{
		padding-top:0!important;
	}
	.feature-section-custom-zones .wp-block-cover__inner-container h4.wp-block-heading{
		position: absolute;
   top: calc(-1 * 50vw * 952 / 1920 - 30px);
   left: 20px;
   color: #fff !important;
   max-width: 180px;
   line-height: 160%;
   text-align: left;
	}	
	.tracking-quote {
		text-align:center;
		margin-block-start:0;
		margin-bottom:0;
	}
	.SmartRecap-subtitle {
		 margin-block-start:0!important;
		margin-ber;
	}
	.tracking-mode-columns .tracking-mode-box p {
		margin-block-start:0!important;
		margin-bottom:0!important;
	}
	.smartrecap-trial-button-wrapper2 {
		margin-block-start:0!important;
	}
	.smartrecap-trial-button-wrapper {
		margin-block-start:0!important;
	}
	.smartrecap-trial-button-inner {
		transform:scale(0.6)!important;
	}
	.wp-block-woocommerce-product-details .woocommerce-tabs .woocommerce-Tabs-panel--description .smartrecap-trial-button-inner p {
		line-height:30px!important;
	}
	.feature-section-watch .wp-block-cover__inner-container
	{
		border-radius:0 0 15px 15px;
	}
	.smartrecap-trial-button {
	  transform: scale(0.6);
	}
	
	.feature-section-custom-zones.wp-block-cover {
		min-height:initial!important;
	}
	    .feature-section-privacy .wp-block-cover__inner-container {
        width: 100%;
        margin-top: 42%;
        background: #fff;
        color: #000 !important;
    }
	.feature-section-privacy .wp-block-cover__inner-container h4.wp-block-heading {
	 position: absolute;
  top: calc(-30%);
  left: 0;
  color: #fff !important;
  max-width: 180px;
  line-height: 140%;
  text-align: left;
  padding: 15px 30px 15px 20px;
  background: #ffffff40;
  border-radius: 0 15px 15px 0;
  box-sizing: content-box;
	}
	.feature-section-privacy .privacy-text-column {
		padding-top:0!important;
		padding-bottom:0!important;
	}
	.privacy-image-column {
		padding-bottom:0!important;
	}
	.wp-block-woocommerce-product-details .woocommerce-tabs .woocommerce-Tabs-panel--description p.proE-ptz-text {
		font-size:22px!important;
	}
	.smartrecap-section > p.SmartRecap-subtitle { margin-bottom:0;}
	    .entry-content .wp-block-spacer.SmartRecap-last-spacer {
		height:0!important;
	}
}
@media (min-width:1600px) {
	.wp-block-group.features-grid-wrapper {
		 margin-top: calc(-1 * 100vw * 130 / 1920);
	}
	.final-banner.is-layout-constrained > p {
		max-width:initial;
	}
}
@media (min-width:1440px) {
	.wp-block-group.features-grid-wrapper {
		 margin-top: calc(-1 * 100vw * 50 / 1200);
	}
}

@media (max-width:769px) {
	.woocommerce-Tabs-panel.entry-content {
		margin-bottom:40px!important;
	}
}
@media (max-width:375px) {
	.woocommerce-Tabs-panel--description .feature-section-watch.wp-block-cover {
		min-height:initial!important;
	}
	.feature-section-watch .wp-block-cover__inner-container h4.wp-block-heading {
		top: calc(-52%);
	}
	.apple-watch-support-paragraph {
		/*min-height:106px;*/
	}
}
.features-grid-wrapper p {
	z-index:3;
}
@media (min-width:1440px) and (max-width:1500px) {
	.tracking-quote {
		min-height: 90px;
		display: inline-flex;
   justify-content: center;
   flex-direction: column;
	}
}
@media (min-width:769px) and (max-width:1200px) {
	.privacy-phone-image {
		right:-1.5vw !important;
		transform:translateY(8vw);
	}
	.feature-section-privacy .privacy-text-column {
		padding-top:20px!important;
		padding-bottom:20px!important;
		padding-left:20px!important;
		padding-right:20px!important;
	}
	.privacy-text-column h4.has-x-large-font-size {
		font-size:20px!important;
		margin-block-start:0!important;
		/*margin-bottom:0!important;*/
	}
	.privacy-text-column h2.has-huge-font-size {
		font-size:var(--wp--preset--font-size--large) !important;
		margin-block-start:0!important;
		margin-bottom:0!important;
	}
	.privacy-text-column p {
		font-size:16px!important;
		line-height:140%!important;
	}
	.feature-section-privacy.wp-block-cover {
		padding-bottom:50px!important;
	}
}
@media (min-width:1201px) and (max-width:1440px) {
	.privacy-phone-image {
		right:-1.5vw !important;
		transform:translateY(11vw);
	}
	.feature-section-privacy .privacy-text-column {
		padding-top:60px!important;
		padding-bottom:60px!important;
		padding-left:20px!important;
		padding-right:20px!important;
	}
	.privacy-text-column h4.has-x-large-font-size {
		font-size:20px!important;
		margin-block-start:0!important;
		/*margin-bottom:0!important;*/
	}
	.privacy-text-column h2.has-huge-font-size {
		font-size:var(--wp--preset--font-size--large) !important;
		/*margin-block-start:0!important;
		margin-bottom:0!important;*/
	}
	/*
	.privacy-text-column p {
		font-size:12px!important;
		line-height:140%!important;
	}*/
	.feature-section-privacy.wp-block-cover {
		padding-bottom:50px!important;
	}
}
@media (min-width:769px) and (max-width:1024px) {
	.features-grid-wrapper .wp-block-group.feature-box .wp-block-heading {
		font-size:1em;
	}
	.features-grid-wrapper .wp-block-group.feature-box p {
		font-size: 12px!important;
   line-height: 140%!important;
	}
	.wp-block-group.feature-box {
		padding:10px;
		min-height: calc(100vw * 480 / 1920);
	}
	.feature-section-watch .wp-block-column:first-child {
		display:block;
	}
	.feature-section-watch .wp-block-column:last-child {
		/*flex-basis: unset!important;*/
		/*padding:0 16px!important;*/
	}
	.feature-section-custom-zones .wp-block-column:first-child {
		flex-basis:50%!important;
		text-align:left;
	}
	.feature-section-custom-zones .wp-block-column p {
		text-align:left;
	}
	.feature-section-watch .wp-block-column:last-child {
		text-align:left;
	}
	.feature-section-watch .wp-block-column p {
		text-align:left;
	}
	.feature-section-watch h4.wp-block-heading.has-x-large-font-size,.feature-section-custom-zones h4.wp-block-heading.has-x-large-font-size{
		font-size:20px!important;
	}
}
@media (min-width:1440px) {
	.feature-section-watch .wp-block-column h4.has-x-large-font-size {
		font-size:clamp(2.5rem, 0.625rem + 2.0833vw, 3.125rem)!important;
	}
	.feature-section-watch .wp-block-column h2 {
		font-size:clamp(2.75rem, -0.25rem + 3.3333vw, 3.75rem)!important;
	}
	.feature-section-watch .wp-block-column p {
		 font-size: 24px!important;
    line-height: 160%!important;
	}
	.feature-section-custom-zones .wp-block-column h4.has-x-large-font-size {
		font-size:clamp(2.5rem, 0.625rem + 2.0833vw, 3.125rem)!important;
	}
	.feature-section-custom-zones .wp-block-column h2 {
		font-size:clamp(2.75rem, -0.25rem + 3.3333vw, 3.75rem)!important;
	}
	.feature-section-custom-zones .wp-block-column p {
		 font-size: 24px!important;
    line-height: 160%!important;
	}	
	
}
@media (min-width:1024px) and (max-width:1440px) {
	.proE-abs-camera, .proE-abs-sofa {
		top: 40%;
	}
	.wp-block-group.features-grid-wrapper {
	margin-top: calc(-1 * 100vw * 100 / 1440);
	}
}
.eride-subscribe-form .wpforms-submit-container button[type=submit] { 
	width:auto;
}
@media (min-width:1600px) {
	.proE-abs-text {
		max-width:initial;
	}
	.woocommerce-tabs .woocommerce-Tabs-panel--description p, .wp-block-woocommerce-product-details .woocommerce-tabs .woocommerce-Tabs-panel--description p {
		font-size:clamp(1.25rem, -0.8333rem + 2.0833vw, 2.5rem)!important;
		line-height:160%!important;
	}
	.wp-block-group.feature-box .wp-block-heading {
		font-size:clamp(1.375rem, -1.5417rem + 2.9167vw, 3.125rem)!important;
	}
	.proE-cta-button .wp-block-button__link  {
		font-size:clamp(1rem, 0.1667rem + 0.8333vw, 1.5rem)!important;
		padding: 16px 44px;
}
	.wp-block-group.feature-box-audio .image-audio.desktop-seen img{
		width:100%!important;
	}
	.wp-block-group.feature-box-tracking .image-tracking-person {
		width:initial;
	}

}
@media (min-width:1920px) {
	.proE-abs-text .proE-logo-image {
		max-width:initial;
	}
	.wp-block-group.feature-box-monitor .image-monitor {
		transform: scale(1.26)!important;
   top: calc(-1 * 100vw * 184 / 1920) !important;
   right: calc(-1 * 100vw * 84 / 1920);
	}
}
@media (min-width: 1440px) and (max-width: 1500px) {
  .tracking-quote {
			min-height: 90px;
			display: inline-flex;
			justify-content: center;
			flex-direction: column;
  }
}
@media (min-width:782px) and (max-width:819px )
{
	.tracking-mode-box-left,.tracking-mode-box-right {
		height:690px!important;
		/*min-height: calc(100vw * 250 / 375);*/
	}
	.center-camera-image img {
        width: calc(100vw * 135 / 375) !important;
    }
	.tracking-mode-box .phone-screenshot {
		height: 300px!important;
		width: 100%!important;
		text-align: center!important;
	}
	.tracking-mode-box .phone-screenshot img {
		height:100%;
		width:auto;
	}
}
@media (min-width:820px) and (max-width:1024px)
{
	.tracking-mode-box .phone-screenshot {
        height: calc(100vw * 405 / 1920);
    }
}
@media (min-width:782px) and (max-width:1024px ) {
		.woocommerce-tabs .woocommerce-Tabs-panel--description p, .wp-block-woocommerce-product-details .woocommerce-tabs .woocommerce-Tabs-panel--description p {
    font-size: clamp(1rem, 0.6004rem + 0.8197vw, 1.125rem)!important;
    line-height: 180%!important;
	}
}
@media (min-width:1599px){
  .tracking-quote{
			min-height:106px!important;
			display: inline-flex;
			justify-content: center;
			flex-direction: column;
		margin-top:-50px!important;
  }
}
@media (min-width:1920px) {
	.phone-image-left {
		display:flex;
		justify-content:flex-start;
	}
	.phone-image-right {
		display:flex;
		justify-content:flex-end;
	}
	.phone-image img {
		margin-left:initial;
		margin-right:initial;
	}
}
.smartrecap-trial-button-wrapper2 {
	    display: flex;
    justify-content: center;
}
.smartrecap-trial-button-inner {
	display: inline-block;
    padding-left: 40px;
    background: #fff;
    border-radius: 36px;
}
.wp-block-woocommerce-product-details .woocommerce-tabs .woocommerce-Tabs-panel--description .smartrecap-trial-button-inner p {
	    padding: 10px 12px !important;
    font-weight: bold;
    font-size: 0.9em!important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    background-color: #000000 !important;
    color: #ffffff !important;
    border-radius: 30px !important;
}

.page-id-1053 .password-input {
	position:relative;
}
.page-id-1053 .password-input .show-password-input {
	position: absolute;
	right: 6px;
	top: 50%;
	transform: translateY(-50%);
	width:28px;
	height:28px;
	border:none;
	padding:0;
	background:url(/wp-content/uploads/2025/05/eye_hidden.png) center center / 100% auto no-repeat;
}
.page-id-1053 .password-input .show-password-input.display-password {
	background:url(/wp-content/uploads/2025/05/eye_visible.png) center center / 100% auto no-repeat;
}
:root {
	--wp--preset--color--primary-2:#009ac3!important;
}
.bottom-subscribe-form #popup-left-image {
	display:none;
}

.bottom-subscribe-form #popup-right-content {
	margin:0 auto;
}
.hidden-tmp {
	display:none;
}
.easy-register-btn-wrapper {
	text-align:center;
}
.easy-register-btn {
	display: block;
	width: 100%;
	max-width: 100%;
	margin: 0 auto;
	height: 40px;
	line-height: 40px;
	border-radius: 8px;
	background: #00a6d2;
	color: #fff;
	border: none;
	outline: none;
	font-size: 16px;
}
#easy-register2 input::placeholder,
#easy-register2 input::-webkit-input-placeholder,
#easy-register2 input::-moz-placeholder,
#easy-register2 input:-ms-input-placeholder,
#easy-register2 input::-ms-input-placeholder
{
	color:#666;
}