.elementor-4136 .elementor-element.elementor-element-1f65d11{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:-40px;--margin-bottom:0px;--margin-left:25px;--margin-right:0px;}.elementor-4136 .elementor-element.elementor-element-f6b699d .elementor-repeater-item-c67e541 .swiper-slide-bg{background-color:#833CA300;background-image:url(https://zwflow.shop/wp-content/uploads/2026/09/hero主圖.webp);background-size:cover;}.elementor-4136 .elementor-element.elementor-element-f6b699d .swiper-slide{transition-duration:calc(3000ms*1.2);height:100vh;}.elementor-4136 .elementor-element.elementor-element-f6b699d{width:var( --container-widget-width, 98.016% );max-width:98.016%;margin:-40px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:98.016%;--container-widget-flex-grow:0;}.elementor-4136 .elementor-element.elementor-element-f6b699d.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-4136 .elementor-element.elementor-element-f6b699d .swiper-slide-contents{max-width:66%;}.elementor-4136 .elementor-element.elementor-element-f6b699d .swiper-slide-inner{text-align:center;}.elementor-4136 .elementor-element.elementor-element-f061824{--display:flex;}.elementor-4136 .elementor-element.elementor-element-1cd35a9{--display:flex;}.elementor-4136 .elementor-element.elementor-element-5138187{--display:flex;}.elementor-4136 .elementor-element.elementor-element-a685f54.elementor-wc-products ul.products li.product{--button-align-display:flex;--button-align-direction:column;--button-align-justify:space-between;}.elementor-4136 .elementor-element.elementor-element-a685f54.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-4136 .elementor-element.elementor-element-a685f54.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-4136 .elementor-element.elementor-element-59f319f{--display:flex;}.elementor-4136 .elementor-element.elementor-element-accacb6{--display:flex;}@media(max-width:1024px){.elementor-4136 .elementor-element.elementor-element-a685f54.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(min-width:768px){.elementor-4136 .elementor-element.elementor-element-1f65d11{--width:100%;}}@media(max-width:767px){.elementor-4136 .elementor-element.elementor-element-1f65d11{--margin-top:-90px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-4136 .elementor-element.elementor-element-f6b699d{width:100%;max-width:100%;margin:45px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-4136 .elementor-element.elementor-element-f6b699d .swiper-slide{height:25vh;}.elementor-4136 .elementor-element.elementor-element-a685f54.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for html, class: .elementor-element-da8fb11 *//* =========================================================
   Taiwan Independent Store - Shopping Guide
   Elementor Pro Module
   Full Version
   Max Width: 1700px
   ========================================================= */

.tw-guide {
  --tw-dark: #1E2A38;
  --tw-dark-deep: #121B24;

  --tw-orange: #FF6B35;
  --tw-orange-dark: #E05323;

  --tw-green: #00A896;

  --tw-navy: #2B2D42;

  --tw-border: #E2E8F0;
  --tw-bg: #F8F9FA;
  --tw-white: #FFFFFF;

  /* 熱銷排行榜灰藍色 */
  --tw-hot-bg: #E2E8F0;
  --tw-hot-bg-hover: #CBD5E1;
  --tw-hot-border: #CBD5E1;
  --tw-hot-border-hover: #B8C4D1;
  --tw-hot-text: #1E2A38;
  --tw-hot-muted: #64748B;

  width: 100%;

  padding: 88px 32px;

  background: var(--tw-bg);

  box-sizing: border-box;

  font-family:
    Inter,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    "Noto Sans TC",
    "Microsoft JhengHei",
    sans-serif;
}


/* =========================================================
   Box Sizing
   ========================================================= */

.tw-guide *,
.tw-guide *::before,
.tw-guide *::after {
  box-sizing: border-box;
}


/* =========================================================
   Main Container
   最大寬度：1700px
   ========================================================= */

.tw-guide__container {
  width: 100%;
  max-width: 1700px;

  margin: 0 auto;
}


/* =========================================================
   Header
   ========================================================= */

.tw-guide__header {
  max-width: 820px;

  margin-bottom: 42px;
}


/* =========================================================
   Eyebrow
   ========================================================= */

.tw-guide__eyebrow {
  display: inline-flex;
  align-items: center;

  margin-bottom: 16px;

  font-size: 11px;
  font-weight: 700;

  line-height: 1;

  letter-spacing: 0.16em;

  color: var(--tw-orange);
}


/* =========================================================
   Main Title
   ========================================================= */

.tw-guide__title {
  margin: 0;

  color: var(--tw-dark-deep);

  font-size: clamp(32px, 4vw, 50px);

  font-weight: 750;

  line-height: 1.12;

  letter-spacing: -0.045em;
}


/* 橙色強調文字 */

.tw-guide__title span {
  color: var(--tw-orange);
}


/* =========================================================
   Intro
   ========================================================= */

.tw-guide__intro {
  max-width: 650px;

  margin: 18px 0 0;

  color: #64748B;

  font-size: 15px;

  font-weight: 400;

  line-height: 1.8;
}


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

.tw-guide__grid {
  display: grid;

  grid-template-columns:
    minmax(0, 1fr)
    minmax(0, 1fr)
    minmax(0, 0.95fr);

  grid-template-rows:
    minmax(270px, 1fr)
    minmax(270px, 1fr);

  gap: 20px;

  min-height: 560px;
}


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

.tw-guide-card {
  position: relative;

  display: flex;

  flex-direction: column;

  justify-content: space-between;

  min-width: 0;

  min-height: 0;

  padding: 32px;

  overflow: hidden;

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

  border-radius: 24px;

  background: var(--tw-white);

  color: var(--tw-dark-deep);

  text-decoration: none;

  box-shadow:
    0 2px 8px rgba(18, 27, 36, 0.025);

  transition:
    transform 0.28s ease,
    box-shadow 0.28s ease,
    border-color 0.28s ease,
    background-color 0.28s ease,
    color 0.28s ease;

  -webkit-tap-highlight-color: transparent;
}


/* =========================================================
   Decorative Circle
   ========================================================= */

.tw-guide-card::after {
  content: "";

  position: absolute;

  right: -70px;

  bottom: -80px;

  width: 220px;

  height: 220px;

  border-radius: 50%;

  background: rgba(255, 107, 53, 0.06);

  transform: scale(0.7);

  opacity: 0;

  transition:
    transform 0.4s ease,
    opacity 0.4s ease;

  pointer-events: none;
}


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

.tw-guide-card:hover {
  transform: translateY(-6px);

  box-shadow:
    0 18px 42px rgba(18, 27, 36, 0.10);

  text-decoration: none;
}


.tw-guide-card:hover::after {
  transform: scale(1);

  opacity: 1;
}


/* =========================================================
   Keyboard Focus
   ========================================================= */

.tw-guide-card:focus-visible {
  outline: 3px solid rgba(255, 107, 53, 0.28);

  outline-offset: 4px;
}


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


/* ---------------------------------------------------------
   01 超值買送
   --------------------------------------------------------- */

.tw-guide-card--value {
  grid-column: 1;

  grid-row: 1;

  background: var(--tw-green);

  border-color: var(--tw-green);

  color: var(--tw-white);
}


/* ---------------------------------------------------------
   02 熱銷排行榜
   --------------------------------------------------------- */

.tw-guide-card--hot {
  grid-column: 2;

  grid-row: 1;

  background: var(--tw-hot-bg);

  border-color: var(--tw-hot-border);

  color: var(--tw-hot-text);
}


/* ---------------------------------------------------------
   03 產品分類 A
   --------------------------------------------------------- */

.tw-guide-card--category:nth-of-type(3) {
  grid-column: 1;

  grid-row: 2;
}


/* ---------------------------------------------------------
   04 產品分類 B
   --------------------------------------------------------- */

.tw-guide-card--category:nth-of-type(4) {
  grid-column: 2;

  grid-row: 2;
}


/* ---------------------------------------------------------
   05 產品分類 C
   --------------------------------------------------------- */

.tw-guide-card--tall {
  grid-column: 3;

  grid-row: 1 / span 2;

  background: var(--tw-dark);

  border-color: var(--tw-dark);

  color: var(--tw-white);
}


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

.tw-guide-card__top {
  position: relative;

  z-index: 2;

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 12px;
}


/* =========================================================
   Number
   ========================================================= */

.tw-guide-card__number {
  font-size: 12px;

  font-weight: 700;

  line-height: 1;

  letter-spacing: 0.08em;

  opacity: 0.55;
}


/* =========================================================
   Badge
   ========================================================= */

.tw-guide-card__badge {
  display: inline-flex;

  align-items: center;

  min-height: 27px;

  padding: 6px 10px;

  border-radius: 999px;

  background: rgba(255, 255, 255, 0.16);

  font-size: 10px;

  font-weight: 700;

  line-height: 1;

  letter-spacing: 0.04em;

  text-transform: uppercase;
}


/* =========================================================
   Category Icon
   ========================================================= */

.tw-guide-card__icon {
  display: flex;

  align-items: center;

  justify-content: center;

  width: 36px;

  height: 36px;

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

  border-radius: 50%;

  background: var(--tw-bg);

  color: var(--tw-dark);

  font-size: 17px;

  line-height: 1;

  transition:
    transform 0.28s ease,
    background-color 0.28s ease,
    color 0.28s ease,
    border-color 0.28s ease;
}


/* =========================================================
   Category Icon Hover
   ========================================================= */

.tw-guide-card--category:hover .tw-guide-card__icon {
  transform: rotate(8deg);

  background: var(--tw-orange);

  border-color: var(--tw-orange);

  color: var(--tw-white);
}


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

.tw-guide-card__content {
  position: relative;

  z-index: 2;

  max-width: 500px;

  margin-top: auto;

  padding-top: 40px;
}


/* =========================================================
   Mini Label
   ========================================================= */

.tw-guide-card__mini-label {
  display: block;

  margin-bottom: 12px;

  font-size: 10px;

  font-weight: 700;

  line-height: 1;

  letter-spacing: 0.14em;

  color: rgba(255, 255, 255, 0.55);
}


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

.tw-guide-card__title {
  margin: 0;

  color: inherit;

  font-size: clamp(26px, 2.3vw, 38px);

  font-weight: 750;

  line-height: 1.08;

  letter-spacing: -0.045em;
}


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

.tw-guide-card__description {
  max-width: 430px;

  margin: 13px 0 0;

  color: #64748B;

  font-size: 14px;

  font-weight: 400;

  line-height: 1.7;
}


/* 綠色卡片 */

.tw-guide-card--value .tw-guide-card__description {
  color: rgba(255, 255, 255, 0.80);
}


/* 深色卡片 */

.tw-guide-card--tall .tw-guide-card__description {
  color: rgba(255, 255, 255, 0.78);
}


/* 熱銷排行榜 */

.tw-guide-card--hot .tw-guide-card__description {
  color: var(--tw-hot-muted);
}


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

.tw-guide-card__link {
  position: relative;

  z-index: 2;

  display: inline-flex;

  align-items: center;

  gap: 7px;

  width: fit-content;

  margin-top: 30px;

  font-size: 13px;

  font-weight: 700;

  line-height: 1;

  color: var(--tw-dark);

  transition:
    gap 0.25s ease,
    color 0.25s ease;
}


/* 綠色卡片 CTA */

.tw-guide-card--value .tw-guide-card__link {
  color: var(--tw-white);
}


/* 深色卡片 CTA */

.tw-guide-card--tall .tw-guide-card__link {
  color: var(--tw-white);
}


/* 熱銷排行榜 CTA */

.tw-guide-card--hot .tw-guide-card__link {
  color: var(--tw-hot-text);
}


/* CTA Hover */

.tw-guide-card:hover .tw-guide-card__link {
  gap: 12px;
}


/* =========================================================
   Arrow
   ========================================================= */

.tw-guide-card__arrow {
  display: inline-block;

  font-size: 17px;

  line-height: 0;

  transition:
    transform 0.25s ease;
}


.tw-guide-card:hover .tw-guide-card__arrow {
  transform: translateX(3px);
}


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


/* ---------------------------------------------------------
   超值買送 Hover
   --------------------------------------------------------- */

.tw-guide-card--value:hover {
  background: #009986;

  border-color: #009986;
}


/* ---------------------------------------------------------
   熱銷排行榜 Hover
   灰藍色，不使用橙色
   --------------------------------------------------------- */

.tw-guide-card--hot:hover {
  background: var(--tw-hot-bg-hover);

  border-color: var(--tw-hot-border-hover);

  color: var(--tw-hot-text);
}


/* ---------------------------------------------------------
   分類 C Hover
   --------------------------------------------------------- */

.tw-guide-card--tall:hover {
  background: #172431;

  border-color: #172431;
}


/* =========================================================
   Tablet
   768px - 1024px
   ========================================================= */

@media (max-width: 1024px) {

  .tw-guide {
    padding: 72px 24px;
  }


  .tw-guide__header {
    max-width: 720px;
  }


  .tw-guide__grid {
    grid-template-columns:
      minmax(0, 1fr)
      minmax(0, 1fr);

    grid-template-rows:
      minmax(240px, auto)
      minmax(240px, auto)
      minmax(260px, auto);

    gap: 16px;

    min-height: 0;
  }


  /* 01 */

  .tw-guide-card--value {
    grid-column: 1;

    grid-row: 1;
  }


  /* 02 */

  .tw-guide-card--hot {
    grid-column: 2;

    grid-row: 1;
  }


  /* 03 */

  .tw-guide-card--category:nth-of-type(3) {
    grid-column: 1;

    grid-row: 2;
  }


  /* 04 */

  .tw-guide-card--category:nth-of-type(4) {
    grid-column: 2;

    grid-row: 2;
  }


  /* 05 */

  .tw-guide-card--tall {
    grid-column: 1 / span 2;

    grid-row: 3;

    min-height: 260px;
  }


  .tw-guide-card {
    padding: 27px;
  }


  .tw-guide-card__title {
    font-size: 30px;
  }
}


/* =========================================================
   Mobile
   <= 767px
   ========================================================= */

@media (max-width: 767px) {

  .tw-guide {
    padding: 60px 16px;
  }


  /* Header */

  .tw-guide__header {
    margin-bottom: 28px;
  }


  .tw-guide__eyebrow {
    margin-bottom: 13px;

    font-size: 10px;
  }


  .tw-guide__title {
    font-size: 32px;

    line-height: 1.15;
  }


  .tw-guide__intro {
    margin-top: 14px;

    font-size: 14px;

    line-height: 1.75;
  }


  /* Mobile Grid */

  .tw-guide__grid {
    display: flex;

    flex-direction: column;

    gap: 12px;

    min-height: 0;
  }


  /* Mobile Cards */

  .tw-guide-card {
    width: 100%;

    min-height: 215px;

    padding: 22px;

    border-radius: 18px;
  }


  /* Tall Card */

  .tw-guide-card--tall {
    min-height: 235px;
  }


  /* Content */

  .tw-guide-card__content {
    padding-top: 30px;
  }


  /* Title */

  .tw-guide-card__title {
    font-size: 27px;

    line-height: 1.1;
  }


  /* Description */

  .tw-guide-card__description {
    max-width: 100%;

    font-size: 13px;

    line-height: 1.65;
  }


  /* CTA */

  .tw-guide-card__link {
    margin-top: 24px;

    font-size: 12px;
  }
}


/* =========================================================
   Small Mobile
   <= 390px
   ========================================================= */

@media (max-width: 390px) {

  .tw-guide {
    padding-right: 14px;

    padding-left: 14px;
  }


  .tw-guide-card {
    min-height: 205px;

    padding: 20px;
  }


  .tw-guide-card__title {
    font-size: 25px;
  }


  .tw-guide-card__description {
    font-size: 12.5px;
  }
}


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

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

  .tw-guide-card,
  .tw-guide-card::after,
  .tw-guide-card__icon,
  .tw-guide-card__link,
  .tw-guide-card__arrow {
    transition: none;
  }


  .tw-guide-card:hover {
    transform: none;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-679b6c3 *//* =========================================================
   SG1700
   Shopping Guide
   完全獨立模塊
   ========================================================= */

#sg1700 {

  --sg-bg: #F8F9FA;
  --sg-white: #FFFFFF;

  --sg-dark: #1E2A38;
  --sg-deep: #121B24;

  --sg-green: #00A896;

  --sg-yellow: #F4C542;
  --sg-yellow-dark: #D9A900;

  --sg-line: #E2E8F0;
  --sg-muted: #718096;

  width: 100%;
  max-width: 1700px;

  margin: 0 auto;

  padding: 100px 40px;

  box-sizing: border-box;

  background: var(--sg-bg);

  color: var(--sg-dark);
}


/* =========================================================
   INNER
   ========================================================= */

#sg1700 .sg1700__inner {

  width: 100%;
  max-width: 1500px;

  margin: 0 auto;

}


