.elementor-5004 .elementor-element.elementor-element-4392451{--display:flex;--min-height:420px;--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-5004 .elementor-element.elementor-element-4392451:not(.elementor-motion-effects-element-type-background), .elementor-5004 .elementor-element.elementor-element-4392451 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://mokfilm.com/wp-content/uploads/2026/05/2026050307345544.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-5004 .elementor-element.elementor-element-120b98b{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 40px;--row-gap:0px;--column-gap:40px;--margin-top:80px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-5004 .elementor-element.elementor-element-9676767{--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;--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-5004 .elementor-element.elementor-element-0a876b9{--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;--justify-content:center;--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-5004 .elementor-element.elementor-element-d6e9194 > .elementor-widget-container{margin:-30px 0px 0px 0px;}.elementor-5004 .elementor-element.elementor-element-ab9a5e8 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-5004 .elementor-element.elementor-element-3721f99{--display:flex;--min-height:470px;--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;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-5004 .elementor-element.elementor-element-3721f99:not(.elementor-motion-effects-element-type-background), .elementor-5004 .elementor-element.elementor-element-3721f99 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://mokfilm.com/wp-content/uploads/2026/05/2026052608024279.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-5004 .elementor-element.elementor-element-959e8b6{--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;--margin-top:60px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-5004 .elementor-element.elementor-element-5ecb553{--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-5004 .elementor-element.elementor-element-e13b3df{--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;--margin-top:0px;--margin-bottom:150px;--margin-left:0px;--margin-right:0px;}@media(min-width:768px){.elementor-5004 .elementor-element.elementor-element-9676767{--width:50%;}.elementor-5004 .elementor-element.elementor-element-0a876b9{--width:50%;}}@media(max-width:767px){.elementor-5004 .elementor-element.elementor-element-4392451{--min-height:90px;}.elementor-5004 .elementor-element.elementor-element-3721f99:not(.elementor-motion-effects-element-type-background), .elementor-5004 .elementor-element.elementor-element-3721f99 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://mokfilm.com/wp-content/uploads/2026/05/2026052608024279.jpg");background-position:center center;background-repeat:no-repeat;background-size:contain;}.elementor-5004 .elementor-element.elementor-element-3721f99{--min-height:160px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}/* Start custom CSS for container, class: .elementor-element-120b98b *//* ============================================================
   NICK PPF 布局优化版
   ============================================================ */

/* ── 1. 容器整体布局 ── */
.elementor-5004 .elementor-element.elementor-element-120b98b {
  display: flex;
  gap: 40px;
  max-width: 1200px;
  margin: 0 auto;
  padding: 40px 0;
  align-items: flex-start;
}

/* 左右分栏控制 */
.nick-image-zone { flex: 0 0 500px; }
.nick-text-zone { flex: 1; }

/* ── 2. 右侧信息区紧贴排版 ── */
.nick-text-zone .elementor-widget-theme-post-content {
  font-size: 30px !important;
  font-weight: 700;
  margin-bottom: 0px !important; 
  padding-bottom: 0px !important;
  color: #000;
}

.nick-text-zone .elementor-heading-title {
  font-size: 15px !important;
  font-weight: 500;
  color: #666;
  margin-top: 0px !important;
  margin-bottom: 0px !important; 
}

.nick-text-zone .elementor-widget-heading:has(.elementor-heading-title) {
  border-bottom: 1px solid #e8e8e8;
  padding-bottom: 4px;
  margin-bottom: 10px !important;
}

/* ── 3. 图片区域强化样式 ── */
/* 强制图片缩略图水平排列并居中 */
.nick-image-zone .flex-control-thumbs {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 10px;
    padding-top: 15px !important;
}

/* 缩略图项宽度控制 */
.nick-image-zone .flex-control-thumbs li {
    width: 25% !important; /* 每行显示4个 */
    max-width: 80px;
    cursor: pointer;
}

.nick-image-zone .flex-control-thumbs li img {
    border: 1px solid #ddd;
    border-radius: 4px;
    transition: all 0.2s ease;
}

.nick-image-zone .flex-control-thumbs li img:hover {
    border-color: #F3991D;
    transform: translateY(-2px);
}

/* ── 4. 响应式布局 ── */
@media (max-width: 768px) {
  .elementor-5004 .elementor-element.elementor-element-120b98b { flex-direction: column; }
  .nick-image-zone { flex: 0 0 100%; width: 100%; }
}
/* ============================================================
   缩略图滑动功能 — Elementor Product Images 增强
   ============================================================ */

/* 1. 强制缩略图区域水平排列 */
.woocommerce-product-gallery .flex-control-thumbs {
    display: flex !important;
    overflow-x: auto !important;
    white-space: nowrap !important;
    padding: 10px 0 !important;
    gap: 10px !important;
    scrollbar-width: thin; /* Firefox 滚动条 */
    -webkit-overflow-scrolling: touch; /* iOS 流畅滚动 */
}

/* 2. 美化滚动条 (Chrome/Safari) */
.woocommerce-product-gallery .flex-control-thumbs::-webkit-scrollbar {
    height: 4px;
}
.woocommerce-product-gallery .flex-control-thumbs::-webkit-scrollbar-thumb {
    background-color: #d1d1d1;
    border-radius: 4px;
}

/* 3. 缩略图项固定宽度，防止变形 */
.woocommerce-product-gallery .flex-control-thumbs li {
    flex: 0 0 80px !important; /* 固定宽度 80px */
    width: 80px !important;
    height: 80px !important;
    margin: 0 !important;
}

.woocommerce-product-gallery .flex-control-thumbs li img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 4px;
    cursor: pointer;
    transition: opacity 0.3s ease;
}

/* 4. 点击反馈效果 */
.woocommerce-product-gallery .flex-control-thumbs li img:hover {
    opacity: 0.8;
}/* End custom CSS */