/* WL05 新增：「選方案」開始頁排版，與產品頁流程列（product-journey）七步排版修正（舊版購買頁在 member.gozishop.tw，不在 WL05 來源）。
   卡片、按鈕、文字一律沿用 styles.css 既有的 product-plan、owner-site-controls、legal-document 樣式，這裡只排位置。 */
.wl05-start #wl05-start-app {
  display: grid;
  gap: 24px;
  margin-top: 8px;
}

.wl05-start .wl05-start-go {
  margin: 12px 0 20px;
}

.wl05-start .wl05-start-paid {
  margin: 0 0 12px;
  color: #2d6a43;
  font-weight: 700;
}

.wl05-start .wl05-start-go .product-overview-primary {
  min-height: 52px;
  font-size: 1rem;
}

.wl05-start .wl05-start-plans {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr));
  gap: 20px;
}

.wl05-start .wl05-plan-action {
  margin-top: 24px;
}

.wl05-start .wl05-plan-action button.is-primary {
  border-color: #f8f5ef;
  background: #f8f5ef;
  color: #26343a;
  cursor: pointer;
}

.wl05-start .owner-site-controls a {
  color: inherit;
  font-weight: 700;
}

.wl05-start .wl05-start-orders h2 {
  margin-top: 8px;
}

.wl05-start .wl05-start-links {
  color: #556268;
  font-size: 0.86rem;
}

.wl05-start .wl05-start-links a {
  color: #344d58;
  font-weight: 700;
}

/* 產品頁 /onepage 流程列：styles.css 原本桌面 6 欄，但流程有 7 步，第 07 步會掉到 01 下方擠在一起。
   styles.css 有雜湊鎖不能改，這裡覆蓋：寬桌面 7 欄一列；中尺寸 4＋3；手機（≤560px）沿用 styles.css 的 2 欄。 */
@media (min-width: 821px) {
  ol.product-journey {
    grid-template-columns: repeat(7, minmax(0, 1fr));
    row-gap: 0;
  }
}

@media (min-width: 561px) and (max-width: 820px) {
  ol.product-journey {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    row-gap: 24px;
  }

  ol.product-journey li:nth-child(4) {
    padding-left: 14px;
    border-left: 1px solid rgba(38, 49, 55, 0.14);
  }

  ol.product-journey li:nth-child(5) {
    padding-left: 0;
    border-left: 0;
  }
}

/* 頁首「使用教學」連結（gozi-help.css 的 .gozi-help-link）：跟 LINE 諮詢並排，窄螢幕可換行 */
.wl05-header-links { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 8px; min-width: 0; }
.product-overview-nav .gozi-help-link { margin-left: auto; letter-spacing: normal; }
@media (max-width: 560px) { .product-overview-nav .gozi-help-link { margin-left: 0; } }