.elementor-13807 .elementor-element.elementor-element-b3242bf{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-13807 .elementor-element.elementor-element-57042ef{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-13807 .elementor-element.elementor-element-4f3d24e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-13807 .elementor-element.elementor-element-bbe2bf4{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:24px 20px;--row-gap:24px;--column-gap:20px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );color:var( --e-global-color-primary );}.elementor-13807 .elementor-element.elementor-element-1f69e01 .elementor-heading-title{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );word-spacing:var( --e-global-typography-secondary-word-spacing );color:var( --e-global-color-secondary );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-woocommerce-product-meta .product_meta .detail-container:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-13807 .elementor-element.elementor-element-a5fc4c8:not(.elementor-woo-meta--view-inline) .product_meta .detail-container:not(:last-child){padding-bottom:calc(20px/2);}.elementor-13807 .elementor-element.elementor-element-a5fc4c8:not(.elementor-woo-meta--view-inline) .product_meta .detail-container:not(:first-child){margin-top:calc(20px/2);}.elementor-13807 .elementor-element.elementor-element-a5fc4c8.elementor-woo-meta--view-inline .product_meta .detail-container{margin-right:calc(20px/2);margin-left:calc(20px/2);}.elementor-13807 .elementor-element.elementor-element-a5fc4c8.elementor-woo-meta--view-inline .product_meta{margin-right:calc(-20px/2);margin-left:calc(-20px/2);}body:not(.rtl) .elementor-13807 .elementor-element.elementor-element-a5fc4c8.elementor-woo-meta--view-inline .detail-container:after{right:calc( (-20px/2) + (-1px/2) );}body:not.rtl .elementor-13807 .elementor-element.elementor-element-a5fc4c8.elementor-woo-meta--view-inline .detail-container:after{left:calc( (-20px/2) - (1px/2) );}.elementor-13807 .elementor-element.elementor-element-a5fc4c8{font-family:var( --e-global-typography-f754792-font-family ), Sans-serif;font-size:var( --e-global-typography-f754792-font-size );font-weight:var( --e-global-typography-f754792-font-weight );color:var( --e-global-color-secondary );}.elementor-13807 .elementor-element.elementor-element-49ba49a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-woocommerce-product-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-13807 .elementor-element.elementor-element-52ab43f{color:var( --e-global-color-secondary );}.elementor-13807 .elementor-element.elementor-element-f94187c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-13807 .elementor-element.elementor-element-a874145{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-13807 .elementor-element.elementor-element-79f038c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-13807 .elementor-element.elementor-element-29b219c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-13807 .elementor-element.elementor-element-6d8dcfd{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}@media(min-width:768px){.elementor-13807 .elementor-element.elementor-element-4f3d24e{--width:50%;}.elementor-13807 .elementor-element.elementor-element-bbe2bf4{--width:50%;}}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-13807 .elementor-element.elementor-element-1f69e01 .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );word-spacing:var( --e-global-typography-secondary-word-spacing );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-13807 .elementor-element.elementor-element-a5fc4c8{font-size:var( --e-global-typography-f754792-font-size );}.elementor-widget-woocommerce-product-content{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-13807 .elementor-element.elementor-element-1f69e01 .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );word-spacing:var( --e-global-typography-secondary-word-spacing );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-13807 .elementor-element.elementor-element-a5fc4c8{font-size:var( --e-global-typography-f754792-font-size );}.elementor-widget-woocommerce-product-content{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}/* Start custom CSS for woocommerce-breadcrumb, class: .elementor-element-70e81dd *//*****************************************
  Apple PDP – Breadcrumbs（面包屑导航）
******************************************/

/* 只作用在 HERO 区的 Breadcrumbs 容器 */
.pdp-breadcrumbs {
  max-width: 1200px;
  margin: 0 auto;
  padding: 8px 0 0;
}

/* WooCommerce 默认 nav */
.pdp-breadcrumbs .woocommerce-breadcrumb {
  font-size: 13px;
  line-height: 1.6;
  color: #94a3b8;              /* 灰蓝色，低存在感 */
  margin: 0 0 12px;
  letter-spacing: 0.01em;
}

/* 链接样式 */
.pdp-breadcrumbs .woocommerce-breadcrumb a {
  color: #64748b;
  text-decoration: none;
  transition: color 0.18s ease;
}

/* Hover 高亮成品牌蓝 */
.pdp-breadcrumbs .woocommerce-breadcrumb a:hover {
  color: #0d6efd;
}

/* 分隔符（/ 或 ›）稍微淡一点 */
.pdp-breadcrumbs .woocommerce-breadcrumb .delimiter,
.pdp-breadcrumbs .woocommerce-breadcrumb span:not(a) {
  color: #9ca3af;
}

/* 移动端略微减小间距 */
@media (max-width: 767px) {
  .pdp-breadcrumbs .woocommerce-breadcrumb {
    font-size: 12px;
    margin-bottom: 10px;
    padding: 0 16px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4f3d24e *//*****************************************
  Apple PDP – 左侧图片 Gallery
******************************************/

/* 外层卡片：白底 + 圆角 + 轻阴影 */
.pdp-hero-left .woocommerce-product-gallery {
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 20px;
  padding: 20px;
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.07);
}

/* 主图区域 */
.pdp-hero-left .woocommerce-product-gallery__image img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 16px;
  object-fit: contain;
}

/* 缩略图列表（默认 Woo 用 ul.flex-control-thumbs） */
.pdp-hero-left .flex-control-thumbs {
  margin: 14px 0 0;
  display: flex;
  gap: 10px;
  justify-content: flex-start;
}

/* 缩略图样式 */
.pdp-hero-left .flex-control-thumbs li {
  flex: 0 0 68px;
}

.pdp-hero-left .flex-control-thumbs img {
  width: 100%;
  border-radius: 10px;
  border: 1px solid #e5e7eb;
  padding: 3px;
  background: #f8fafc;
  opacity: 0.7;
  transition: opacity 0.2s ease, border-color 0.2s ease,
              box-shadow 0.2s ease, background 0.2s ease;
}

/* Hover & 选中状态更“Apple”一点 */
.pdp-hero-left .flex-control-thumbs img:hover,
.pdp-hero-left .flex-control-thumbs img.flex-active {
  opacity: 1;
  border-color: #0d6efd;
  background: #ffffff;
  box-shadow: 0 0 0 1px rgba(13, 110, 253, 0.16);
}

/* 放大镜 / zoom icon 过于抢眼时可以弱化 */
.pdp-hero-left .woocommerce-product-gallery__trigger {
  top: 16px;
  right: 16px;
  background: rgba(15, 23, 42, 0.55);
  border-radius: 999px;
}

/* 手机端：去掉外部阴影，缩小 padding，防止太挤 */
@media (max-width: 767px) {
  .pdp-hero-left .woocommerce-product-gallery {
    padding: 14px;
    box-shadow: 0 4px 16px rgba(15, 23, 42, 0.06);
  }

  .pdp-hero-left .flex-control-thumbs {
    gap: 8px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a38af3a *//* ===== HERO 底部双按钮 – Apple 白色风格 ===== */

.pdp-cta-row {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-top: 8px;
  flex-wrap: wrap;
}

/* 主按钮：实心蓝色 */
.pdp-btn-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 14px 30px;
  border-radius: 14px;
  background: #0d6efd;
  color: #ffffff !important;
  font-weight: 600;
  font-size: 16px;
  text-decoration: none;
  border: none;
  cursor: pointer;
  transition: background 0.22s ease, transform 0.15s ease,
              box-shadow 0.22s ease;
  box-shadow: 0 6px 18px rgba(13, 110, 253, 0.25);
}

.pdp-btn-primary:hover {
  background: #0a58ca;
  transform: translateY(-1px);
  box-shadow: 0 10px 26px rgba(10, 88, 202, 0.30);
}

/* 次按钮：描边 + 透明背景 */
.pdp-btn-secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 26px;
  border-radius: 14px;
  border: 2px solid #0d6efd;
  color: #0d6efd !important;
  font-weight: 600;
  font-size: 15px;
  text-decoration: none;
  cursor: pointer;
  background: transparent;
  transition: background 0.22s ease, color 0.22s ease,
              transform 0.15s ease, box-shadow 0.22s ease;
}

.pdp-btn-secondary:hover {
  background: #0d6efd;
  color: #ffffff !important;
  transform: translateY(-1px);
  box-shadow: 0 8px 22px rgba(13, 110, 253, 0.22);
}

/* 手机端：按钮改为竖排 */
@media (max-width: 767px) {
  .pdp-cta-row {
    flex-direction: column;
    align-items: flex-start;
  }
  
  .pdp-btn-primary,
  .pdp-btn-secondary {
    width: 100%;
    justify-content: center;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bbe2bf4 *//*****************************************
   Apple PDP — HERO RIGHT PANEL
******************************************/

/* 右侧整体容器 */
.pdp-hero-right {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 18px;                    /* 控件之间统一间距 */
  padding: 20px 0 0;
}

/* 标题（动态 Product Title） */
.pdp-hero-right .pdp-title,
.pdp-hero-right h1,
.pdp-hero-right .elementor-heading-title {
  font-size: 42px !important;
  font-weight: 700 !important;
  line-height: 1.18 !important;
  color: #0f172a !important;
  margin: 0 !important;
}

/* 短文案 Product Short Description */
.pdp-hero-right .pdp-shortdesc,
.pdp-hero-right .woocommerce-product-details__short-description,
.pdp-hero-right .elementor-widget-text-editor {
  font-size: 18px !important;
  line-height: 1.65 !important;
  color: #475569 !important;
  margin-top: 2px !important;
}

/* 中间那条灰框（如果不需要也可以隐藏） */
.pdp-hero-right hr,
.pdp-hero-right .hero-divider {
  border: none;
  height: 1px;
  background: #e2e8f0;
  width: 100%;
  margin: 8px 0 8px 0;
  border-radius: 10px;
}

/* SKU / Category / Tags 整体 */
.pdp-hero-right .pdp-meta-block {
  font-size: 15px;
  color: #475569;
  margin-top: 4px;
}

.pdp-hero-right .pdp-meta-block span,
.pdp-hero-right .pdp-meta-block a {
  color: #334155 !important;
  font-weight: 600;
  text-decoration: none;
}

.pdp-hero-right .pdp-meta-block a:hover {
  color: #0d6efd !important;
}

/* 两个按钮排成一行 */
.pdp-hero-right .pdp-cta-row {
  margin-top: 4px;
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
}

/* 主按钮 */
.pdp-hero-right .pdp-btn-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 14px 30px;
  background: #0d6efd;
  color: #ffffff !important;
  border-radius: 12px;
  font-weight: 600;
  font-size: 16px;
  text-decoration: none;
  box-shadow: 0 6px 18px rgba(13,110,253,.25);
  transition: .25s ease;
}

.pdp-hero-right .pdp-btn-primary:hover {
  background: #0a58ca;
  transform: translateY(-1px);
  box-shadow: 0 10px 26px rgba(10,88,202,.3);
}

/* 次按钮 */
.pdp-hero-right .pdp-btn-secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 26px;
  border-radius: 12px;
  border: 2px solid #0d6efd;
  color: #0d6efd !important;
  font-weight: 600;
  font-size: 15px;
  text-decoration: none;
  transition: .25s ease;
}

.pdp-hero-right .pdp-btn-secondary:hover {
  background: #0d6efd;
  color: #ffffff !important;
  transform: translateY(-1px);
  box-shadow: 0 8px 20px rgba(13,110,253,.2);
}

/* 手机端优化 */
@media (max-width: 767px) {
  .pdp-hero-right {
    padding: 10px 0 0;
    gap: 16px;
  }

  .pdp-hero-right .pdp-title {
    font-size: 32px !important;
  }

  .pdp-hero-right .pdp-cta-row {
    flex-direction: column;
  }

  .pdp-hero-right .pdp-btn-primary,
  .pdp-hero-right .pdp-btn-secondary {
    width: 100%;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-49ba49a *//* ==========================================================
   7Titanium Apple-Style Product Content
   Scope: .ti-content 容器
   ========================================================== */

.ti-content,
.ti-content * {
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter,
    Roboto, "Helvetica Neue", sans-serif !important;
  color: #1e293b; /* slate-800 */
  font-size: 17px;
  line-height: 1.65;
  letter-spacing: 0.01em;
  box-shadow: none !important;
  border: none;
}

/* ------------------------------
   Headings
   ------------------------------ */
.ti-content h1,
.ti-content h2,
.ti-content h3,
.ti-content h4 {
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", Inter,
    sans-serif !important;
  color: #0f172a !important; /* slate-900 */
  font-weight: 600 !important;
  margin-top: 28px !important;
  margin-bottom: 12px !important;
}

.ti-content h2 { font-size: 22px !important; }
.ti-content h3 { font-size: 20px !important; }
.ti-content h4 { font-size: 18px !important; opacity: .92 !important; }

/* ------------------------------
   Paragraphs
   ------------------------------ */
.ti-content p {
  margin: 0 0 14px !important;
  line-height: 1.65 !important;
}

/* ------------------------------
   Bullet Lists
   ------------------------------ */
.ti-content ul {
  margin: 10px 0 18px !important;
  padding-left: 22px !important;
}

.ti-content ul li {
  margin-bottom: 6px !important;
  padding-left: 2px !important;
  line-height: 1.6 !important;
}

.ti-content ul li::marker {
  color: #475569 !important; /* slate-600 */
  font-size: 14px;
}

/* ------------------------------
   Section spacing
   ------------------------------ */
.ti-content > * + * {
  margin-top: 12px !important;
}

/* ------------------------------
   Table Styling
   ------------------------------ */
.ti-content table {
  width: 100%;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  border: 1px solid #e2e8f0 !important; /* slate-200 */
  border-radius: 12px !important;
  overflow: hidden !important;
  margin: 20px 0 !important;
  background: #fff !important;
  box-shadow: 0 2px 6px rgba(0,0,0,0.04);
}

.ti-content th {
  background: #f1f5f9 !important; /* slate-100 */
  padding: 12px 14px !important;
  font-weight: 600 !important;
  color: #0f172a !important;
  border-bottom: 1px solid #e2e8f0 !important;
}

.ti-content td {
  padding: 12px 14px !important;
  border-bottom: 1px solid #e2e8f0 !important;
}

.ti-content tr:last-child td {
  border-bottom: none !important;
}

.ti-content tr:nth-child(even) td {
  background: #fafafa !important;
}

/* ------------------------------
   Links
   ------------------------------ */
.ti-content a {
  color: #0ea5e9 !important; /* sky-500 */
  text-decoration: none !important;
}

.ti-content a:hover {
  text-decoration: underline !important;
}

/* ==========================================================
   CRITICAL FIX: Completely isolate buttons from .ti-content *
   ========================================================== */

/* 阻断 ti-content * 对按钮的继承 */
.ti-content button,
.ti-content .button,
.ti-content a.button,
.ti-content a.elementor-button,
.ti-content .elementor-button,
.ti-content .ti-btn-primary,
.ti-content .woocommerce button,
.ti-content .woocommerce a.button,
.ti-content .woocommerce .button,
.ti-content [class*="button"],
.ti-content [class*="btn"],
.ti-content .single_add_to_cart_button,
.ti-content .product a.button,
.ti-content .product button {
  all: unset !important;          /* 清除所有继承！这是关键 */
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  padding: 12px 26px !important;
  background: #0d1b2a !important;
  color: #ffffff !important;
  border-radius: 999px !important;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", Inter, sans-serif !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  cursor: pointer;
  text-decoration: none !important;
  box-shadow: 0 6px 18px rgba(15,23,42,.18);
  line-height: 1 !important;
}

/* Hover 状态 */
.ti-content .elementor-button:hover,
.ti-content .button:hover,
.ti-content button:hover,
.ti-content .ti-btn-primary:hover {
  background: #3aa6ff !important;
  color: #ffffff !important;
  transform: translateY(-1px);
  box-shadow: 0 8px 22px rgba(58,166,255,.28) !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d1f0418 */.ti-oem-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 28px;
  margin-top: 36px;
}

.ti-oem-card {
  border: 1px solid #e5e7eb;
  border-radius: 16px;
  padding: 24px 22px 26px;
  background: #ffffff;
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.03);
  text-align: left;
}

.ti-oem-icon {
  width: 48px;
  height: 48px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  margin-bottom: 14px;
  background: radial-gradient(circle at 30% 20%, #ffffff, #dbeafe);
  box-shadow: 0 6px 16px rgba(15, 23, 42, 0.12);
}

.ti-oem-card h3 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 6px;
}

.ti-oem-card p {
  font-size: 15px;
  line-height: 1.7;
  color: #4b5563;
}

@media (max-width: 900px) {
  .ti-oem-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 600px) {
  .ti-oem-grid {
    grid-template-columns: 1fr;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-509d933 *//***********************************
  Base Section
***********************************/
.ti-app-sec {
  padding: 60px 20px;
  text-align: center;
}

.ti-app-title {
  font-size: 38px;
  font-weight: 700;
  margin-bottom: 10px;
  color: #0D1B2A;
}

.ti-app-sub {
  font-size: 18px;
  color: #667788;
  margin-bottom: 40px;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

/***********************************
  Grid Layout (Desktop)
***********************************/
.ti-app-grid {
  display: flex;
  justify-content: center;
  gap: 28px;
  flex-wrap: nowrap;
}

/***********************************
  Apple-style Application Card
***********************************/
.ti-app-card {
  width: 300px;
  background: #ffffff;
  border-radius: 22px;
  padding: 20px;
  text-align: left;

  /* 初始阴影（柔和） */
  box-shadow: 0 12px 28px rgba(0,0,0,0.08),
              0 4px 12px rgba(0,0,0,0.05);

  transition:
    transform .35s cubic-bezier(.22,1,.36,1),
    box-shadow .35s cubic-bezier(.22,1,.36,1);
}

/* Apple hover 灵动悬浮 */
.ti-app-card:hover {
  transform: translateY(-10px) scale(1.03);
  box-shadow: 0 20px 48px rgba(0,0,0,0.12),
              0 8px 20px rgba(0,0,0,0.08);
}

/***********************************
  Card Image
***********************************/
.ti-app-card img {
  width: 100%;
  height: 200px;
  object-fit: cover;
  border-radius: 16px;

  opacity: 0;
  transform: translateY(18px);
  animation: fadeInUp .8s ease forwards;
}

/* 图片淡入动画 */
@keyframes fadeInUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.ti-app-card h3 {
  font-size: 20px;
  margin-top: 14px;
  margin-bottom: 8px;
  font-weight: 700;
  color: #0D1B2A;
}

.ti-app-card p {
  font-size: 15px;
  color: #5d6a78;
  line-height: 1.6;
}

/***********************************
  Mobile — App Store Slider
***********************************/
@media (max-width: 767px) {
  
  .ti-app-slider {
    overflow-x: auto;
    padding-bottom: 20px;
    scroll-snap-type: x mandatory;
  }

  .ti-app-slider::-webkit-scrollbar {
    display: none;
  }

  .ti-app-card {
    flex: 0 0 80%;
    scroll-snap-align: center;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-33e0b18 *//*****************************************
  SECTION 6 — Why Choose 7Titanium
******************************************/
.ti-why-sec {
  padding: 90px 0;
  background: #ffffff;
}

.ti-why-container {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 24px;
  text-align: center;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", Inter, sans-serif;
}

.ti-why-title {
  font-size: 32px;
  font-weight: 700;
  color: #0f172a;
  margin-bottom: 10px;
}

.ti-why-sub {
  font-size: 18px;
  color: #475569;
  margin-bottom: 48px;
}

/* Grid */
.ti-why-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 26px;
  margin-top: 20px;
}

/* Card */
.ti-why-card {
  background: #f9fafb;
  border-radius: 18px;
  padding: 28px 22px;
  border: 1px solid #e5e7eb;
  box-shadow: 0 10px 24px rgba(15,23,42,0.05);
  transition: transform .25s ease, box-shadow .25s ease;
}

.ti-why-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 14px 34px rgba(15,23,42,0.12);
}

/* Icon */
.ti-why-icon {
  font-size: 40px;
  margin-bottom: 14px;
}

/* Card Title */
.ti-why-card h3 {
  font-size: 18px;
  font-weight: 600;
  color: #111827;
  margin-bottom: 10px;
}

/* Card text */
.ti-why-card p {
  font-size: 15px;
  color: #4b5563;
  line-height: 1.65;
}

/* Mobile */
@media (max-width: 768px) {
  .ti-why-title { font-size: 26px; }
  .ti-why-sub { font-size: 16px; margin-bottom: 36px; }
}
.ti-app-card img {
  width: 100%;
  height: 200px;
  object-fit: contain;
  padding: 12px;
  border-radius: 16px;
  background: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c7a9643 *//********************************************
  SECTION 7 — RFQ CALL TO ACTION
********************************************/

.ti-rfq-sec {
  padding: 90px 0;
  background: #ffffff;
}

.ti-rfq-container {
  max-width: 900px;
  margin: 0 auto;
  padding: 0 24px;
  text-align: center;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", Inter, sans-serif;
}

/* Title */
.ti-rfq-title {
  font-size: 32px;
  font-weight: 700;
  color: #0f172a;
  margin-bottom: 10px;
}

.ti-rfq-sub {
  font-size: 18px;
  color: #475569;
  margin-bottom: 32px;
}

/* Bullet Points */
.ti-rfq-points {
  list-style: none;
  padding: 0;
  margin: 0 auto 38px;
  max-width: 480px;
  text-align: left;
}

.ti-rfq-points li {
  font-size: 16px;
  padding: 8px 0;
  color: #334155;
}

/* Buttons */
.ti-rfq-btn-group {
  display: flex;
  justify-content: center;
  gap: 18px;
  margin-bottom: 48px;
}

.ti-rfq-btn {
  display: inline-block;
  padding: 14px 32px;
  border-radius: 14px;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  transition: all .25s ease;
}

/* Primary button */
.ti-rfq-btn.primary {
  background: #0d6efd;
  color: #fff;
  box-shadow: 0 4px 18px rgba(13,110,253,.25);
}
.ti-rfq-btn.primary:hover {
  background: #0b5ed7;
}

/* WhatsApp button */
.ti-rfq-btn.wa {
  background: #10b981;
  color: #fff;
  box-shadow: 0 4px 18px rgba(16,185,129,.25);
}
.ti-rfq-btn.wa:hover {
  background: #0a8f63;
}

/* RFQ Form Area */
.ti-rfq-form {
  margin-top: 60px;
  background: #f8fafc;
  padding: 40px 30px;
  border-radius: 20px;
  border: 1px solid #e5e7eb;
  box-shadow: 0 6px 22px rgba(0,0,0,.06);
}

.ti-form-title {
  font-size: 24px;
  font-weight: 700;
  color: #0f172a;
  margin-bottom: 6px;
}

.ti-form-sub {
  font-size: 16px;
  color: #475569;
  margin-bottom: 24px;
}

/* Adjust WPForms inside container */
.ti-form-wrapper .wpforms-form input,
.ti-form-wrapper .wpforms-form textarea,
.ti-form-wrapper .wpforms-form select {
  border-radius: 10px !important;
  padding: 12px 14px !important;
}

@media (max-width: 768px) {
  .ti-rfq-btn-group {
    flex-direction: column;
  }
}/* End custom CSS */