/* =========================================================
   HEADER
   ========================================================= */

#sg1700 .sg1700__header {

  max-width: 720px;

  margin-bottom: 55px;

}


#sg1700 .sg1700__eyebrow {

  display: inline-flex;

  margin-bottom: 15px;

  color: var(--sg-green);

  font-size: 11px;

  font-weight: 700;

  letter-spacing: .18em;

}


#sg1700 .sg1700__title {

  margin: 0 0 15px;

  color: var(--sg-dark);

  font-size: clamp(40px, 5vw, 68px);

  line-height: 1;

  font-weight: 600;

  letter-spacing: -.045em;

}


#sg1700 .sg1700__intro {

  max-width: 580px;

  margin: 0;

  color: var(--sg-muted);

  font-size: 15px;

  line-height: 1.8;

}


/* =========================================================
   GUIDE
   ========================================================= */

#sg1700 .sg1700__guide {

  display: flex;

  flex-direction: column;

  gap: 10px;

}


/* =========================================================
   MAIN CARD
   ========================================================= */

#sg1700 .sg1700-card {

  position: relative;

  min-height: 100px;

  overflow: visible;

  border-bottom: 1px solid var(--sg-line);

  transition:
    transform .45s cubic-bezier(.22, 1, .36, 1);

}


/* Hover 時稍微往右 */

