.elementor-3370 .elementor-element.elementor-element-927f708{--display:flex;}.elementor-3370 .elementor-element.elementor-element-096c6e6 .elementor-repeater-item-c67e541 .swiper-slide-bg{background-color:#833CA300;background-image:url(https://wutatw.shop/wp-content/uploads/2026/07/微信图片_20260707193457_1039_13.webp);background-size:cover;}.elementor-3370 .elementor-element.elementor-element-096c6e6 .swiper-slide{transition-duration:calc(5000ms*1.2);height:100vh;}.elementor-3370 .elementor-element.elementor-element-096c6e6 .swiper-slide-contents{max-width:66%;}.elementor-3370 .elementor-element.elementor-element-096c6e6 .swiper-slide-inner{text-align:center;}.elementor-3370 .elementor-element.elementor-element-aa86d22{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-3370 .elementor-element.elementor-element-ca4b177{font-size:20px;font-weight:700;color:#FFFFFF;}.elementor-3370 .elementor-element.elementor-element-48ef6c5{--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;--justify-content:center;--margin-top:0px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;}.elementor-3370 .elementor-element.elementor-element-c53c351 .elementor-button{background-color:var( --e-global-color-blocksy_palette_6 );font-size:15px;font-weight:bold;text-transform:uppercase;border-radius:8px 8px 8px 8px;padding:18px 50px 18px 50px;}.elementor-3370 .elementor-element.elementor-element-c53c351 .elementor-button:hover, .elementor-3370 .elementor-element.elementor-element-c53c351 .elementor-button:focus{background-color:var( --e-global-color-blocksy_palette_1 );}.elementor-3370 .elementor-element.elementor-element-64a1eda{--display:flex;}.elementor-3370 .elementor-element.elementor-element-8265a28{--display:flex;}.elementor-3370 .elementor-element.elementor-element-8591cb1{--display:flex;}.elementor-3370 .elementor-element.elementor-element-c3f2924{--display:flex;}.elementor-3370 .elementor-element.elementor-element-e0e7e5e{--display:flex;}.elementor-3370 .elementor-element.elementor-element-41b3baa{--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;--margin-top:80px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-3370 .elementor-element.elementor-element-798b976{--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;--align-items:center;--gap:35px 35px;--row-gap:35px;--column-gap:35px;--border-radius:8px 8px 8px 8px;--padding-top:0px;--padding-bottom:0px;--padding-left:90px;--padding-right:35px;}.elementor-3370 .elementor-element.elementor-element-798b976:not(.elementor-motion-effects-element-type-background), .elementor-3370 .elementor-element.elementor-element-798b976 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-blocksy_palette_8 );}.elementor-3370 .elementor-element.elementor-element-323ad4a{--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;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--padding-top:35px;--padding-bottom:35px;--padding-left:0px;--padding-right:0px;}.elementor-3370 .elementor-element.elementor-element-66f5e85{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;}.elementor-3370 .elementor-element.elementor-element-66f5e85 .elementor-heading-title{font-size:50px;font-weight:800;line-height:1em;}.elementor-3370 .elementor-element.elementor-element-c1ba728{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 35px) 0px;color:var( --e-global-color-blocksy_palette_4 );}.elementor-3370 .elementor-element.elementor-element-8759810 .elementor-button{background-color:var( --e-global-color-blocksy_palette_1 );font-size:20px;font-weight:bold;text-transform:uppercase;border-radius:8px 8px 8px 8px;padding:15px 40px 15px 40px;}.elementor-3370 .elementor-element.elementor-element-8759810 .elementor-button:hover, .elementor-3370 .elementor-element.elementor-element-8759810 .elementor-button:focus{background-color:var( --e-global-color-blocksy_palette_2 );}.elementor-3370 .elementor-element.elementor-element-754865a{width:var( --container-widget-width, 50% );max-width:50%;margin:-100px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-3370 .elementor-element.elementor-element-754865a.elementor-element{--align-self:flex-end;}.elementor-3370 .elementor-element.elementor-element-ff55dc0{--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:20px 20px;--row-gap:20px;--column-gap:20px;--background-transition:0.3s;}.elementor-3370 .elementor-element.elementor-element-ff55dc0:hover{background-color:#151515;}.elementor-3370 .elementor-element.elementor-element-bff86e4{--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;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--flex-wrap:nowrap;}.elementor-3370 .elementor-element.elementor-element-7799560 .elementor-icon-wrapper{text-align:center;}.elementor-3370 .elementor-element.elementor-element-7799560.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-3370 .elementor-element.elementor-element-7799560.elementor-view-framed .elementor-icon, .elementor-3370 .elementor-element.elementor-element-7799560.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-3370 .elementor-element.elementor-element-7799560.elementor-view-framed .elementor-icon, .elementor-3370 .elementor-element.elementor-element-7799560.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-3370 .elementor-element.elementor-element-7799560 .elementor-icon{font-size:45px;}.elementor-3370 .elementor-element.elementor-element-7799560 .elementor-icon svg{height:45px;}.elementor-3370 .elementor-element.elementor-element-5d211eb{text-align:center;}.elementor-3370 .elementor-element.elementor-element-5d211eb .elementor-heading-title{font-size:20px;}.elementor-3370 .elementor-element.elementor-element-3009e77{text-align:center;font-family:"Arial", Sans-serif;font-size:15px;}.elementor-3370 .elementor-element.elementor-element-b75c8db{--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;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--flex-wrap:nowrap;}.elementor-3370 .elementor-element.elementor-element-9120fd2 .elementor-icon-wrapper{text-align:center;}.elementor-3370 .elementor-element.elementor-element-9120fd2.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-3370 .elementor-element.elementor-element-9120fd2.elementor-view-framed .elementor-icon, .elementor-3370 .elementor-element.elementor-element-9120fd2.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-3370 .elementor-element.elementor-element-9120fd2.elementor-view-framed .elementor-icon, .elementor-3370 .elementor-element.elementor-element-9120fd2.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-3370 .elementor-element.elementor-element-9120fd2 .elementor-icon{font-size:45px;}.elementor-3370 .elementor-element.elementor-element-9120fd2 .elementor-icon svg{height:45px;}.elementor-3370 .elementor-element.elementor-element-29dde62{text-align:center;}.elementor-3370 .elementor-element.elementor-element-29dde62 .elementor-heading-title{font-size:20px;}.elementor-3370 .elementor-element.elementor-element-1c91e80{text-align:center;font-size:15px;}.elementor-3370 .elementor-element.elementor-element-dd05998{--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;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--flex-wrap:nowrap;}.elementor-3370 .elementor-element.elementor-element-bbf59f0 .elementor-icon-wrapper{text-align:center;}.elementor-3370 .elementor-element.elementor-element-bbf59f0.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-3370 .elementor-element.elementor-element-bbf59f0.elementor-view-framed .elementor-icon, .elementor-3370 .elementor-element.elementor-element-bbf59f0.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-3370 .elementor-element.elementor-element-bbf59f0.elementor-view-framed .elementor-icon, .elementor-3370 .elementor-element.elementor-element-bbf59f0.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-3370 .elementor-element.elementor-element-bbf59f0 .elementor-icon{font-size:45px;}.elementor-3370 .elementor-element.elementor-element-bbf59f0 .elementor-icon svg{height:45px;}.elementor-3370 .elementor-element.elementor-element-9c602a4{text-align:center;}.elementor-3370 .elementor-element.elementor-element-9c602a4 .elementor-heading-title{font-size:20px;}.elementor-3370 .elementor-element.elementor-element-526441a{text-align:center;font-size:15px;}.elementor-3370 .elementor-element.elementor-element-57f5135{--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;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--flex-wrap:nowrap;}.elementor-3370 .elementor-element.elementor-element-35b027d .elementor-icon-wrapper{text-align:center;}.elementor-3370 .elementor-element.elementor-element-35b027d.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-3370 .elementor-element.elementor-element-35b027d.elementor-view-framed .elementor-icon, .elementor-3370 .elementor-element.elementor-element-35b027d.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-3370 .elementor-element.elementor-element-35b027d.elementor-view-framed .elementor-icon, .elementor-3370 .elementor-element.elementor-element-35b027d.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-3370 .elementor-element.elementor-element-35b027d .elementor-icon{font-size:45px;}.elementor-3370 .elementor-element.elementor-element-35b027d .elementor-icon svg{height:45px;}.elementor-3370 .elementor-element.elementor-element-471b0fb{text-align:center;}.elementor-3370 .elementor-element.elementor-element-471b0fb .elementor-heading-title{font-size:20px;}.elementor-3370 .elementor-element.elementor-element-a4e6d3e{text-align:center;font-size:15px;}@media(min-width:768px){.elementor-3370 .elementor-element.elementor-element-323ad4a{--width:50%;}}@media(max-width:1024px){.elementor-3370 .elementor-element.elementor-element-798b976{--padding-top:0px;--padding-bottom:0px;--padding-left:35px;--padding-right:35px;}.elementor-3370 .elementor-element.elementor-element-66f5e85 .elementor-heading-title{font-size:30px;}.elementor-3370 .elementor-element.elementor-element-754865a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:50%;--container-widget-flex-grow:0;width:var( --container-widget-width, 50% );max-width:50%;}}@media(max-width:767px){.elementor-3370 .elementor-element.elementor-element-927f708{--margin-top:-25px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-3370 .elementor-element.elementor-element-096c6e6 .swiper-slide{height:25vh;}.elementor-3370 .elementor-element.elementor-element-aa86d22{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-3370 .elementor-element.elementor-element-ca4b177{font-size:15px;}.elementor-3370 .elementor-element.elementor-element-62b6657{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-3370 .elementor-element.elementor-element-48ef6c5{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-3370 .elementor-element.elementor-element-c53c351 .elementor-button{padding:8px 15px 8px 15px;}.elementor-3370 .elementor-element.elementor-element-798b976{--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-3370 .elementor-element.elementor-element-323ad4a{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:35px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3370 .elementor-element.elementor-element-e787233{font-size:14px;}.elementor-3370 .elementor-element.elementor-element-66f5e85{text-align:center;}.elementor-3370 .elementor-element.elementor-element-66f5e85 .elementor-heading-title{font-size:26px;}.elementor-3370 .elementor-element.elementor-element-c1ba728{text-align:center;font-size:15px;}.elementor-3370 .elementor-element.elementor-element-8759810 .elementor-button{font-size:14px;padding:15px 15px 15px 15px;}.elementor-3370 .elementor-element.elementor-element-754865a{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-3370 .elementor-element.elementor-element-754865a.elementor-element{--align-self:center;}.elementor-3370 .elementor-element.elementor-element-ff55dc0{--width:500px;--min-height:0px;--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:20px 20px;--row-gap:20px;--column-gap:20px;--flex-wrap:nowrap;}.elementor-3370 .elementor-element.elementor-element-5d211eb .elementor-heading-title{font-size:18px;}.elementor-3370 .elementor-element.elementor-element-3009e77{font-size:13px;}.elementor-3370 .elementor-element.elementor-element-29dde62 .elementor-heading-title{font-size:18px;}.elementor-3370 .elementor-element.elementor-element-1c91e80{font-size:13px;}.elementor-3370 .elementor-element.elementor-element-9c602a4 .elementor-heading-title{font-size:18px;}.elementor-3370 .elementor-element.elementor-element-526441a{font-size:13px;}.elementor-3370 .elementor-element.elementor-element-471b0fb .elementor-heading-title{font-size:18px;}.elementor-3370 .elementor-element.elementor-element-a4e6d3e{font-size:13px;}}/* Start custom CSS for html, class: .elementor-element-9a16e3f *//* ================================
 Vape Divider Styles (Scoped)
 不影響 Elementor 全局樣式
================================ */

.vape-divider {
  width: 100%;
  padding: 28px 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
}

.vape-divider__wrap {
  width: 100%;
  max-width: 1200px;
  display: flex;
  align-items: center;
  gap: 16px;
}

.vape-divider__line {
  flex: 1;
  height: 1px;
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0.05),
    rgba(255, 255, 255, 0.35),
    rgba(255, 255, 255, 0.05)
  );
}

