/* ============================================================
   StopAsia PC 新版共用樣式（2026-09-07 PC 改版；Feature::PC_NEW_DESIGN）
   1. 設計代號與基本設定
   2. 共用外殼：語言下拉、頁尾、付款提示條
   3. 首頁／全部行程／App 頁的元件（Laravel 頁面，body.pc-page）
   4. 舊站頁面的新版外觀（OpenCart 模板，body.pc-legacy）
   本檔於 2026-09-07 由手機版 public/m/m.css 複製而來（類別 .m-page → .pc-page、.m-legacy → .pc-legacy，
   拿掉底部抽屜選單、兩頁式換頁、底部清單、返回把手），之後與手機版各自維護、互不影響（使用者決定：PC 專屬一套）。
   PC 專屬的版面（容器寬度、頂欄橫向選單、兩欄、格線、置中對話框）在 pc-layout.css，排在本檔之後載入。
   手機／平板不會載入這兩個檔案。
   ============================================================ */

/* ---------- 1. 設計代號與基本設定 ---------- */
:root{--saffron:#F26A00;--laterite:#A64200;--ink:#1C2A2E;--muted:#6B7376;--line:#E4DED4;--ground:#F8F6F1;--surface:#fff;--stone:#EFEBE3;--lotus:#178F94;--lotus-soft:#E3F3F3;--sale:#C4302B;--shadow:0 10px 30px rgba(28,42,46,.12);
  --sans:"Noto Sans TC","PingFang TC","Microsoft JhengHei","Heiti TC",system-ui,sans-serif;
  --serif:"Noto Serif TC","Songti TC","PMingLiU","Noto Serif CJK TC",serif}
html{-webkit-text-size-adjust:100%}
html.menu-open{overflow:hidden}
body.pc-page,body.pc-legacy{margin:0;background:var(--ground) !important;background-image:none !important;color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased;letter-spacing:0}
body.pc-page *,body.pc-page *::before,body.pc-page *::after{box-sizing:border-box}
/* 用 :where() 讓這幾條的權重跟純元素選擇器一樣，頁面自己的 .store、.book 等顏色才蓋得過去 */
:where(.pc-page) a{color:inherit;text-decoration:none}
:where(.pc-page) button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
/* focus 外框一律用橘色。全站不要出現青綠色的框（2026-09-06 使用者指定） */
:where(.pc-page) button:focus-visible,:where(.pc-page) a:focus-visible{outline:3px solid var(--saffron);outline-offset:2px;border-radius:6px}
:where(.pc-page) img{display:block;max-width:100%}
.pc-page [hidden]{display:none !important}
.serif{font-family:var(--serif)}