#sg1700 .sg1700-card:hover {

  transform: translateX(6px);

}


/* =========================================================
   MAIN ROW
   ========================================================= */

#sg1700 .sg1700-card__main {

  position: relative;

  z-index: 5;

  display: grid;

  grid-template-columns:
    80px
    minmax(0, 1fr)
    50px;

  align-items: center;

  min-height: 100px;

  padding: 0 25px;

  box-sizing: border-box;

  border-radius: 18px;

  cursor: pointer;

  transition:
    background-color .4s ease,
    box-shadow .4s ease;

}


/* Hover background */

#sg1700 .sg1700-card:hover .sg1700-card__main {

  background: var(--sg-white);

  box-shadow:
    0 15px 45px rgba(30, 42, 56, .07);

}


/* =========================================================
   NUMBER
   ========================================================= */

#sg1700 .sg1700-card__number {

  color: #A0AEC0;

  font-size: 12px;

  font-weight: 700;

  letter-spacing: .12em;

  transition:
    color .35s ease;

}


#sg1700 .sg1700-card:hover .sg1700-card__number {

  color: var(--sg-yellow-dark);

}


/* =========================================================
   TEXT
   ========================================================= */

#sg1700 .sg1700-card__text h3 {

  margin: 0 0 5px;

  color: var(--sg-dark);

  font-size: 22px;

  line-height: 1.3;

  font-weight: 600;

  letter-spacing: -.025em;

}