.vape-divider__text {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  white-space: nowrap;
}

.vape-divider__title {
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 1px;
  color: rgba(255, 255, 255, 0.85);
}

.vape-divider__sub {
  margin-top: 4px;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.55);
  letter-spacing: 0.5px;
}

/* ================================
 Responsive (Mobile First)
================================ */

@media (min-width: 768px) {
  .vape-divider {
    padding: 36px 24px;
  }

  .vape-divider__title {
    font-size: 22px;
  }

  .vape-divider__sub {
    font-size: 14px;
  }
}

@media (max-width: 767px) {
  .vape-divider__wrap {
    gap: 10px;
  }

  .vape-divider__title {
    font-size: 15px;
  }

  .vape-divider__sub {
    font-size: 12px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-39a76d0 *//* =========================
   Vape Section (Elementor Module)
   ========================= */

.vape-section {
  background: #07090D;
  color: #ffffff;
  padding: 28px 16px;
  position: relative;
  overflow: hidden;
  font-family: inherit;
}

/* Header */
.vape-section__header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 18px;
}

.vape-section__title {
  font-size: 20px;
  font-weight: 600;
  margin: 0;
}

.vape-section__subtitle {
  font-size: 12px;
  opacity: 0.7;
  margin-top: 4px;
}

.vape-section__link {
  font-size: 13px;
  color: #ffffff;
  text-decoration: none;
  border: 1px solid rgba(255,255,255,0.2);
  padding: 6px 10px;
  border-radius: 8px;
}

/* Slider */
.vape-slider {
  display: flex;
  gap: 12px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 10px;
}

/* Hide scrollbar */
.vape-slider::-webkit-scrollbar {
  display: none;
}

.vape-card {
  flex: 0 0 80%;
  scroll-snap-align: start;
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 14px;
  padding: 18px;
  transition: transform 0.25s ease;
}

.vape-card:active {
  transform: scale(0.98);
}

.vape-card__link {
  color: inherit;
  text-decoration: none;
  display: block;
}

.vape-card__title {
  font-size: 16px;
  margin: 0 0 6px 0;
}

.vape-card__text {
  font-size: 12px;
  opacity: 0.75;
  line-height: 1.4;
}

/* Controls (bottom-right floating inside module, NOT fixed) */
.vape-controls {
  display: flex;
  gap: 8px;
  justify-content: flex-end;
  margin-top: 12px;
}

.vape-controls__btn {
  width: 38px;
  height: 38px;
  border-radius: 10px;
  border: 1px solid rgba(255,255,255,0.15);
  background: rgba(255,255,255,0.06);
  color: #fff;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Desktop enhancement */
@media (min-width: 768px) {
  .vape-card {
    flex: 0 0 40%;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-fcfc547 *//* ==========================================================
   Vape Premium Hero
   CSS PART 1
   Elementor Pro Compatible
   Mobile First
   ========================================================== */

/* ==========================================================
   Variables
   ========================================================== */

.vape-hero{

    --vape-bg:#07090D;
    --vape-card:#101318;
    --vape-card-hover:#151A22;

    --vape-border:rgba(255,255,255,.08);
    --vape-border-hover:rgba(138,107,255,.45);

    --vape-title:#F7F7F7;
    --vape-text:#A3A6AE;

    --vape-accent:#8A6BFF;
    --vape-accent-soft:#B99CFF;

    --vape-radius:28px;

    --vape-space-xs:.6rem;
    --vape-space-sm:1rem;
    --vape-space-md:1.6rem;
    --vape-space-lg:2.4rem;
    --vape-space-xl:3rem;

    --vape-speed:.32s;
    --vape-ease:cubic-bezier(.22,.61,.36,1);

    width:100%;
    color:var(--vape-title);

}

/* ==========================================================
   Reset Inside Module
   ========================================================== */

.vape-hero *,
.vape-hero *::before,
.vape-hero *::after{

    box-sizing:border-box;

}

.vape-hero a{

    color:inherit;
    text-decoration:none;

}

.vape-hero button{

    font:inherit;
    cursor:pointer;

}

/* ==========================================================
   Grid
   ========================================================== */

.vape-hero__grid{

    display:grid;

    grid-template-columns:1fr;

    gap:1rem;

}

/* ==========================================================
   Card
   ========================================================== */

.vape-card{

    position:relative;

    display:flex;

    flex-direction:column;

    justify-content:space-between;

    min-height:260px;

    padding:2rem;

    overflow:hidden;

    border-radius:var(--vape-radius);

    border:1px solid var(--vape-border);

    background:
    linear-gradient(
        135deg,
        rgba(255,255,255,.02),
        rgba(255,255,255,0)
    ),
    linear-gradient(
        180deg,
        #11151B,
        #0C0F14
    );

    transition:
        transform var(--vape-speed) var(--vape-ease),
        border-color var(--vape-speed) var(--vape-ease),
        background var(--vape-speed) var(--vape-ease);

}

/* ==========================================================
   Accent Line
   ========================================================== */

.vape-card::before{

    content:"";

    position:absolute;

    top:0;

    left:0;

    width:4px;

    height:100%;

    background:transparent;

    transition:
        background var(--vape-speed) var(--vape-ease),
        opacity var(--vape-speed) var(--vape-ease);

}

/* ==========================================================
   Decorative Gradient
   ========================================================== */

.vape-card::after{

    content:"";

    position:absolute;

    inset:0;

    pointer-events:none;

    background:
    radial-gradient(
        circle at top right,
        rgba(138,107,255,.08),
        transparent 48%
    );

    opacity:.7;

}

/* ==========================================================
   Content
   ========================================================== */

.vape-card__content{

    position:relative;

    z-index:2;

}

.vape-card__eyebrow{

    display:inline-block;

    margin-bottom:1rem;

    font-size:.72rem;

    letter-spacing:.18em;

    color:var(--vape-accent-soft);

    text-transform:uppercase;

}

.vape-card__title{

    margin:0;

    font-size:clamp(1.8rem,3vw,3rem);

    font-weight:700;

    line-height:1.15;

    color:var(--vape-title);

}

.vape-card__description{

    max-width:34rem;

    margin-top:1rem;

    color:var(--vape-text);

    line-height:1.8;

    font-size:.97rem;

}

/* ==========================================================
   CTA
   ========================================================== */

.vape-card__link{

    display:inline-flex;

    align-items:center;

    gap:.55rem;

    margin-top:2rem;

    font-weight:600;

    color:#fff;

    transition:
        color var(--vape-speed) var(--vape-ease);

}

.vape-card__arrow{

    transition:
        transform var(--vape-speed) var(--vape-ease);

}

/* ==========================================================
   Footer
   ========================================================== */

.vape-card__footer{

    margin-top:2rem;

    position:relative;

    z-index:2;

}

.vape-card__meta{

    font-size:.74rem;

    letter-spacing:.18em;

    color:rgba(255,255,255,.45);

}

/* ==========================================================
   Desktop Layout
   ========================================================== */

@media (min-width:960px){

    .vape-hero__grid{

        grid-template-columns:1.65fr .95fr;

        grid-template-rows:1fr 1fr;

        align-items:stretch;

    }

    .vape-card--feature{

        grid-row:1 / span 2;

        min-height:680px;

        padding:3rem;

    }

    .vape-card--starter{

        min-height:330px;

    }

    .vape-card--return{

        min-height:330px;

    }

}
/* ==========================================================
   Vape Premium Hero
   CSS PART 2
   Interaction / Animation / Accessibility
   Elementor Pro Compatible
   ========================================================== */


/* ==========================================================
   Feature Card Background States
   ========================================================== */

.vape-card--feature{

    background:
    linear-gradient(
        135deg,
        rgba(255,255,255,.025),
        rgba(255,255,255,0)
    ),
    linear-gradient(
        160deg,
        #11151B,
        #0B0E13
    );

    background-size:140% 140%;

    background-position:center;

}

.vape-card--feature.is-starter{

    background:
    linear-gradient(
        135deg,
        rgba(138,107,255,.08),
        rgba(255,255,255,0)
    ),
    linear-gradient(
        145deg,
        #151826,
        #0C1016
    );

}

.vape-card--feature.is-return{

    background:
    linear-gradient(
        135deg,
        rgba(138,107,255,.12),
        rgba(255,255,255,0)
    ),
    linear-gradient(
        120deg,
        #171521,
        #0C1015
    );

}


/* ==========================================================
   Hover
   ========================================================== */

.vape-card:hover{

    transform:translateY(-6px);

    border-color:var(--vape-border-hover);

}

.vape-card:hover::before{

    background:linear-gradient(
        to bottom,
        var(--vape-accent),
        transparent
    );

}

.vape-card:hover .vape-card__title{

    color:#FFFFFF;

}

.vape-card:hover .vape-card__arrow{

    transform:translateX(6px);

}

.vape-card:hover .vape-card__link{

    color:var(--vape-accent-soft);

}


/* ==========================================================
   Right Top Card
   ========================================================== */

.vape-card--starter:hover{

    transform:
    translateY(-6px)
    translateX(4px);

}

.vape-card--starter:hover::after{

    opacity:1;

}


/* ==========================================================
   Right Bottom Card
   ========================================================== */

.vape-card--return:hover{

    transform:
    translateX(6px)
    translateY(-4px);

}

.vape-card--return:hover::after{

    opacity:1;

}


/* ==========================================================
   Active State
   ========================================================== */

.vape-card.is-active{

    border-color:var(--vape-accent);

}

.vape-card.is-active::before{

    background:linear-gradient(
        to bottom,
        var(--vape-accent),
        transparent
    );

}


/* ==========================================================
   CTA Underline
   ========================================================== */

.vape-card__link{

    position:relative;

    width:max-content;

}

.vape-card__link::after{

    content:"";

    position:absolute;

    left:0;

    bottom:-4px;

    width:100%;

    height:1px;

    background:rgba(255,255,255,.18);

    transition:

        width var(--vape-speed) var(--vape-ease),

        background var(--vape-speed) var(--vape-ease);

}

.vape-card__link:hover::after{

    background:var(--vape-accent);

}


/* ==========================================================
   Typography Animation
   ========================================================== */

.vape-card__title{

    transition:

        color var(--vape-speed) var(--vape-ease),

        transform var(--vape-speed) var(--vape-ease);

}

.vape-card:hover .vape-card__title{

    transform:translateY(-2px);

}

.vape-card__description{

    transition:

        color var(--vape-speed) var(--vape-ease);

}

.vape-card:hover .vape-card__description{

    color:#C8CBD2;

}


/* ==========================================================
   Navigation Animation
   ========================================================== */

.vape-hero__tab{

    transform:translateY(0);

}

.vape-hero__tab:hover{

    transform:translateY(-2px);

}

.vape-hero__tab:focus-visible{

    outline:none;

    border-color:var(--vape-accent);

    color:#fff;

}


/* ==========================================================
   Keyboard Accessibility
   ========================================================== */

.vape-card:focus-within{

    border-color:var(--vape-accent);

}

.vape-card__link:focus-visible{

    outline:none;

    color:#fff;

}

.vape-card__link:focus-visible::after{

    background:var(--vape-accent);

}


/* ==========================================================
   Touch Device
   ========================================================== */

@media (hover:none){

    .vape-card:hover{

        transform:none;

    }

    .vape-card:hover .vape-card__arrow{

        transform:none;

    }

}


/* ==========================================================
   Mobile
   ========================================================== */

@media (max-width:959px){

    .vape-card{

        min-height:220px;

        padding:1.6rem;

    }

    .vape-card--feature{

        min-height:420px;

    }

    .vape-card__description{

        max-width:100%;

    }

    .vape-hero__nav{

        overflow-x:auto;

        scrollbar-width:none;

    }

    .vape-hero__nav::-webkit-scrollbar{

        display:none;

    }

}


/* ==========================================================
   Reduced Motion
   ========================================================== */

@media (prefers-reduced-motion:reduce){

    .vape-card,

    .vape-card::before,

    .vape-card::after,

    .vape-card__title,

    .vape-card__description,

    .vape-card__link,

    .vape-card__arrow,

    .vape-hero__tab{

        transition:none;

        animation:none;

    }

}


/* ==========================================================
   Performance Hint
   ========================================================== */

.vape-card{

    will-change:transform;

}

.vape-card__arrow{

    will-change:transform;

}


/* ==========================================================
   End
   ========================================================== *//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ff55dc0 *//* Elementor Mobile Horizontal Slider */

@media(max-width:767px){

.mobile-slider {

    display:flex !important;

    flex-direction:row !important;

    flex-wrap:nowrap !important;

    overflow-x:auto !important;

    overflow-y:hidden;

    scroll-snap-type:x mandatory;

    -webkit-overflow-scrolling:touch;

    gap:16px;

    scrollbar-width:none;

}


.mobile-slider::-webkit-scrollbar{

    display:none;

}


/* Elementor 子 Container */

.mobile-slider > .e-con {

    flex:0 0 50% !important;

    width:50% !important;

    max-width:50% !important;

    scroll-snap-align:start;

}


/* 如果要滿版 */

.mobile-slider.full-width > .e-con {

    flex-basis:100% !important;

    width:100% !important;

    max-width:100% !important;

}


}/* End custom CSS */