/* ---------- 2. 共用外殼 ---------- */
.topbar{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;height:56px;margin:0;padding:0 8px 0 14px;background:#F26A00;color:#fff;box-shadow:none;border:0;width:auto}
.topbar .topbar-logo{display:block;line-height:0}
.topbar img{height:28px !important;width:auto !important;max-width:none !important;display:block;border-radius:0}
.topbar-actions{display:flex;align-items:center;gap:2px}
/* 語言下拉選單（2026-09-05 由分段切換改版）：.lang-dd 是 <details>，summary 顯示目前語言＋箭頭，.lang（nav 或 form）是收合的選單面板 */
.lang-dd{position:relative;margin:0 4px 0 0}
.lang-dd>summary{display:flex;align-items:center;gap:5px;list-style:none;padding:7px 11px;border:0;border-radius:999px;color:#fff;font-size:12.5px;font-weight:600;line-height:1;cursor:pointer;-webkit-tap-highlight-color:transparent}
.lang-dd>summary::-webkit-details-marker{display:none}
.lang-dd>summary::marker{content:""}
.lang-dd .lang-caret{width:10px;height:10px;stroke:#fff;fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s ease}
.lang-dd[open]>summary{background:rgba(255,255,255,.16)}
.lang-dd[open] .lang-caret{transform:rotate(180deg)}
.lang{position:absolute;top:calc(100% + 8px);left:0;z-index:50;display:none;flex-direction:column;gap:2px;margin:0;padding:6px;min-width:136px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 12px 28px rgba(28,42,46,.18)}
.lang-dd[open] .lang{display:flex}
.lang a,.lang button{display:block;margin:0;padding:10px 12px;white-space:nowrap;min-width:0;height:auto;color:var(--ink);background:none;border:0;border-radius:9px;font:inherit;font-size:14px;font-weight:500;line-height:1.2;text-align:left;text-decoration:none;cursor:pointer;box-shadow:none;text-shadow:none;letter-spacing:0}
.lang .on{color:var(--saffron);font-weight:700;cursor:default}
.lang a:not(.on):active,.lang button:not(.on):active{background:var(--stone)}
.icon-btn{position:relative;width:40px;height:40px;display:grid;place-items:center;margin:0;padding:0;border:0;border-radius:10px;background:none;color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent}
.icon-btn svg{width:22px;height:22px;stroke:#fff;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.icon-btn:active{background:rgba(255,255,255,.18)}
.cart-btn b{position:absolute;top:4px;right:3px;min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:#fff;color:#F26A00;font-size:10.5px;font-weight:700;line-height:17px;text-align:center;font-family:var(--sans)}
.cart-btn b[hidden]{display:none}


.paylater{display:flex;gap:12px;align-items:center;margin:16px 16px 0;padding:12px 14px;background:linear-gradient(135deg,#FFF3E6,#FFE4C8);border:1px solid #F3C89E;border-radius:14px;color:var(--laterite);text-align:left}
.paylater svg{width:32px;height:32px;flex:0 0 32px;stroke:var(--laterite);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.paylater b{display:block;font-family:var(--serif);font-size:16px;font-weight:700;line-height:1.25;color:var(--laterite);letter-spacing:.01em}
.paylater small{display:block;font-size:12.5px;line-height:1.45;color:#7A4A22;margin-top:3px}

/* 一進頁面，slot 的 height 從 0 撐開把下方內容往下推，同時提示條像果凍一樣彈出來（高度由 pc.js 量好寫進 style，落定後改回 auto）。
   slot 用 flow-root 而不是 overflow:hidden，這樣提示條抖過頭時不會被裁掉；沒有 JS 時退回原本一開始就顯示 */
.paylater-slot{display:flow-root;height:0;transition:height .4s cubic-bezier(.22,.72,.28,1)}
.paylater-slot>.paylater{transform:scale3d(.94,.02,1);transform-origin:50% 0;opacity:0}
.paylater-slot.is-shown>.paylater{animation:paylater-jelly .78s cubic-bezier(.33,.1,.28,1) forwards}
.paylater-slot.is-settled{height:auto}
@keyframes paylater-jelly{0%{opacity:0;transform:scale3d(.94,.02,1)}22%{opacity:1;transform:scale3d(.99,.72,1)}44%{transform:scale3d(1.015,1.12,1)}60%{transform:scale3d(1.045,.9,1)}74%{transform:scale3d(.985,1.05,1)}86%{transform:scale3d(1.012,.978,1)}100%{opacity:1;transform:scale3d(1,1,1)}}
@media (prefers-reduced-motion:reduce){.paylater-slot{height:auto !important;transition:none}.paylater-slot>.paylater{transform:none;opacity:1;animation:none !important}}

@media (prefers-reduced-motion:reduce){.lang-caret{transition:none}}

/* ---------- 3. Laravel 手機頁的元件（只在 body.pc-page 生效，避免碰到舊站的 .row 等 bootstrap 類別） ---------- */
.pc-page .section-title{font-weight:700;font-size:22px;margin:0;letter-spacing:.01em}
.pc-page .section-title small{display:block;font-family:var(--sans);font-weight:400;font-size:12.5px;color:var(--muted);margin-top:3px;letter-spacing:0}
.pc-page .section{padding:22px 0 0}
.pc-page .section-head{display:flex;align-items:baseline;justify-content:space-between;padding:0 16px 12px}
.pc-page .more{font-size:13px;color:var(--lotus);font-weight:500;white-space:nowrap}

.pc-page .chips{display:flex;gap:8px;overflow-x:auto;padding:22px 16px 4px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.pc-page .chips::-webkit-scrollbar{display:none}
.pc-page .chip{flex:0 0 auto;padding:8px 14px;border-radius:999px;font-size:13.5px;font-weight:500;background:var(--surface);border:1px solid var(--line);color:var(--ink)}
.pc-page .chip[aria-pressed="true"]{background:var(--ink);color:var(--ground);border-color:var(--ink)}

.pc-page .list{margin:0 16px;border-top:1px solid var(--line)}
.pc-page .row{display:grid;grid-template-columns:96px 1fr;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);align-items:center}
.pc-page .row[hidden]{display:none}
.pc-page .row img, .pc-page .row .noimg{width:96px;height:80px;object-fit:cover;border-radius:10px;background:var(--stone)}
.pc-page .row-name{font-weight:700;font-size:14.5px;line-height:1.35;margin:0 0 3px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pc-page .row-meta{font-size:12px;color:var(--muted);margin:0 0 6px}
.pc-page .row-price{display:flex;align-items:baseline;gap:8px;font-variant-numeric:tabular-nums}
.pc-page .row-price .num{font-weight:700;font-size:17px;color:var(--laterite)}
.pc-page .row-price .unit{font-size:12px;color:var(--muted)}
.pc-page .row-price .was{font-size:12px;color:var(--muted);text-decoration:line-through}
.pc-page .row-price .rank{margin-left:auto;font-size:11.5px;color:var(--lotus);font-weight:500}
/* 清單縮圖的「暫停銷售」浮水印（2026-09-09）；PC 的縮圖在 pc-layout.css 放大成 120x92，那邊會覆寫尺寸與字級 */
.pc-page .row-photo{position:relative;display:block;width:96px;height:80px;border-radius:10px;overflow:hidden}
.pc-page .row.paused .row-photo::after{content:attr(data-paused);position:absolute;inset:0;display:grid;place-items:center;padding:0 4px;background:rgba(28,42,46,.55);color:#fff;font-size:11.5px;font-weight:400;letter-spacing:.08em;text-indent:.08em;text-align:center;line-height:1.3}
.pc-page .row.paused img{filter:grayscale(1);opacity:.7}
.pc-page .row.paused .row-price .num{color:var(--muted)}
.pc-page .btn-wide{display:block;margin:14px 16px 0;padding:13px;text-align:center;border-radius:12px;border:1.5px solid var(--ink);font-weight:700;font-size:14.5px}
@media (prefers-reduced-motion:no-preference){.pc-page .chip,.pc-page .book,.pc-page .store,.pc-page .btn-wide{transition:transform .12s ease}.chip:active,.pc-page .book:active,.pc-page .store:active,.pc-page .btn-wide:active{transform:scale(.97)}}

/* ---------- 4. 舊站頁面（OpenCart）的手機外觀 ---------- */
/* 版面：拿掉舊的陰影、間距、麵包屑、舊頁尾，內容區左右留 16px */
.pc-legacy #page,.pc-legacy #shadow{overflow:visible}
.pc-legacy .body_ctr,.pc-legacy #body{background:none !important}
.pc-legacy .row{display:block;margin:0}
.pc-legacy .row::after,.pc-legacy .row::before{content:none}
.pc-legacy .shadow,.pc-legacy .Top_Gap,.pc-legacy .menu_bg2,.pc-legacy .breadcrumb,.pc-legacy #copyright,.pc-legacy .CTR_footer,.pc-legacy .product-filter .display,.pc-legacy .product-compare,.pc-legacy #Mobile_Menu_Nav{display:none !important}
.pc-legacy #container{margin:0 !important;padding:0 !important;text-align:left}
.pc-legacy #container>.container{width:100% !important;max-width:none !important;padding:0 !important;margin:0}
.pc-legacy #container>.container>.row{margin:0}
.pc-legacy #content{padding:8px 16px 0 !important;float:none;width:100% !important}
.pc-legacy #content>.row{margin:0}
.pc-legacy img{max-width:100%;height:auto}
.pc-legacy .clear{clear:both}

/* 標題 */
.pc-legacy h1,.pc-legacy h1.style-1,.pc-legacy h1.view,.pc-legacy h1.style-2,.pc-legacy .Product_Title,.pc-legacy h1.checkout_H1{font-family:var(--serif) !important;font-size:22px !important;font-weight:700;line-height:1.35 !important;letter-spacing:.01em !important;color:var(--ink);margin:14px 0 12px !important;padding:0 !important;text-align:left;text-shadow:none;text-transform:none}
.pc-legacy h2{font-family:var(--serif);font-size:18px;font-weight:700;line-height:1.35;margin:18px 0 10px;letter-spacing:0}
.pc-legacy h3,.pc-legacy h4{font-size:16px;font-weight:700;margin:14px 0 8px;letter-spacing:0}

/* 按鈕 */
.pc-legacy a.button,.pc-legacy .button,.pc-legacy a.button-prod,.pc-legacy #button-cart,.pc-legacy .infoNext a,.pc-legacy #ButtonBlue a,.pc-legacy #ButtonOrange a,.pc-legacy input[type="submit"],.pc-legacy input[type="button"],.pc-legacy .btn{display:inline-flex !important;align-items:center;justify-content:center;gap:6px;box-sizing:border-box;min-height:46px;height:auto !important;margin:0 !important;padding:0 18px !important;border:0 !important;border-radius:12px !important;background:var(--saffron) !important;color:#fff !important;font-family:var(--sans) !important;font-size:15px !important;font-weight:700;line-height:1.2 !important;letter-spacing:.02em !important;text-transform:none !important;text-decoration:none !important;text-shadow:none !important;box-shadow:none !important;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .12s ease}
.pc-legacy a.button:active,.pc-legacy a.button-prod:active,.pc-legacy #button-cart:active{transform:scale(.97)}
.pc-legacy a.button span,.pc-legacy .infoNext a span,.pc-legacy #ButtonBlue a span,.pc-legacy a.button-prod span{color:#fff !important;font-size:15px !important;padding:0 !important;letter-spacing:0 !important;line-height:1.2 !important;display:inline}
.pc-legacy a.button i,.pc-legacy a.button-prod i,.pc-legacy #ButtonBlue a i{font-size:16px !important;margin:0 !important;color:#fff}
.pc-legacy .buttons{margin:16px 0 !important;padding:0;overflow:visible}
.pc-legacy .buttons .right,.pc-legacy .buttons .left{float:none !important;text-align:left;width:100%}
.pc-legacy .buttons a.button,.pc-legacy .buttons .button{float:none !important}
.pc-legacy .buttons a.button,.pc-legacy #button-cart,.pc-legacy .infoNext a{width:100%}
.pc-legacy .button-cont-right{display:inline-flex !important;align-items:center;gap:6px;min-height:40px;margin:6px 0 !important;padding:0 14px !important;border:1.5px solid var(--ink) !important;border-radius:10px !important;background:var(--surface) !important;color:var(--ink) !important;font-size:13.5px !important;font-weight:600;letter-spacing:0 !important;text-decoration:none !important;box-shadow:none !important;text-shadow:none}
.pc-legacy .button-cont-right span{color:var(--ink) !important;font-size:13.5px !important;padding:0 !important}
.pc-legacy .button-cont-right i{font-size:14px !important;margin:0 !important;color:var(--saffron)}

/* 表單 */
.pc-legacy input[type="text"],.pc-legacy input[type="email"],.pc-legacy input[type="password"],.pc-legacy input[type="tel"],.pc-legacy input[type="number"],.pc-legacy input[type="search"],.pc-legacy input[type="date"],.pc-legacy textarea,.pc-legacy select,.pc-legacy .dd-select{display:block;box-sizing:border-box;width:100%;max-width:100%;height:auto !important;margin:0;padding:11px 12px !important;border:1px solid var(--line) !important;border-radius:10px !important;background:var(--surface) !important;color:var(--ink) !important;font-family:var(--sans) !important;font-size:14.5px !important;line-height:1.4 !important;letter-spacing:0 !important;box-shadow:none !important;outline:0;-webkit-appearance:none;appearance:none}
/* iPhone 的 Safari 在輸入框字級小於 16px 時會自動放大畫面，所以 iOS 維持 16px */
@supports (-webkit-touch-callout:none){.pc-legacy input[type="text"],.pc-legacy input[type="email"],.pc-legacy input[type="password"],.pc-legacy input[type="tel"],.pc-legacy input[type="number"],.pc-legacy input[type="search"],.pc-legacy input[type="date"],.pc-legacy textarea,.pc-legacy select,.pc-legacy .dd-select{font-size:16px !important}}
.pc-legacy select,.pc-legacy .dd-select{padding-right:38px !important;background:var(--surface) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231C2A2E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M6 9l6 6 6-6'/></svg>") no-repeat right 12px center/16px !important;cursor:pointer}
.pc-legacy input:focus,.pc-legacy textarea:focus,.pc-legacy select:focus{border-color:var(--saffron) !important;box-shadow:0 0 0 3px rgba(242,106,0,.20) !important}
/* Chrome 自動填入會把輸入框底色換成淡藍 #E8F0FE，跟整站配色打架，而且只有被填過的
   那一格會變色（2026-09-06 使用者：為何這個 textbox 會變藍）。背景色改不掉，
   要用夠大的 inset 陰影把它蓋住；文字顏色也只吃 -webkit-text-fill-color。 */
.pc-legacy input:-webkit-autofill,.pc-legacy input:-webkit-autofill:hover,.pc-legacy textarea:-webkit-autofill,.pc-legacy select:-webkit-autofill{-webkit-text-fill-color:var(--ink) !important;caret-color:var(--ink);-webkit-box-shadow:0 0 0 1000px var(--surface) inset !important;box-shadow:0 0 0 1000px var(--surface) inset !important}
.pc-legacy input:-webkit-autofill:focus,.pc-legacy textarea:-webkit-autofill:focus,.pc-legacy select:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px var(--surface) inset,0 0 0 3px rgba(242,106,0,.20) !important;box-shadow:0 0 0 1000px var(--surface) inset,0 0 0 3px rgba(242,106,0,.20) !important}
.pc-legacy textarea{min-height:120px;resize:vertical}
.pc-legacy input.q-mini{width:56px !important;display:inline-block;text-align:center;padding:8px 4px !important}
.pc-legacy input.capcha{width:140px !important;display:inline-block}
.pc-legacy .captcha{margin:10px 0}
.pc-legacy .captcha img{border-radius:8px}
.pc-legacy input[type="checkbox"],.pc-legacy input[type="radio"]{width:18px;height:18px;margin:0 8px 0 0;vertical-align:middle;accent-color:var(--lotus)}
.pc-legacy .form-group{margin:0 0 14px !important;padding:0}
.pc-legacy .form-group::after,.pc-legacy .form-group::before{content:none}
.pc-legacy .form-horizontal .control-label,.pc-legacy .control-label,.pc-legacy label{display:block;float:none !important;width:100% !important;margin:0 0 6px;padding:0 !important;font-size:13.5px;font-weight:600;color:var(--ink);text-align:left !important;line-height:1.4;letter-spacing:0}
.pc-legacy .form-group .col-sm-7,.pc-legacy .form-group .col-sm-5,.pc-legacy .form-group .controls,.pc-legacy .form-group .col-sm-6,.pc-legacy .form-group .col-sm-12{float:none !important;width:100% !important;padding:0 !important}
.pc-legacy .large-field{width:100% !important}
.pc-legacy .radio-inline,.pc-legacy .checkbox-inline{display:flex;align-items:center;gap:6px;padding:6px 0;margin:0;font-weight:400}
.pc-legacy .required{color:var(--sale)}
.pc-legacy .error{color:var(--sale);font-size:12.5px;margin-top:4px}
.pc-legacy .form-horizontal .form-group{margin-left:0 !important;margin-right:0 !important}

/* 提示訊息 */
.pc-legacy .warning,.pc-legacy .success,.pc-legacy .attention,.pc-legacy .information{display:block;margin:10px 0 14px !important;padding:12px 40px 12px 14px !important;border-radius:12px !important;background-image:none !important;font-size:14px;line-height:1.5;position:relative;z-index:auto !important}
/* 舊站 stylesheet.css 給 .success 設了 z-index:99999，會蓋住 sticky 的頂欄（z-index 40）——
   2026-09-11 使用者回報「不該蓋住最上方的 bar」，所以在上面那條把 z-index 收回 auto，
   提示就跟一般內容一樣捲到頂欄底下。下面兩條是自動收起的淡出（行為在 pc.js 的 saFlash）。 */
.pc-legacy .success{transition:opacity .28s ease,transform .28s ease}
.pc-legacy .success.sa-flash-out{opacity:0;transform:translateY(-6px);pointer-events:none}
.pc-legacy .warning{background:#FBE9E7 !important;color:#8A1C12 !important;border:1px solid #F3C9C2 !important}
.pc-legacy .success{background:var(--lotus-soft) !important;color:#0F5F63 !important;border:1px solid #BFE2E3 !important}
.pc-legacy .attention,.pc-legacy .information{background:#FFF4DC !important;color:#6B4A00 !important;border:1px solid #F3DDA2 !important}
.pc-legacy .warning .close,.pc-legacy .success .close,.pc-legacy .attention .close{position:absolute;right:12px;top:12px;float:none !important}

/* 內容文章（資訊頁、行程介紹） */
.pc-legacy .box-container{margin:8px 0 0 !important}
.pc-legacy .box-container p,.pc-legacy .tab-content p,.pc-legacy .SA_article p{font-size:15px !important;line-height:1.75;margin:0 0 12px;letter-spacing:0;text-align:left}
.pc-legacy .box-container img,.pc-legacy .tab-content img{border-radius:12px;height:auto !important;aspect-ratio:auto !important;max-width:100% !important;width:auto}
/* 行程介紹裡比 16:9 高的圖裁成 16:9（2026-09-11 使用者要求；哪些圖要裁由 m.js／pc.js 量原始比例後加 .sa-crop169）。
   上面那條 .tab-content img 把 aspect-ratio 鎖成 auto !important，這裡多一個 class 的權重才蓋得過。 */
.pc-legacy .tab-content img.sa-crop169{aspect-ratio:16/9 !important;height:auto !important;object-fit:cover;object-position:center}
.pc-legacy .box-container table,.pc-legacy .tab-content table{display:block;max-width:100%;overflow-x:auto;font-size:13.5px}
.pc-legacy .box-container iframe,.pc-legacy .tab-content iframe{max-width:100%}
.pc-legacy .SA_article{padding:0 !important}
.pc-legacy .num_section_box2{display:block !important;width:100% !important;margin:0 0 14px;padding:16px !important;border:1px solid var(--line);border-radius:16px !important;background:var(--surface) !important;overflow:visible !important}
.pc-legacy .num_section{display:block !important;float:none !important;text-align:left;margin:0 0 6px !important;padding:0 !important;font:700 34px/1 var(--serif) !important;color:var(--saffron) !important;text-shadow:none !important}
.pc-legacy .HoToWork{display:flex;align-items:center;gap:10px}
.pc-legacy .HoToWork i{display:block;float:none !important;height:auto !important;font-size:22px !important;color:var(--lotus) !important;overflow:visible !important}
.pc-legacy .HoToWork .extra-wrap{flex:1;min-width:0}
.pc-legacy .num_section_Title{display:block;font-family:var(--serif);font-size:18px;font-weight:700;line-height:1.3;margin:0;letter-spacing:0;color:var(--ink)}
.pc-legacy .num_section_textDw{margin:10px 0 0 !important;width:100% !important}
.pc-legacy .num_section_textDw p{margin:0 0 10px}
.pc-legacy .infoNext{line-height:1.2 !important;margin:20px 0 0}
/* 資訊頁：舊的兩欄／浮動排版一律變單欄卡片（成立緣由、運作方式、常見問題、行程附贈服務、機票與酒店）。
   空的 &nbsp; 元素由 pc.js 移除。 */
.pc-legacy .box-container div[style*="width"],.pc-legacy .box-container .num_section_box,.pc-legacy .box-container .num_section_box2,.pc-legacy .box-container .num_section_box3,.pc-legacy .box-container .HowToWork_article,.pc-legacy .box-container .num_Answer{width:100% !important;max-width:100% !important;min-width:0 !important;float:none !important;display:block !important;margin-left:0 !important;margin-right:0 !important;box-sizing:border-box}
.pc-legacy .box-container .InterBox{display:none !important}
.pc-legacy .box-container>p,.pc-legacy .box-container .SA_article>p{margin:0 0 12px}
/* 卡片 */
.pc-legacy .box-container .num_section_box,.pc-legacy .box-container .num_section_box2,.pc-legacy .box-container .HowToWork_article,.pc-legacy .box-container .SA_article>div[style*="width:100%"],.pc-legacy .box-container>div>div[style*="width:100%"]{position:relative;margin:0 0 14px !important;padding:18px 16px 14px !important;border:1px solid var(--line) !important;border-radius:16px !important;background:var(--surface) !important;overflow:visible !important;box-shadow:none !important}
.pc-legacy .box-container .num_section_box3{position:relative;margin:14px 0 0 !important;padding:16px 16px 4px !important;border:1px solid var(--line);border-bottom:0;border-radius:16px 16px 0 0 !important;background:var(--surface) !important;box-shadow:none !important}
.pc-legacy .box-container .num_section_box3+.num_section_textDw{margin:0 0 14px !important;padding:0 16px 16px !important;border:1px solid var(--line);border-top:0;border-radius:0 0 16px 16px !important;background:var(--surface) !important;width:100% !important;box-sizing:border-box}
/* 提醒類的區塊（注意、別怕） */
.pc-legacy .box-container div[style*="width:100%"]:has(.fa-exclamation-triangle){background:#FFF6E0 !important;border-color:#F1DCA8 !important}
.pc-legacy .box-container div[style*="width:100%"]:has(.fa-weixin){background:var(--lotus-soft) !important;border-color:#BFE2E3 !important}
/* 右上角的編號／標籤 */
.pc-legacy .box-container .num_section,.pc-legacy .box-container .HowToWork_num_section,.pc-legacy .box-container .num_section2{position:absolute !important;top:12px;right:14px;display:inline-block !important;float:none !important;width:auto !important;height:auto !important;min-width:30px;margin:0 !important;padding:0 10px !important;border-radius:999px;background:var(--saffron) !important;color:#fff !important;font:700 13px/28px var(--sans) !important;text-align:center;text-shadow:none !important;-webkit-text-stroke:0 !important;letter-spacing:0;z-index:1}
.pc-legacy .box-container .num_section_box3 .num_section2{position:static !important;margin:0 0 8px !important}
.pc-legacy .box-container .num_section4{display:inline-block !important;visibility:visible !important;float:none !important;width:auto !important;margin:10px 0 6px !important;padding:0 10px !important;border-radius:999px;background:var(--lotus-soft) !important;color:var(--lotus) !important;font:700 13px/26px var(--sans) !important;text-shadow:none !important}
.pc-legacy .box-container .num_Answer{line-height:1.7 !important;font-size:15px !important;padding:0 !important;overflow:visible !important}
.pc-legacy .box-container .num_Answer p{margin:0 0 10px}
/* 標題列：圖示＋標題 */
.pc-legacy .box-container .HoToWork{display:flex !important;align-items:center;gap:10px;margin:0 0 8px;padding-right:52px}
/* 提醒區塊（注意、別怕）：圖示＋標題一列，內文換行佔滿 */
.pc-legacy .box-container div[style*="width:100%"]>div:has(>i.fa){display:grid !important;grid-template-columns:auto 1fr;column-gap:10px;align-items:center;margin:0;padding-right:52px}
.pc-legacy .box-container div[style*="width:100%"]>div:has(>i.fa)>.down-wrap{grid-column:2}
.pc-legacy .box-container div[style*="width:100%"]>div:has(>i.fa)>.num_section_textDw{grid-column:1/-1;margin-top:8px !important}
/* 行程附贈服務：每個星等一張卡 */
/* 行程附贈服務：原始 HTML 的 div 沒有配對好（3 顆星、5 顆星巢狀在 1 顆星裡面），所以不用卡片，改用分隔線的區段 */
.pc-legacy .box-container div:has(>.souvenirs_num_section){position:relative;margin:16px 0 0 !important;padding:14px 0 0 !important;border:0 !important;border-top:2px solid var(--line) !important;border-radius:0 !important;background:none !important}
.pc-legacy .box-container .souvenirs_num_section+.down-wrap{margin-bottom:6px}
.pc-legacy .box-container .num_section_textDw h3[style*="line-through"]{color:var(--muted) !important}
.pc-legacy .box-container .num_section_textDw h3.num_section_Title+h3.num_section_Title{margin-top:0 !important}
.pc-legacy .box-container .HoToWork .extra-wrap,.pc-legacy .box-container .down-wrap{flex:1;min-width:0;overflow:visible !important}
.pc-legacy .box-container .down-wrap{margin:0 !important;padding:0 !important;border:0 !important}
.pc-legacy .box-container .HoToWork i,.pc-legacy .box-container i.fa[style]{display:inline-block !important;float:none !important;width:auto !important;height:auto !important;margin:0 !important;padding:0 !important;font-size:22px !important;line-height:1 !important;color:var(--lotus) !important;overflow:visible !important;vertical-align:middle;flex:0 0 auto}
.pc-legacy .box-container .num_section_Title,.pc-legacy .box-container .HowToWork_num_section_Title{display:block;padding:0 !important;margin:0 !important;font-family:var(--serif);font-size:17px !important;font-weight:700 !important;line-height:1.35;color:var(--ink) !important;text-transform:none !important;letter-spacing:0;-webkit-text-stroke:0 !important;text-shadow:none !important}
.pc-legacy .box-container h3[style]{font-size:17px !important;color:var(--ink) !important;-webkit-text-stroke:0 !important;text-shadow:none !important;display:block !important}
.pc-legacy .box-container .num_section_textDw{margin:0 !important;width:100% !important;font-size:15px;line-height:1.7}
.pc-legacy .box-container .num_section_textDw p{margin:0 0 10px}
.pc-legacy .box-container .num_section_textDw+.num_section_textDw{margin-top:6px !important}
/* 連結清單（機票與酒店） */
.pc-legacy .box-container .num_section_textDw>a:only-child{display:block;position:relative;padding:10px 24px 10px 0;border-top:1px solid var(--line);color:var(--ink);font-weight:500;line-height:1.45}
.pc-legacy .box-container .num_section_textDw>a:only-child::after{content:"\2197";position:absolute;right:2px;top:10px;color:var(--lotus);font-weight:700}
.pc-legacy .box-container .num_section_textDw a{color:var(--lotus);font-weight:500}
/* 行程附贈服務：星星數＋清單 */
.pc-legacy .box-container .souvenirs_num_section{display:inline-block !important;vertical-align:middle;margin:0 8px 0 0 !important;padding:0 !important;font:700 34px/1 var(--serif) !important;color:var(--saffron) !important;text-shadow:none !important;-webkit-text-stroke:0 !important}
.pc-legacy .box-container .souvenirs_num_section+.down-wrap{display:inline-block;vertical-align:middle;width:auto}
.pc-legacy .box-container .souvenirs_num_section+.down-wrap h3{display:inline !important;font-size:17px !important}
.pc-legacy .box-container .num_section_textDw .HoToWork{display:block !important;padding:0;margin:8px 0 0}
.pc-legacy .box-container .num_section_textDw h3.num_section_Title{font-family:var(--sans);font-size:15px !important;font-weight:500 !important;padding:8px 0 !important;border-top:1px solid var(--line);line-height:1.5}
.pc-legacy .box-container .num_section_textDw h3.num_section_Title a{color:var(--lotus)}
.pc-legacy .box-container .noSupplyTag{padding:6px 0 0 !important;margin:0 0 -4px !important;font-size:12.5px !important;color:var(--sale) !important}
.pc-legacy .box-container span[style*="padding-left"]{padding:0 !important}
.pc-legacy .box-container .fullDiv{width:100% !important;height:auto !important;margin-top:10px;border-radius:12px}
.pc-legacy .box-container font[style]{color:var(--sale) !important}
/* 行程頁 */
.pc-legacy h1.Product_Title{padding:0 16px !important}
.pc-legacy.product-product{padding-bottom:88px}
.pc-legacy .Mobile_Product_Page .product-info .row{margin:0}
.pc-legacy .Mobile_Product_Page .PicFrame{margin:0 -16px 6px;width:auto !important}
.pc-legacy .flexslider{margin:0 !important;border:0 !important;border-radius:0 !important;box-shadow:none !important;background:var(--stone)}
.pc-legacy .flexslider .slides img{border-radius:0}
.pc-legacy #full_gallery{display:none}
.pc-legacy .tabsBuy{width:auto !important;height:auto !important;margin:14px 0 18px !important;padding:16px 14px 8px !important;border:1px solid var(--line) !important;border-radius:16px !important;background:var(--surface) !important;box-shadow:none !important}
.pc-legacy .tabsBuy .lastBar{display:none !important}
.pc-legacy .tabsBuy>div[style*="padding"]{padding:0 !important}
/* 星等印章貼齊預訂框左上角（框的內距 16px 14px，用負邊距抵掉），圓角跟框一致 */
.pc-legacy .CartTopLeft_Mobile,.pc-legacy .CartTopLeft{float:none !important;display:block !important;max-width:none !important;margin:-16px 0 10px -14px !important;line-height:0}
.pc-legacy .product_stars_img_mobile,.pc-legacy .product_stars_img{display:block;width:140px !important;max-width:140px !important;height:auto;margin:0 !important;border-radius:15px 0 0 0}
.pc-legacy .optionTitle,.pc-legacy .optionTitle2{display:block;float:none !important;width:100% !important;margin:0 0 12px !important;padding:0 !important;line-height:1.45 !important;font-size:13.5px !important;color:var(--muted) !important;text-align:left !important}
.pc-legacy .selecttxt{width:100% !important;margin:0 !important;padding:0 !important;font-size:13.5px !important;text-align:left !important}
.pc-legacy .selecttxt span,.pc-legacy .tabsBuy .optionTitle .selecttxt span{display:block;padding:10px 12px !important;border-radius:10px;background:#FFF4EA;color:var(--laterite) !important;font-size:13.5px !important;line-height:1.5 !important;letter-spacing:0 !important}
.pc-legacy .selecttxt span i{color:var(--saffron);margin-right:4px}
.pc-legacy .Product_LR_Padding{padding:0 !important}
.pc-legacy .options{display:block !important;width:100% !important;margin:0 !important;padding:0 !important;letter-spacing:0 !important}
.pc-legacy .option{margin:0 0 14px !important;padding:0}
.pc-legacy .Product_Option_Label,.pc-legacy label.Product_Option_Label{display:block;width:100%;margin:0 0 6px !important;padding:0 !important;font-size:13.5px;line-height:1.4;letter-spacing:0}
.pc-legacy .product_option_title{display:inline;font-size:13.5px !important;font-weight:500;line-height:1.4 !important;letter-spacing:0 !important;color:var(--ink)}
.pc-legacy .option .required i.fa-check-circle,.pc-legacy .option i.fa-question-circle{font-size:14px !important;line-height:1.4 !important;padding-right:4px !important;margin:0;vertical-align:baseline;color:var(--lotus)}
.pc-legacy .option .required i.fa-check-circle{color:var(--saffron)}
/* 舊站模板在這個 label 上寫死 margin-top:-15px，會把開關吸到標題上，要用 !important 壓掉，間距才跟其他選項（標題下方 6px）一致 */
.pc-legacy .option label.checkbox{display:flex !important;align-items:center;gap:12px;margin:0 !important;padding:0 !important;font-weight:400;color:var(--ink) !important}
.pc-legacy .option label.checkbox>div{margin:0 !important;padding:0 !important;text-align:left !important;font-size:13.5px !important;line-height:1.4;font-weight:400}
.pc-legacy .option label.checkbox font{color:var(--sale) !important;font-size:12.5px !important;font-weight:500}
.pc-legacy .hotel_prompt_box{border-radius:12px;padding:12px;background:var(--lotus-soft);margin-top:8px}
.pc-legacy .hotel_prompt_box_label{font-size:13.5px;margin:8px 0 4px}
.pc-legacy .hotel_cxinput{margin:6px 0}
/* 開關（車種切換、是否加購、折疊區塊） */
.pc-legacy .button-toggle{position:relative;display:inline-block;width:46px !important;height:26px !important;margin:0 !important;border-radius:999px !important;background:#C9C4BA !important;animation:none !important;-webkit-animation:none !important;box-shadow:none;vertical-align:middle;flex:0 0 46px}
.pc-legacy .button-toggle .handle,.pc-legacy .button-toggle .handle2,.pc-legacy .button-toggle .handle3{position:absolute;top:3px !important;left:3px !important;right:auto;width:20px !important;height:20px !important;border-radius:50% !important;background:#fff !important;box-shadow:0 1px 2px rgba(0,0,0,.25);animation:none !important;-webkit-animation:none !important;transition:left .18s ease}
.pc-legacy .toggler:checked+.button-toggle{background:var(--lotus) !important;animation:none !important;-webkit-animation:none !important}
.pc-legacy .toggler:checked+.button-toggle .handle,.pc-legacy .toggler:checked+.button-toggle .handle2,.pc-legacy .toggler:checked+.button-toggle .handle3{left:23px !important}
/* 底部固定的價格與預訂列 */
.pc-legacy .cart-top-Down_Bar{position:fixed;left:0;right:0;bottom:0;z-index:38;display:flex;align-items:center;justify-content:space-between;gap:12px;width:100% !important;height:auto !important;padding:10px 16px calc(10px + env(safe-area-inset-bottom)) !important;background:var(--surface) !important;border-top:1px solid var(--line);box-shadow:0 -6px 20px rgba(28,42,46,.08) !important}
.pc-legacy .cart-top-Down_Bar .price{display:block !important;width:auto !important;margin:0 !important;padding:0 !important;text-align:left !important;line-height:1.2 !important;font-size:12px;letter-spacing:0}
.pc-legacy .text-price_Down_Bar{display:block;font-size:11.5px !important;font-weight:400;color:var(--muted);letter-spacing:0 !important;margin-bottom:2px}
.pc-legacy .price-new_Down_Bar,.pc-legacy .product-info .price .price-new_Down_Bar{display:block;font-size:21px !important;font-weight:500 !important;color:var(--laterite) !important;text-shadow:none !important;letter-spacing:0 !important;line-height:1.15 !important;font-variant-numeric:tabular-nums}
.pc-legacy .price-old2_title{display:inline;font-size:11px;font-weight:400;color:var(--muted);letter-spacing:0}
.pc-legacy .price-old2{font-size:11px;color:var(--muted);text-decoration:line-through;font-weight:400}
.pc-legacy .cart-top-padd{float:none !important;display:flex;align-items:center;gap:8px;margin:0 0 0 auto !important;padding:0 !important;flex:0 0 auto}
.pc-legacy .cart-top-Down_Bar .clear{display:none}
.pc-legacy .Quantity{padding:0 !important;letter-spacing:0 !important}
.pc-legacy #button-cart{min-width:140px;min-height:48px !important;padding:0 20px !important;font-size:16px !important;white-space:nowrap}
.pc-legacy #button-cart i{font-size:16px !important;margin-right:2px !important}
.pc-legacy .product-info .price .price-new,.pc-legacy .price .price-new{color:var(--laterite);text-shadow:none;letter-spacing:0;font-weight:600}
.pc-legacy .price .price-old{color:var(--muted);letter-spacing:0;padding-right:8px}
/* 折疊區塊（車種介紹、行程介紹、注意事項、留言） */
.pc-legacy .tabs,.pc-legacy .heading_share{margin:0 0 12px !important;padding:0 !important;border:1px solid var(--line) !important;border-radius:16px !important;background:var(--surface) !important;box-shadow:none !important;overflow:hidden}
.pc-legacy .tabs .tab-heading,.pc-legacy .tabs .tab-headingX,.pc-legacy .heading_share .tab-headingX{position:relative;display:block;margin:0 !important;padding:16px 88px 16px 16px !important;border:0 !important;border-radius:0 !important;background:var(--surface) !important;color:var(--ink) !important;font-family:var(--serif) !important;font-size:17px !important;font-weight:700;line-height:1.3 !important;letter-spacing:0 !important;text-shadow:none !important;text-align:left}
.pc-legacy .tab-headingX i,.pc-legacy .tab-headingX t,.pc-legacy .tab-heading i{color:inherit;margin-right:8px;font-size:17px}
.pc-legacy .button-toggle-wrap{position:absolute !important;left:auto !important;right:14px !important;top:50% !important;width:auto !important;transform:translateY(-50%) !important;margin:0 !important;padding:0 !important;line-height:0;text-align:right}
/* 折疊區塊標題上的開關做大一點 */
/* 章節標題的開關：2026-09-09 使用者說看起來太短，58 → 78px（高度與滑塊不變，比例才不會變胖） */
/* 章節標題列的開關（車種介紹／行程介紹／網友怎麼說）：78×32、把手 26 改成 60×28、把手 22（2026-09-10 使用者：PC 端改小一點）。
   打開時把手靠右＝60−3−22＝35px；未開啟的把手動畫 sa-knob-lg 位移 9px，在新尺寸裡也還有空間。 */
.pc-legacy .tab-headingX .button-toggle,.pc-legacy .tab-heading .button-toggle{width:60px !important;height:28px !important;flex:0 0 60px}
.pc-legacy .tab-headingX .button-toggle .handle,.pc-legacy .tab-heading .button-toggle .handle{width:22px !important;height:22px !important;top:3px !important;left:3px !important}
.pc-legacy .tab-headingX .toggler:checked+.button-toggle .handle,.pc-legacy .tab-heading .toggler:checked+.button-toggle .handle{left:35px !important}
.pc-legacy .tabs_arrow{display:none}
.pc-legacy .tab-content,.pc-legacy .tab-content_notice{margin:0 !important;padding:12px 16px 16px !important;font-size:15px;line-height:1.7;letter-spacing:0;border:0 !important;background:none !important}
.pc-legacy .tab-content h5{font-family:var(--serif);font-size:17px !important;font-weight:700;margin:22px 0 10px !important;letter-spacing:0 !important;line-height:1.35}
.pc-legacy .tab-content ul{margin:0 0 14px 20px !important;padding:0;list-style:disc}
.pc-legacy .tab-content ol{margin:0 0 14px 22px !important;padding:0}
.pc-legacy .tab-content li{margin:0 0 4px;font-size:15px;line-height:1.6}
.pc-legacy img.first_img{display:block;width:100% !important;max-width:100% !important;margin:4px 0 14px !important;border-radius:12px !important;aspect-ratio:auto !important}
.pc-legacy .tab-content .info_icon,.pc-legacy .tab-content .info_icon_optional{display:inline-block;width:auto !important;height:30px !important;margin:0 6px 6px 0 !important;padding:0 12px !important;border-radius:999px;background:var(--ink) !important;color:#fff !important;font-size:12.5px !important;line-height:30px !important;letter-spacing:0}
.pc-legacy .tab-content .info_icon_optional{background:var(--stone) !important;color:var(--ink) !important;border:1px dashed var(--muted)}
.pc-legacy .tab-content p.iframe_map,.pc-legacy .SA_Tour_DEST_Content p.iframe_map{margin:0 -16px 12px !important}
.pc-legacy .tab-content iframe{width:100%;height:320px !important;border:0}
.pc-legacy .tabs p[style]{padding:0 16px 12px !important;margin:0 !important}
/* 行程時間軸（行程介紹裡的每日／每站折疊清單） */
.pc-legacy .StopAsia_SA_Tour_Description{margin:10px 0 18px;padding:0 !important}
.pc-legacy ul.SA_Tour_Timeline{list-style:none !important;margin:0 !important;padding:6px 0 0 22px !important;border:0 !important;border-left:3px solid var(--saffron) !important;background:none !important;line-height:1.5 !important;text-align:left}
.pc-legacy .SA_Tour_Timeline .SA_Tour_event{position:relative;width:auto;margin:0 0 4px;padding:0 0 10px;background:none}
.pc-legacy .SA_Tour_Timeline .SA_Tour_event::before{content:attr(data-date);position:static !important;display:block;margin:0 0 2px;font-size:12.5px !important;color:var(--muted) !important;text-align:left !important;line-height:1.4}
.pc-legacy .SA_Tour_Timeline .SA_Tour_event::after{content:"";position:absolute !important;left:-31px !important;top:3px !important;width:13px !important;height:13px !important;border-radius:50%;background:var(--surface) !important;border:3px solid var(--saffron);box-shadow:none !important;box-sizing:border-box}
.pc-legacy .SA_Tour_DEST_infos{position:static;padding:0 !important;margin:0;background:none !important;border:0 !important;text-align:left}
.pc-legacy .SA_Tour_DEST_Extra{position:static !important;margin:0 0 2px !important;padding:0 !important;font-size:12.5px !important;font-style:italic;font-weight:400 !important;color:var(--sale) !important}
.pc-legacy .SA_Tour_DEST_title{display:flex !important;align-items:center;gap:8px;min-width:0;margin:0 !important;padding:4px 0 8px !important;border:0 !important;border-radius:0;background:none !important;font-family:var(--serif);font-size:15px !important;font-weight:700;line-height:1.3 !important;letter-spacing:0 !important;color:var(--laterite) !important;cursor:pointer}
.pc-legacy .SA_Tour_DEST_title .sa-tl{flex:1;min-width:0;display:flex;align-items:baseline;gap:5px;white-space:nowrap;overflow:hidden}
.pc-legacy .SA_Tour_DEST_title .sa-tl b{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;font-size:15px;font-weight:700}
.pc-legacy .SA_Tour_DEST_title .sa-tl small{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;font-family:var(--sans);font-size:11.5px;font-weight:400;color:var(--muted)}
.pc-legacy .SA_Tour_DEST_title>div{display:none !important}
/* 收起時的預覽卡：縮圖＋前兩行介紹＋「閱讀景點介紹」，點整張卡就展開 */
.pc-legacy .sa-teaser{display:flex;gap:12px;align-items:stretch;margin:0 0 8px;padding:9px;border:1px solid var(--line);border-radius:14px;background:var(--surface);box-shadow:0 1px 2px rgba(28,42,46,.05);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .15s ease}
.pc-legacy .sa-teaser:active{background:var(--stone)}
/* 這條一定要 !important：下面「照片鋪滿」那條 :has(.sa-teaser-pic) 的權重跟這裡
   完全一樣（都是 0-3-0）又寫在後面，會把 display:none 蓋掉，變成 hidden 屬性
   有設上去、畫面上卻還看得到（2026-09-06 使用者回報展開後預覽卡還在）。 */
.pc-legacy .sa-teaser[hidden]{display:none !important}
.pc-legacy .sa-teaser-pic{flex:0 0 78px;width:78px;height:78px;overflow:hidden;border-radius:10px;background:var(--stone)}
.pc-legacy .sa-teaser-pic img{display:block !important;width:100% !important;height:100% !important;max-width:none !important;margin:0 !important;border:0 !important;border-radius:0 !important;object-fit:cover}
.pc-legacy .sa-teaser-body{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:space-between;gap:6px;padding:2px 0}
.pc-legacy .sa-teaser-txt{margin:0 !important;font-size:13px !important;line-height:1.5 !important;color:var(--muted) !important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
/* 這張卡裡的字一律不要粗體（2026-09-06 使用者指定） */
.pc-legacy .sa-teaser-cta{display:inline-flex;align-items:center;gap:5px;font-size:13px;font-weight:400;color:var(--saffron)}
/* 箭頭朝下（2026-09-06 使用者指定）：展開的內容是往下長出來的，朝下才對 */
.pc-legacy .sa-teaser-cta::after{content:"";width:6px;height:6px;margin-top:-3px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg)}
/* 有縮圖時：照片鋪滿整張卡、文字疊在照片上（2026-09-06 使用者指定）。
   照片維持 width:100%;height:auto，所以卡片高度＝照片高度，卡片的長寬比
   自然就跟照片一致，也不會被裁到。沒有縮圖的站點仍走上面那套左圖右文。 */
.pc-legacy .sa-teaser:has(.sa-teaser-pic){display:block;position:relative;padding:0;border:0;overflow:hidden;background:var(--stone)}
.pc-legacy .sa-teaser:has(.sa-teaser-pic):active{background:var(--stone);filter:brightness(.93)}
/* 卡片比照片再高一些（2026-09-06 使用者指定）：固定 2:1，照片用 cover 填滿，
   原圖多半是 800x300（約 2.667:1），所以會裁掉左右一點點。 */
.pc-legacy .sa-teaser:has(.sa-teaser-pic) .sa-teaser-pic{display:block;flex:none;width:100%;aspect-ratio:2/1;height:auto;border-radius:0}
.pc-legacy .sa-teaser:has(.sa-teaser-pic) .sa-teaser-pic img{width:100% !important;height:100% !important;object-fit:cover !important;object-position:center}
.pc-legacy .sa-teaser:has(.sa-teaser-pic) .sa-teaser-body{position:absolute;left:0;right:0;bottom:0;gap:12px;padding:36px 14px 13px;background:linear-gradient(180deg,rgba(18,13,8,0),rgba(18,13,8,.5) 42%,rgba(18,13,8,.8))}
.pc-legacy .sa-teaser:has(.sa-teaser-pic) .sa-teaser-txt{color:#fff !important;font-size:14px !important;font-weight:400 !important;text-shadow:0 1px 4px rgba(0,0,0,.55)}
/* 「閱讀景點介紹」做成照片右下角的橘色膠囊按鈕，並加上呼吸動畫吸引點擊
   （2026-09-06 使用者指定）。用 align-self 靠右而不是絕對定位，這樣上面那行
   文字不管幾行都不會跟按鈕疊在一起。 */
.pc-legacy .sa-teaser:has(.sa-teaser-pic) .sa-teaser-cta{align-self:flex-end;font-weight:400;gap:4px;padding:4px 9px;border-radius:999px;background:var(--saffron);color:#fff;font-size:11px;text-shadow:none;animation:sa-teaser-breathe 2.2s ease-in-out infinite}
@keyframes sa-teaser-breathe{0%,100%{transform:scale(1);box-shadow:0 3px 12px rgba(242,106,0,.45)}50%{transform:scale(1.07);box-shadow:0 6px 20px rgba(242,106,0,.65)}}
@media (prefers-reduced-motion:reduce){.pc-legacy .sa-teaser .sa-teaser-cta{animation:none;box-shadow:0 3px 12px rgba(242,106,0,.45)}}
.pc-legacy .sa-fold{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;margin:10px 0 2px;padding:9px;border:1px solid var(--line);border-radius:999px;background:var(--stone);font:inherit;font-size:13px;font-weight:700;color:var(--laterite);cursor:pointer}
.pc-legacy .sa-fold::after{content:"";width:6px;height:6px;margin-top:3px;border-left:2px solid currentColor;border-top:2px solid currentColor;transform:rotate(45deg)}
.pc-legacy .SA_Tour_DEST_title .button-toggle{float:none !important;margin:0 !important;width:44px !important;height:24px !important}
.pc-legacy .SA_Tour_DEST_title .button-toggle .handle3{width:18px !important;height:18px !important}
.pc-legacy .SA_Tour_DEST_title .toggler:checked+.button-toggle .handle3{left:23px !important}
.pc-legacy .SA_Tour_DEST_title i.fa-angle-down{margin-left:auto;color:var(--muted) !important;font-size:18px}
.pc-legacy .SA_Tour_DEST_title i.fa-plus-square{display:none}
.pc-legacy .SA_Tour_DEST_Content{padding:4px 0 6px !important;font-size:15px;line-height:1.7;letter-spacing:0 !important;color:var(--ink) !important;text-align:left !important;text-indent:0}
.pc-legacy .SA_Tour_DEST_Content img{display:block;width:100%;height:auto;border-radius:12px;margin:0 0 10px}
.pc-legacy .SA_Tour_DEST_Content h8{display:block;padding:8px 0 4px !important;font-size:15px !important;font-weight:700;line-height:1.5 !important;letter-spacing:0 !important}
.pc-legacy .SA_Tour_DEST_Content ol,.pc-legacy .SA_Tour_DEST_Content ul{margin:6px 0 8px 20px !important;padding:0}
.pc-legacy .SA_Tour_DEST_Content li{margin:0 0 3px;font-size:14.5px;color:var(--ink) !important}
.pc-legacy .SA_Tour_DEST_title_Driving_Time{padding:4px 0 8px !important;border:0 !important;font-size:13px !important;color:var(--muted) !important;letter-spacing:0 !important}
.pc-legacy .heading_share a{display:block;text-decoration:none}
.pc-legacy .heading_share .tab-content{padding:0 16px 16px !important}
.pc-legacy .product-info .heading_share .tab-content .WalShare{width:auto !important;height:auto !important;margin:0 !important;padding:12px 14px;border-radius:12px;background:var(--lotus-soft);color:var(--lotus);font-size:14px !important;letter-spacing:0 !important;text-align:left !important;text-shadow:none !important;font-weight:600}
.pc-legacy .WalShare,.pc-legacy .WalShare .header-font{color:var(--lotus) !important;font-size:14px;letter-spacing:0;text-shadow:none}
.pc-legacy #update_box{border-radius:14px}

/* 購物車、結帳 */
.pc-legacy .fa-exclamation-triangle.fa-5x{display:block;float:none !important;margin:16px 0 4px !important;font-size:34px !important;color:var(--saffron)}
.pc-legacy .cart-info{margin:12px 0 !important;overflow-x:auto}
.pc-legacy .cart-info table{width:100%;border-collapse:collapse;font-size:14px}
.pc-legacy .cart-info td,.pc-legacy .cart-info th{padding:10px 6px;border-color:var(--line) !important;vertical-align:middle;letter-spacing:0}
.pc-legacy .cart-info td.name a{color:var(--ink) !important;font-style:normal !important;font-weight:600;font-size:14.5px !important}
.pc-legacy .cart-info .image img{border-radius:10px}
.pc-legacy .checkout-heading{position:relative;margin:14px 0 0 !important;padding:12px 0 10px !important;border:0 !important;border-radius:0 !important;background:none !important;font-family:var(--serif) !important;font-size:18px !important;font-weight:700;color:var(--ink) !important;text-transform:none !important;letter-spacing:0 !important;line-height:1.3}
.pc-legacy .checkout-heading>a{position:static !important;display:inline-block;margin-left:10px;font-size:13px !important;font-weight:500;color:var(--lotus) !important;letter-spacing:0 !important}
.pc-legacy .checkout-content{margin:0 0 12px !important;padding:16px !important;border:1px solid var(--line) !important;border-radius:16px !important;background:var(--surface);letter-spacing:0 !important}
.pc-legacy .checkout-content .buttons{margin:14px 0 0 !important}
.pc-legacy .checkout-content .buttons a.button,.pc-legacy .checkout-content .buttons input{width:100%}
.pc-legacy .checkout-product table,.pc-legacy table.list{width:100%;border-collapse:collapse;font-size:14px}
.pc-legacy table.list td,.pc-legacy table.list th,.pc-legacy .checkout-product td,.pc-legacy .checkout-product th{padding:9px 6px;border:0;border-bottom:1px solid var(--line);text-align:left}

/* 聯絡我們 */
.pc-legacy .contact-info{margin:0 0 16px !important;padding:16px !important;border:1px solid var(--line);border-radius:16px;background:var(--surface) !important}
.pc-legacy .contact-info .row,.pc-legacy .contact-info>.content{display:block;margin:0;padding:0}
.pc-legacy .map-left,.pc-legacy .map-content{float:none !important;width:100% !important;padding:0 !important}
.pc-legacy .contact-info .contact-box{display:block;margin:0 0 10px !important;line-height:1.55 !important;font-size:14.5px}
.pc-legacy .contact-info .contact-box i{display:inline-block;width:1.4em !important;font-size:16px !important;color:var(--lotus) !important;text-align:left}
.pc-legacy .contact-info .contact-box b{display:inline;margin:0 4px 0 0 !important;color:var(--ink) !important;text-transform:none !important;font-weight:600}
.pc-legacy .map-content figure{margin:14px 0 0}
.pc-legacy .map-content iframe{display:block;width:100% !important;height:220px !important;border:0;border-radius:12px}
.pc-legacy .contact-f{margin:0 !important;padding:0 !important;background:none !important;border:0 !important}
/* 搜尋、分頁 */
.pc-legacy .product-filter{display:flex;flex-wrap:wrap;gap:8px 14px;margin:0 0 12px;font-size:13.5px;color:var(--muted)}
.pc-legacy .product-filter select{display:inline-block;width:auto;padding:6px 32px 6px 10px !important;font-size:14px !important}
.pc-legacy .pagination{margin:18px 0;font-size:13.5px}
.pc-legacy .pagination .links a,.pc-legacy .pagination .links b{display:inline-block;padding:6px 11px;border:1px solid var(--line);border-radius:8px;background:var(--surface);text-decoration:none;color:var(--ink)}
.pc-legacy .pagination .links b{background:var(--ink);color:var(--ground);border-color:var(--ink)}
.pc-legacy .pagination .results{display:block;margin-top:8px;color:var(--muted)}

/* ---------- 5. 舊站的對話框、日期／時間選擇器、購物車、結帳、帳號頁 ---------- */
/* 住宿地點對話框（jquery.SA_popup_Dialog，ios 樣式）：白色圓角卡、標題、欄位、底下兩顆按鈕 */
.pc-legacy .SA_popup_Dialog.ios{border-radius:22px !important;background:var(--surface) !important;box-shadow:0 24px 60px rgba(28,42,46,.32) !important;min-width:min(92vw,340px) !important;max-width:92vw !important;overflow:hidden}
.pc-legacy .SA_popup_Dialog.ios .SA_popup_Dialog_title{display:block !important;margin:0;padding:20px 20px 0 !important;background:none !important;color:var(--ink) !important;font-family:var(--serif);font-size:18px !important;font-weight:700;line-height:1.3 !important;letter-spacing:0 !important;text-align:left !important;text-shadow:none}
.pc-legacy .SA_popup_Dialog.ios .SA_popup_Dialog_info{min-height:0 !important;margin:0 !important;padding:12px 20px 4px !important;font-size:14.5px !important;line-height:1.55;text-align:left !important;word-break:normal !important}
.pc-legacy .SA_popup_Dialog .hotel_prompt_box .dialog_info:empty,.pc-legacy .sa-ht .hotel_prompt_box .dialog_info:empty{display:none}
.pc-legacy .SA_popup_Dialog.ios .SA_popup_Dialog_btns{display:flex;gap:10px;margin:6px 0 0 !important;padding:12px 20px 20px !important;border:0 !important;line-height:1 !important;text-align:center}
.pc-legacy .SA_popup_Dialog.ios .SA_popup_Dialog_btns a{float:none !important;clear:none !important;width:auto !important;flex:1;display:inline-flex !important;align-items:center;justify-content:center;min-height:46px;margin:0 !important;padding:0 14px !important;border:0 !important;border-radius:12px !important;font-size:15px !important;font-weight:700;letter-spacing:.02em;text-decoration:none !important}
.pc-legacy .SA_popup_Dialog.ios .SA_popup_Dialog_btns a.btn_no{order:1}
.pc-legacy .SA_popup_Dialog.ios .SA_popup_Dialog_btns a.btn_ok{order:2}
.pc-legacy .SA_popup_Dialog.ios .SA_popup_Dialog_btns a::before,.pc-legacy .SA_popup_Dialog.ios .SA_popup_Dialog_btns a::after{content:none !important}
.pc-legacy .SA_popup_Dialog_overlay{background:rgba(28,42,46,.62) !important}

/* ---- 住宿地點對話框（2026-09-09 重新設計）------------------------------------------------
   原本：地圖連結是青色藥丸浮在最上面、比標題還搶眼；說明文字用粗體當欄位標籤；欄位只有
   placeholder，一打字標籤就不見；整體間距鬆散。
   現在：標題（襯線）→ 一句說明 → 細線 → 兩個有真正 label 的欄位；地圖連結降級成附在
   「酒店名稱」欄下方的說明文字。整張卡只有「確認」是彩色的。
   輸入框 16px 是刻意的：iOS 在小於 16px 的欄位聚焦時會自動放大整頁。 */
.pc-legacy .SA_popup_Dialog.ios .SA_popup_Dialog_title{padding:22px 22px 0 !important;font-size:20px !important;line-height:1.3 !important}
.pc-legacy .SA_popup_Dialog.ios .SA_popup_Dialog_info{padding:0 !important;font-size:14px !important}
.pc-legacy .SA_popup_Dialog .hotel_prompt_box,.pc-legacy .sa-ht .hotel_prompt_box{display:block;margin:0 !important;padding:0 22px !important;background:none !important;border-radius:0;box-sizing:border-box}
.pc-legacy .SA_popup_Dialog .hotel-head,.pc-legacy .sa-ht .hotel-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px;margin:10px 0 0}
.pc-legacy .SA_popup_Dialog .hotel-why,.pc-legacy .sa-ht .hotel-why{flex:1 1 auto;margin:0;color:var(--muted);font-size:14px;line-height:1.6}
.pc-legacy .SA_popup_Dialog .hotel_prompt_box .dialog_content,.pc-legacy .sa-ht .hotel_prompt_box .dialog_content{display:block !important;width:100% !important;margin:20px 0 0 !important;padding:22px 0 0 !important;border-top:1px solid var(--line);box-sizing:border-box}
.pc-legacy .SA_popup_Dialog .hotel_prompt_box .dialog_content>div,.pc-legacy .sa-ht .hotel_prompt_box .dialog_content>div{margin:0 0 20px}
.pc-legacy .SA_popup_Dialog .hotel_prompt_box .dialog_content>div:last-child,.pc-legacy .sa-ht .hotel_prompt_box .dialog_content>div:last-child{margin-bottom:0}
.pc-legacy .SA_popup_Dialog .hotel-label,.pc-legacy .sa-ht .hotel-label{display:block;margin:0 0 9px;color:var(--ink);font-size:13.5px;font-weight:500;line-height:1.4}
.pc-legacy .SA_popup_Dialog input.hotel_cxinput,.pc-legacy .sa-ht input.hotel_cxinput{display:block;width:100% !important;height:auto !important;margin:0 !important;padding:13px 14px !important;border:1px solid var(--line) !important;border-radius:12px !important;background:var(--ground) !important;color:var(--ink) !important;font-size:16px !important;line-height:1.4 !important;box-shadow:none !important}
.pc-legacy .SA_popup_Dialog input.hotel_cxinput:focus,.pc-legacy .sa-ht input.hotel_cxinput:focus{border-color:var(--saffron) !important;background:var(--surface) !important;outline:0}
.pc-legacy .SA_popup_Dialog input.hotel_cxinput::placeholder,.pc-legacy .sa-ht input.hotel_cxinput::placeholder{color:#A7ADB0}
.pc-legacy .SA_popup_Dialog .hotel-range,.pc-legacy .sa-ht .hotel-range{flex:0 0 auto;margin:0;margin-left:auto}
.pc-legacy .SA_popup_Dialog .hotel-range a,.pc-legacy .sa-ht .hotel-range a{display:inline-flex;align-items:center;gap:5px;color:var(--lotus);font-size:12.5px;line-height:1.4;text-decoration:none}
.pc-legacy .SA_popup_Dialog .hotel-range a span,.pc-legacy .sa-ht .hotel-range a span{padding-bottom:1px;border-bottom:1px solid rgba(23,143,148,.35)}
.pc-legacy .SA_popup_Dialog .hotel-range a i,.pc-legacy .sa-ht .hotel-range a i{font-size:12px}
/* 排版放寬（2026-09-10 使用者：太擠了）：與手機版同一套數字 */
.pc-legacy .SA_popup_Dialog.ios .SA_popup_Dialog_btns{margin-top:0 !important;padding:26px 22px 24px !important}
/* 錯誤／提示視窗（SweetAlert）。全站的 swal 都吃這一段（購物車刪除、加購、Cookie 提示…） */
.pc-legacy .swal-modal{border-radius:22px;padding:8px 8px 14px;box-shadow:0 24px 60px rgba(28,42,46,.32);font-family:var(--sans)}
.pc-legacy .swal-icon{margin:18px auto 8px;transform:scale(.8)}
.pc-legacy .swal-title{margin:0;padding:6px 20px 0;font-family:var(--serif);font-size:18px;color:var(--ink);line-height:1.35}
.pc-legacy .swal-text{padding:6px 20px 0;font-size:14.5px;color:var(--muted);text-align:center;line-height:1.55}
.pc-legacy .swal-footer{display:flex;gap:10px;padding:16px 18px 8px;text-align:center}
body.pc-legacy .swal-footer .swal-button-container{flex:1;margin:0;display:block}
body.pc-legacy .swal-footer .swal-button{width:100%}
/* 一律不要 focus 外框與 SweetAlert 內建的藍／灰光暈：對話框一跳出來就會自動 focus 到
   按鈕上，Chrome 把這種程式觸發的 focus 判成鍵盤 focus，會畫出一圈框（2026-09-06 使用者：醜爆了）。
   按鈕的配色與按下效果統一寫在檔案最後的「全站 popup 按鈕統一樣式」。 */
body.pc-legacy .swal-footer .swal-button:focus,body.pc-legacy .swal-footer .swal-button:focus-visible{outline:none}
.pc-legacy .swal-overlay{background:rgba(28,42,46,.62)}
/* 加購對話框（swal 的 className: sa-ask）。2026-09-10 重新設計：
   原本用 swal 的 warning 圖示（紅橘警告圈）＋ title 插槽，那是警示語彙，跟「免費送語音導覽」的邀請不搭，
   而且圖示的版面框固定 88px、只能靠負邊距硬收，怎麼調都擠。
   現在整塊內容由 cart.tpl 自己排（.sa-ask-body）：耳機圖示放在淡橘圓底裡、標題用襯線體、
   說明用次要灰、「了解更多」是安靜的文字連結，再用一條滿版細線跟按鈕列分開。
   只套這個視窗，購物車刪除、Cookie 提示等其他 swal 不受影響。 */
.pc-legacy .swal-modal.sa-ask{max-width:384px;padding:0;border-radius:22px}
.pc-legacy .swal-modal.sa-ask .swal-content{margin:0;padding:28px 26px 20px;border-bottom:1px solid var(--line);text-align:center}
.pc-legacy .sa-ask-ic{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 18px;border-radius:50%;background:#FFF1E3;color:var(--saffron)}
.pc-legacy .sa-ask-ic svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.pc-legacy .sa-ask-t{display:block;font-family:var(--serif);font-size:19px;font-weight:700;line-height:1.45;color:var(--ink);letter-spacing:.01em}
.pc-legacy .sa-ask-p{margin:9px 0 0;font-size:14.5px;line-height:1.7;color:var(--muted)}
.pc-legacy .sa-ask-more{display:block;margin:16px 0 0}
.pc-legacy .sa-ask-more i.fa{display:none}   /* 原本夾在句子中間的手指圖示，改用連結自己的箭頭 */
.pc-legacy .sa-ask-more a{color:var(--laterite) !important;font-size:13px;text-decoration:none}   /* 不要底線（2026-09-10 使用者指定），靠橘字與右側箭頭表示可點 */
.pc-legacy .sa-ask-more a::after{content:"";display:inline-block;width:5px;height:5px;margin:0 0 1px 6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(-45deg);vertical-align:middle}
.pc-legacy .swal-modal.sa-ask .swal-footer{margin:0;padding:18px 22px 22px}
/* 日期選擇器（Zebra_DatePicker） */
.pc-legacy .Zebra_DatePicker{border:1px solid var(--line) !important;border-radius:16px !important;background:var(--surface) !important;box-shadow:0 16px 40px rgba(28,42,46,.18) !important;padding:10px !important;font-family:var(--sans) !important;color:var(--ink)}
/* Zebra 是用行內樣式貼著輸入框絕對定位，手機上常常掉到畫面外（下半截被裁掉），
   這裡一律用 !important 蓋掉，固定在畫面正中央；日曆太高時內部自己捲 */
.pc-legacy .Zebra_DatePicker{position:fixed !important;top:50% !important;left:50% !important;right:auto !important;bottom:auto !important;margin:0 !important;transform:translate(-50%,-50%);width:min(340px,calc(100vw - 32px)) !important;max-width:none !important;max-height:88vh;overflow:auto;-webkit-overflow-scrolling:touch}
.pc-legacy .Zebra_DatePicker *{font-family:var(--sans) !important}
.pc-legacy .Zebra_DatePicker table{width:100%;border-collapse:separate;border-spacing:3px}
.pc-legacy .Zebra_DatePicker th,.pc-legacy .Zebra_DatePicker td{border:0 !important;background:none !important;border-radius:10px;text-align:center;font-size:14px !important;color:var(--ink);text-shadow:none !important}
.pc-legacy .Zebra_DatePicker .dp_header td{font-family:var(--serif) !important;font-size:16px !important;font-weight:700;color:var(--ink) !important;background:none !important;padding:6px 0}
.pc-legacy .Zebra_DatePicker .dp_header .dp_previous,.pc-legacy .Zebra_DatePicker .dp_header .dp_next{width:36px;color:var(--lotus) !important;font-size:20px !important}
.pc-legacy .Zebra_DatePicker .dp_header .dp_hover{background:var(--stone) !important;color:var(--ink) !important}
.pc-legacy .Zebra_DatePicker .dp_daypicker th{font-size:12px !important;font-weight:600;color:var(--muted) !important;padding:6px 0}
.pc-legacy .Zebra_DatePicker .dp_daypicker td{padding:5px 0 4px !important;height:auto;line-height:1.2;font-size:15px !important;font-variant-numeric:tabular-nums;vertical-align:top}
.pc-legacy .Zebra_DatePicker .dp_daypicker td div{display:inline-block;margin-top:1px;font-size:9.5px !important;line-height:1.15 !important;font-weight:400 !important;letter-spacing:0}
.pc-legacy .Zebra_DatePicker .dp_daypicker td.dp_selected div{color:#fff !important}
.pc-legacy .Zebra_DatePicker td.dp_not_in_month{color:#C5C0B6 !important}
.pc-legacy .Zebra_DatePicker td.dp_weekend{color:var(--ink) !important;background:none !important}
.pc-legacy .Zebra_DatePicker td.dp_disabled,.pc-legacy .Zebra_DatePicker td.dp_weekend_disabled,.pc-legacy .Zebra_DatePicker td.dp_not_in_month_disabled{color:#C5C0B6 !important;background:none !important;text-decoration:line-through}
.pc-legacy .Zebra_DatePicker td.dp_current{box-shadow:inset 0 0 0 2px var(--lotus);color:var(--lotus) !important;font-weight:700}
.pc-legacy .Zebra_DatePicker td.dp_hover{background:var(--stone) !important;color:var(--ink) !important}
.pc-legacy .Zebra_DatePicker td.dp_selected{background:var(--saffron) !important;color:#fff !important;font-weight:700}
.pc-legacy .Zebra_DatePicker .dp_footer td{padding:8px 4px 2px;font-size:13px !important;color:var(--lotus) !important;font-weight:600}
.pc-legacy .Zebra_DatePicker .dp_monthpicker td,.pc-legacy .Zebra_DatePicker .dp_yearpicker td{padding:10px 0 !important}
/* 時間選擇器（SA_timepicker） */
.pc-legacy .my-timepicker-div{border:1px solid var(--line) !important;border-radius:16px !important;background:var(--surface) !important;box-shadow:0 16px 40px rgba(28,42,46,.18) !important;padding:14px !important;font-family:var(--sans) !important}
.pc-legacy .my-timepicker-div .hour_title,.pc-legacy .my-timepicker-div .min_title{font-size:12.5px !important;color:var(--muted) !important;font-weight:600}
.pc-legacy .my-timepicker-div .hour-select,.pc-legacy .my-timepicker-div .min-select{border:1px solid var(--line) !important;border-radius:10px !important;font-size:16px !important;padding:8px !important;background:var(--surface) !important}
.pc-legacy .my-timepicker-div .SA_timepicker_BTNS{display:flex;gap:8px;margin-top:10px}
.pc-legacy .my-timepicker-div .ok-button,.pc-legacy .my-timepicker-div .cancel-button,.pc-legacy .my-timepicker-div .ampm-button{flex:1;min-height:40px;border:0 !important;border-radius:10px !important;font-size:14px !important;font-weight:700;background:var(--stone) !important;color:var(--ink) !important;box-shadow:none !important}
.pc-legacy .my-timepicker-div .ok-button{background:var(--saffron) !important;color:#fff !important}
/* 購物車：每個行程一張卡 */
.pc-legacy.checkout-cart #content{padding-bottom:24px !important}
.pc-legacy .cart-info{margin:6px 0 0 !important;overflow:visible !important}
.pc-legacy .cart-info .shop-cart{padding:0 !important}
.pc-legacy .cart-info table,.pc-legacy .cart-info tbody,.pc-legacy .cart-info tr,.pc-legacy .cart-info td{display:block;width:100% !important;border:0 !important;padding:0;background:none !important;box-sizing:border-box}
.pc-legacy .cart-info thead{display:none}
.pc-legacy .cart-info tbody tr{margin:0 0 12px;padding:16px 16px 14px;border:1px solid var(--line) !important;border-radius:16px;background:var(--surface) !important}
.pc-legacy .cart-info td.name{padding:0 !important;text-align:left !important}
.pc-legacy .cart-info td.name>div:first-child a{display:block;font-family:var(--serif);font-size:18px !important;font-weight:700;color:var(--ink) !important;line-height:1.3;font-style:normal !important}
.pc-legacy .cart-info .Cart_Star_Tag{display:inline-block;margin:8px 0 10px;padding:3px 10px;border-radius:999px;background:#FFF1E3;color:var(--laterite);font-size:12.5px;font-weight:600;float:none !important;line-height:1.5}
.pc-legacy .cart-info .Cart_Star_Tag i{color:var(--saffron);margin-right:3px}
/* 這顆膠囊 2026-09-10 起是連到紀念品頁的連結（使用者：點下星星按鈕要跳到 /souvenir）。
   舊站 stylesheet.css 有 `a, a:visited, a:focus{color:#323232}` 與預設底線，
   所以顏色與 text-decoration 都要明確寫掉，外觀才跟原本的 <div> 一模一樣。 */
.pc-legacy .cart-info a.Cart_Star_Tag,.pc-legacy .cart-info a.Cart_Star_Tag:visited,.pc-legacy .cart-info a.Cart_Star_Tag:focus{color:var(--laterite) !important;text-decoration:none !important}
.pc-legacy .cart-info a.Cart_Star_Tag:hover{background:#FFE6CE;text-decoration:none !important}
.pc-legacy .cart-info td.name>div[style]:not(.Cart_Remind_Tag){font-size:0 !important;line-height:0 !important;color:transparent}
.pc-legacy .cart-info td.name>div[style]:not(.Cart_Remind_Tag) small{display:block;font-size:13.5px !important;line-height:1.5;color:var(--muted);padding:3px 0 3px 12px;position:relative}
.pc-legacy .cart-info td.name>div[style]:not(.Cart_Remind_Tag) small::before{content:"";position:absolute;left:0;top:11px;width:5px;height:5px;border-radius:50%;background:var(--lotus)}
.pc-legacy .cart-info td.name>div[style]:not(.Cart_Remind_Tag) br{display:none}
.pc-legacy .cart-info .stock{display:inline-block;margin-top:6px;font-size:13px;color:var(--sale)}
/* 購物車裡的「注意：須搭配 N 顆星以上行程。」（2026-09-11 使用者：鈴鐺旁邊要有字，且要用行程頁那個粉色框）。
   原本這裡自己做成小藥丸，而且字被上面那條「隱藏舊站原始選項文字」的規則連帶變透明（已在該處排除）。
   現在外觀交給下面共用的 .Cart_Remind_Tag（粉色漸層框＋紅鈴鐺＋呼吸），這條只留購物車要的外距。 */
.pc-legacy .cart-info .Cart_Remind_Tag{float:none !important;margin:10px 0 2px !important;box-sizing:border-box}
.pc-legacy .cart-info td.total{display:flex !important;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;padding:12px 0 0 !important;border-top:1px solid var(--line) !important;text-align:left !important}
.pc-legacy .cart-info .unit_price{margin:0 !important;font-size:21px !important;font-weight:700;color:var(--laterite);font-variant-numeric:tabular-nums;letter-spacing:0}
.pc-legacy .cart-info .wrapper{margin:0 !important;padding:0 !important}
.pc-legacy .cart-info .input-update{display:inline-flex !important;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:var(--stone);color:var(--muted) !important}
.pc-legacy .cart-info .input-update i{font-size:16px !important;color:inherit !important;margin:0 !important}
.pc-legacy .Check_provided_items_area{margin:14px 0 0 !important;padding:14px 16px !important;border-radius:16px;background:var(--lotus-soft) !important;border:0 !important}
.pc-legacy .Check_provided_items_area .num_section{position:static !important;display:inline-block !important;margin:0 0 6px !important;padding:0 !important;background:none !important;color:var(--lotus) !important;font-size:22px !important;line-height:1 !important}
.pc-legacy .Check_provided_items_area .HoToWork{display:block !important;padding:0;margin:0;font-size:15px;font-weight:700;color:var(--ink) !important;text-shadow:none !important}
.pc-legacy .Check_provided_items_area .Check_provided_items{margin:6px 0 0;font-size:14px !important;font-weight:400;letter-spacing:0}
.pc-legacy .Check_provided_items_area .provided_items_title{margin:0 0 4px;font-weight:600;color:var(--ink)}
.pc-legacy .Check_provided_items_area .provided_items,.pc-legacy .Check_provided_items_area .Not_provided_items{display:block;margin:0 0 2px;font-size:14px !important;color:var(--ink) !important;text-decoration:none !important}
.pc-legacy .Check_provided_items_area .Not_provided_items{color:var(--muted) !important}
.pc-legacy .cart-bottom{margin:16px 0 0 !important;padding:0 !important}
.pc-legacy .cart-bottom .buttons{display:grid;gap:10px;margin:0 !important}
.pc-legacy .cart-bottom #ButtonOrange,.pc-legacy .cart-bottom #ButtonBlue{float:none !important;width:100% !important;margin:0 !important;padding:0 !important;text-align:center}
.pc-legacy .cart-bottom #ButtonBlue{order:-1}
.pc-legacy .cart-bottom #ButtonBlue a{display:flex !important;width:100%;min-height:50px;justify-content:center;background:var(--saffron) !important;border:0 !important;color:#fff !important;font-size:16px !important;border-radius:12px !important}
.pc-legacy .cart-bottom #ButtonBlue a span,.pc-legacy .cart-bottom #ButtonBlue a i{color:#fff !important;font-size:16px !important}
.pc-legacy .cart-bottom #ButtonOrange a{display:flex !important;width:100%;min-height:46px;justify-content:center;border:1.5px solid var(--ink) !important;background:var(--surface) !important;color:var(--ink) !important;font-size:15px !important;border-radius:12px !important;margin:0 !important}
.pc-legacy .cart-bottom #ButtonOrange a span{font-size:15px !important}
/* 結帳三步驟 */
.pc-legacy .checkout{margin-top:6px}
.pc-legacy .checkout-heading .marker-chekout{display:flex;align-items:center;gap:10px;font-family:var(--serif);font-size:17px;font-weight:700;color:var(--ink)}
.pc-legacy .checkout-heading .marker-chekout span{font:inherit}
.pc-legacy .checkout-content{padding:16px !important}
.pc-legacy .login-content{display:block;margin:0}
.pc-legacy .login-content .col-sm-6{float:none !important;width:100% !important;padding:0 !important}
.pc-legacy .login-content .left,.pc-legacy .login-content .right{padding:0 !important;margin:0 !important;border:0 !important;background:none !important}
.pc-legacy .login-content #login.right{margin-top:18px !important;padding-top:16px !important;border-top:1px solid var(--line) !important}
.pc-legacy .login-content .heading{display:flex;align-items:center;gap:10px;margin:0 0 10px;padding:0 !important;border:0 !important;background:none !important}
.pc-legacy .login-content .heading i{font-size:20px;color:var(--lotus);width:auto}
.pc-legacy .login-content .heading h2{margin:0;font-size:16px;font-family:var(--serif)}
.pc-legacy .login-content .heading b{display:block;font-size:12.5px;font-weight:400;color:var(--muted)}
.pc-legacy .login-content label.radio{display:flex !important;align-items:center;gap:10px;margin:0;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface);font-size:15px;font-weight:600;cursor:pointer}
.pc-legacy .login-content .extra-wrap+.extra-wrap{margin-top:8px}
.pc-legacy .login-content label.radio b{font-weight:600}
.pc-legacy .login-content .login-padd{margin:12px 0 !important;font-size:13px;color:var(--muted);line-height:1.55}
.pc-legacy .login-content .padd-form{padding:0 0 6px !important}
.pc-legacy .login-content .login-buttons{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:6px}
.pc-legacy .login-content .link-login{font-size:13.5px;color:var(--lotus);font-weight:600}
.pc-legacy .checkout .button-cont-right,.pc-legacy .checkout a.button{display:flex !important;width:100%;min-height:48px;justify-content:center;align-items:center;margin:14px 0 0 !important;border:0 !important;border-radius:12px !important;background:var(--saffron) !important;color:#fff !important;font-size:16px !important;font-weight:700}
.pc-legacy .checkout .button-cont-right span,.pc-legacy .checkout .button-cont-right i,.pc-legacy .checkout a.button span,.pc-legacy .checkout a.button i{color:#fff !important;font-size:16px !important}
.pc-legacy .checkout .login-buttons .button-cont-right{width:auto;flex:1;margin:0 !important}
.pc-legacy .guest_checkout_info{float:none !important;width:100% !important;padding:0 !important;margin:0 !important}
.pc-legacy .guest_checkout_info+.guest_checkout_info{margin-top:6px !important}
.pc-legacy .guest_checkout_info>span.required,.pc-legacy .guest_checkout_info span.required{display:block;margin:0 0 6px;font-size:14px;font-weight:600;color:var(--ink) !important}
.pc-legacy .guest_checkout_info span.required i{color:var(--saffron);margin-right:4px}
.pc-legacy .guest_checkout_info>br,.pc-legacy .guest_checkout_info p>br,.pc-legacy .guest_checkout_info div>br{display:none}
.pc-legacy .guest_checkout_info p{margin:0 0 16px !important;padding:0 !important}
.pc-legacy .guest_checkout_info input.large-field{width:100% !important;margin:0 !important}
.pc-legacy .guest_checkout_info>div[style]{padding:0 !important;margin:0 0 14px !important;width:100% !important;text-align:left !important}
.pc-legacy .guest_checkout_info input[type="radio"]+label{display:inline;margin:0 12px 0 0;font-weight:400}
.pc-legacy .SA_communication_method{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 10px}
.pc-legacy .SA_communication_method label.radio-inline{margin:0 !important;padding:8px 12px !important;border:1px solid var(--line);border-radius:999px;background:var(--surface);font-size:14px;font-weight:500}
.pc-legacy .SA_communication_method label.radio-inline:has(label.label-radiocharm.active){border-color:var(--lotus)}
/* radiocharm 畫出來的選項（通訊方式、付款方式…）：外層藥丸不留內距，讓選中的顏色鋪滿整個區塊 */
.pc-legacy label.radio-inline:has(> label.label-radiocharm){padding:0 !important;overflow:hidden;border-radius:999px}
.pc-legacy label.label-radiocharm:not(.sa-pay){display:flex !important;align-items:center;gap:8px;width:100%;box-sizing:border-box;margin:0 !important;padding:11px 14px !important;border:0 !important;border-radius:inherit !important;background:var(--stone) !important;background-image:none !important;color:var(--ink) !important;font-size:15px;font-weight:600;line-height:1.3;cursor:pointer;-webkit-tap-highlight-color:transparent}
.pc-legacy label.label-radiocharm.active{background:var(--lotus) !important;background-image:none !important;color:#fff !important}
.pc-legacy label.label-radiocharm em{font-size:18px !important;line-height:1}
.pc-legacy label.label-radiocharm input[type="radio"]{position:absolute;opacity:0;width:1px;height:1px;margin:0}
.pc-legacy .Msg_txt{margin:6px 0 0;font-size:13px;color:var(--muted)}
.pc-legacy .Msg_Icon{color:var(--lotus)}
.pc-legacy .checkout p.num_section_Title{display:block;margin:0 0 12px;padding:0 !important;font-family:var(--sans);font-size:14.5px !important;font-weight:400 !important;line-height:1.65;color:var(--ink) !important}
.pc-legacy .checkout p.num_section_Title font,.pc-legacy .checkout label>font{color:var(--saffron) !important;font-weight:700;margin-right:4px}
.pc-legacy .checkout p.num_section_Title img{display:block;max-width:100%;margin:10px 0 4px;border-radius:12px}
.pc-legacy .checkout label{font-size:14.5px;font-weight:400;line-height:1.65}
.pc-legacy .checkout textarea{margin:8px 0 0;min-height:100px}
.pc-legacy .checkout .highlight{margin:0 0 10px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.pc-legacy .checkout .highlight label.radio{display:flex;align-items:center;gap:8px;padding:0 !important;margin:0;font-size:14.5px}
.pc-legacy .checkout .buttons{margin:14px 0 0 !important}
.pc-legacy .checkout .buttons #ButtonOrange,.pc-legacy .checkout .buttons .right{float:none !important;width:100%;text-align:center}
.pc-legacy .checkout .fright{float:none !important}
.pc-legacy .checkout .checkout-product table{width:100%;border-collapse:collapse;font-size:14px}
.pc-legacy .checkout .checkout-product th,.pc-legacy .checkout .checkout-product td{padding:9px 6px;border:0;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.pc-legacy .checkout .checkout-product td.total,.pc-legacy .checkout .checkout-product td.price{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.pc-legacy .checkout .checkout-product .pricedwn{font-weight:700;color:var(--laterite)}
.pc-legacy .checkout .payment{margin-top:14px;font-size:14.5px;line-height:1.65}
.pc-legacy .checkout .wait{display:inline-block;margin:0 0 8px;font-size:13px;color:var(--muted)}
.pc-legacy .checkout .error{display:block;margin:4px 0 8px;font-size:12.5px;color:var(--sale)}
.pc-legacy .ErrorBox_Triangle_outer,.pc-legacy .ErrorBox_Triangle_inside{display:none !important}
/* 帳號頁：訂單列表、訂單明細、表單 */
.pc-legacy .order-list{margin:0 0 12px;padding:14px 16px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}
.pc-legacy .order-list .heading-order-list{display:flex;justify-content:space-between;gap:10px;margin:0 0 8px;font-size:14px}
.pc-legacy .order-list .order-id{font-weight:700}
.pc-legacy .order-list .order-status{color:var(--lotus);font-weight:600}
.pc-legacy .order-list .order-content .row{display:block}
.pc-legacy .order-list .col-sm-4{float:none !important;width:100% !important;padding:0 !important;margin:0 0 6px;font-size:14px}
.pc-legacy .order-list .or-price{font-weight:700;color:var(--laterite)}
.pc-legacy .order-list .button{width:100%;margin-top:8px !important}
.pc-legacy table.form{width:100%}
.pc-legacy table.form td{display:block;padding:0 0 6px;border:0}
.pc-legacy .account-account .content ul,.pc-legacy .box-container .content ul{list-style:none;margin:0;padding:0}
.pc-legacy .account-account .content ul li a,.pc-legacy .box-container .content>ul li a{display:block;padding:13px 0;border-bottom:1px solid var(--line);font-weight:500}
/* 行程頁最上面的幻燈片不要圓角 */
.pc-legacy .Mobile_Product_Page .PicFrame,.pc-legacy .flexslider,.pc-legacy .flexslider ul.slides,.pc-legacy .flexslider .slides li,.pc-legacy .flexslider .slides img,.pc-legacy .flexslider .flex-viewport{border-radius:0 !important}
/* 注意事項：資料多，字與行高縮小；每一條是「標題＋內文」，條與條之間用細線分隔，■ 項目改成真正的清單（pc.js） */
.pc-legacy .tabs .tab-content_notice{padding:10px 16px 8px !important}
/* 注意事項的小標題（2026-09-10 使用者：標題比內文小，看起來不平衡）。
   原本標題 13px/600、內文 13.5px/400——標題比內文還小 0.5px，加上標題是磚紅色、
   內文是墨色，標題讀起來反而比內文弱。改成 15px/700（使用者從三組樣張裡選的 A 組），
   內文維持 13.5px 不動，層級比例約 1.11。內文的規則在下面 .rm_content1，不要一起改。 */
.pc-legacy .tab-content_notice .rm_title1{float:none !important;width:100% !important;margin:0;padding:12px 0 5px !important;border-top:1px solid var(--line);font-size:15px;font-weight:700;color:var(--laterite);line-height:1.4;letter-spacing:.01em}
.pc-legacy .tab-content_notice .rm_title1:first-child{border-top:0;padding-top:8px !important}
.pc-legacy .tab-content_notice .rm_title1 b{font-size:15px;font-weight:700}
.pc-legacy .tab-content_notice .extra-wrap{overflow:visible !important;margin:0 0 8px;padding:0 !important}
.pc-legacy .tab-content_notice .rm_content1{display:block;margin:0;padding:0 !important;font-size:13.5px !important;line-height:1.6 !important;letter-spacing:0 !important;color:var(--ink)}
.pc-legacy .tab-content_notice .rm_content1 p{margin:0 0 4px;font-size:13.5px !important;line-height:1.6}
.pc-legacy .tab-content_notice .rm_content1 a{color:var(--lotus) !important;font-weight:600}
/* 內文裡做成按鈕的連結（例如「即時客服」）：白字橘底 */
.pc-legacy .tab-content_notice .rm_content1 a[style*="background"]{display:inline-block;color:#fff !important;background:var(--saffron) !important;border-radius:999px;padding:0 14px !important;line-height:2.2 !important;font-size:12.5px !important;font-weight:600;vertical-align:middle}
.pc-legacy .tab-content_notice .rm_content1 i.fa{font-size:1em !important;vertical-align:baseline;margin-left:2px}
.pc-legacy .tab-content_notice .rm_content1 br+br{display:none}
.pc-legacy .sa-notes{list-style:none;margin:2px 0 0;padding:0}
.pc-legacy .sa-notes li{position:relative;padding:2px 0 2px 14px;line-height:1.55}
.pc-legacy .sa-notes li:last-child{padding-bottom:0}
.pc-legacy .sa-notes li::before{content:"";position:absolute;left:1px;top:9px;width:6px;height:6px;border-radius:2px;background:var(--saffron)}
/* 住宿對話框裡的地圖連結獨立一列 */
/* 「酒店範圍」按鈕一律靠右；舊站樣式表（responsive.css、jquery.SA_popup_Dialog.css）給這個
   容器 div 加了底色、3px 邊框、圓角與陰影，藥丸鈕底下才會多出一個方塊，這裡一併清掉 */
/* 購物車底部按鈕滿版 */
.pc-legacy .cart-bottom{float:none !important;width:100% !important}
.pc-legacy.checkout-cart .cart-bottom .buttons,.pc-legacy .cart-bottom .buttons{float:none !important;width:100% !important;padding:0 !important;margin:0 !important}
.pc-legacy.checkout-cart .cart-bottom .buttons #ButtonOrange a,.pc-legacy.checkout-cart .cart-bottom .buttons #ButtonBlue a{padding:0 16px !important;margin:0 !important}
.pc-legacy.checkout-cart .cart-bottom .buttons a i{width:auto !important;margin:0 6px 0 0 !important}
/* 舊站的 #ButtonOrange / #ButtonBlue 外框（橘色粗邊、浮動）在手機一律拿掉，只留裡面的按鈕 */
.pc-legacy #ButtonOrange,.pc-legacy #ButtonBlue{float:none !important;display:block;width:auto;margin:0;padding:0;border:0 !important;border-radius:0 !important;background:none !important;letter-spacing:0 !important;line-height:normal !important;transform:none !important;transition:none !important}
.pc-legacy #ButtonOrange a,.pc-legacy #ButtonBlue a{padding:0 16px !important;font-size:15px !important}
.pc-legacy .SA_popup_Dialog .hotel_prompt_box .dialog_info,.pc-legacy .sa-ht .hotel_prompt_box .dialog_info{display:none}
.pc-legacy .SA_popup_Dialog.ios .SA_popup_Dialog_info{overflow:visible !important}
/* 對話框裡的地圖連結不浮動 */
/* 購物車金額不換行 */
.pc-legacy .cart-info .unit_price{white-space:nowrap;width:auto !important;max-width:none !important;float:none !important}
/* 結帳表單：必填圖示與文字同一列；A./B./C. 字母大小跟內文一樣 */
.pc-legacy .guest_checkout_info span.required i{display:inline !important;font-size:14px !important;line-height:inherit !important;padding:0 !important;margin:0 4px 0 0;vertical-align:baseline;float:none !important}
.pc-legacy .checkout p.num_section_Title font,.pc-legacy .checkout label>font{font-size:inherit !important;line-height:inherit !important}
/* 搜尋結果：每個行程一張卡 */
.pc-legacy .product-grid ul.row,.pc-legacy .product-list ul.row{display:block;margin:0;padding:0;list-style:none}
.pc-legacy .product-grid ul li,.pc-legacy .product-list ul li{float:none !important;width:100% !important;margin:0 0 12px !important;padding:0 !important;border:0 !important}
.pc-legacy .product-grid ul li .padding,.pc-legacy .product-list ul li .padding{padding:0 !important;border:1px solid var(--line) !important;border-radius:16px;background:var(--surface) !important;background-image:none !important;box-shadow:none !important;overflow:hidden}
.pc-legacy .product-grid .image,.pc-legacy .product-list .image{width:100% !important;background:var(--stone) !important;aspect-ratio:16/9;overflow:hidden}
.pc-legacy .product-grid .image img,.pc-legacy .product-list .image img{display:block;width:100%;height:100%;object-fit:cover}
.pc-legacy .product-grid .name,.pc-legacy .product-list .name{margin:0 !important;padding:12px 14px 0;height:auto !important}
.pc-legacy .product-grid .name a,.pc-legacy .product-list .name a{font-family:var(--serif);font-size:16px;font-weight:700;line-height:1.35;color:var(--ink) !important;letter-spacing:0}
.pc-legacy .product-grid .description,.pc-legacy .product-list .description{margin:6px 0 0 !important;padding:0 14px;font-size:13px !important;line-height:1.55;color:var(--muted);letter-spacing:0}
.pc-legacy .product-grid .price,.pc-legacy .product-list .price{float:none !important;width:auto !important;max-width:none !important;margin:10px 14px 0 !important;font-size:20px !important;letter-spacing:0 !important;font-weight:700;color:var(--laterite)}
.pc-legacy .product-grid .price .price-old,.pc-legacy .product-list .price .price-old{margin-left:6px;font-size:13px;color:var(--muted);font-weight:400}
.pc-legacy .product-grid .cart-button,.pc-legacy .product-list .cart-button{display:flex;align-items:center;gap:8px;padding:10px 14px 14px !important;margin:0}
.pc-legacy .product-grid .cart,.pc-legacy .product-list .cart{float:none !important;flex:1;box-shadow:none !important;border-radius:0;background:none !important}
.pc-legacy .product-grid .cart a.button,.pc-legacy .product-list .cart a.button{width:100%}
.pc-legacy .product-grid .wishlist a,.pc-legacy .product-grid .compare a,.pc-legacy .product-list .wishlist a,.pc-legacy .product-list .compare a{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:var(--stone);color:var(--muted) !important;font-size:16px}
.pc-legacy .product-grid .clear{display:none}
.pc-legacy .product-filter{border:0 !important;padding:0 !important;margin:0 0 12px !important;line-height:1.5 !important}
.pc-legacy .product-filter .sort,.pc-legacy .product-filter .limit{float:none !important;margin:0 !important;display:inline-flex;align-items:center;gap:6px;font-weight:400}
.pc-legacy .product-filter select{width:auto !important;display:inline-block}
.pc-legacy .pagination .results{margin-top:6px}
.pc-legacy .box-container .checkbox label{display:flex;align-items:center;gap:8px;font-weight:400}
/* 找不到頁面 */
.pc-legacy #BTN_PAGE_NOT_FOUND{position:static !important;width:auto !important;margin:16px 0 !important;padding:0 !important;bottom:auto !important;left:auto !important}
.pc-legacy #Text_Nothing,.pc-legacy #Diag_Cookie{margin:0 0 12px;font-size:15px}
.pc-legacy #Diag_Cookie .infobox{padding:14px 16px;border-radius:14px;background:#FFF6E0;border:1px solid #F1DCA8}
.pc-legacy #Diag_Cookie h2{margin:0 0 6px;font-size:16px}
/* 英文版行程頁的星星印章（沒有英文印章圖，用 CSS 畫一個） */
.pc-legacy span.sa-stamp-en{display:inline-flex !important;flex-direction:column;align-items:center;justify-content:center;width:64px !important;height:64px !important;margin:-16px 0 10px -14px !important;border:3px double #B3261E;border-radius:50%;background:#fff;color:#B3261E;font-family:var(--sans);line-height:1;transform:rotate(-12deg);box-shadow:inset 0 0 0 2px #fff,0 1px 2px rgba(0,0,0,.08);opacity:.92}
.pc-legacy span.sa-stamp-en b{font-size:26px;font-weight:800;letter-spacing:-.02em}
.pc-legacy span.sa-stamp-en i{font-style:normal;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-top:2px}
/* 行程介紹／景點介紹的內文：把舊 CMS 塞進來的行內樣式（Lato 18px、灰字、鮮紅／鮮綠／鮮藍）統一成網站的字體與配色 */
.pc-legacy .tab-content ul,.pc-legacy .tab-content ol,.pc-legacy .SA_Tour_DEST_Content ul,.pc-legacy .SA_Tour_DEST_Content ol{font-family:inherit !important;font-size:15px !important;line-height:1.65 !important;color:var(--ink) !important;margin:6px 0 14px !important;padding:0 0 0 22px !important;letter-spacing:0 !important}
.pc-legacy .tab-content li,.pc-legacy .SA_Tour_DEST_Content li{margin:0 0 6px !important;padding:0 0 0 2px;font-family:inherit !important;font-size:15px !important;line-height:1.6 !important;color:var(--ink) !important;letter-spacing:0 !important}
.pc-legacy .tab-content ul>li::marker,.pc-legacy .SA_Tour_DEST_Content ul>li::marker{color:var(--muted);font-size:12px}
.pc-legacy .tab-content ol>li::marker,.pc-legacy .SA_Tour_DEST_Content ol>li::marker{color:var(--saffron);font-weight:700;font-variant-numeric:tabular-nums}
.pc-legacy .tab-content p,.pc-legacy .SA_Tour_DEST_Content p{color:var(--ink)}
.pc-legacy .tab-content strong[style],.pc-legacy .tab-content b[style],.pc-legacy .SA_Tour_DEST_Content strong[style],.pc-legacy .SA_Tour_DEST_Content b[style]{font-family:inherit !important;font-size:inherit !important;line-height:inherit !important}
/* 圖例式的清單項（整項只有一段上了顏色的文字，例如「小圈 – Small Circle」）：pc.js 會把顏色改成色點、文字用正常墨色 */
.pc-legacy .tab-content li.sa-legend,.pc-legacy .SA_Tour_DEST_Content li.sa-legend{list-style:none;display:flex;align-items:center;gap:10px;margin:0 0 8px -22px !important;font-weight:600}
.pc-legacy .tab-content li.sa-legend::before,.pc-legacy .SA_Tour_DEST_Content li.sa-legend::before{content:"";flex:0 0 12px;width:12px;height:12px;border-radius:50%;background:var(--tag,var(--saffron));box-shadow:0 0 0 3px color-mix(in srgb,var(--tag,var(--saffron)) 18%,transparent)}
.pc-legacy .tab-content li.sa-legend [style]{color:inherit !important}
/* 內文裡上了顏色的字：統一用赤土色強調，不用鮮紅 */
.pc-legacy .tab-content span[style*="color"],.pc-legacy .SA_Tour_DEST_Content span[style*="color"],.pc-legacy .tab-content font[style*="color"],.pc-legacy .tab-content_notice font[style*="color"],.pc-legacy .box-container font[style*="color"],.pc-legacy .box-container span[style*="color"]{color:var(--laterite) !important;letter-spacing:0 !important;font-size:inherit !important;line-height:inherit !important;font-family:inherit !important}
.pc-legacy .tab-content .SA_Tour_DEST_title span[style]{font-size:inherit !important}
/* 整段紅字（div／p 直接上 color:#ff0000）：改成提醒框 */
.pc-legacy .tab-content div[style*="color:#ff0000"],.pc-legacy .tab-content div[style*="color: #ff0000"],.pc-legacy .tab-content p[style*="color:#ff0000"],.pc-legacy .tab-content p[style*="color: #ff0000"],.pc-legacy .tab-content_notice div[style*="color:#ff0000"],.pc-legacy .tab-content_notice div[style*="color: #ff0000"],.pc-legacy .tab-content_notice p[style*="color:#ff0000"],.pc-legacy .tab-content_notice p[style*="color: #ff0000"]{display:block;margin:8px 0 10px !important;padding:10px 12px 10px 14px !important;border-left:3px solid var(--sale);border-radius:10px;background:#FFF1EE;color:var(--ink) !important;font-size:13.5px !important;line-height:1.6 !important}
/* 螢光筆式的重點：舊的黃底陰影改成柔和的底線色塊 */
.pc-legacy .tab-content .highlight_underline,.pc-legacy .SA_Tour_DEST_Content .highlight_underline,.pc-legacy .tab-content span[style*="box-shadow"],.pc-legacy .SA_Tour_DEST_Content span[style*="box-shadow"]{box-shadow:inset 0 -.45em 0 #FFE3A1 !important;background:none !important;padding:0 2px !important;color:var(--ink) !important;border-radius:2px}
/* 內文連結：湖水綠、加粗、不加底線（有底色的按鈕式連結另有規則） */
.pc-legacy .tab-content a[style*="color"]:not([style*="background"]),.pc-legacy .SA_Tour_DEST_Content a[style*="color"]:not([style*="background"]),.pc-legacy .tab-content_notice a[style*="color"]:not([style*="background"]){color:var(--lotus) !important;font-weight:600}
/* 整段斜體（引用官方介紹）：改成引言框 */
.pc-legacy .tab-content p>em:only-child{display:block;margin:2px 0 12px;padding:8px 14px;border-left:3px solid var(--line);color:var(--muted);font-style:normal;font-size:14px;line-height:1.65}
/* 空狀態：購物車沒有行程、找不到頁面（error/not_found.tpl 手機分支） */
.pc-legacy .sa-empty{display:flex;flex-direction:column;align-items:center;text-align:center;margin:28px 0 24px;padding:32px 20px 26px;background:var(--surface);border:1px solid var(--line);border-radius:18px}
.pc-legacy .sa-empty-icon{width:84px;height:84px;margin:0 0 16px;border-radius:50%;background:var(--stone);display:grid;place-items:center;color:var(--laterite)}
.pc-legacy .sa-empty-icon svg{width:44px;height:44px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.pc-legacy .sa-empty-title{margin:0 0 8px !important;padding:0 !important;font-size:21px !important;line-height:1.3 !important;color:var(--ink) !important;letter-spacing:0 !important;border:0 !important;text-align:center}
.pc-legacy .sa-empty-sub{margin:0 0 20px !important;font-size:14.5px !important;line-height:1.6;color:var(--muted);max-width:26em}
.pc-legacy .sa-empty-actions{display:grid;gap:10px;width:100%;max-width:320px}
.pc-legacy .sa-empty-actions a{display:flex;align-items:center;justify-content:center;min-height:48px;padding:0 18px;border-radius:12px;font-size:15.5px;font-weight:700;text-decoration:none !important;box-shadow:none}
.pc-legacy .sa-empty-actions a.sa-empty-primary{background:var(--saffron);color:#fff !important}
.pc-legacy .sa-empty-actions a.sa-empty-secondary{background:var(--surface);color:var(--laterite) !important;border:1.5px solid var(--line)}
.pc-legacy #Diag_Cookie{display:none;margin:0 !important}
.pc-legacy #Diag_Cookie[style*="visibility: visible"],.pc-legacy #Diag_Cookie[style*="visibility:visible"]{display:block}
.pc-legacy #Diag_Cookie .infobox{margin:12px 0 !important;padding:16px !important;border-radius:14px;background:#FFF6E0 !important;text-align:left !important}
.pc-legacy #Diag_Cookie h2{font-size:17px !important;margin:0 0 8px !important}
.pc-legacy #Diag_Cookie p{font-size:14px !important}
.pc-legacy #BTN_PAGE_NOT_FOUND{position:static !important;right:auto !important;bottom:auto !important}
/* 資訊頁卡片（成立緣由、運作方式…）2026-09-05 重新排版：拿掉標題前的圖示、編號放到標題前、字級與配色統一 */
.pc-legacy .box-container .HoToWork i,.pc-legacy .box-container div[style*="width:100%"]>div:has(>i.fa)>i.fa{display:none !important}
.pc-legacy .box-container div[style*="width:100%"]>div:has(>i.fa){display:block !important;padding-right:0}
.pc-legacy .box-container .num_section_box,.pc-legacy .box-container .num_section_box2,.pc-legacy .box-container .HowToWork_article,.pc-legacy .box-container .SA_article>div[style*="width:100%"]{padding:18px 16px 10px !important;margin:12px 0 0 !important}
.pc-legacy .box-container .num_section,.pc-legacy .box-container .HowToWork_num_section,.pc-legacy .box-container .num_section2{top:17px !important;right:auto !important;left:16px !important;width:26px !important;height:26px !important;min-width:0 !important;margin:0 !important;padding:0 !important;border-radius:50% !important;background:var(--saffron) !important;color:#fff !important;font:700 13px/26px var(--sans) !important;text-align:center !important;letter-spacing:0 !important;box-shadow:none !important}
.pc-legacy .box-container .HoToWork{padding:0 0 0 36px !important;min-height:26px;margin:0 0 6px !important}
.pc-legacy .box-container .num_section_Title,.pc-legacy .box-container .HowToWork_num_section_Title{font-size:18px !important;line-height:1.35 !important;color:var(--ink) !important}
.pc-legacy .box-container .num_section_textDw p[style*="italic"]{font-style:normal !important;font-size:13.5px !important;line-height:1.5;color:var(--muted) !important;margin:0 0 10px !important;padding-left:36px}
.pc-legacy .box-container .num_section_textDw p{font-size:15px !important;line-height:1.7 !important;color:var(--ink) !important;margin:0 0 10px !important}
.pc-legacy .box-container .num_section_textDw b,.pc-legacy .box-container .num_section_textDw strong{font-weight:600;color:var(--laterite)}
.pc-legacy .box-container .num_section_textDw p>strong:only-child{display:block;padding:8px 12px;margin:0 0 12px;border-radius:10px;background:var(--stone);color:var(--laterite);font-size:15px}
.pc-legacy .box-container .num_section_textDw br+br{display:none}
/* 行程頁必填欄位沒填時的提示（舊站 JS 在欄位後面插入 span.error#errorXXX…，原本是紅底斜紋的大色塊）：改成欄位下方的一行小提示，欄位外框同時變紅 */
.pc-legacy span.error[id^="errorXXX"]{display:flex !important;align-items:center;gap:7px;width:auto !important;min-height:0 !important;height:auto !important;margin:5px 0 14px !important;padding:8px 12px !important;border:0 !important;border-left:3px solid var(--sale) !important;border-radius:8px !important;background:#FDECEA !important;background-image:none !important;color:#8A1C12 !important;font-size:13px !important;font-weight:500 !important;line-height:1.45 !important;letter-spacing:0 !important;text-align:left !important;text-shadow:none !important;box-shadow:none !important;animation:none !important;transform:none !important;position:static !important;float:none !important;clear:both}
.pc-legacy span.error[id^="errorXXX"] .ErrorBox_Triangle_outer,.pc-legacy span.error[id^="errorXXX"] .ErrorBox_Triangle_inside{display:none !important}
.pc-legacy span.error[id^="errorXXX"] i.fa{flex:0 0 auto;font-size:13px !important;line-height:1 !important;color:var(--sale) !important;margin:0 !important;padding:0 !important;width:auto !important;height:auto !important}
.pc-legacy .option:has(+span.error[id^="errorXXX"]) input,.pc-legacy .option:has(+span.error[id^="errorXXX"]) select,.pc-legacy .option:has(+span.error[id^="errorXXX"]) textarea{border-color:var(--sale) !important;box-shadow:0 0 0 3px #FDECEA !important}
/* 行程頁「網友怎麼說」：上方的實績數字 + Disqus 沒留言時的替代內容 */
.pc-legacy .sa-proof{margin:2px 0 14px;padding:16px 16px 12px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}
.pc-legacy .sa-proof-score{display:flex;align-items:center;gap:14px;padding:0 0 14px;border-bottom:1px solid var(--line)}
.pc-legacy .sa-proof-score>b{font-family:var(--serif);font-size:38px;line-height:1;font-weight:700;color:var(--laterite);font-variant-numeric:tabular-nums}
.pc-legacy .sa-proof-score>div{min-width:0}
.pc-legacy .sa-proof-stars{display:flex;gap:2px;margin:0 0 3px}
.pc-legacy .sa-proof-stars svg{width:14px;height:14px;fill:#DCD6CB}
.pc-legacy .sa-proof-stars svg.on{fill:#F5A623}
.pc-legacy .sa-proof-stars svg.half{fill:#F5C97A}
.pc-legacy .sa-proof-score small{display:block;font-size:14px;font-weight:600;color:var(--ink);line-height:1.3}
.pc-legacy .sa-proof-score em{display:block;margin-top:2px;font-style:normal;font-size:12px;color:var(--muted);line-height:1.4}
.pc-legacy .sa-proof-cells{display:flex;padding:12px 0 2px}
.pc-legacy .sa-proof-cells>div{flex:1;min-width:0;text-align:center;padding:0 4px;border-left:1px solid var(--line)}
.pc-legacy .sa-proof-cells>div:first-child{border-left:0}
.pc-legacy .sa-proof-cells b{display:block;font-family:var(--serif);font-size:19px;line-height:1.2;color:var(--ink);font-variant-numeric:tabular-nums}
.pc-legacy .sa-proof-cells span{display:block;margin-top:3px;font-size:11.5px;line-height:1.35;color:var(--muted)}
.pc-legacy .sa-proof-note[hidden]{display:none !important}
.pc-legacy .sa-proof-note{margin:12px 0 0 !important;padding-top:10px;border-top:1px solid var(--line);font-size:12.5px !important;line-height:1.55 !important;color:var(--muted) !important}
.pc-legacy .sa-proof-ask{margin:4px 0 8px;padding:16px;border-radius:14px;background:var(--lotus-soft);text-align:center}
.pc-legacy .sa-proof-ask[hidden]{display:none}
.pc-legacy .sa-proof-ask p{margin:0 0 12px !important;font-size:14px !important;line-height:1.6 !important;color:var(--ink) !important}
.pc-legacy a.sa-proof-chat{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 22px;border-radius:999px;background:var(--lotus);color:#fff !important;font-size:14.5px;font-weight:700;text-decoration:none !important}
/* iDisqus 在沒有 thread 時會把「創建 Thread」的管理表單畫出來：訪客不該看到 */
.pc-legacy #disqus_thread:has(.comment-thread-form){display:none !important}
.pc-legacy #disqus_thread .comment-thread-form,.pc-legacy #disqus_thread .comment-header:has(+.comment-thread-form){display:none !important}
/* 停售行程的提示對話框（pc.js 產生） */
.sa-dialog-wrap{position:fixed;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(28,42,46,0);transition:background .18s ease}
.sa-dialog-wrap.is-in{background:rgba(28,42,46,.62)}
.sa-dialog{width:min(100%,340px);padding:26px 22px 20px;border-radius:22px;background:var(--surface);box-shadow:0 24px 60px rgba(28,42,46,.32);text-align:center;transform:translateY(12px) scale(.98);opacity:0;transition:transform .18s ease,opacity .18s ease}
.sa-dialog-wrap.is-in .sa-dialog{transform:none;opacity:1}
.sa-dialog svg{width:56px;height:56px;margin:0 auto 12px;stroke:var(--sale);fill:none;stroke-width:2.4;stroke-linecap:round}
.sa-dialog b{display:block;font-family:var(--serif);font-size:19px;line-height:1.3;color:var(--ink)}
.sa-dialog p{margin:8px 0 0;font-size:14px;line-height:1.55;color:var(--muted)}
.sa-dialog-btns{display:flex;gap:10px;margin-top:18px}
/* 按鈕跟全站 popup 同一套：次要白底細框、主要橘色漸層，按下去往下沉並換成內凹陰影。
   -webkit-tap-highlight-color 一定要清掉，不然 Android 會在按下的瞬間蓋一層藍綠色的
   點擊高亮（2026-09-06 使用者截圖看到的青色方塊就是它，不是我們的樣式）。 */
.sa-dialog-btns>*{flex:1}
.sa-dialog-more{text-decoration:none}
@media (prefers-reduced-motion:reduce){.sa-dialog-wrap,.sa-dialog{transition:none}}
/* 選項標籤：必填／選填改成一眼看得懂的小標籤，不用打勾與問號圖示 */
.pc-legacy .option .required i.fa-check-circle,.pc-legacy .option .Product_Option_Label>i.fa-question-circle,.pc-legacy .guest_checkout_info span.required i.fa-check-circle{display:none !important}
.pc-legacy .option .required::before,.pc-legacy .option .Product_Option_Label:has(>i.fa-question-circle)::before,.pc-legacy .guest_checkout_info span.required::before{content:"必填";display:inline-block;margin:0 7px 0 0;padding:0 6px;border-radius:5px;background:var(--saffron);color:#fff;font-family:var(--sans);font-size:10.5px;font-weight:600;line-height:17px;letter-spacing:.04em;vertical-align:2px;white-space:nowrap}
.pc-legacy .option .Product_Option_Label:has(>i.fa-question-circle)::before{content:"選填";background:var(--stone);color:var(--muted)}
.pc-legacy[data-lang="sc"] .option .Product_Option_Label:has(>i.fa-question-circle)::before{content:"选填"}
.pc-legacy[data-lang="en"] .option .required::before,.pc-legacy[data-lang="en"] .guest_checkout_info span.required::before{content:"Required"}
.pc-legacy[data-lang="en"] .option .Product_Option_Label:has(>i.fa-question-circle)::before{content:"Optional"}
.pc-legacy .option .Product_Option_Label:has(>.required)::before{content:none}
/* ---------- LiveChat 浮動按鈕（手機／平板）：往下捲時讓路，捲停或往上捲再回來（class 由 pc.js 掛在 html 上） ----------
   LiveChat 自己在管這個元素的樣式，transform、bottom、opacity 設了都會被它蓋回去（opacity 還會卡住
   一個跑不完的 transition，泡泡會永遠不顯示）。實測只有 margin-bottom 與 visibility 壓得住，
   所以位移一律走 margin-bottom，不要碰 opacity。
   也不要對它下 transition：只要屬性上掛著過渡，LiveChat 每幀重寫樣式就會讓那個 CSSTransition
   永遠跑不完，值被鎖在起點（整條規則等於失效）。所以是瞬間切換，沒有動畫。 */
html.chat-away #chat-widget-container{margin-bottom:var(--sa-chat-away,-120px) !important;pointer-events:none !important}
/* 有底部固定操作列的頁面（行程頁「加入購物車」、購物車頁）：泡泡上移，不壓在按鈕列上 */
html.chat-lift #chat-widget-container{margin-bottom:66px !important}
html.chat-lift.chat-away #chat-widget-container{margin-bottom:var(--sa-chat-away,-120px) !important}
/* 全螢幕選單，或任何跳出的控制項（日曆、住宿對話框、底部清單、通訊 ID 視窗…）打開時整個收起來 */
html.menu-open #chat-widget-container,html.chat-hide #chat-widget-container{display:none !important}
/* ---------- 跳出視窗一律鎖住背景（class 由 pc.js 掛在 html 上） ----------
   標準是住宿地點那個對話框（舊站 jquery.SA_popup_Dialog）：背景變深、只能操作視窗本身。
   它其實沒有鎖捲動，只是遮罩擋著；日曆（Zebra_DatePicker）連遮罩都沒有，背景還能捲。
   這裡統一：任何跳出視窗開著就鎖住背景捲動，沒有自帶遮罩的補一層 .sa-scrim。 */
/* 跳出視窗時背景會「跳一下」（2026-09-11 使用者回報，所有對話框都會）：鎖背景是把 html 設成 overflow:hidden，
   Windows 的傳統捲軸（15px）跟著消失，版面寬度一變、置中的內容就往右挪 7px，關掉再挪回來。
   scrollbar-gutter:stable 讓捲軸的位置永遠保留，捲軸消失時寬度不變。只有 PC 需要——手機是浮在內容上的捲軸，不佔寬度。 */
html{scrollbar-gutter:stable}
/* 鎖背景只設在 html，不設 body（2026-09-11 使用者回報：按右欄最後一個欄位，整個選項區往上跳走）。
   body 一設 overflow:hidden 就變成自己的捲動容器，右欄 .pc-buycol 的 position:sticky 改黏在 body 上，
   等於失效、彈回文件裡的原位（實測跳了 1072px）。html 的 overflow:hidden 就足以鎖住捲動，捲軸位置由上面的
   scrollbar-gutter 保留。這條是從手機版抄來的；手機版右欄不是 sticky，所以那邊不受影響。 */
html.sa-modal,html.menu-open{overflow:hidden !important;overscroll-behavior:none}
.sa-scrim{position:fixed;inset:0;z-index:1190;background:rgba(28,42,46,.62)}
/* 日曆本身沒設層級（z-index:auto），補遮罩後要確保它蓋在遮罩上 */
.pc-legacy .Zebra_DatePicker{z-index:1200 !important}
/* 網友怎麼說（iDisqus 留言）：留言多，字與頭像縮小、間距收緊 */
.pc-legacy #disqus_thread{font-size:13px}
.pc-legacy #disqus_thread .comment-list,.pc-legacy #disqus_thread .comment-item-children{line-height:1.5}
.pc-legacy #disqus_thread .comment-item{margin:0 0 8px;padding:0 0 8px;border-bottom:1px solid var(--line)}
.pc-legacy #disqus_thread .comment-item-children .comment-item{border-bottom:0;padding-bottom:0}
.pc-legacy #disqus_thread .comment-avatar,.pc-legacy #disqus_thread .comment-item-avatar{width:32px !important;height:32px !important;margin-right:10px !important}
.pc-legacy #disqus_thread .comment-avatar img,.pc-legacy #disqus_thread .comment-item-avatar img{width:32px !important;height:32px !important;border-radius:8px !important}
.pc-legacy #disqus_thread .comment-item-header{font-size:12.5px !important;line-height:1.3 !important}
.pc-legacy #disqus_thread .comment-item-name{font-size:12.5px !important;font-weight:600;color:var(--ink)}
.pc-legacy #disqus_thread .comment-item-time{font-size:11px !important}
.pc-legacy #disqus_thread .comment-item-content{margin:2px 0 0;font-size:13px !important;line-height:1.55 !important;color:var(--ink)}
.pc-legacy .tab-content #disqus_thread .comment-item-content p,.pc-legacy #disqus_thread .comment-item-content p{margin:0 0 4px !important;font-size:13px !important;line-height:1.55 !important}
.pc-legacy #disqus_thread .comment-item-content img.emojione{width:18px !important;height:18px !important}
.pc-legacy #disqus_thread .comment-item-footer{font-size:11.5px !important;padding:3px 0 !important}
.pc-legacy #disqus_thread .comment-item-children{margin-left:32px !important}
.pc-legacy #disqus_thread .comment-header .comment-header-item{font-size:13px !important;height:30px !important;line-height:30px !important}
.pc-legacy #disqus_thread .comment-navbar{font-size:12px}
.pc-legacy #disqus_thread .comment-loadmore{border-radius:10px;font-size:13.5px;padding:10px 14px}
.pc-legacy #disqus_thread .comment-form-textarea{font-size:14px !important}
/* 折疊區塊：舊版是用固定高度藏內容，標題改高後會露出一行；改成關閉時整個內容不顯示 */
.pc-legacy .tabs{height:auto !important}
.pc-legacy .tabs:not(.active)>*:not(.tab-headingX):not(.tab-heading){display:none !important}
/* 開關的小動畫（跟舊站一樣，關著的時候圓鈕會輕輕來回，提示可以點） */
@keyframes sa-knob{0%,100%{transform:translateX(0)}50%{transform:translateX(7px)}}
@keyframes sa-knob-lg{0%,100%{transform:translateX(0)}50%{transform:translateX(9px)}}
@keyframes sa-track{0%,100%{background-color:#C9C4BA}50%{background-color:#B3ADA0}}
.pc-legacy .toggler:not(:checked)+.button-toggle{animation:sa-track 1.4s ease-in-out infinite !important}
.pc-legacy .toggler:not(:checked)+.button-toggle .handle,.pc-legacy .toggler:not(:checked)+.button-toggle .handle2,.pc-legacy .toggler:not(:checked)+.button-toggle .handle3{animation:sa-knob 1.4s ease-in-out infinite !important}
.pc-legacy .tab-headingX .toggler:not(:checked)+.button-toggle .handle{animation:sa-knob-lg 1.4s ease-in-out infinite !important}
.pc-legacy .toggler:checked+.button-toggle,.pc-legacy .toggler:checked+.button-toggle .handle,.pc-legacy .toggler:checked+.button-toggle .handle2,.pc-legacy .toggler:checked+.button-toggle .handle3{animation:none !important}
@media (prefers-reduced-motion:reduce){.pc-legacy .button-toggle,.pc-legacy .button-toggle .handle,.pc-legacy .button-toggle .handle2,.pc-legacy .button-toggle .handle3{animation:none !important}}
/* 折疊區塊標題的圖示顏色一致（舊佈景對相機、留言圖示另外指定了顏色）。
   用 color:inherit 讓圖示跟著同一行標題文字的顏色走，之後標題改色不會脫鉤
   （2026-09-06 使用者：圖示要跟後面的文字同色，原本是橘色）。 */
.pc-legacy .tabs .tab-headingX i.fa,.pc-legacy .tabs .tab-heading i.fa,.pc-legacy .heading_share .tab-headingX i.fa,.pc-legacy .product-info .tabs i.fa,.pc-legacy .tab-headingX t.fa,.pc-legacy .tab-headingX T.fa,.pc-legacy .tab-headingX t,.pc-legacy .tab-headingX T{color:inherit !important;font-size:18px !important;width:24px;text-align:center;margin-right:8px !important;vertical-align:-1px}
.pc-legacy .heading_share .tab-content a{display:block;margin:0}
/* 舊站頁面裡的付款提示條靠內容區對齊 */
/* 舊站頁面的「最後一天再付款」上下留白（2026-09-06 使用者：再小一點點）。
   實際視覺間距 = 這裡的 margin 再加上外層元素本身的間距（上 20、下 14），上下都是 20px。 */
.pc-legacy .paylater{margin:0 0 4px}

/* 行程頁「行程附 APP 語音導覽」區塊：一張照片卡，文字壓在底部漸層上，簡潔為主。
   2026-09-09 使用者要求改用舊 PC 站同一張圖（女王宮，APP_DL_BGX_3.jpg，800x173 的寬幅）；
   原圖很扁，用 16/9 會裁掉太多，改成 2.6:1，置中裁切剛好留住中央兩尊石像。 */
.pc-legacy .heading_share{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:flex-end;box-sizing:border-box;width:100% !important;height:auto !important;aspect-ratio:2.6/1;min-height:0;margin:0 0 14px !important;padding:0 !important;border:0 !important;border-radius:16px !important;background:#0b1517 url(/image/APP_DL_BG/APP_DL_BGX_3.jpg) center/cover no-repeat !important;box-shadow:0 8px 24px rgba(11,21,23,.18) !important}
.pc-legacy .heading_share::before{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(180deg,rgba(11,21,23,0) 45%,rgba(11,21,23,.78) 100%)}
.pc-legacy .heading_share>*{position:relative;z-index:1}
.pc-legacy .heading_share .tab-headingX{display:block;margin:0 !important;padding:0 16px 3px !important;background:transparent !important;color:#fff !important;font-family:var(--serif) !important;font-size:19px !important;line-height:1.25 !important;letter-spacing:0 !important;text-shadow:0 1px 10px rgba(0,0,0,.5) !important}
.pc-legacy .heading_share .tab-headingX i.fa{display:none !important}
.pc-legacy .heading_share .tab-content{padding:0 16px 14px !important}
.pc-legacy .heading_share .tab-content a{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0}
.pc-legacy .heading_share .tab-content a::after{content:"";flex:0 0 32px;width:32px;height:32px;border-radius:50%;background:var(--saffron) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/16px no-repeat}
.pc-legacy .product-info .heading_share .tab-content .WalShare{flex:1 1 auto;padding:0;background:transparent;border-radius:0;box-shadow:none;color:rgba(255,255,255,.88);font-size:13px !important;line-height:1.45;font-weight:400;text-shadow:0 1px 8px rgba(0,0,0,.5)}
.pc-legacy .heading_share .WalShare .header-font{color:rgba(255,255,255,.88) !important;font-size:13px;text-shadow:0 1px 8px rgba(0,0,0,.5)}

/* 行程頁選項分組卡片（pc.js 依後台「選項群組」或「大圈 - 出發日期」前綴包起來）：白底、左側橘色邊、編號＋段名當標題；預設收合，點標題展開 */
/* 群組卡片原本左側有 4px 橘邊，使用者 2026-09-10 指出「不要後面有橘色線條」，改成四邊都用淡灰細框 */
.pc-legacy .sa-optgroup{margin:2px 0 14px;padding:0;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 2px 10px rgba(30,30,30,.04);overflow:hidden}
.pc-legacy .sa-optgroup-head{display:flex;align-items:center;gap:10px;width:100%;margin:0;padding:13px 12px 13px 14px;border:0;background:none;font:inherit;color:var(--ink);text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent}
.pc-legacy .sa-optgroup-head i{display:inline-flex;align-items:center;justify-content:center;flex:0 0 24px;width:24px;height:24px;border-radius:50%;background:var(--saffron);color:#fff;font-style:normal;font-family:var(--sans);font-size:12.5px;font-weight:700;line-height:1}
.pc-legacy .sa-optgroup-head b{font-family:var(--serif);font-size:17px;font-weight:700;line-height:1.3;color:var(--ink)}
.pc-legacy .sa-optgroup-sum{margin-left:auto;font-size:12.5px;line-height:1.3;color:var(--muted);white-space:nowrap}
.pc-legacy .sa-optgroup-sum.is-left{color:var(--laterite);font-weight:600}
.pc-legacy .sa-optgroup-sum.is-ok{color:var(--lotus);font-weight:600}
.pc-legacy .sa-optgroup-sum.is-ok::before{content:"\2713  "}
.pc-legacy .sa-optgroup-head svg{flex:0 0 18px;width:18px;height:18px;fill:none;stroke:var(--muted);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}
.pc-legacy .sa-optgroup[data-open="1"] .sa-optgroup-head svg{transform:rotate(180deg)}
.pc-legacy .sa-optgroup-body{padding:14px 14px 2px;border-top:1px dashed var(--line)}
/* 群組標題被點到／鍵盤選到時，瀏覽器會畫自己的黑色焦點外框（.pc-legacy 沒有套站上的
   橘色 focus 樣式，2026-09-09 使用者回報「有黑框」）。改成站上的橘色細框：滑鼠點擊不顯示，
   鍵盤操作才顯示，維持可及性。 */
.pc-legacy .sa-optgroup-head:focus{outline:0}
.pc-legacy .sa-optgroup-head:focus-visible{outline:3px solid rgba(242,106,0,.55);outline-offset:-3px;border-radius:12px}
.pc-legacy .sa-optgroup[data-open="0"] .sa-optgroup-body{display:none}
.pc-legacy .sa-optgroup .option{margin:0 0 14px !important}
.pc-legacy .sa-optgroup .option:last-child{margin-bottom:12px !important}

/* 行程頁「按下去會跳出另一個畫面」的欄位（出發日期、住宿地點；pc.js 包起來）：按鈕＋旁邊顯示已填資料。真正的 input 透明疊在按鈕上 */
.pc-legacy .sa-pick{display:flex;align-items:center;gap:12px;min-height:44px}
.pc-legacy .sa-pick-btn{position:relative;display:inline-flex;align-items:center;gap:7px;flex:0 0 auto;min-height:42px;padding:0 14px 0 12px;border:1.5px solid var(--saffron);border-radius:12px;background:#FFF6EC;color:var(--laterite);font-size:14px;font-weight:500;line-height:1.2;white-space:nowrap;overflow:hidden;-webkit-tap-highlight-color:transparent}
.pc-legacy .sa-pick-btn svg{width:18px;height:18px;flex:0 0 18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.pc-legacy .sa-pick-btn input[type="text"]{position:absolute !important;top:0;left:0;width:100% !important;height:100% !important;min-height:0 !important;margin:0 !important;padding:0 !important;border:0 !important;border-radius:0 !important;background:transparent !important;box-shadow:none !important;opacity:0;color:transparent !important;cursor:pointer;z-index:1}
/* 焦點光暈只留給 select。日期／住宿那個透明 input 不能用，因為文字輸入框只要拿到焦點就一定
   匹配 :focus-visible（瀏覽器對可打字元素的規則），觸控選完日曆後按鈕外圍就一直掛著一圈橘框
   （2026-09-06 使用者回報）。這些 input 本來就是 inputmode=none 的代理，不會真的打字。 */
/* 焦點外框（2026-09-10 使用者：還是有橘框）。兩個來源：
   ①按鈕自己的 :has(select:focus-visible)；②藏在按鈕裡那個滿版的 select／input——它們吃到全站的
   `input:focus, select:focus{box-shadow:0 0 0 3px rgba(242,106,0,.20)!important}`，畫出來就是一圈
   橘色方框（沒有圓角，所以看起來特別像多一層框）。
   作法：內層一律不畫外框，外框只由按鈕本身畫；填好之後（.is-filled）跟著換成綠色，跟膠囊同色系。 */
.pc-legacy .sa-pick-btn select:focus,.pc-legacy .sa-pick-btn select:focus-visible,
.pc-legacy .sa-pick-btn input:focus,.pc-legacy .sa-pick-btn input:focus-visible{
  border-color:transparent !important;box-shadow:none !important;outline:0 !important}
/* 焦點不再往外畫一圈（2026-09-10 使用者：最外層有一層淡淡的綠框，請移除）。
   原本 filled 狀態是 3px rgba(23,143,148,.22) 的外框，就是那層淡綠。
   焦點改成加深按鈕自己的邊框（未填→磚紅、已填→深青），完全留在按鈕的範圍內，
   鍵盤使用者還看得出焦點在哪，但畫面上不會多出一層框。 */
.pc-legacy .sa-pick-btn:has(select:focus-visible),.pc-legacy .sa-pick-btn:has(input:focus-visible){box-shadow:none;border-color:var(--laterite)}
.pc-legacy .sa-pick.is-filled .sa-pick-btn:has(select:focus-visible),.pc-legacy .sa-pick.is-filled .sa-pick-btn:has(input:focus-visible){box-shadow:none;border-color:#0F6C70}
/* 下拉選單也走同一套按鈕：select 透明疊在按鈕上，點下去照樣開底部清單，表單欄位不變 */
.pc-legacy .sa-pick-btn select{position:absolute !important;top:0;left:0;width:100% !important;height:100% !important;min-height:0 !important;margin:0 !important;padding:0 !important;border:0 !important;border-radius:0 !important;background:transparent !important;background-image:none !important;box-shadow:none !important;opacity:0;color:transparent !important;cursor:pointer;z-index:1;-webkit-appearance:none;appearance:none}
.pc-legacy .sa-pick-btn:active{transform:scale(.97)}
.pc-legacy .sa-pick-btn .Zebra_DatePicker_Icon{position:absolute !important;right:0;bottom:0;width:1px !important;height:1px !important;margin:0 !important;padding:0 !important;opacity:0;pointer-events:none;overflow:hidden}
/* 填好之後的「更改」鈕不要框線（2026-09-10 使用者指定；PC 與手機一起改）：只把框線變透明，底色、字色都不變，看起來像淡淡的文字連結 */
/* 填好之後的「更改」鈕：做成跟未填的「選擇日期」同一種膠囊，只是換成綠色配色
   （2026-09-10 使用者：更改鈕也要有顏色，綠色的）。邊框、底色、圓角、內距都沿用 .sa-pick-btn，
   這裡只換三個顏色；圖示走 currentColor 一起變綠。 */
.pc-legacy .sa-pick.is-filled .sa-pick-btn{border-color:var(--lotus);background:var(--lotus-soft);color:var(--lotus)}
.pc-legacy .sa-pick-val{flex:1 1 auto;min-width:0;font-size:15px;font-weight:700;line-height:1.35;color:var(--ink);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.pc-legacy .sa-pick-val.is-empty{font-size:13.5px;font-weight:400;color:var(--muted)}
.pc-legacy .sa-pick-val small{display:block;margin-top:2px;font-size:12px;font-weight:400;color:var(--muted)}
.pc-legacy .option:has(+span.error) .sa-pick-btn{border-color:var(--sale);box-shadow:0 0 0 3px rgba(196,48,43,.14)}

/* ---------- 購物車卡片（重新設計 2026-09-05）：標題、星等、分段的選項表格、價格列、贈品區 ---------- */
.pc-legacy .cart-info tbody tr{margin:0 0 14px;padding:16px 16px 12px;border:1px solid var(--line) !important;border-radius:16px;background:var(--surface) !important;box-shadow:0 2px 10px rgba(30,30,30,.04)}
.pc-legacy .cart-info td.name>div:first-child a{font-size:18px !important;line-height:1.35}
.pc-legacy .cart-info .Cart_Star_Tag{margin:8px 0 0;padding:3px 10px;font-size:12.5px}
.pc-legacy .cart-info td.name>div[style][hidden]{display:none !important}
.pc-legacy .sa-cart-opts{display:grid;gap:10px;margin:14px 0 0}
.pc-legacy .sa-cart-grp{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--surface)}
.pc-legacy .sa-cart-grp-h{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--stone);color:var(--ink);font-size:13.5px;font-weight:700;line-height:1.3}
.pc-legacy .sa-cart-grp-h i{display:inline-flex;align-items:center;justify-content:center;flex:0 0 20px;width:20px;height:20px;border-radius:50%;background:var(--saffron);color:#fff;font-style:normal;font-family:var(--sans);font-size:11.5px;font-weight:700;line-height:1}
.pc-legacy .sa-cart-grp dl{margin:0;padding:2px 12px}
.pc-legacy .sa-cart-grp dl>div{display:flex;align-items:flex-start;gap:10px;padding:7px 0;border-top:1px dashed var(--line);font-size:13.5px;line-height:1.45}
.pc-legacy .sa-cart-grp dl>div:first-child{border-top:0}
.pc-legacy .sa-cart-grp dt{flex:0 0 5.5em;margin:0;color:var(--muted);font-weight:400}
.pc-legacy .sa-cart-grp dd{flex:1 1 auto;min-width:0;margin:0;color:var(--ink);font-weight:500;overflow-wrap:anywhere}
.pc-legacy .sa-cart-grp.is-plain dt{flex-basis:auto;max-width:44%}
.pc-legacy .cart-info td.total{display:flex !important;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;padding:12px 0 0 !important;border-top:1px solid var(--line) !important}
.pc-legacy .cart-info .unit_price{margin:0 !important;font-family:var(--serif);font-size:22px !important;font-weight:700;color:var(--laterite);letter-spacing:0;line-height:1.2}
.pc-legacy .cart-info .wrapper form{margin:0}
.pc-legacy .cart-info .input-update{display:inline-flex !important;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--muted) !important}
.pc-legacy .cart-info .input-update i{font-size:15px !important;color:inherit !important;margin:0 !important}
.pc-legacy .cart-info .input-update:active{background:var(--stone)}
.pc-legacy .Check_provided_items_area{display:grid;grid-template-columns:40px minmax(0,1fr);column-gap:12px;align-items:start;margin:16px 0 0 !important;padding:16px !important;border:0 !important;border-radius:16px;background:var(--lotus-soft) !important}
.pc-legacy .Check_provided_items_area .num_section{position:static !important;display:flex !important;align-items:center;justify-content:center;width:40px;height:40px;margin:0 !important;padding:0 !important;border-radius:50%;background:var(--lotus) !important;color:#fff !important;font-size:17px !important;line-height:1 !important;box-shadow:none !important}
.pc-legacy .Check_provided_items_area .HoToWork{display:block !important;margin:0;padding:0;font-family:var(--serif);font-size:16.5px;font-weight:700;line-height:1.35;color:var(--ink) !important;text-shadow:none !important}
.pc-legacy .Check_provided_items_area .extra-wrap{margin:8px 0 0}
.pc-legacy .Check_provided_items_area .Check_provided_items{margin:0;font-family:var(--sans);font-size:14px !important;font-weight:400;line-height:1.5;letter-spacing:0}
.pc-legacy .Check_provided_items_area .provided_items_title{margin:0 0 6px;font-size:12.5px;font-weight:700;letter-spacing:.04em;color:var(--lotus)}
/* 「(未滿三顆星)」由 pc.js 從 App 那行搬到標題右邊 */
.pc-legacy .Check_provided_items_area .provided_items_title .sa-gift-note{margin-left:6px;font-size:12px;font-weight:600;letter-spacing:0;color:var(--sale);white-space:nowrap}
.pc-legacy .Check_provided_items_area .provided_items,.pc-legacy .Check_provided_items_area .Not_provided_items{position:relative;display:block;margin:0 0 5px;padding:0 0 0 22px;font-size:14px !important;line-height:1.5;color:var(--ink) !important;text-decoration:none !important}
.pc-legacy .Check_provided_items_area .provided_items::before{content:"";position:absolute;left:0;top:4px;width:14px;height:14px;border-radius:50%;background:var(--lotus) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E") center/9px no-repeat}
.pc-legacy .Check_provided_items_area .Not_provided_items{color:var(--muted) !important}
.pc-legacy .Check_provided_items_area .Not_provided_items::before{content:"";position:absolute;left:0;top:4px;width:14px;height:14px;border-radius:50%;border:1.5px solid var(--muted);box-sizing:border-box}
.pc-legacy .Check_provided_items_area .provided_items a{color:var(--lotus) !important;font-weight:700;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:3px}
.pc-legacy .Check_provided_items_area p{margin:0 0 5px}

/* ---------- 結帳頁「通訊 ID」：表單裡一列摘要，按下從底部滑出獨立視窗選 App＋填 ID；#city 藏起來但仍送出 ---------- */
/* ---------- 結帳頁「通訊 ID」：一列摘要，按下從底部滑出視窗（選方式＋輸入 ID）；原本三個選項藏起來 ---------- */
.pc-legacy .SA_communication_method.is-sa{display:none !important}
.pc-legacy .sa-im-holder{position:relative;margin:0 !important;padding:0 !important;line-height:0}
.pc-legacy .sa-im-holder .error{display:block;line-height:1.4}
.pc-legacy .sa-im-holder #CommunicateBox{display:none !important}
.pc-legacy .sa-im-row{display:flex;align-items:center;gap:12px;margin:8px 0 4px;padding:10px 10px 10px 12px;border:1.5px solid var(--line);border-radius:14px;background:#FFF6EC;cursor:pointer;-webkit-tap-highlight-color:transparent;line-height:1.3;transition:border-color .15s,background .15s}
.pc-legacy .sa-im-row.is-set{border-color:var(--line);background:var(--surface)}
.pc-legacy .sa-im-row:active{transform:scale(.99)}
.pc-legacy .sa-im-ic{flex:0 0 40px;width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:var(--surface);border:1px solid var(--line);overflow:hidden}
.pc-legacy .sa-im-row.is-set .sa-im-ic{border:0}
.pc-legacy .sa-im-ic img{display:block;width:40px;height:40px;border-radius:12px}
.pc-legacy .sa-im-ic svg{width:22px;height:22px;fill:none;stroke:var(--saffron);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.pc-legacy .sa-im-ic i{font-size:20px;line-height:1;color:var(--saffron)}
.pc-legacy .sa-im-t{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px}
.pc-legacy .sa-im-k{font-size:12.5px;font-weight:600;color:var(--muted)}
.pc-legacy .sa-im-v{font-size:15.5px;font-weight:700;color:var(--ink);overflow-wrap:anywhere}
.pc-legacy .sa-im-v.is-empty{font-size:14px;font-weight:600;color:var(--laterite)}
.pc-legacy .sa-im-btn{flex:0 0 auto;min-height:36px;padding:0 14px;border:0;border-radius:999px;background:var(--saffron);color:#fff;font:inherit;font-size:13.5px;font-weight:700;cursor:pointer;-webkit-tap-highlight-color:transparent}
.pc-legacy .sa-im-row.is-set .sa-im-btn{background:var(--stone);color:var(--ink)}
/* 視窗：底部滑出 */
.pc-legacy .sa-im-wrap{position:fixed;inset:0;z-index:80;display:flex;align-items:flex-end;background:rgba(28,42,46,0);transition:background .2s ease}
.pc-legacy .sa-im-wrap.is-in{background:rgba(28,42,46,.62)}
.pc-legacy .sa-im-sheet{width:100%;box-sizing:border-box;max-height:92vh;overflow:auto;-webkit-overflow-scrolling:touch;padding:16px 18px calc(16px + env(safe-area-inset-bottom));border-radius:22px 22px 0 0;background:var(--surface);box-shadow:0 -12px 40px rgba(28,42,46,.25);transform:translateY(24px);transition:transform .2s ease}
.pc-legacy .sa-im-wrap.is-in .sa-im-sheet{transform:none}
.pc-legacy .sa-im-sheet::before{content:"";display:block;width:38px;height:4px;margin:0 auto 12px;border-radius:999px;background:var(--line)}
.pc-legacy .sa-im-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.pc-legacy .sa-im-head b{font-family:var(--serif);font-size:19px;font-weight:700;line-height:1.3;color:var(--ink)}
.pc-legacy .sa-im-x{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;padding:0;border:0;border-radius:50%;background:var(--stone);color:var(--ink);cursor:pointer}
.pc-legacy .sa-im-x svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round}
.pc-legacy .sa-im-hint{margin:6px 0 14px;font-size:13px;line-height:1.5;color:var(--muted)}
.pc-legacy .sa-im-apps{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:2px 0 16px}
/* 未選的卡片往後退（標籤變淡、logo 降飽和），選中的往前站（橘色粗框＋橘暈陰影＋滿彩 logo）。
   2026-09-06 使用者指定選取框要橘色（原本是墨色）。 */
.pc-legacy .sa-im-app{position:relative;display:flex;flex-direction:column;align-items:center;gap:9px;padding:16px 6px 13px;border:1.5px solid var(--line);border-radius:16px;background:var(--surface);font:inherit;font-size:13px;font-weight:600;color:var(--muted);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:border-color .16s,color .16s,box-shadow .16s,transform .12s}
.pc-legacy .sa-im-app img{display:block;width:44px;height:44px;border-radius:12px;filter:saturate(.5);opacity:.72;transition:filter .16s,opacity .16s}
.pc-legacy .sa-im-app:active{transform:scale(.98)}
.pc-legacy .sa-im-app.is-on{border:2px solid var(--saffron);padding:15.5px 5.5px 12.5px;color:var(--ink);font-weight:700;box-shadow:0 6px 18px rgba(242,106,0,.18)}
.pc-legacy .sa-im-app.is-on img{filter:none;opacity:1}
/* 打勾徽章收進卡片內、貼齊內距，不再像貼紙掛在角落外面 */
.pc-legacy .sa-im-app i{position:absolute;top:8px;right:8px;width:18px;height:18px;border-radius:50%;background:var(--saffron);opacity:0;transform:scale(.5);transition:opacity .16s,transform .16s}
.pc-legacy .sa-im-app i::after{content:"";position:absolute;left:6px;top:3.5px;width:4px;height:8px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.pc-legacy .sa-im-app.is-on i{opacity:1;transform:none}
/* 輸入框：中性細框，聚焦時不換顏色（2026-09-06 使用者：不要綠色框線）。
   要選哪個 App 已經靠上面的橘框在講，輸入框再亮一次只是雜訊。 */
.pc-legacy .sa-im-field{display:flex;align-items:center;gap:10px;padding:0 12px;border:1.5px solid var(--line);border-radius:14px;background:var(--surface);transition:border-color .15s,box-shadow .15s}
/* 前綴改成小 logo：「WeChat」在卡片與 placeholder 已經各出現一次，灰色文字色塊是第三次，拿掉 */
.pc-legacy .sa-im-prefix{display:flex;align-items:center;flex:0 0 auto;padding:0;border:0;background:none;color:var(--muted);font-size:13px;font-weight:600;white-space:nowrap}
.pc-legacy .sa-im-prefix img{display:block;width:26px;height:26px;border-radius:8px}
.pc-legacy .sa-im-input{flex:1 1 auto;min-width:0;width:auto !important;min-height:52px;margin:0 !important;padding:10px 0 !important;border:0 !important;border-radius:0 !important;background:transparent !important;color:var(--ink) !important;font-size:16px !important;font-weight:600;box-shadow:none !important}
.pc-legacy .sa-im-input::placeholder{font-weight:400;color:#9AA0A3}
.pc-legacy .sa-im-err{margin:8px 0 0;font-size:13px;font-weight:600;color:var(--sale)}
.pc-legacy .sa-im-btns{display:grid;grid-template-columns:1fr 1.6fr;gap:10px;margin-top:18px}
/* 按鈕配色與按下效果見檔案最後的「全站 popup 按鈕統一樣式」 */
@media (prefers-reduced-motion:reduce){.pc-legacy .sa-im-wrap,.pc-legacy .sa-im-sheet{transition:none}}

/* ---------- 訂單完成頁（checkout/success，手機／平板）：打勾、訂單編號、下一步（LINE／WhatsApp／WeChat）、完成 ---------- */
.pc-legacy.checkout-success #content{padding-bottom:28px !important}
.pc-legacy .sa-done{max-width:520px;margin:0 auto}
.pc-legacy .sa-done-hero{padding:28px 18px 24px;border:1px solid var(--line);border-radius:18px;background:var(--surface);text-align:center}
.pc-legacy .sa-done-check{display:inline-flex;align-items:center;justify-content:center;width:66px;height:66px;border-radius:50%;background:var(--saffron);box-shadow:0 10px 24px rgba(242,106,0,.32)}
.pc-legacy .sa-done-check svg{width:34px;height:34px;fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.pc-legacy .sa-done-hero h1{margin:16px 0 6px !important;padding:0 !important;border:0 !important;font-family:var(--serif) !important;font-size:24px !important;font-weight:700;line-height:1.25 !important;color:var(--ink) !important;letter-spacing:0;text-align:center}
.pc-legacy .sa-done-lead{margin:0 !important;font-size:14.5px !important;line-height:1.6;color:var(--muted) !important}
.pc-legacy .sa-done-no{display:inline-flex;flex-direction:column;align-items:center;gap:2px;margin:18px 0 0;padding:10px 26px 11px;border-radius:12px;background:var(--stone)}
.pc-legacy .sa-done-no small{font-size:12px;letter-spacing:.06em;color:var(--muted)}
.pc-legacy .sa-done-no b{font-family:var(--serif);font-size:26px;line-height:1.15;letter-spacing:.04em;color:var(--laterite);font-variant-numeric:tabular-nums}
.pc-legacy .sa-done-next{margin:14px 0 0;padding:18px 16px;border-radius:18px;background:var(--lotus-soft)}
.pc-legacy .sa-done-next h2{margin:0 0 6px !important;padding:0 !important;border:0 !important;font-family:var(--serif) !important;font-size:17px !important;font-weight:700;line-height:1.3;color:var(--ink) !important;letter-spacing:0}
.pc-legacy .sa-done-next p{margin:0 0 14px !important;font-size:14.5px !important;line-height:1.6;color:var(--ink) !important}
.pc-legacy .sa-done-btn{display:flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 16px;border-radius:12px;color:#fff !important;font-size:16px;font-weight:700;text-decoration:none !important;box-shadow:0 6px 16px rgba(0,0,0,.12)}
.pc-legacy .sa-done-btn.is-line{background:#06C755}
.pc-legacy .sa-done-btn.is-wa{background:#25D366}
.pc-legacy .sa-done-btn svg{width:22px;height:22px;fill:#fff}
.pc-legacy .sa-done-badge{display:inline-block;padding:2px 7px;border-radius:6px;background:#fff;color:#06C755;font-size:12px;font-weight:800;letter-spacing:.04em;line-height:1.3}
.pc-legacy .sa-done-qr{display:block;width:180px;height:180px !important;margin:0 auto;padding:8px;border-radius:12px !important;background:#fff;box-sizing:border-box}
.pc-legacy .sa-done-cap{margin:8px 0 0;text-align:center;font-size:13px;color:var(--muted)}
.pc-legacy .sa-done-tip{margin:14px 4px 0 !important;text-align:center;font-size:13px !important;line-height:1.5;color:var(--muted) !important}
/* 購物車總金額卡（cart.tpl 手機分支輸出） */
.pc-legacy .sa-cart-total{margin:14px 0 0;padding:6px 16px 12px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}
.pc-legacy .sa-cart-total-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:8px 0;font-size:14px;color:var(--muted)}
.pc-legacy .sa-cart-total-row b{font-weight:600;color:var(--ink)}
.pc-legacy .sa-cart-total-row.is-last{margin-top:4px;padding-top:12px;border-top:1px dashed var(--line);font-size:15px;font-weight:700;color:var(--ink)}
.pc-legacy .sa-cart-total-row.is-last b{font-family:var(--serif);font-size:24px;line-height:1.2;color:var(--laterite)}
.pc-legacy .sa-cart-total-row:only-child{margin-top:0;padding-top:8px;border-top:0}

/* ---------- 結帳第 3 步「確認訂單」：行程卡＋分段選項表格＋總金額（pc.js 由舊表格轉出） ---------- */
.pc-legacy .checkout-product table[data-sa-done]{display:none !important}
.pc-legacy .checkout-product p.num_section_Title{margin:0 0 12px !important;font-family:var(--serif) !important;font-size:17px !important;font-weight:700 !important;color:var(--ink) !important;line-height:1.35}
.pc-legacy .sa-cf{display:grid;gap:12px}
.pc-legacy .sa-cf-item{padding:14px 14px 12px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}
.pc-legacy .sa-cf-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.pc-legacy .sa-cf-name{flex:1 1 auto;min-width:0;font-family:var(--serif);font-size:16.5px;font-weight:700;line-height:1.35;color:var(--ink)}
.pc-legacy .sa-cf-price{flex:0 0 auto;font-family:var(--serif);font-size:18px;font-weight:700;line-height:1.35;color:var(--laterite);white-space:nowrap;font-variant-numeric:tabular-nums}
.pc-legacy .sa-cf .sa-cart-opts{margin-top:12px}
.pc-legacy .sa-cf .sa-cart-total{margin-top:2px}
/* ---------- 購物車／結帳／確認／訂單完成：字體統一：黑體（不混襯線），字級收斂（標題 16–18、內文 13.5–14.5、金額 18–20） ---------- */
.pc-legacy.checkout-cart h1,.pc-legacy.checkout-checkout h1,.pc-legacy.checkout-success h1,.pc-legacy .checkout-heading .marker-chekout,.pc-legacy .checkout-heading .marker-chekout span{font-family:var(--sans) !important;font-size:18px !important;font-weight:700 !important;letter-spacing:0 !important}
.pc-legacy .paylater b,.pc-legacy .sa-paylater b,.pc-legacy .paylater-title{font-family:var(--sans) !important;font-size:15px !important}
.pc-legacy .cart-info td.name>div:first-child a{font-family:var(--sans) !important;font-size:16px !important;font-weight:700;line-height:1.4}
.pc-legacy .cart-info .Cart_Star_Tag{font-size:12px}
.pc-legacy .cart-info .unit_price{font-family:var(--sans) !important;font-size:18px !important;font-weight:700}
.pc-legacy .sa-cart-grp-h{font-size:13px}
.pc-legacy .sa-cart-grp-h b{font-size:13.5px}
/* 確認頁字級重新設計（2026-09-10 使用者：字體大小幫我重新設計）。原本的層級是反的——行程名稱 15.5px
   比它旁邊的價格 16.5px 還小，欄位名與欄位值同樣 13.5px，最該被看清楚的內容反而最弱。
   改成：行程名稱 17（卡片主體最大）＞ 總額金額 22（全頁最強的數字）＞ 欄位值 14.5 加粗 ＞ 價格 15.5
   ＞ 欄位名 13（灰、輔助）。使用者從三版樣張裡選的 B 版。 */
.pc-legacy .sa-cart-grp dl>div{font-size:14.5px}
.pc-legacy .sa-cart-grp dt{font-size:13px}
.pc-legacy .sa-cart-grp dd{font-size:14.5px;font-weight:600}
.pc-legacy .sa-cart-total-row{font-size:14px}
.pc-legacy .sa-cart-total-row.is-last{font-size:14.5px}
.pc-legacy .sa-cart-total-row.is-last b{font-family:var(--sans) !important;font-size:22px !important;font-weight:700}
/* 確認／結帳流程的主按鈕跟著放大一點；只限這個流程，購物車頁那顆共用規則不動 */
.pc-legacy.checkout-checkout .checkout-content .buttons a.button{font-size:16.5px !important}
.pc-legacy .Check_provided_items_area .HoToWork{font-family:var(--sans) !important;font-size:15.5px !important}
.pc-legacy .Check_provided_items_area .provided_items_title{font-size:12.5px}
.pc-legacy .Check_provided_items_area .provided_items,.pc-legacy .Check_provided_items_area .Not_provided_items{font-size:13.5px !important}
.pc-legacy .checkout-product p.num_section_Title{font-family:var(--sans) !important;font-size:15.5px !important;font-weight:700 !important;color:var(--ink) !important}
.pc-legacy .sa-cf-name{font-family:var(--sans) !important;font-size:17px;line-height:1.35}
.pc-legacy .sa-cf-price{font-family:var(--sans) !important;font-size:15.5px}
.pc-legacy .sa-im-head b,.pc-legacy .sa-im-title{font-family:var(--sans) !important;font-size:17px !important}
.pc-legacy .sa-im-k{font-size:12px}
.pc-legacy .sa-im-v{font-size:15px}
.pc-legacy .sa-done-hero h1{font-family:var(--sans) !important;font-size:22px !important}
.pc-legacy .sa-done-no b{font-family:var(--sans) !important;font-size:22px !important;letter-spacing:.02em}
.pc-legacy .sa-done-next h2{font-family:var(--sans) !important;font-size:16px !important}
.pc-legacy .cart-bottom #ButtonBlue a,.pc-legacy .checkout .buttons a.button,.pc-legacy .checkout-content .buttons a.button{font-size:15.5px !important;letter-spacing:.02em}
/* 通訊 ID 視窗：輸入框本身不要有自己的框與陰影（蓋掉舊站 input:focus 的樣式），
   框線與聚焦效果一律由外層 .sa-im-field 負責，選項卡與欄位的外觀見上面的區塊。 */
.pc-legacy .sa-im-field .sa-im-input,.pc-legacy .sa-im-field .sa-im-input:focus,.pc-legacy .sa-im-field .sa-im-input:focus-visible{border:0 !important;outline:0 !important;box-shadow:none !important;background:transparent !important;border-radius:0 !important}
.pc-legacy .sa-im-row{border-width:1px}
/* 行程頁選項標題：括號補充說明縮小變淡（pc.js 包成 small.sa-opt-note） */
.pc-legacy .product_option_title .sa-opt-note{display:inline;margin-left:3px;font-size:12px !important;font-weight:400;color:var(--muted);letter-spacing:0}
/* 購物車：每筆行程的「修改」鈕（在垃圾桶旁） */
.pc-legacy .cart-info .wrapper{display:flex !important;align-items:center;gap:8px}
.pc-legacy .sa-cart-edit{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 14px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--ink) !important;font-size:14px;font-weight:600;text-decoration:none !important;-webkit-tap-highlight-color:transparent}
.pc-legacy .sa-cart-edit svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.pc-legacy .sa-cart-edit:active{background:var(--stone)}
/* 購物車刪除鈕：圖示＋「刪除」文字，樣式與「修改」一致 */
.pc-legacy .cart-info .input-update{width:auto !important;min-height:40px;height:auto !important;padding:0 14px !important;gap:6px;border-radius:999px !important;border:1px solid var(--line);background:var(--surface);color:var(--muted) !important;font-size:14px;font-weight:600;text-decoration:none !important}
.pc-legacy .cart-info .input-update i{font-size:14px !important}
.pc-legacy .cart-info .input-update span{color:var(--ink)}
/* ---------- 購物車底部：訂單總額＋前往預訂＋增加行程 合成一張卡（重新設計 2026-09-05） ---------- */
.pc-legacy.checkout-cart .cart-bottom{margin:14px 0 0 !important;padding:18px 16px 14px !important;border:1px solid var(--line) !important;border-radius:18px;background:var(--surface);box-shadow:0 6px 22px rgba(28,42,46,.07)}
.pc-legacy.checkout-cart .cart-bottom .sa-cart-total{margin:0;padding:0;border:0;border-radius:0;background:none}
.pc-legacy.checkout-cart .sa-cart-total-row{padding:4px 0;font-size:13.5px;color:var(--muted)}
.pc-legacy.checkout-cart .sa-cart-total-row b{font-size:14px;font-weight:600;color:var(--ink)}
.pc-legacy.checkout-cart .sa-cart-total-row.is-last{margin:0 0 14px;padding:2px 0 14px;border-top:0;border-bottom:1px dashed var(--line);align-items:baseline}
.pc-legacy.checkout-cart .sa-cart-total-row.is-last span{font-size:14px;font-weight:600;color:var(--muted)}
.pc-legacy.checkout-cart .sa-cart-total-row.is-last b{font-size:26px !important;font-weight:700;color:var(--laterite);letter-spacing:0}
.pc-legacy.checkout-cart .cart-bottom .buttons{display:grid;gap:10px;margin:0 !important;padding:0 !important}
.pc-legacy.checkout-cart .cart-bottom #ButtonBlue a{min-height:52px !important;border-radius:14px !important;background:var(--saffron) !important;color:#fff !important;font-size:16px !important;font-weight:700;box-shadow:0 8px 20px rgba(242,106,0,.28)}
.pc-legacy.checkout-cart .cart-bottom #ButtonBlue a span,.pc-legacy.checkout-cart .cart-bottom #ButtonBlue a i{font-size:16px !important}
/* 「增加行程」：高度、字級、圓角跟上面「前往預訂」一致（2026-09-11 使用者要求，原本是石色底墨色字、矮 6px），
   配色用站上的綠色（--lotus #178F94）＋白字，跟橘色的主結帳按鈕分出主次。 */
.pc-legacy.checkout-cart .cart-bottom #ButtonOrange a{min-height:52px !important;border:0 !important;border-radius:14px !important;background:var(--lotus) !important;color:#fff !important;font-size:16px !important;font-weight:700;box-shadow:0 8px 20px rgba(23,143,148,.28) !important}
.pc-legacy.checkout-cart .cart-bottom #ButtonOrange a span,.pc-legacy.checkout-cart .cart-bottom #ButtonOrange a i{color:#fff !important;font-size:16px !important}
.pc-legacy.checkout-cart .cart-bottom #ButtonOrange a:active{background:#0F6C70 !important}
/* 「別擔心，最後一天再付款」提示條與下方區塊的間距 */
.pc-legacy .paylater{margin-bottom:6px !important}
/* ---------- 結帳三步驟：步驟標題列的「修改」改成藥丸按鈕（靠右）；「繼續／確認訂單」按鈕字級與圖示收斂 ---------- */
.pc-legacy .checkout-heading{display:flex !important;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.pc-legacy .checkout-heading>a{display:inline-flex !important;align-items:center;gap:6px;min-height:34px;margin:0 !important;padding:0 14px !important;border:1px solid var(--line) !important;border-radius:999px !important;background:var(--surface) !important;color:var(--ink) !important;font-size:13.5px !important;font-weight:600 !important;line-height:1 !important;text-decoration:none !important;-webkit-tap-highlight-color:transparent}
.pc-legacy .checkout-heading>a i{font-size:13px !important;color:var(--saffron) !important;margin:0 !important}
.pc-legacy .checkout-heading>a:active{background:var(--stone) !important}
.pc-legacy .checkout-content .buttons a.button,.pc-legacy .checkout .buttons a.button,.pc-legacy .payment .buttons a.button{min-height:50px !important;gap:8px;font-size:16px !important;font-weight:700 !important;letter-spacing:.04em !important}
.pc-legacy .checkout-content .buttons a.button span,.pc-legacy .checkout .buttons a.button span,.pc-legacy .payment .buttons a.button span{font-size:16px !important;font-weight:700 !important;margin:0 !important;line-height:1.2 !important}
.pc-legacy .checkout-content .buttons a.button i,.pc-legacy .checkout .buttons a.button i,.pc-legacy .payment .buttons a.button i{font-size:15px !important;margin:0 !important;opacity:.9}
/* 行程頁「車種介紹」：整張圖（含左側直排字）貼滿卡片，不留內距；比例不變、圓角跟卡片 */
.pc-legacy .tabs>p:has(>img[src*="vehicle"]){margin:0 !important;padding:0 !important;line-height:0;font-size:0}
.pc-legacy .tabs>p>img[src*="vehicle"]{display:block;width:100% !important;max-width:100% !important;height:auto !important;margin:0 !important;border-radius:0 0 15px 15px !important;aspect-ratio:auto !important}
.pc-legacy .tabs:has(>p>img[src*="vehicle"]){padding-bottom:0 !important;overflow:hidden}
/* 車種介紹：圖片緊貼上方標題列（模板裡多一個空的 <p>，藏掉；標題列不留下邊距） */
.pc-legacy .tabs:has(>p>img[src*="vehicle"])>p:empty{display:none !important}
.pc-legacy .tabs:has(>p>img[src*="vehicle"])>.tab-headingX{margin-bottom:0 !important;border-bottom:0 !important}
.pc-legacy .tabs:has(>p>img[src*="vehicle"])>p>img[src*="vehicle"]{margin-top:0 !important}
/* ---------- 結帳三步驟「繼續／確認訂單」按鈕重新設計（2026-09-05）----------
   模板：<a id="button-…" class="button"><span style="font-size:17px;margin-top:5px;">繼續</span><i class="fa fa-arrow-circle-right"></i></a>
   用 id 選取器蓋掉 inline 字級。文字 16px 粗體置中；Font Awesome 圖示改成右緣純白線條箭頭（確認訂單為勾號，2026-09-05 依使用者要求拿掉圓形底），
   垂直絕對置中，不再跟文字擠在一起、也不受 margin-top:5px 影響。 */
.pc-legacy #button-guest,.pc-legacy #button-payment-method,.pc-legacy #button-confirm{position:relative;display:flex !important;float:none !important;width:100% !important;min-height:52px !important;margin:14px 0 0 !important;padding:0 56px !important;justify-content:center;align-items:center;gap:0 !important;border:0 !important;border-radius:14px !important;background:var(--saffron) !important;color:#fff !important;font-size:16px !important;font-weight:700 !important;letter-spacing:.06em !important;line-height:1.2 !important;text-decoration:none !important;box-shadow:0 8px 20px rgba(242,106,0,.28);-webkit-tap-highlight-color:transparent}
.pc-legacy #button-guest:active,.pc-legacy #button-payment-method:active,.pc-legacy #button-confirm:active{transform:scale(.98);box-shadow:0 4px 12px rgba(242,106,0,.22)}
.pc-legacy #button-guest span,.pc-legacy #button-payment-method span,.pc-legacy #button-confirm span{display:inline !important;margin:0 !important;padding:0 !important;color:#fff !important;font-size:16px !important;font-weight:700 !important;line-height:1.2 !important;letter-spacing:.06em !important}
.pc-legacy #button-guest i,.pc-legacy #button-payment-method i,.pc-legacy #button-confirm i{position:absolute;right:16px;top:50%;display:flex !important;align-items:center;justify-content:center;width:18px;height:18px;margin:0 !important;padding:0 !important;transform:translateY(-50%);border-radius:0;background:none !important;color:#fff !important;font-size:0 !important;line-height:0 !important;opacity:1 !important}
.pc-legacy #button-guest i::before,.pc-legacy #button-payment-method i::before,.pc-legacy #button-confirm i::before{content:"" !important;display:block;width:16px;height:16px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/16px no-repeat}
.pc-legacy #button-confirm i::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E")}
/* 送出中的 loading 小圖（模板 .after('<span class="wait">…')）：置中放在按鈕下方，不擠在按鈕旁邊 */
.pc-legacy .buttons .wait{display:block;margin:8px 0 0;text-align:center;line-height:0}
/* ---------- 購物車頁（2026-09-05）：標題「您的行程清單：」是頁面標題，跟下方內容拉開；訂單總額金額 26px → 19px ---------- */
.pc-legacy.checkout-cart h1.style-1{margin:16px 0 24px !important}
.pc-legacy.checkout-cart .sa-cart-total-row.is-last b{font-size:19px !important;line-height:1.2}
/* 結帳第 1 步「請提供您的通訊 ID」：模板把 20px 橘色打勾圖示寫在 span.required 外面（inline color:#ff7409），一般欄位的圖示早已藏掉換成「必填」標籤，這顆漏網之魚一併移除（使用者 2026-09-05 要求） */
.pc-legacy div:has(>.SA_communication_method)>i.fa-check-circle{display:none !important}
/* ---------- 行程頁底部「預訂本行程」：必填都填好時，按鈕右側出現一隻會點的手指 ----------
   2026-09-06 使用者指示：按鈕本身不要任何特效（先前的呼吸、解鎖彈跳、光帶、光暈全部拿掉），
   改成只用手指提示。手指是按鈕裡的 flex 子元素，排在文字後面（2026-09-06 使用者回報絕對定位會蓋住
   「預訂本行程」的字），動的是 transform 所以不會推到文字。 */
/* 「預訂本行程」改成兩行：上面顯示還剩幾項必填，下面是原本的文字（2026-09-06 使用者指定）。
   按鈕本身有寫死的 inline height:55px / line-height:50px，所以要 !important 才蓋得掉。 */
.pc-legacy .cart-top-Down_Bar #button-cart{position:relative;display:flex !important;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:176px;min-height:62px !important;height:auto !important;padding:8px 18px !important;line-height:1.2 !important}
.pc-legacy .sa-cta-left{display:block;font-size:11.5px;font-weight:500;letter-spacing:0;opacity:.92;line-height:1.2}
.pc-legacy .sa-cta-left[hidden]{display:none !important}
.pc-legacy .sa-cta-row{display:inline-flex;align-items:center;gap:8px;font-size:16px;font-weight:700;line-height:1.2}
/* 手指絕對定位在按鈕右下角：不佔排版，所以不會把文字往左推、也不會把那一行
   撐高（2026-09-06 使用者：手勢圖示要靠右，不要影響原先的文字排版）。 */
.pc-legacy .sa-cta-hand{position:absolute;right:8px;bottom:8px;width:30px;height:30px;pointer-events:none;display:none !important;color:#fff}
.pc-legacy .sa-cta-hand svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px 2px rgba(120,50,0,.4))}
.pc-legacy .cart-top-Down_Bar #button-cart.is-ready .sa-cta-hand{display:inline-block !important;animation:sa-hand-tap 1.5s ease-in-out infinite}
/* 抬起來再點下去，落點停一下，像真的在戳按鈕 */
@keyframes sa-hand-tap{0%,60%,100%{transform:translateY(0) rotate(0)}20%{transform:translateY(-8px) rotate(-8deg)}40%{transform:translateY(1px) rotate(0)}}
@media (prefers-reduced-motion:reduce){.pc-legacy .cart-top-Down_Bar #button-cart.is-ready .sa-cta-hand{animation:none}}
/* ---------- 結帳第 2 步「付款方式」：重新設計成有圖示的資訊卡（使用者 2026-09-06 要求） ----------
   原本是 radiocharm 畫的一整條 teal 色塊＋一個打勾，文字連同「（美元現鈔）。」擠成兩行。
   改成：左邊鈔票圖示、中間標題與說明分開、右邊勾號；內容由 pc.js 重建。
   選擇器故意掛在模板輸出的 .SA_pay_method 上（不是 pc.js 後加的 .sa-pay），這樣頁面一載入就套用；
   radiocharm 還會在 label 裡塞一段 label#label-radiocharm-xxx.active 的內嵌樣式（特異度比 class 高），
   所以顏色相關的都要 !important，pc.js 也會把那段 style 移掉。 */
.pc-legacy .highlight:has(.SA_pay_method){margin:0 !important;padding:0 !important;border:0 !important;background:none !important;box-shadow:none !important}
.pc-legacy label.radio:has(.SA_pay_method){display:block;margin:0 !important;padding:0 !important;color:var(--ink) !important;font-weight:400 !important}
.pc-legacy .SA_pay_method label.label-radiocharm{display:flex !important;align-items:center;gap:12px;width:100%;box-sizing:border-box;margin:0 !important;padding:14px !important;border:1px solid var(--line) !important;border-radius:16px !important;background:var(--surface) !important;background-image:none !important;color:var(--ink) !important;font-size:15px !important;font-weight:400 !important;line-height:1.35;box-shadow:0 2px 10px rgba(30,30,30,.04)}
/* 選取時的框線維持 --line，跟輸入框同一個灰（2026-09-06 使用者指定）；
   選取狀態靠底色與右側勾勾表示 */
.pc-legacy .SA_pay_method label.label-radiocharm.active{border-color:var(--line) !important;background:linear-gradient(180deg,#F1FAFA,#FFFFFF) !important;background-image:linear-gradient(180deg,#F1FAFA,#FFFFFF) !important;color:var(--ink) !important}
.pc-legacy .SA_pay_method label.label-radiocharm>em{display:none !important}
.pc-legacy .SA_pay_method .sa-pay-ico{flex:0 0 46px;width:46px;height:46px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:var(--stone)}
.pc-legacy .SA_pay_method .active .sa-pay-ico{background:var(--lotus-soft)}
.pc-legacy .SA_pay_method .sa-pay-ico svg{width:26px;height:26px;fill:none;stroke:var(--muted);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.pc-legacy .SA_pay_method .active .sa-pay-ico svg{stroke:var(--lotus)}
.pc-legacy .SA_pay_method .sa-pay-txt{flex:1;min-width:0;text-align:left}
.pc-legacy .SA_pay_method .sa-pay-txt b{display:block;font-family:var(--serif);font-size:16.5px !important;font-weight:700 !important;line-height:1.3;color:var(--ink) !important;letter-spacing:.01em}
.pc-legacy .SA_pay_method .sa-pay-txt small{display:block;margin-top:3px;font-size:12.5px !important;line-height:1.45;color:var(--muted) !important;font-weight:400 !important}
.pc-legacy .SA_pay_method .sa-pay-tick{flex:0 0 24px;width:24px;height:24px;border-radius:50%;border:1.5px solid var(--line);display:flex;align-items:center;justify-content:center;background:transparent}
.pc-legacy .SA_pay_method .active .sa-pay-tick{background:var(--lotus);border-color:var(--lotus)}
.pc-legacy .SA_pay_method .sa-pay-tick svg{width:14px;height:14px;fill:none;stroke:#fff;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;opacity:0}
.pc-legacy .SA_pay_method .active .sa-pay-tick svg{opacity:1}
/* 購物車卡片底部：修改／刪除靠右（使用者 2026-09-06）。外層 .total 已經是 space-between，
   但按鈕的容器比內容寬，按鈕會黏在容器左邊、右側空一截，所以容器自己也要靠右對齊 */
.pc-legacy .total .wrapper:has(.sa-cart-edit){justify-content:flex-end}
/* 提醒區塊（別怕、注意）左上角那顆壓在標題上的圓標籤：pc.js 依內容判斷後掛上 sa-tag-off。
   步驟卡片的數字編號不受影響。標籤沒了，標題也不用再替它留右邊那 52px */
.pc-legacy .box-container .sa-tag-off{display:none !important}
.pc-legacy .box-container div[style*="width:100%"]>div:has(>i.fa){padding-right:0 !important}
/* 提醒區塊跟上面的卡片拉開一點，不要黏在一起 */
.pc-legacy .box-container div[style*="width:100%"]:has(.fa-exclamation-triangle),.pc-legacy .box-container div[style*="width:100%"]:has(.fa-weixin){margin-top:18px !important}
/* 提醒區塊（別怕、注意）：標題跟下面的內文之間空一行（使用者 2026-09-06）。
   前面的規則把這類標題的 margin 一律設成 0，這裡用多一層 div[style] 提高特異度蓋回來 */
.pc-legacy .box-container div[style*="width:100%"] .HowToWork_num_section_Title,.pc-legacy .box-container div[style*="width:100%"] .num_section_Title{margin-bottom:10px !important}
/* 常見問題：數字圓圈與問題標題並排，標題放在數字右邊（使用者 2026-09-06）。
   原本數字是 static、自己佔一行，標題被擠到下一行。只套用在有標題的那種區塊，
   「答」那種沒有 .HoToWork 的不受影響 */
.pc-legacy .box-container .num_section_box3:has(>.HoToWork){display:flex !important;align-items:flex-start;gap:12px}
.pc-legacy .box-container .num_section_box3:has(>.HoToWork)>.num_section2{margin:0 !important;flex:0 0 auto}
.pc-legacy .box-container .num_section_box3:has(>.HoToWork)>.HoToWork{flex:1 1 auto;min-width:0;margin:0 !important;padding:0 !important}   /* 原本 padding-left:36px 是為了避開左上角的數字，並排後不需要 */
/* 運作方式的步驟卡片：標題前的青綠色圖示（時鐘、巴士）移除，只留左邊的數字（使用者 2026-09-06）。
   限定在 .HowToWork_article 內，機票與酒店那些卡片的飛機／房子圖示不受影響 */
.pc-legacy .box-container .HowToWork_article .HoToWork>i.fa{display:none !important}
/* 成立緣由：內文對齊標題的左緣（使用者 2026-09-06）。標題靠 .HoToWork 的 padding-left:36px
   縮排，副標那個 <p> 也有，但其餘內文沒有、會靠左突出。改成整塊內文一起縮排，
   裡面的 p 就不用再各自加，否則會縮兩次 */
.pc-legacy .box-container .num_section_box2>.num_section_textDw{padding-left:36px !important}
.pc-legacy .box-container .num_section_box2>.num_section_textDw>p{padding-left:0 !important}
/* ---------- 行程附贈服務：改成跟成立緣由一樣的卡片（使用者 2026-09-06） ----------
   三段原本巢狀在一起、只能用分隔線分段；pc.js 先拆平成同一層，這裡才一段一張卡。
   排版與成立緣由一致：左邊橘色數字圓章、右邊標題，內文對齊標題左緣。 */
.pc-legacy .box-container div:has(>.souvenirs_num_section){display:grid !important;grid-template-columns:auto 1fr;align-items:center;column-gap:12px;margin:0 0 12px !important;padding:16px !important;border:1px solid var(--line) !important;border-radius:16px !important;background:var(--surface) !important;box-shadow:0 2px 10px rgba(30,30,30,.04)}
.pc-legacy .box-container .souvenirs_num_section{grid-column:1;grid-row:1;display:inline-flex !important;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;margin:0 !important;padding:0 !important;border-radius:50%;background:var(--saffron);font:700 23px/1 var(--sans) !important;color:#fff !important;vertical-align:baseline;box-shadow:0 3px 10px rgba(242,106,0,.32);font-variant-numeric:tabular-nums}
.pc-legacy .box-container .souvenirs_num_section+.down-wrap{grid-column:2;grid-row:1;display:block;width:auto;margin:0 !important}
.pc-legacy .box-container .souvenirs_num_section+.down-wrap h3{display:block !important;margin:0 !important;font-family:var(--serif);font-size:18.5px !important;font-weight:700}
.pc-legacy .box-container div:has(>.souvenirs_num_section)>.num_section_textDw{grid-column:2;grid-row:2;margin-top:10px !important}


/* ============================================================
   全站 popup 按鈕統一樣式
   （2026-09-06 使用者：stopasia 裡面的 popup window 都要有一致的按鈕效果）

   目前涵蓋這四種對話框。以後新增彈出視窗時，把它的按鈕選擇器加進下面四組
   清單就會自動長一樣，不要再各自寫一份：
     1. SweetAlert（購物車刪除、加購、Cookie 提示…）  .swal-footer .swal-button
     2. 舊站對話框（住宿地點）                        .SA_popup_Dialog_btns a
     3. 結帳「通訊 ID」底部視窗                        .sa-im-btns button
     4. Laravel 頁面「行程暫停銷售」                   .sa-dialog-btns > *

   規格：主要鈕橘色漸層＋柔和外陰影，次要鈕白底細框；按下去一律往下沉 1px、
   外陰影收起換成內凹陰影、顏色壓深一階，不換色系。
   舊站那些選擇器原本就被 !important 綁著，所以這一區統一加 !important。
   ============================================================ */
body.pc-legacy .swal-footer .swal-button,
.pc-legacy .SA_popup_Dialog.ios .SA_popup_Dialog_btns a,
.pc-legacy .sa-im-btns button,
.sa-dialog-btns>*{
  display:inline-flex !important;align-items:center;justify-content:center;
  min-height:48px !important;padding:0 14px !important;
  border:0 !important;border-radius:13px !important;
  background:linear-gradient(180deg,#FF8A2B,#F26A00) !important;color:#fff !important;
  font:inherit;font-size:15px !important;font-weight:700;letter-spacing:.02em;line-height:1;
  text-decoration:none !important;cursor:pointer;
  /* 外圈的橘色光暈拿掉（2026-09-10 使用者：不喜歡按鈕外的光暈）；只留內側那道細高光做立體感 */
  box-shadow:inset 0 1px 0 rgba(255,255,255,.26) !important;
  transition:transform .13s cubic-bezier(.2,.7,.3,1),box-shadow .18s ease,background .18s ease;
  -webkit-tap-highlight-color:transparent}
/* 次要（取消／不需要／看全部行程）：白底細框，不搶主按鈕的視線 */
body.pc-legacy .swal-footer .swal-button--cancel,
.pc-legacy .SA_popup_Dialog.ios .SA_popup_Dialog_btns a.btn_no,
.pc-legacy .sa-im-btns button.sa-im-cancel,
.sa-dialog-btns>.sa-dialog-more{
  background:var(--surface) !important;color:var(--ink) !important;
  box-shadow:inset 0 0 0 1.5px var(--line) !important}
/* 按下去：整顆往下沉、外陰影收起換成內凹陰影 */
body.pc-legacy .swal-footer .swal-button:not([disabled]):active,
.pc-legacy .SA_popup_Dialog.ios .SA_popup_Dialog_btns a:active,
.pc-legacy .sa-im-btns button:active,
.sa-dialog-btns>*:active{
  transform:translateY(1px) scale(.98);
  background:linear-gradient(180deg,#E2600A,#C85400) !important;
  box-shadow:inset 0 2px 6px rgba(102,41,0,.38) !important}
body.pc-legacy .swal-footer .swal-button--cancel:not([disabled]):active,
.pc-legacy .SA_popup_Dialog.ios .SA_popup_Dialog_btns a.btn_no:active,
.pc-legacy .sa-im-btns button.sa-im-cancel:active,
.sa-dialog-btns>.sa-dialog-more:active{
  background:var(--stone) !important;color:var(--ink) !important;
  box-shadow:inset 0 0 0 1.5px #D9D1C3,inset 0 2px 6px rgba(28,42,46,.12) !important}
/* :hover 只給真的有滑鼠的裝置。手機點過之後 :hover 會黏住不退，
   先前取消鈕變深紅底黑字就是這樣來的，所以觸控裝置一律不進這一段。 */
@media (hover:hover) and (pointer:fine){
  body.pc-legacy .swal-footer .swal-button:not([disabled]):hover,
  .pc-legacy .SA_popup_Dialog.ios .SA_popup_Dialog_btns a:hover,
  .pc-legacy .sa-im-btns button:hover,
  .sa-dialog-btns>*:hover{background:linear-gradient(180deg,#F97B18,#E36200) !important}
  body.pc-legacy .swal-footer .swal-button--cancel:not([disabled]):hover,
  .pc-legacy .SA_popup_Dialog.ios .SA_popup_Dialog_btns a.btn_no:hover,
  .pc-legacy .sa-im-btns button.sa-im-cancel:hover,
  .sa-dialog-btns>.sa-dialog-more:hover{background:#FAF8F4 !important;box-shadow:inset 0 0 0 1.5px #D9D1C3 !important}
}

/* 結帳第 3 步「最後一步，請確認您的訂單無誤！」（2026-09-10 使用者：外框很醜，請重新設計）。
   先講它為什麼醜：問題不在配色，而是**內距被歸零**。上面那條 `.pc-legacy .checkout p.num_section_Title`
   帶 `padding:0 !important`，權重 (0,3,1) 比原本的 `.pc-legacy p.sa-laststep` (0,2,1) 高，
   所以淡橘漸層與邊框都還在、內距卻是 0，整個框就緊貼在字上、看起來像一條歪掉的色帶。
   所以選擇器要多帶一個 class 把權重拉到 (0,4,1) 才壓得回去。
   2026-09-10 稍後使用者再指定：套用產品頁「注意：須搭配 N 顆星以上行程」提醒條（.Cart_Remind_Tag）的款式——
   圓角框、漸層底、左邊大圖示、微陰影、呼吸——但走結帳流程的橘色系、圖示用勾號（它是步驟提示，不是警告）。
   字體刻意跟著「購物車／結帳字體統一」那段的結果寫死（黑體 15.5px/700）——
   因為權重拉高之後，這裡如果不寫，就換成由這條決定。 */
.pc-legacy p.sa-laststep,
.pc-legacy .checkout p.num_section_Title.sa-laststep{
  display:flex !important;align-items:center;gap:12px;
  margin:14px 0 12px !important;padding:12px 14px !important;
  border:1px solid #F3C79E !important;border-radius:14px !important;
  background:linear-gradient(135deg,#FFF6EC,#FFE6CC) !important;
  color:var(--laterite) !important;
  font-family:var(--sans) !important;font-size:15.5px !important;font-weight:700 !important;
  line-height:1.45 !important;letter-spacing:0;text-align:left !important;text-shadow:none !important;
  box-shadow:0 2px 10px rgba(242,106,0,.10) !important;
  animation:sa-laststep-breathe 2.6s ease-in-out infinite}
.pc-legacy p.sa-laststep::before{content:"\f058";font-family:FontAwesome;flex:0 0 auto;font-size:26px;line-height:1;font-weight:400;color:var(--saffron)}
@keyframes sa-laststep-breathe{
  0%,100%{transform:scale(1);box-shadow:0 2px 10px rgba(242,106,0,.10)}
  50%{transform:scale(1.015);box-shadow:0 8px 20px rgba(242,106,0,.20)}}
@media (prefers-reduced-motion:reduce){.pc-legacy p.sa-laststep{animation:none !important}}

/* ---------- 產品頁圖片輪播的左右切換鈕（FlexSlider） ----------
   原本是 <i> 圖示自己帶 35x50 的白底方塊，外層又套 opacity:.7，疊在照片上
   就成了兩塊淡灰色色塊（2026-09-06 使用者：很醜，把底下的灰色區域移掉）。
   改成沒有底色的白色箭頭，靠陰影在亮色照片上也看得見。 */
.pc-legacy .flex-direction-nav a.flex-prev,.pc-legacy .flex-direction-nav a.flex-next{
  display:flex !important;align-items:center;justify-content:center;
  width:44px !important;height:44px !important;margin-top:-22px !important;
  opacity:1 !important;background:none !important;border:0 !important;border-radius:50% !important;
  box-shadow:none !important;text-shadow:none !important;-webkit-tap-highlight-color:transparent;
  transition:transform .12s ease}
.pc-legacy .flex-direction-nav a.flex-prev{left:2px !important;right:auto !important}
.pc-legacy .flex-direction-nav a.flex-next{right:2px !important;left:auto !important}
.pc-legacy .flex-direction-nav a.flex-prev i,.pc-legacy .flex-direction-nav a.flex-next i{
  width:auto !important;height:auto !important;margin:0 !important;padding:0 !important;
  background:none !important;color:#fff !important;font-size:30px !important;line-height:1 !important;
  filter:drop-shadow(0 1px 3px rgba(0,0,0,.55)) drop-shadow(0 0 10px rgba(0,0,0,.35))}
.pc-legacy .flex-direction-nav a.flex-prev:active,.pc-legacy .flex-direction-nav a.flex-next:active{transform:scale(.88)}

/* 「注意：須搭配 N 顆星以上行程」提醒條（產品頁）。模板 inline 寫死青綠底色、
   固定寬度，還用 margin-top:-15px 硬擠到上一個區塊身上，位置和配色都很突兀。
   2026-09-06 使用者指定：做成跟「最後一天再付款」同一款卡片，但配色與圖示要不一樣，
   而且要有呼吸效果吸引注意。這裡走紅色系（提醒＝要注意），鈴鐺會固定週期搖一下。 */
.pc-legacy .Cart_Remind_Tag{
  display:flex !important;align-items:center;gap:9px;
  float:none !important;width:auto !important;max-width:none !important;
  margin:2px 0 14px !important;padding:12px 14px !important;
  border:1px solid #F0B4A9 !important;border-radius:14px !important;
  background:linear-gradient(135deg,#FFF1EE,#FFDFD8) !important;
  color:#8E2C25 !important;
  font-size:13.5px !important;font-weight:500 !important;line-height:1.5 !important;
  text-align:left !important;text-shadow:none !important;
  box-shadow:0 2px 10px rgba(196,48,43,.10) !important;
  animation:sa-remind-breathe 2.6s ease-in-out infinite}
.pc-legacy .Cart_Remind_Tag i{
  flex:0 0 auto;margin:0 !important;padding:0 !important;
  /* 2026-09-11 使用者：鈴鐺太大很奇怪。原本 26px 對上 13.5px 的文字差快兩倍，
     收成 18px（約 1.3 倍字級，跟站上其他提示圖示對文字的比例一致）。 */
  color:var(--sale) !important;font-size:18px !important;line-height:1 !important;
  transform-origin:50% 12%;animation:sa-remind-bell 2.6s ease-in-out infinite}
@keyframes sa-remind-breathe{
  0%,100%{transform:scale(1);box-shadow:0 2px 10px rgba(196,48,43,.10)}
  50%{transform:scale(1.015);box-shadow:0 8px 20px rgba(196,48,43,.20)}}
@keyframes sa-remind-bell{
  0%,62%,100%{transform:rotate(0)}
  68%{transform:rotate(13deg)}
  76%{transform:rotate(-11deg)}
  84%{transform:rotate(7deg)}
  92%{transform:rotate(-4deg)}}
@media (prefers-reduced-motion:reduce){
  .pc-legacy .Cart_Remind_Tag,.pc-legacy .Cart_Remind_Tag i{animation:none !important}}

/* 行程頁的下拉選單（2026-09-09 使用者：原生 listbox 太醜，比照手機版重做）。
   手機版是底部抽屜（.sa-sheet-*），PC 依使用者選定改成畫面中央的跳出視窗。
   選項排版與手機版一致：主標粗體、括號說明小字、加價紅字靠右、已選橘底打勾。 */
.pc-legacy .pc-optwrap{position:fixed;inset:0;z-index:10050;display:flex;align-items:center;justify-content:center;padding:24px;box-sizing:border-box;background:rgba(28,42,46,0);transition:background .18s ease}
.pc-legacy .pc-optwrap.is-in{background:rgba(28,42,46,.62)}
.pc-legacy .pc-optbox{display:flex;flex-direction:column;width:min(580px,100%);max-height:min(78vh,720px);border-radius:20px;background:var(--surface);box-shadow:0 26px 70px rgba(28,42,46,.34);overflow:hidden;opacity:0;transform:translateY(8px) scale(.985);transition:opacity .18s ease,transform .18s cubic-bezier(.2,.8,.2,1)}
.pc-legacy .pc-optwrap.is-in .pc-optbox{opacity:1;transform:none}
.pc-legacy .pc-opthead{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:20px 20px 14px 24px;border-bottom:1px solid var(--line)}
.pc-legacy .pc-opthead b{font-family:var(--serif);font-size:18px;line-height:1.35;color:var(--ink)}
.pc-legacy .pc-opthead b em{font-style:normal;font-family:var(--sans);font-size:14px;font-weight:500;color:var(--sale)}
.pc-legacy .pc-optclose{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;margin:0;padding:0;border:0;border-radius:50%;background:var(--stone);color:var(--ink);cursor:pointer}
.pc-legacy .pc-optclose:hover{background:#E2DCD0}
.pc-legacy .pc-optclose svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round}
.pc-legacy .pc-optlist{overflow:auto;padding:4px 0 8px}
.pc-legacy .pc-optitem{display:flex;align-items:center;gap:10px;width:100%;margin:0;padding:13px 20px 13px 24px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:none;box-shadow:none;text-shadow:none;text-align:left;font:inherit;font-size:14.5px;line-height:1.5;letter-spacing:0;color:var(--ink);cursor:pointer}
.pc-legacy .pc-optitem:last-child{border-bottom:0}
.pc-legacy .pc-optitem:hover{background:var(--ground)}
.pc-legacy .pc-optitem:focus{outline:0}
.pc-legacy .pc-optitem:focus-visible{outline:3px solid rgba(242,106,0,.55);outline-offset:-3px}
.pc-legacy .pc-optitem span{flex:1;min-width:0;font-weight:700}
.pc-legacy .pc-optitem span small{font-size:12.5px;font-weight:400;color:var(--muted);letter-spacing:0}
.pc-legacy .pc-optitem em{flex:0 0 auto;font-style:normal;font-weight:500;font-size:13.5px;color:var(--sale);white-space:nowrap;font-variant-numeric:tabular-nums}
.pc-legacy .pc-optitem svg{flex:0 0 20px;width:20px;height:20px;stroke:var(--saffron);fill:none;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;opacity:0}
.pc-legacy .pc-optitem.is-on{background:#FFF6EC;color:var(--laterite)}
.pc-legacy .pc-optitem.is-on span small{color:var(--laterite)}
.pc-legacy .pc-optitem.is-on svg{opacity:1}
.pc-legacy .pc-optitem[disabled]{opacity:.45;cursor:default}
@media (prefers-reduced-motion:reduce){.pc-legacy .pc-optwrap,.pc-legacy .pc-optbox{transition:none}}

/* 車種介紹（2026-09-09）：原本是一張 Transportation.gif／vehicle.gif，文字是點陣的，放大就糊
   （使用者回報）。改成頁面上的 HTML 卡片：文字永遠清晰、隨欄寬排版，車輛用統一風格的線條圖示。
   文案在三個語言檔的 $_['vehicle_list']，版型在 product.tpl。 */
.sa-veh-wrap{padding:16px 16px 18px}
.sa-vehicles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}
.sa-veh{display:flex;align-items:flex-start;gap:14px;margin:0;padding:15px 16px 14px;
  border:1px solid var(--line);border-radius:16px;background:var(--surface);box-sizing:border-box}
.sa-veh.is-wide{grid-column:1/-1}
.sa-veh-ico{flex:0 0 46px;display:grid;place-items:center;width:46px;height:46px;border-radius:13px;background:var(--stone)}
.sa-veh-ico svg{width:29px;height:29px;fill:var(--laterite);stroke:none}   /* 2026-09-11 改用 MDI 實心圖示，小尺寸比細線條清楚 */
.sa-veh-body{flex:1 1 auto;min-width:0}
.sa-veh-name{display:flex;flex-wrap:wrap;align-items:baseline;gap:3px 8px;margin:0 0 9px !important;padding:0;text-align:left}
.sa-veh-name b{font-family:var(--serif);font-size:17px;font-weight:700;line-height:1.3;color:var(--ink);letter-spacing:0}
.sa-veh-name em{flex:0 0 auto;font-style:normal;font-size:12.5px;font-weight:500;line-height:1.5;letter-spacing:0;
  color:var(--lotus);background:var(--lotus-soft);padding:2px 9px;border-radius:999px}
.sa-veh-spec{display:grid;grid-template-columns:auto minmax(0,1fr);gap:5px 14px;margin:0 !important;padding:0;
  font-size:13.5px;line-height:1.55;text-align:left}
.sa-veh-spec dt{margin:0;padding:0;color:var(--muted);font-weight:400;white-space:nowrap}
.sa-veh-spec dd{margin:0 !important;padding:0;color:var(--ink);font-weight:500}
.sa-veh-spec dd span{display:block}
.sa-veh-ask{margin:11px 0 0 !important;padding:0;color:var(--muted);font-size:12.5px;line-height:1.5;text-align:left}
@media (max-width:600px){
  .sa-veh-wrap{padding:12px 12px 14px}
  .sa-vehicles{grid-template-columns:minmax(0,1fr);gap:10px}
  .sa-veh{padding:13px 14px 12px;gap:12px}
  .sa-veh-ico{flex:0 0 40px;width:40px;height:40px;border-radius:11px}
  .sa-veh-ico svg{width:25px;height:25px}
  .sa-veh-name b{font-size:16px}
}

/* 行李的第二行小字＋卡片下方的尺寸基準說明（2026-09-09 使用者要求寫清楚行李尺寸與數目） */
.sa-veh-spec dd small{display:block;margin-top:2px;font-size:12px;font-weight:400;line-height:1.45;color:var(--muted)}
.sa-veh-note{margin:12px 2px 0 !important;padding:0;font-size:12px;line-height:1.6;color:var(--muted);text-align:left}

/* ---------- 資訊頁「連結清單」卡片（目前只有 #12 機票與酒店在用）2026-09-10 使用者：
   ①前面不要有逗點標記 ②內文要對齊標題位置的左側。
   現況：標題列 .HoToWork 有 36px 左內距，圖示（fa-plane／fa-home）排在內距裡、標題文字再往右 33px；
   連結卻從卡片內緣起算（x=33），開頭還有內容裡寫死的「■ + 三個 &nbsp;」被 ::first-letter 畫成 9px 橘方塊。
   做法：圖示改成絕對定位放進左側那 36px 的欄位（跟其他資訊頁的數字徽章同一個位置：left 16px、26px 寬），
   標題文字就從 36px 起；連結整塊也縮排 36px，三者共用同一條左邊線。■ 由 m.js／pc.js 在載入時拿掉
   （內容存在資料庫，不動資料），::first-letter 那條一併移除，否則 H、G、A、B 會變成橘色小字。
   只掃到一頁有這個結構，所以選擇器限定 .num_section_box>.HoToWork>i.fa，不影響其他資訊頁。 */
.pc-legacy .box-container .num_section_box>.HoToWork>i.fa{display:block !important;position:absolute;left:16px;top:18px;width:26px !important;height:26px !important;line-height:26px !important;text-align:center;font-size:20px !important;color:var(--lotus) !important;margin:0 !important;padding:0 !important}
.pc-legacy .box-container .num_section_box>.num_section_textDw{padding-left:36px !important}

/* ---------- 時間選擇器（自家滾輪版，取代 SA_timepicker；2026-09-10 使用者選「滾輪」，結構見 pc.js 末段）----------
   PC 是置中對話框，其餘跟手機版同一套：大字預覽、時／分滾輪、取消／確認。 */
.sa-tp-wrap{position:fixed;inset:0;z-index:70;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(28,42,46,0);transition:background .18s ease}
.sa-tp-wrap.is-in{background:rgba(28,42,46,.62)}
.sa-tp{width:min(100%,380px);display:flex;flex-direction:column;border-radius:22px;background:var(--surface);box-shadow:0 24px 60px rgba(28,42,46,.32);padding-bottom:18px;transform:translateY(12px) scale(.96);opacity:0;transition:transform .18s ease,opacity .18s ease}
.sa-tp-wrap.is-in .sa-tp{transform:none;opacity:1}

.sa-tp-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 16px 10px 20px;border-bottom:1px solid var(--line)}
.sa-tp-head b{font-family:var(--serif);font-size:16px;line-height:1.3;color:var(--ink)}
.sa-tp-x{display:grid;place-items:center;width:34px;height:34px;padding:0;border:0;border-radius:50%;background:var(--stone);color:var(--ink);cursor:pointer;flex:0 0 34px;-webkit-tap-highlight-color:transparent}
.sa-tp-x:active{background:#E2DCD0}
.sa-tp-x svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round}
.sa-tp-big{display:flex;align-items:baseline;justify-content:center;gap:4px;padding:16px 0 0;font-size:44px;font-weight:700;line-height:1;letter-spacing:1px;color:var(--ink);font-variant-numeric:tabular-nums}
.sa-tp-big i{font-style:normal}
.sa-tp-big em{font-style:normal;font-size:36px;color:var(--line)}
.sa-tp-hint{margin:8px 20px 0;text-align:center;font-size:12.5px;line-height:1.5;color:var(--muted)}
.sa-tp-cols{display:flex;gap:12px;padding:12px 40px 0}
.sa-tp-cols span{flex:1;text-align:center;font-size:12.5px;font-weight:600;color:var(--muted)}
.sa-tp-wheels{position:relative;display:flex;gap:12px;height:220px;padding:6px 40px 0}
.sa-tp-wheels::before{content:"";position:absolute;left:24px;right:24px;top:94px;height:44px;border-radius:12px;background:var(--lotus-soft)}
.sa-tp-wheels::after{content:"";position:absolute;left:0;right:0;top:6px;height:220px;background:linear-gradient(var(--surface),rgba(255,255,255,0) 30%,rgba(255,255,255,0) 70%,var(--surface));pointer-events:none}
.sa-tp-wheel{position:relative;flex:1;height:220px;overflow-y:auto;overscroll-behavior:contain;scroll-snap-type:y mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.sa-tp-wheel::-webkit-scrollbar{display:none}
.sa-tp-wheel>div{padding:88px 0}
.sa-tp-wheel b{display:block;height:44px;line-height:44px;text-align:center;font-size:24px;font-weight:500;color:var(--muted);scroll-snap-align:center;cursor:pointer;-webkit-tap-highlight-color:transparent;font-variant-numeric:tabular-nums;transition:color .12s,font-size .12s}
.sa-tp-wheel b.is-on{font-size:30px;font-weight:700;color:var(--ink)}
.sa-tp-colon{position:relative;z-index:1;flex:0 0 auto;align-self:center;font-size:30px;font-weight:700;color:var(--ink)}
.sa-tp-btns{display:flex;gap:10px;padding:14px 16px 0}
.sa-tp-btns button{flex:1;height:48px;margin:0;padding:0;border-radius:14px;font:inherit;font-size:16px;font-weight:700;line-height:1;cursor:pointer;-webkit-tap-highlight-color:transparent}
.sa-tp-no{border:1px solid var(--line);background:var(--surface);color:var(--ink)}
.sa-tp-no:active{background:var(--stone)}
.sa-tp-ok{border:0;background:var(--saffron);color:#fff}
.sa-tp-ok:active{background:var(--laterite)}
@media (prefers-reduced-motion:reduce){.sa-tp-wrap,.sa-tp{transition:none}}
.sa-tp-wheel b:hover{color:var(--ink)}
.sa-tp-no:hover{background:var(--stone)}
.sa-tp-ok:hover{background:var(--laterite)}

/* 航班號碼清單（2026-09-11 使用者要求；外殼沿用時間選擇器的 .sa-tp-*，見 pc.js 末段）。
   上方搜尋框同時是手動輸入：打了字沒有相符的航班，清單最後一列變成「使用 XY123」。 */
.sa-fl .sa-tp-head{padding-bottom:12px}
.sa-fl-search{position:relative;display:flex;align-items:center;margin:14px 16px 0}
.sa-fl-search svg{position:absolute;left:12px;width:18px;height:18px;fill:none;stroke:var(--muted);stroke-width:2;stroke-linecap:round;pointer-events:none}
/* 左內距要讓得開放大鏡：舊站那條 `.pc-legacy input[type="text"]`（權重 0,2,1 且 !important）
   會蓋掉單一 class，所以這裡帶 body 與父層把權重拉到 0,3,2（同 .sa-laststep 那個坑）。 */
body.pc-legacy .sa-fl-search input.sa-fl-q,body.pc-page .sa-fl-search input.sa-fl-q,.sa-fl-q{width:100%;min-height:46px !important;margin:0 !important;padding:0 14px 0 38px !important;border:1.5px solid var(--line) !important;border-radius:12px !important;background:var(--surface) !important;color:var(--ink) !important;font:inherit;font-size:16px !important;letter-spacing:.5px;box-shadow:none !important}
body.pc-legacy .sa-fl-search input.sa-fl-q:focus,.sa-fl-q:focus{border-color:var(--saffron) !important;outline:0}
.sa-fl-hint{margin:8px 18px 0;font-size:12.5px;line-height:1.5;color:var(--muted)}
.sa-fl-list{max-height:46vh;overflow:auto;-webkit-overflow-scrolling:touch;margin-top:10px;padding:0 0 4px}
.sa-fl-item{display:flex;align-items:center;gap:10px;width:100%;margin:0;padding:12px 16px;border:0;border-top:1px solid var(--line);background:none;text-align:left;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}
.sa-fl-item:first-child{border-top:0}
.sa-fl-item b{flex:0 0 auto;min-width:62px;font-size:15.5px;font-weight:700;color:var(--ink);letter-spacing:.5px;font-variant-numeric:tabular-nums}
.sa-fl-item span{flex:1;min-width:0;font-size:13px;line-height:1.4;color:var(--muted)}
.sa-fl-item em{flex:0 0 auto;font-style:normal;font-size:13px;color:var(--lotus);font-variant-numeric:tabular-nums}
.sa-fl-item.is-on{background:var(--lotus-soft)}
.sa-fl-item.is-on b{color:var(--lotus)}
.sa-fl-item:active{background:var(--stone)}
.sa-fl .sa-tp-btns{padding-top:14px}
.sa-fl .sa-tp-ok:disabled{opacity:.45;cursor:default}
body.pc-legacy .sa-fl-search input.sa-fl-q.is-bad{border-color:var(--sale) !important}
/* 航班抵達時間確認（2026-09-11 使用者要求：選了航班先問時間對不對，按「正確」才帶進接機時間） */
.sa-arr-body{padding:16px 20px 2px;text-align:center;font-family:var(--sans)}
.sa-arr-q{margin:0;font-family:var(--sans);font-size:14.5px;line-height:1.5;color:var(--muted)}
.sa-arr-t{margin:4px 0 12px;font-family:var(--sans);font-size:36px;font-weight:700;line-height:1.1;color:var(--ink);font-variant-numeric:tabular-nums}
.sa-arr-note{margin:0;font-size:13px;line-height:1.65;color:var(--muted)}
.sa-arr .sa-tp-btns{padding-top:16px}
.sa-fl-none{margin:0;padding:22px 18px;text-align:center;font-size:13.5px;line-height:1.6;color:var(--muted)}

/* ---------- 出發日期：自家日曆（取代 Zebra_DatePicker；2026-09-11，見 pc.js 的「出發日期：自家日曆」區塊）---------- */
.sa-dp-body{padding:6px 16px calc(14px + env(safe-area-inset-bottom))}
.sa-dp-nav{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 0 0}
.sa-dp-nav b{font-family:var(--serif);font-size:17px;color:var(--ink)}
.sa-dp-nav button{display:grid;place-items:center;width:38px;height:38px;padding:0;border:1px solid var(--line);border-radius:50%;background:var(--surface);color:var(--ink);cursor:pointer;-webkit-tap-highlight-color:transparent}
.sa-dp-nav button:disabled{opacity:.3;cursor:default}
.sa-dp-nav button:not(:disabled):active{background:var(--stone)}
.sa-dp-nav svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.sa-dp-hint{margin:6px 0 0;text-align:center;font-size:12.5px;color:var(--muted)}
.sa-dp-wd{display:grid;grid-template-columns:repeat(7,1fr);margin-top:10px}
.sa-dp-wd span{text-align:center;font-size:12px;font-weight:600;color:var(--muted);padding:4px 0}
.sa-dp-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-top:4px}
.sa-dp-grid i{display:block}
.sa-dp-day{display:grid;place-items:center;aspect-ratio:1;min-height:40px;margin:0;padding:0;border:0;border-radius:12px;background:none;font:inherit;font-size:15.5px;font-weight:600;color:var(--ink);cursor:pointer;-webkit-tap-highlight-color:transparent;font-variant-numeric:tabular-nums}
.sa-dp-day:not(:disabled):active{background:var(--stone)}
.sa-dp-day.is-off{color:#C9C3B8;cursor:default;font-weight:400}
.sa-dp-day.is-blocked{text-decoration:line-through}   /* 後台封掉的日期：跟「太早」的灰字區分 */
.sa-dp-day.is-today:not(.is-on){box-shadow:inset 0 0 0 1.5px var(--lotus);color:var(--lotus)}
.sa-dp-day.is-on{background:var(--saffron);color:#fff}
/* ---------- 住宿地點：自家表單殼（取代 SA_popup_Dialog；表單內容沿用 2026-09-09 的排版）---------- */
.sa-ht-body{padding:12px 0 0}
.sa-ht-err{display:none;margin:10px 22px 0;font-size:13px;color:var(--sale)}
.sa-ht-err.is-on{display:block}
.sa-ht .sa-tp-btns{padding-top:16px}
/* ---------- PC：日期／時間／航班／住宿對話框寬度統一成跟下拉清單（.pc-optbox）一樣 ----------
   2026-09-11 使用者：這幾個對話框比「交通工具」那種清單窄很多（380 vs 580），看起來像兩套東西。
   統一 580px、圓角 20px、標題列與內距也照 .pc-opthead／.pc-optitem 的尺寸；
   滾輪與月曆格子在 580 寬下另外收斂，免得數字散得太開。 */
.pc-legacy .sa-tp{width:min(580px,100%);border-radius:20px}
.pc-legacy .sa-tp-head{padding:20px 20px 14px 24px}
.pc-legacy .sa-tp-head b{font-size:18px;line-height:1.35}
.pc-legacy .sa-tp-btns{padding:16px 24px 0}
.pc-legacy .sa-tp-hint{margin:8px 28px 0}
.pc-legacy .sa-tp-cols{padding:12px 120px 0}
.pc-legacy .sa-tp-wheels{padding:6px 120px 0}
.pc-legacy .sa-tp-wheels::before{left:100px;right:100px}
.pc-legacy .sa-dp-body{padding:6px 24px 8px}
.pc-legacy .sa-dp-grid{gap:6px}
.pc-legacy .sa-dp-day{aspect-ratio:auto;height:46px}
.pc-legacy .sa-fl-search{margin:14px 24px 0}
.pc-legacy .sa-fl-hint{margin:8px 26px 0}
.pc-legacy .sa-fl-item{padding:13px 20px 13px 24px}
.pc-legacy .sa-ht-err{margin:10px 24px 0}

/* ---------- 購物車「星星不足」提示（接送機須搭配其他行程）重新設計 ----------
   2026-09-11 使用者：版面、字體大小與粗細重做。原本為什麼亂：模板把三段文字塞在同一個
   .HoToWork 裡，而它帶 inline `font-size:22px;font-weight:bold`，底下兩段沒有自己的字級規則，
   就整段繼承成 22px 粗體，三行看起來一樣重、也看不出主從；第二段還帶 inline color:#DA5800。
   （另外模板把 <p> 寫在 <h3> 裡，HTML 不合法，瀏覽器會提前收掉 h3，兩段其實是 .extra-wrap 的
   直接子節點——所以用 `h3.num_section_Title ~ p` 就抓得到，也不會誤中同一個框的「已包含項目」
   版本，那個版本用的是 h3.Check_provided_items。）
   改成三層階層：狀態（標題）→ 規則（次要說明，灰字小一級）→ 要做什麼（橘字強調）。 */
.pc-legacy .Check_provided_items_area .HoToWork{font-size:16px !important;font-weight:700 !important;line-height:1.4 !important}
.pc-legacy .Check_provided_items_area .extra-wrap{margin:9px 0 0 !important;padding:0 !important}
.pc-legacy .Check_provided_items_area .extra-wrap>h3.num_section_Title{display:contents !important;margin:0 !important;padding:0 !important;border:0 !important}
.pc-legacy .Check_provided_items_area .extra-wrap h3.num_section_Title p,
.pc-legacy .Check_provided_items_area .extra-wrap>h3.num_section_Title~p{
  margin:0 !important;padding:0 !important;
  font-family:var(--sans) !important;font-size:13.5px !important;font-weight:400 !important;
  line-height:1.6 !important;letter-spacing:0;color:var(--muted) !important;text-shadow:none !important}
.pc-legacy .Check_provided_items_area .extra-wrap h3.num_section_Title p+p,
.pc-legacy .Check_provided_items_area .extra-wrap>h3.num_section_Title~p+p{
  margin-top:8px !important;font-size:14px !important;font-weight:700 !important;color:var(--laterite) !important}

/* 購物車：星星不夠時的「前往預訂」是灰色停用狀態（2026-09-11 使用者要求；按下去會跳提醒對話框，
   行為在 checkout/cart.tpl 的 SA_Stars_Short_Warn）。上面 .cart-bottom #ButtonBlue a 那條是橘色主按鈕，
   這裡權重要更高才蓋得掉，所以帶上 a.is-disabled。 */
.pc-legacy .cart-bottom #ButtonBlue a.is-disabled{
  background:var(--stone) !important;color:var(--muted) !important;
  box-shadow:none !important;cursor:not-allowed}
.pc-legacy .cart-bottom #ButtonBlue a.is-disabled span,
.pc-legacy .cart-bottom #ButtonBlue a.is-disabled i{color:var(--muted) !important}
.pc-legacy .cart-bottom #ButtonBlue a.is-disabled:active{transform:none}