#sg1700 .sg1700-card__text p {

  margin: 0;

  color: #8491A1;

  font-size: 13px;

  line-height: 1.6;

}


/* =========================================================
   ARROW
   ========================================================= */

#sg1700 .sg1700-card__icon {

  display: flex;

  align-items: center;
  justify-content: center;

  width: 40px;
  height: 40px;

  border: 1px solid var(--sg-line);

  border-radius: 50%;

  color: var(--sg-dark);

  font-size: 17px;

  transition:
    background-color .4s ease,
    color .4s ease,
    border-color .4s ease,
    transform .5s cubic-bezier(.22, 1, .36, 1);

}


#sg1700 .sg1700-card:hover .sg1700-card__icon {

  border-color: var(--sg-yellow);

  background: var(--sg-yellow);

  color: var(--sg-dark);

  transform: rotate(45deg);

}


/* =========================================================
   MINI PRODUCT POPUP
   ========================================================= */

#sg1700 .sg1700-card__mini {

  position: absolute;

  z-index: 10;

  top: 50%;

  right: 90px;

  display: grid;

  grid-template-columns: 70px 1fr;

  align-items: center;

  gap: 14px;

  width: 270px;

  padding: 10px;

  box-sizing: border-box;

  border: 1px solid rgba(226, 232, 240, .95);

  border-radius: 14px;

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

  box-shadow:
    0 20px 50px rgba(18, 27, 36, .12);

  opacity: 0;

  visibility: hidden;

  pointer-events: none;

  transform:
    translateY(-50%)
    translateX(18px)
    scale(.96);

  transition:
    opacity .4s ease,
    visibility .4s ease,
    transform .55s cubic-bezier(.22, 1, .36, 1);

}


/* Popup 顯示 */

#sg1700 .sg1700-card:hover .sg1700-card__mini {

  opacity: 1;

  visibility: visible;

  transform:
    translateY(-50%)
    translateX(0)
    scale(1);

}


/* =========================================================
   MINI IMAGE
   ========================================================= */

#sg1700 .sg1700-card__mini-image {

  width: 70px;

  aspect-ratio: 1 / 1;

  overflow: hidden;

  border-radius: 10px;

  background: #F1F3F5;

}


#sg1700 .sg1700-card__mini-image img {

  display: block;

  width: 100%;
  height: 100%;

  object-fit: cover;

  transition:
    transform .7s cubic-bezier(.22, 1, .36, 1);

}


#sg1700 .sg1700-card:hover
.sg1700-card__mini-image img {

  transform: scale(1.06);

}


/* =========================================================
   MINI INFO
   ========================================================= */

#sg1700 .sg1700-card__hot {

  display: block;

  margin-bottom: 3px;

  color: var(--sg-green);

  font-size: 9px;

  font-weight: 800;

  letter-spacing: .12em;

}


#sg1700 .sg1700-card__mini-label {

  display: block;

  margin-bottom: 4px;

  color: #94A3B8;

  font-size: 10px;

}


#sg1700 .sg1700-card__mini-info strong {

  display: block;

  color: var(--sg-dark);

  font-size: 13px;

  font-weight: 600;

}


/* =========================================================
   PRODUCT PANEL
   從左側滑入
   ========================================================= */

#sg1700 .sg1700-card__product {

  position: absolute;

  z-index: 50;

  top: 100%;

  left: 0;

  display: grid;

  grid-template-columns:
    300px
    minmax(280px, 1fr);

  align-items: center;

  gap: 42px;

  width: min(720px, calc(100% - 150px));

  padding: 22px;

  box-sizing: border-box;

  border: 1px solid rgba(226, 232, 240, .9);

  border-radius: 20px;

  background: var(--sg-white);

  box-shadow:
    0 30px 80px rgba(18, 27, 36, .13);

  opacity: 0;

  visibility: hidden;

  pointer-events: none;

  transform:
    translateX(-35px)
    translateY(-8px);

  transition:
    opacity .4s ease,
    visibility .4s ease,
    transform .65s cubic-bezier(.22, 1, .36, 1);

}


/* Hover 後滑出 */

#sg1700 .sg1700-card:hover .sg1700-card__product {

  opacity: 1;

  visibility: visible;

  pointer-events: auto;

  transform:
    translateX(0)
    translateY(-8px);

}


/* =========================================================
   PRODUCT IMAGE
   ========================================================= */

#sg1700 .sg1700-card__product-image {

  width: 100%;

  aspect-ratio: 1 / 1;

  overflow: hidden;

  border-radius: 15px;

  background: #F2F4F6;

}


#sg1700 .sg1700-card__product-image img {

  display: block;

  width: 100%;
  height: 100%;

  object-fit: cover;

  transform: scale(1.025);

  transition:
    transform .9s cubic-bezier(.22, 1, .36, 1);

}


#sg1700 .sg1700-card:hover
.sg1700-card__product-image img {

  transform: scale(1);

}


/* =========================================================
   PRODUCT CONTENT
   ========================================================= */

#sg1700 .sg1700-card__product-content {

  padding-right: 15px;

}


#sg1700 .sg1700-card__product-label {

  display: block;

  margin-bottom: 7px;

  color: var(--sg-green);

  font-size: 10px;

  font-weight: 800;

  letter-spacing: .15em;

}


#sg1700 .sg1700-card__product-subtitle {

  display: block;

  margin-bottom: 14px;

  color: #9AA5B1;

  font-size: 11px;

  letter-spacing: .05em;

}


#sg1700 .sg1700-card__product-content h4 {

  margin: 0 0 12px;

  color: var(--sg-dark);

  font-size: 28px;

  line-height: 1.15;

  font-weight: 600;

  letter-spacing: -.035em;

}


#sg1700 .sg1700-card__product-content p {

  max-width: 370px;

  margin: 0 0 24px;

  color: #718096;

  font-size: 13px;

  line-height: 1.8;

}


/* =========================================================
   YELLOW BUTTON
   ========================================================= */

#sg1700 .sg1700-card__button {

  display: inline-flex;

  align-items: center;

  gap: 15px;

  padding: 13px 18px;

  border-radius: 8px;

  background: var(--sg-yellow);

  color: var(--sg-dark);

  font-size: 12px;

  font-weight: 700;

  text-decoration: none;

  transition:
    background-color .3s ease,
    transform .35s cubic-bezier(.22, 1, .36, 1),
    gap .35s cubic-bezier(.22, 1, .36, 1);

}


#sg1700 .sg1700-card__button span {

  font-size: 17px;

  line-height: 1;

}


#sg1700 .sg1700-card__button:hover {

  background: #FFD75A;

  color: var(--sg-dark);

  gap: 20px;

  transform: translateY(-2px);

}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1100px) {

  #sg1700 {

    padding:
      80px 30px;

  }


  #sg1700 .sg1700-card__mini {

    display: none;

  }


  #sg1700 .sg1700-card__product {

    width: min(650px, calc(100% - 40px));

    grid-template-columns:
      240px
      minmax(250px, 1fr);

    gap: 28px;

  }

}


/* =========================================================
   SG1700 MOBILE
   手機版：連續式購買指南
   ========================================================= */

@media (max-width: 767px) {

  #sg1700 {
    padding: 55px 16px;
  }


  /* -------------------------------------------------------
     Header
     ------------------------------------------------------- */

  #sg1700 .sg1700__header {
    margin-bottom: 30px;
  }


  #sg1700 .sg1700__title {
    font-size: 40px;
  }


  /* -------------------------------------------------------
     Guide
     手機版完全取消板塊之間的間隙
     ------------------------------------------------------- */

  #sg1700 .sg1700__guide {
    gap: 0;
  }


  /* -------------------------------------------------------
     每個板塊
     ------------------------------------------------------- */

  #sg1700 .sg1700-card {

    min-height: 82px;

    margin: 0;

    padding: 0;

    border-bottom: 1px solid var(--sg-line);

    transform: none;

    transition:
      background-color .35s ease;
  }


  /* 第一個板塊上方不要額外空間 */

  #sg1700 .sg1700-card:first-child {
    border-top: 1px solid var(--sg-line);
  }


  /* -------------------------------------------------------
     主按鈕區
     ------------------------------------------------------- */

  #sg1700 .sg1700-card__main {

    display: grid;

    grid-template-columns:
      45px
      minmax(0, 1fr)
      40px;

    min-height: 82px;

    padding: 0 14px;

    border-radius: 0;

    background: transparent;

    box-shadow: none;

    cursor: pointer;

    transition:
      background-color .35s ease;
  }


  /* 點擊後的板塊 */

  #sg1700 .sg1700-card.is-active
  .sg1700-card__main {

    background: #FFFFFF;
  }


  /* -------------------------------------------------------
     Number
     ------------------------------------------------------- */

  #sg1700 .sg1700-card__number {

    font-size: 11px;

    color: #94A3B8;

    transition:
      color .3s ease;
  }


  #sg1700 .sg1700-card.is-active
  .sg1700-card__number {

    color: var(--sg-yellow-dark);
  }


  /* -------------------------------------------------------
     Title
     ------------------------------------------------------- */

  #sg1700 .sg1700-card__text h3 {

    margin: 0;

    font-size: 18px;

    line-height: 1.35;
  }


  /* 手機隱藏描述 */

  #sg1700 .sg1700-card__text p {
    display: none;
  }


  /* -------------------------------------------------------
     Arrow
     ------------------------------------------------------- */

  #sg1700 .sg1700-card__icon {

    width: 34px;

    height: 34px;

    font-size: 15px;

    transition:
      background-color .35s ease,
      border-color .35s ease,
      transform .5s cubic-bezier(.22, 1, .36, 1);
  }


  /* 點擊後箭頭旋轉 */

  #sg1700 .sg1700-card.is-active
  .sg1700-card__icon {

    background: var(--sg-yellow);

    border-color: var(--sg-yellow);

    transform: rotate(45deg);
  }


  /* -------------------------------------------------------
     手機隱藏桌面 Mini Popup
     ------------------------------------------------------- */

  #sg1700 .sg1700-card__mini {
    display: none;
  }


  /* -------------------------------------------------------
     PRODUCT PANEL
     手機版直接在該板塊下面展開
     ------------------------------------------------------- */

  #sg1700 .sg1700-card__product {

    position: relative;

    top: auto;

    left: auto;

    z-index: 5;

    display: block;

    width: 100%;

    max-height: 0;

    margin: 0;

    padding: 0 14px;

    overflow: hidden;

    box-sizing: border-box;

    border: 0;

    border-radius: 0;

    background: #FFFFFF;

    box-shadow: none;

    opacity: 0;

    visibility: hidden;

    pointer-events: none;

    transform:
      translateY(-12px);

    transition:
      max-height .7s cubic-bezier(.22, 1, .36, 1),
      opacity .35s ease,
      transform .6s cubic-bezier(.22, 1, .36, 1),
      padding .6s cubic-bezier(.22, 1, .36, 1),
      visibility .1s linear .6s;
  }


  /* -------------------------------------------------------
     點擊後展開
     ------------------------------------------------------- */

  #sg1700 .sg1700-card.is-active
  .sg1700-card__product {

    max-height: 700px;

    padding:
      14px 14px 24px;

    opacity: 1;

    visibility: visible;

    pointer-events: auto;

    transform:
      translateY(0);

    transition:
      max-height .7s cubic-bezier(.22, 1, .36, 1),
      opacity .4s ease .05s,
      transform .6s cubic-bezier(.22, 1, .36, 1),
      padding .6s cubic-bezier(.22, 1, .36, 1),
      visibility .1s linear;
  }


  /* -------------------------------------------------------
     PRODUCT IMAGE
     ------------------------------------------------------- */

  #sg1700 .sg1700-card__product-image {

    width: 100%;

    aspect-ratio: 1 / 1;

    margin: 0 0 20px;

    border-radius: 14px;

    overflow: hidden;

    background: #F1F3F5;
  }


  #sg1700 .sg1700-card__product-image img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    transform: scale(1.04);

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


  /* 點擊展開後圖片慢慢定位 */

  #sg1700 .sg1700-card.is-active
  .sg1700-card__product-image img {

    transform: scale(1);
  }


  /* -------------------------------------------------------
     PRODUCT CONTENT
     ------------------------------------------------------- */

  #sg1700 .sg1700-card__product-content {

    padding: 0 2px;
  }


  #sg1700 .sg1700-card__product-label {

    margin-bottom: 7px;

    font-size: 9px;
  }


  #sg1700 .sg1700-card__product-subtitle {

    margin-bottom: 12px;

    font-size: 11px;
  }


  #sg1700 .sg1700-card__product-content h4 {

    margin-bottom: 10px;

    font-size: 25px;

    line-height: 1.2;
  }


  #sg1700 .sg1700-card__product-content p {

    max-width: none;

    margin-bottom: 20px;

    font-size: 13px;

    line-height: 1.75;
  }


  /* -------------------------------------------------------
     BUTTON
     ------------------------------------------------------- */

  #sg1700 .sg1700-card__button {

    display: inline-flex;

    padding: 13px 18px;

    border-radius: 8px;

    font-size: 12px;
  }


  /* -------------------------------------------------------
     Hover 在手機上不要產生桌面效果
     ------------------------------------------------------- */

  #sg1700 .sg1700-card:hover {

    transform: none;
  }


  #sg1700 .sg1700-card:hover
  .sg1700-card__main {

    background: transparent;

    box-shadow: none;
  }


  /* 真正 active 才顯示狀態 */

  #sg1700 .sg1700-card.is-active:hover
  .sg1700-card__main {

    background: #FFFFFF;
  }


  /* -------------------------------------------------------
     Accessibility
     ------------------------------------------------------- */

  #sg1700 .sg1700-card__main:focus-visible {

    outline: 2px solid var(--sg-yellow);

    outline-offset: -2px;
  }

}

/* =========================================================
   REDUCED MOTION
   ========================================================= */

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

  #sg1700,
  #sg1700 * {

    transition-duration: .01ms !important;

  }

}
/* =========================================================
   SG1700
   PRODUCT PANEL LAYER FIX
   ========================================================= */

/* 產品卡必須永遠位於其他購買指南內容上方 */
#sg1700 .sg1700-card__product {
  z-index: 50;
}


/* Hover 的購買指南本身提高層級 */
#sg1700 .sg1700-card:hover {
  z-index: 60;
}


/* 產品卡內部圖片與內容保持完整顯示 */
#sg1700 .sg1700-card__product-image,
#sg1700 .sg1700-card__product-content {
  position: relative;
  z-index: 1;
}


/* 防止下面的指南文字穿透產品卡 */
#sg1700 .sg1700-card:not(:hover) {
  z-index: 1;
}


/* =========================================================
   PRODUCT PANEL SHADOW
   增加浮出來的空間感
   ========================================================= */

#sg1700 .sg1700-card__product {
  box-shadow:
    0 25px 60px rgba(18, 27, 36, .12),
    0 8px 24px rgba(18, 27, 36, .06);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-fe4402d *//* =========================================
   Store FAQ
   Scoped only to .store-faq
========================================= */

.store-faq {
  --faq-bg: #F8F9FA;
  --faq-dark: #121B24;
  --faq-text: #2B2D42;
  --faq-orange: #FF6B35;
  --faq-orange-dark: #E05323;
  --faq-green: #00A896;
  --faq-line: #E2E8F0;

  width: 100%;
  background: var(--faq-bg);
  padding: clamp(80px, 9vw, 140px) 24px;
  box-sizing: border-box;
  overflow: hidden;
}

.store-faq *,
.store-faq *::before,
.store-faq *::after {
  box-sizing: border-box;
}

.store-faq__container {
  width: 100%;
  max-width: 1700px;
  margin: 0 auto;

  display: grid;
  grid-template-columns: minmax(280px, 0.35fr) minmax(0, 0.65fr);
  gap: clamp(50px, 6vw, 110px);

  align-items: start;
}


/* =========================================
   Left
========================================= */

.store-faq__intro {
  position: relative;
}

.store-faq__intro-inner {
  position: sticky;
  top: 100px;
}

.store-faq__eyebrow {
  display: inline-block;

  margin-bottom: 20px;

  font-size: 12px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.18em;

  color: var(--faq-orange);
  text-transform: uppercase;
}

.store-faq__title {
  margin: 0;

  color: var(--faq-dark);

  font-size: clamp(36px, 3.2vw, 58px);
  line-height: 1.08;
  font-weight: 600;
  letter-spacing: -0.035em;
}

.store-faq__description {
  max-width: 470px;

  margin: 28px 0 0;

  color: #59636F;

  font-size: 16px;
  line-height: 1.75;
  font-weight: 400;
}

.store-faq__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;

  margin-top: 36px;
}


/* =========================================
   Buttons
========================================= */

.store-faq__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;

  min-height: 50px;
  padding: 0 23px;

  border-radius: 999px;

  font-size: 13px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.04em;

  text-decoration: none;

  transition:
    background-color 0.25s ease,
    border-color 0.25s ease,
    color 0.25s ease,
    transform 0.25s ease,
    box-shadow 0.25s ease;
}

.store-faq__button span {
  font-size: 17px;
  line-height: 1;

  transition: transform 0.25s ease;
}


/* Primary */

.store-faq__button--primary {
  color: #FFFFFF;
  background: var(--faq-orange);
  border: 1px solid var(--faq-orange);

  box-shadow: 0 6px 18px rgba(255, 107, 53, 0.14);
}

.store-faq__button--primary:hover {
  color: #FFFFFF;
  background: var(--faq-orange-dark);
  border-color: var(--faq-orange-dark);

  transform: translateY(-2px);
}

.store-faq__button--primary:hover span {
  transform: translate(2px, -2px);
}


/* Secondary */

.store-faq__button--secondary {
  color: var(--faq-dark);
  background: transparent;
  border: 1px solid #CBD5E1;
}

.store-faq__button--secondary:hover {
  color: var(--faq-orange-dark);
  background: #FFFFFF;
  border-color: var(--faq-orange);

  transform: translateY(-2px);
}

.store-faq__button--secondary:hover span {
  transform: translateX(3px);
}


/* =========================================
   FAQ list
========================================= */

.store-faq__list {
  width: 100%;

  border-top: 1px solid var(--faq-line);
}

.store-faq__item {
  border-bottom: 1px solid var(--faq-line);

  opacity: 0;
  transform: translateY(18px);

  transition:
    opacity 0.6s ease,
    transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);
}

.store-faq__item.is-visible {
  opacity: 1;
  transform: translateY(0);
}


/* =========================================
   Question
========================================= */

.store-faq__question {
  width: 100%;

  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;

  padding: 25px 0;

  margin: 0;

  border: 0;
  background: transparent;

  color: var(--faq-dark);

  font-family: inherit;
  font-size: clamp(16px, 1.25vw, 19px);
  line-height: 1.45;
  font-weight: 600;

  text-align: left;

  cursor: pointer;
}

.store-faq__question > span:first-child {
  padding-right: 20px;

  transition: color 0.2s ease;
}

.store-faq__question:hover > span:first-child {
  color: var(--faq-orange);
}


/* =========================================
   Icon
========================================= */

.store-faq__icon {
  flex: 0 0 auto;

  width: 30px;
  height: 30px;

  display: flex;
  align-items: center;
  justify-content: center;

  border: 1px solid #CBD5E1;
  border-radius: 50%;

  color: var(--faq-dark);

  font-size: 19px;
  font-weight: 400;
  line-height: 1;

  transition:
    background-color 0.25s ease,
    border-color 0.25s ease,
    color 0.25s ease,
    transform 0.25s ease;
}

.store-faq__question:hover .store-faq__icon {
  border-color: var(--faq-orange);
  color: var(--faq-orange);
}

.store-faq__item.is-open .store-faq__icon {
  color: #FFFFFF;
  background: var(--faq-orange);
  border-color: var(--faq-orange);

  transform: rotate(0deg);
}


/* =========================================
   Answer
========================================= */

.store-faq__answer {
  display: grid;
  grid-template-rows: 0fr;

  transition:
    grid-template-rows 0.35s cubic-bezier(0.22, 1, 0.36, 1);
}

.store-faq__item.is-open .store-faq__answer {
  grid-template-rows: 1fr;
}

.store-faq__answer-inner {
  min-height: 0;
  overflow: hidden;

  padding-right: 70px;

  color: #59636F;

  font-size: 15px;
  line-height: 1.8;

  opacity: 0;

  transition:
    opacity 0.25s ease,
    padding-bottom 0.35s ease;
}

.store-faq__item.is-open .store-faq__answer-inner {
  padding-bottom: 25px;
  opacity: 1;
}

.store-faq__answer-inner strong {
  color: var(--faq-dark);
  font-weight: 600;
}


/* =========================================
   Keyboard accessibility
========================================= */

.store-faq__question:focus-visible,
.store-faq__button:focus-visible {
  outline: 2px solid var(--faq-orange);
  outline-offset: 4px;
}


/* =========================================
   Tablet
========================================= */

@media (max-width: 1100px) {

  .store-faq__container {
    grid-template-columns: minmax(260px, 0.38fr) minmax(0, 0.62fr);

    gap: 55px;
  }

  .store-faq__title {
    font-size: clamp(34px, 4vw, 48px);
  }

  .store-faq__actions {
    flex-direction: column;
    align-items: flex-start;
  }

}


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

@media (max-width: 767px) {

  .store-faq {
    padding: 70px 20px;
  }

  .store-faq__container {
    display: block;
  }

  .store-faq__intro-inner {
    position: static;
  }

  .store-faq__title {
    font-size: clamp(34px, 9vw, 42px);
    line-height: 1.1;
  }

  .store-faq__description {
    margin-top: 22px;

    font-size: 15px;
    line-height: 1.7;
  }

  .store-faq__actions {
    flex-direction: column;

    width: 100%;

    margin-top: 28px;
  }

  .store-faq__button {
    width: 100%;
    min-height: 52px;
  }

  .store-faq__list {
    margin-top: 60px;
  }

  .store-faq__question {
    min-height: 72px;

    padding: 20px 0;

    font-size: 16px;
  }

  .store-faq__icon {
    width: 28px;
    height: 28px;

    font-size: 17px;
  }

  .store-faq__answer-inner {
    padding-right: 0;

    font-size: 14px;
    line-height: 1.75;
  }

}


/* =========================================
   Reduced motion
========================================= */

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

  .store-faq *,
  .store-faq *::before,
  .store-faq *::after {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b90c5ad *//* =========================================================
   蒸汽幻霧｜7-ELEVEN 物流查詢
   最終 Light Version

   背景與網站 #F8F9FA 完全一致
   所有 class 均使用 steam-tracking- 前綴
   ========================================================= */


/* =========================================================
   主區域
   ========================================================= */

.steam-tracking {
    width: 100%;
    margin: 0;
    padding: 72px 30px;

    background: #F8F9FA;

    box-sizing: border-box;
}


.steam-tracking *,
.steam-tracking *::before,
.steam-tracking *::after {
    box-sizing: border-box;
}


/* =========================================================
   最大內容寬度
   ========================================================= */

.steam-tracking__container {
    width: 100%;
    max-width: 1700px;

    margin: 0 auto;
}


/* =========================================================
   主要內容
   ========================================================= */

.steam-tracking__content {
    width: 100%;
    max-width: 950px;

    margin: 0 auto;

    text-align: center;
}


/* =========================================================
   小標籤
   ========================================================= */

.steam-tracking__eyebrow {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    margin-bottom: 14px;
    padding: 6px 12px;

    border: 1px solid rgba(255, 107, 53, 0.28);
    border-radius: 999px;

    background: rgba(255, 107, 53, 0.06);

    color: #E05323;

    font-size: 12px;
    font-weight: 700;

    line-height: 1.4;
    letter-spacing: 0.08em;
}


/* =========================================================
   標題
   ========================================================= */

.steam-tracking__title {
    margin: 0 0 14px;

    color: #1E2A38;

    font-size: clamp(30px, 3vw, 44px);
    font-weight: 700;

    line-height: 1.2;
    letter-spacing: -0.025em;
}


/* =========================================================
   說明文字
   ========================================================= */

.steam-tracking__description {
    max-width: 650px;

    margin: 0 auto 32px;

    color: #2B2D42;

    font-size: 15px;
    font-weight: 400;

    line-height: 1.75;
}


/* =========================================================
   查詢表單
   ========================================================= */

.steam-tracking__form {
    display: flex;

    align-items: stretch;

    width: 100%;
    max-width: 850px;

    margin: 0 auto;

    gap: 10px;
}


/* =========================================================
   Input 外層
   ========================================================= */

.steam-tracking__input-wrap {
    position: relative;

    flex: 1;
    min-width: 0;
}


/* =========================================================
   Label
   ========================================================= */

.steam-tracking__label {
    position: absolute;

    width: 1px;
    height: 1px;

    padding: 0;
    margin: -1px;

    overflow: hidden;

    clip: rect(0, 0, 0, 0);

    white-space: nowrap;

    border: 0;
}


/* =========================================================
   Input
   ========================================================= */

.steam-tracking__input {
    display: block;

    width: 100%;
    min-height: 56px;

    padding: 0 18px;

    border: 1px solid #CBD5E1;
    border-radius: 9px;

    outline: none;

    background: #FFFFFF;
    color: #1E2A38;

    font-family: inherit;
    font-size: 15px;
    font-weight: 400;

    line-height: 1.5;

    transition:
        border-color 180ms ease,
        box-shadow 180ms ease;
}


/* Placeholder */

.steam-tracking__input::placeholder {
    color: #64748B;
    opacity: 0.8;
}


/* Focus */

.steam-tracking__input:focus {
    border-color: #FF6B35;

    box-shadow:
        0 0 0 3px rgba(255, 107, 53, 0.12);
}


/* =========================================================
   查詢按鈕
   ========================================================= */

.steam-tracking__button {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    gap: 10px;

    flex: 0 0 auto;

    min-width: 158px;
    min-height: 56px;

    padding: 0 24px;

    border: 0;
    border-radius: 9px;

    outline: none;

    background: #FF6B35;
    color: #FFFFFF;

    font-family: inherit;
    font-size: 15px;
    font-weight: 700;

    line-height: 1;

    cursor: pointer;

    transition:
        background-color 180ms ease,
        transform 180ms ease,
        box-shadow 180ms ease;
}


/* Hover */

.steam-tracking__button:hover {
    background: #E05323;

    transform: translateY(-1px);

    box-shadow:
        0 6px 16px rgba(224, 83, 35, 0.18);
}


/* Active */

.steam-tracking__button:active {
    transform: translateY(0);
}


/* Focus */

.steam-tracking__button:focus-visible {
    box-shadow:
        0 0 0 3px rgba(255, 107, 53, 0.20);
}


/* =========================================================
   按鈕箭頭
   ========================================================= */

.steam-tracking__button-arrow {
    font-size: 18px;

    line-height: 1;

    transition:
        transform 180ms ease;
}


.steam-tracking__button:hover
.steam-tracking__button-arrow {
    transform: translateX(3px);
}


/* =========================================================
   錯誤提示
   ========================================================= */

.steam-tracking__message {
    min-height: 20px;

    margin: 9px auto 0;

    color: #E05323;

    font-size: 13px;

    line-height: 1.5;
}


/* =========================================================
   底部說明
   ========================================================= */

.steam-tracking__note {
    display: flex;

    align-items: center;
    justify-content: center;

    gap: 7px;

    margin-top: 15px;

    color: #64748B;

    font-size: 12px;

    line-height: 1.5;
}


/* =========================================================
   綠色狀態圖示
   ========================================================= */

.steam-tracking__note-icon {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    width: 17px;
    height: 17px;

    flex: 0 0 17px;

    border-radius: 50%;

    background: rgba(0, 168, 150, 0.10);

    color: #00A896;

    font-size: 10px;
    font-weight: 700;
}


/* =========================================================
   平板
   ========================================================= */

@media (max-width: 1024px) {

    .steam-tracking {
        padding: 60px 24px;
    }

}


/* =========================================================
   手機
   ========================================================= */

@media (max-width: 767px) {

    .steam-tracking {
        padding: 48px 18px;
    }

    .steam-tracking__title {
        font-size: 30px;

        line-height: 1.25;
    }

    .steam-tracking__description {
        margin-bottom: 25px;

        font-size: 14px;

        line-height: 1.7;
    }

    .steam-tracking__form {
        flex-direction: column;

        gap: 10px;
    }

    .steam-tracking__input {
        min-height: 54px;

        font-size: 14px;
    }

    .steam-tracking__button {
        width: 100%;

        min-height: 54px;
    }

    .steam-tracking__note {
        align-items: flex-start;

        font-size: 12px;
    }

}


/* =========================================================
   小手機
   ========================================================= */

@media (max-width: 480px) {

    .steam-tracking {
        padding: 40px 14px;
    }

    .steam-tracking__title {
        font-size: 27px;
    }

    .steam-tracking__eyebrow {
        font-size: 11px;
    }

}/* End custom CSS */