/* 首頁共用版型 —— 中英文引用同一份，切換語言時格線與框線才不會跑掉。
   改這裡會同時影響 / 與 /en/。各頁只負責設定 --font 與 --lh。 */
/* ===== Design tokens：顏色、間距、字級、圓角、動效全部走變數，元件裡不寫魔術數字 ===== */
:root{
  /* 品牌 */
  --navy:#16233F; --navy-2:#1E2E52; --navy-soft:#2C3E63; --navy-deep:#101A2E;
  --gold:#B8901A; --gold-bright:#C9A227; --gold-soft:#E3C463;

  /* 中性（暖色調，配金色不會髒） */
  --paper:#FBFAF7; --surface:#FFFFFF; --line:#E5E2D9;
  --ink:#1C1F24; --ink-2:#4A4E56; --muted:#6E7076;
  --on-navy:#FFFFFF; --on-navy-2:#C3CCE0; --on-navy-3:#8E9BB5;

  --ok:#2E6B4F; --error:#B3372E;

  /* 間距：8pt 網格 */
  --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:24px; --s6:32px;
  --s7:48px; --s8:64px; --s9:96px;

  /* 字級 */
  --t-xs:12px; --t-sm:14px; --t-base:16px; --t-md:17px;
  --t-lg:20px; --t-xl:24px; --t-2xl:30px; --t-3xl:38px;

  --r-sm:8px; --r-md:12px; --r-lg:16px; --r-xl:22px; --r-full:999px;
  --shadow:0 8px 28px rgba(16,26,46,.13);
  --shadow-sm:0 1px 3px rgba(16,26,46,.07);
  --ease-out:cubic-bezier(.2,.8,.3,1);
  --dur:180ms;
  --tap:44px;   /* 最小點擊區 */
}

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  font-family:var(--font,'Noto Sans TC'),system-ui,-apple-system,sans-serif;
  font-size:var(--t-base); line-height:var(--lh,1.8); color:var(--ink);
  background:var(--paper); -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
img,svg{max-width:100%;height:auto;display:block}
.num{font-family:'Manrope',system-ui,sans-serif;font-weight:800;letter-spacing:-.01em}

.wrap{width:100%;max-width:1040px;margin-inline:auto;padding-inline:var(--s5)}

/* 鍵盤操作看得到焦點，但滑鼠點擊不會出現外框 */
:focus-visible{outline:3px solid var(--gold-bright);outline-offset:3px;border-radius:var(--r-sm)}

/* ===== 頁首 ===== */
.topbar{
  position:sticky;top:0;z-index:50;
  background:rgba(22,35,63,.94); backdrop-filter:blur(10px);
  border-bottom:1px solid rgba(255,255,255,.09);
  padding-block:var(--s3);
}
.topbar .wrap{display:flex;align-items:center;justify-content:space-between;gap:var(--s4)}
.brand{
  display:flex;align-items:center;gap:var(--s3);
  color:var(--on-navy);text-decoration:none;
  min-height:var(--tap);
}
.brand svg{width:40px;height:40px;flex:none}
.brand b{font-size:var(--t-lg);font-weight:700;letter-spacing:.5px;line-height:1}
.brand b i{color:var(--gold-soft);font-style:normal}
.brand small{display:block;font-size:var(--t-xs);color:var(--on-navy-3);font-weight:400;margin-top:2px;letter-spacing:.5px}

.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);
  min-height:var(--tap); padding:var(--s3) var(--s5);
  font-family:inherit;font-size:var(--t-base);font-weight:700;
  border:none;border-radius:var(--r-md);text-decoration:none;cursor:pointer;
  transition:transform var(--dur) var(--ease-out), box-shadow var(--dur) var(--ease-out), background var(--dur);
}
.btn-gold{color:var(--navy);background:linear-gradient(180deg,var(--gold-soft),var(--gold-bright));box-shadow:0 4px 16px rgba(184,144,26,.34)}
.btn-gold:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(184,144,26,.42)}
.btn-gold:active{transform:translateY(0)}
.btn-navy{color:#fff;background:linear-gradient(180deg,var(--navy-2),var(--navy));box-shadow:0 4px 16px rgba(22,35,63,.28)}
.btn-navy:hover{transform:translateY(-2px)}
.btn-navy:active{transform:translateY(0)}
.btn-sm{min-height:38px;padding:var(--s2) var(--s4);font-size:var(--t-sm);border-radius:var(--r-full)}

/* ===== 主視覺 ===== */
.hero{
  background:
    radial-gradient(900px 520px at 50% -12%, var(--navy-soft) 0%, transparent 64%),
    linear-gradient(180deg,var(--navy) 0%, var(--navy-deep) 100%);
  color:var(--on-navy);
  padding-block:var(--s7) var(--s8);
  text-align:center;
  position:relative;
}
.tag{
  display:inline-block;font-size:var(--t-xs);letter-spacing:2.5px;color:var(--gold-soft);
  border:1px solid rgba(227,196,99,.4);border-radius:var(--r-full);
  padding:var(--s1) var(--s4);margin-bottom:var(--s5);
}
.hero h1{font-size:var(--t-2xl);font-weight:700;line-height:1.35;letter-spacing:.5px}
.hero .lead{color:var(--on-navy-2);font-size:var(--t-base);margin-top:var(--s4);text-wrap:balance}
.price-line{margin-top:var(--s6);color:var(--on-navy-3);font-size:var(--t-sm)}
.price-line .amt{display:block;color:var(--gold-soft);font-size:44px;line-height:1.1;margin-top:var(--s1)}
.hero .btn{margin-top:var(--s6);width:100%;max-width:340px}
.hero .note{display:block;margin-top:var(--s4);font-size:var(--t-xs);color:var(--on-navy-3)}

/* 首頁最上方的加好友按鈕。QR 不直接放在這裡，按下去才用彈窗呈現，
   版面乾淨、也讓客戶先看到在賣什麼。 */
.hero-line-btn{
  margin-top:var(--s6);width:100%;max-width:340px;
  font-size:var(--t-base);
}

/* 信任列 */
.trust{
  display:flex;flex-wrap:wrap;justify-content:center;gap:var(--s3) var(--s5);
  margin-top:var(--s7);padding-top:var(--s5);
  border-top:1px solid rgba(255,255,255,.1);
}
.trust div{display:flex;align-items:center;gap:var(--s2);font-size:var(--t-sm);color:var(--on-navy-2)}
.trust svg{width:18px;height:18px;flex:none;stroke:var(--gold-soft)}

/* ===== 區塊 ===== */
section{padding-block:var(--s7)}
section.alt{background:var(--surface)}
h2{
  font-size:var(--t-xl);color:var(--navy);font-weight:700;line-height:1.4;
  display:flex;align-items:flex-start;gap:var(--s3);
}
h2::before{content:'';width:4px;height:1.4em;border-radius:2px;background:var(--gold-bright);flex:none}
.lead-2{color:var(--muted);font-size:var(--t-sm);margin-top:var(--s3);margin-bottom:var(--s6)}
h3{font-size:var(--t-md);color:var(--navy);font-weight:700;line-height:1.5}

.grid{display:grid;gap:var(--s4);grid-template-columns:1fr}
.card{
  background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);
  padding:var(--s5);box-shadow:var(--shadow-sm);
}
section.alt .card{background:var(--paper)}
section:not(.alt) .card{background:var(--surface)}
.card p{font-size:var(--t-sm);color:var(--ink-2);margin-top:var(--s2)}
.ico{
  width:46px;height:46px;border-radius:var(--r-md);
  background:rgba(184,144,26,.11);
  display:flex;align-items:center;justify-content:center;margin-bottom:var(--s4);
}
.ico svg{width:24px;height:24px;stroke:var(--gold);fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.step{
  width:34px;height:34px;border-radius:var(--r-full);background:var(--navy);color:#fff;
  display:flex;align-items:center;justify-content:center;margin-bottom:var(--s4);
  font-family:'Manrope',sans-serif;font-weight:800;font-size:var(--t-sm);
}

/* ===== 貴賓室清單：手機用卡片，桌機用表格 ===== */
.lg-list{display:grid;gap:var(--s3)}
.lg{
  background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);
  padding:var(--s4) var(--s5);
}
section.alt .lg{background:var(--paper)}
.lg .n{font-size:var(--t-base);font-weight:700;color:var(--navy);line-height:1.5}
.lg .en{font-size:var(--t-xs);color:#9A958B;margin-top:2px}
.lg .meta{display:flex;flex-wrap:wrap;gap:var(--s2) var(--s4);margin-top:var(--s3);font-size:var(--t-sm);color:var(--ink-2)}
.lg .meta b{font-weight:400;color:var(--navy);background:rgba(22,35,63,.06);padding:2px 10px;border-radius:var(--r-full)}
.lg .note{font-size:var(--t-xs);color:var(--muted);margin-top:var(--s2)}

.chips{display:flex;flex-wrap:wrap;gap:var(--s2);margin-top:var(--s4)}
.chips span{
  background:var(--surface);border:1px solid var(--line);border-radius:var(--r-full);
  padding:var(--s2) var(--s4);font-size:var(--t-sm);color:var(--navy);
}
section.alt .chips span{background:var(--paper)}

/* ===== 價格 ===== */
.price-card{
  background:linear-gradient(180deg,var(--surface),var(--paper));
  border:2px solid rgba(184,144,26,.42);border-radius:var(--r-xl);
  padding:var(--s6) var(--s5);text-align:center;box-shadow:var(--shadow);
}
.price-card .amt{font-size:46px;color:var(--navy);line-height:1.1}
.price-card .unit{font-size:var(--t-sm);color:var(--muted);font-weight:400;font-family:'Noto Sans TC',sans-serif}
.price-card ul{list-style:none;margin-top:var(--s5);text-align:left;display:grid;gap:var(--s2)}
.price-card li{font-size:var(--t-sm);padding-left:var(--s6);position:relative;color:var(--ink-2)}
.price-card li::before{
  content:'';position:absolute;left:var(--s3);top:.62em;width:9px;height:5px;
  border-left:2.5px solid var(--ok);border-bottom:2.5px solid var(--ok);transform:rotate(-45deg);
}
.price-card .btn{margin-top:var(--s6);width:100%}
.price-card .terms{font-size:var(--t-xs);color:var(--muted);margin-top:var(--s4);line-height:1.7}

/* 集點圖示：三個實心點 ＋ 一個虛線圈。
   直接把「集滿 3 個、第 4 個是回饋」畫出來，比放一個禮物 emoji 精確也好看。 */
.stamps{flex:none;height:10px;width:auto;display:block}
.stamps circle{fill:currentColor}
.stamps circle.open{fill:none;stroke:currentColor;stroke-width:1.5}
.reward .stamps{height:16px;margin:0 auto var(--s3);color:var(--gold)}

/* 首屏的回饋橫幅。放在深色 hero 上，所以配色跟下面那塊反過來：
   深底金字。點了會捲到方案區看完整說明。 */
.hero .reward-bar{
  display:inline-flex;align-items:center;gap:var(--s3);flex-wrap:wrap;justify-content:center;
  margin-top:var(--s5);padding:var(--s3) var(--s5);
  background:rgba(227,196,99,.13);border:1px solid rgba(227,196,99,.45);
  border-radius:var(--r-full);color:var(--gold-soft);text-decoration:none;
  font-size:var(--t-sm);line-height:1.6;
  transition:background var(--dur) var(--ease-out);
}
.hero .reward-bar:hover{background:rgba(227,196,99,.2)}
.hero .reward-bar b{font-weight:700;letter-spacing:.5px}
.hero .reward-bar span{color:var(--on-navy-2);font-size:var(--t-xs)}

/* 常客回饋。原本塞在方案卡片的細則裡，字小又灰，客人根本不會看到。
   拉成獨立區塊、給金色底，讓它跟方案卡片有同等的視覺重量。 */
.reward{
  margin-top:var(--s5);
  background:linear-gradient(135deg,rgba(227,196,99,.16),rgba(184,144,26,.08));
  border:2px solid rgba(184,144,26,.45);border-radius:var(--r-xl);
  padding:var(--s6) var(--s5);text-align:center;
}
.reward .tagline{
  display:inline-block;background:var(--navy);color:var(--gold-soft);
  font-size:var(--t-xs);font-weight:700;letter-spacing:2px;
  border-radius:var(--r-full);padding:5px 16px;
}
.reward b{
  display:block;margin-top:var(--s4);color:var(--navy);
  font-size:var(--t-xl);font-weight:700;line-height:1.35;letter-spacing:.5px;
}
.reward p{
  margin-top:var(--s3);font-size:var(--t-sm);color:var(--ink-2);line-height:1.9;
  max-width:34em;margin-inline:auto;text-wrap:balance;
}
.reward .hint{margin-top:var(--s2);font-size:var(--t-xs);color:var(--muted)}
@media(min-width:640px){
  .reward{padding:var(--s7) var(--s6)}
  .reward b{font-size:var(--t-2xl)}
}

/* ===== FAQ ===== */
details{
  background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);
  margin-bottom:var(--s2);overflow:hidden;
}
section.alt details{background:var(--paper)}
summary{
  font-weight:700;font-size:var(--t-base);color:var(--navy);cursor:pointer;
  list-style:none;position:relative;padding:var(--s4) var(--s7) var(--s4) var(--s5);
  min-height:var(--tap);display:flex;align-items:center;line-height:1.6;
}
summary::-webkit-details-marker{display:none}
summary::after{
  content:'';position:absolute;right:var(--s5);top:50%;width:11px;height:11px;
  border-right:2px solid var(--gold);border-bottom:2px solid var(--gold);
  transform:translateY(-70%) rotate(45deg);transition:transform var(--dur) var(--ease-out);
}
details[open] summary::after{transform:translateY(-20%) rotate(225deg)}
details p{padding:0 var(--s5) var(--s5);font-size:var(--t-sm);color:var(--ink-2)}

/* ===== 底部行動呼籲 ===== */
.cta{
  background:linear-gradient(180deg,var(--navy) 0%,var(--navy-deep) 100%);
  color:var(--on-navy);text-align:center;padding-block:var(--s8);
}
.cta h2{color:#fff;justify-content:center;font-size:var(--t-xl)}
.cta h2::before{display:none}
.cta p{color:var(--on-navy-2);font-size:var(--t-sm);margin-top:var(--s3)}
.cta .btn{margin-top:var(--s6);width:100%;max-width:340px}

/* ===== 頁尾 ===== */
footer{background:var(--navy-deep);color:var(--on-navy-3);padding-block:var(--s7) var(--s6);font-size:var(--t-sm)}
footer .cols{display:grid;gap:var(--s6);grid-template-columns:1fr}
footer h3{color:#fff;font-size:var(--t-base);margin-bottom:var(--s3)}
footer a{color:var(--gold-soft);text-decoration:none;display:inline-block;min-height:32px;line-height:32px}
footer a:hover{text-decoration:underline}
footer .fine{
  margin-top:var(--s6);padding-top:var(--s5);border-top:1px solid rgba(255,255,255,.1);
  font-size:var(--t-xs);color:#6C7891;line-height:1.9;
}

/* ===== 機場分頁 ===== */
.tabs{
  display:flex;gap:var(--s2);overflow-x:auto;padding-bottom:var(--s2);
  margin-bottom:var(--s5);scrollbar-width:none;-webkit-overflow-scrolling:touch;
}
.tabs::-webkit-scrollbar{display:none}
.tab{
  flex:none;display:inline-flex;align-items:center;gap:var(--s2);
  min-height:var(--tap);padding:var(--s2) var(--s5);
  font-family:inherit;font-size:var(--t-sm);font-weight:700;color:var(--navy);
  background:var(--paper);border:1.5px solid var(--line);border-radius:var(--r-full);
  cursor:pointer;white-space:nowrap;
  transition:background var(--dur) var(--ease-out),border-color var(--dur),color var(--dur);
}
/* 用 :not(.on) 限定，否則這條的權重(0,2,1)會蓋掉 .tab.on(0,2,0) 的背景，
   造成選中時白底配白字，標籤直接消失 */
section.alt .tab:not(.on){background:var(--surface)}
.tab span{font-family:'Manrope',sans-serif;font-weight:800;font-size:var(--t-xs);opacity:.55}
.tab:hover{border-color:var(--navy-soft)}
.tab.on{background:var(--navy);border-color:var(--navy);color:#fff}
.tab.on span{opacity:.7;color:var(--gold-soft)}

.panel[hidden]{display:none}
.ap-title{
  font-size:var(--t-base);color:var(--navy);font-weight:700;
  margin-bottom:var(--s4);display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--s2);
}
.ap-title span{font-size:var(--t-sm);font-weight:400;color:var(--muted)}
.src{font-size:var(--t-xs);color:var(--muted);margin-top:var(--s5);line-height:1.8}

/* ===== 使用指南 ===== */
.guide-list a{
  display:block;background:var(--paper);border:1px solid var(--line);border-radius:var(--r-md);
  padding:var(--s4) var(--s5);margin-bottom:var(--s3);text-decoration:none;
  transition:border-color var(--dur),transform var(--dur) var(--ease-out);
}
section.alt .guide-list a{background:var(--surface)}
.guide-list a:hover{border-color:var(--navy-soft);transform:translateX(3px)}
.guide-list span{display:block;font-size:var(--t-base);font-weight:700;color:var(--navy);line-height:1.6}
.guide-list em{display:block;font-style:normal;font-size:var(--t-sm);color:var(--muted);margin-top:var(--s1)}
.src a{color:var(--navy-soft);font-weight:700;text-decoration:none}
.src a:hover{text-decoration:underline}

/* ===== LINE 諮詢 ===== */
.line-box{
  background:linear-gradient(180deg,var(--surface),var(--paper));
  border:1.5px solid var(--line);border-radius:var(--r-xl);
  padding:var(--s6) var(--s5);text-align:center;box-shadow:var(--shadow-sm);
}
section.alt .line-box{background:var(--paper)}
.line-box p{font-size:var(--t-sm);color:var(--ink-2);margin-top:var(--s3)}
.line-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);
  min-height:var(--tap);padding:var(--s3) var(--s6);margin-top:var(--s5);
  font-size:var(--t-base);font-weight:700;color:#fff;background:#06C755;
  border-radius:var(--r-md);text-decoration:none;box-shadow:0 4px 16px rgba(6,199,85,.32);
  transition:transform var(--dur) var(--ease-out),box-shadow var(--dur) var(--ease-out);
}
.line-btn:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(6,199,85,.4)}
.line-btn:active{transform:translateY(0)}
.line-btn:focus-visible{outline:3px solid var(--gold-bright);outline-offset:3px}
.line-btn svg{width:22px;height:22px;fill:#fff;flex:none}
.qr{margin-top:var(--s5)}
.qr img{
  width:170px;height:170px;margin-inline:auto;border-radius:var(--r-md);
  border:1px solid var(--line);background:#fff;
}
.qr figcaption{font-size:var(--t-xs);color:var(--muted);margin-top:var(--s3)}

/* ===== 加好友彈窗 =====
   進站約 1.5 秒後自動跳出一次，之後這次造訪不再打擾（存在 sessionStorage）。
   手機做成底部抽屜而不是全螢幕遮罩：不擋住內容，關掉也順手。 */
.lb-overlay{
  position:fixed;inset:0;z-index:80;
  display:flex;align-items:flex-end;justify-content:center;
  background:rgba(11,18,32,.55);
  opacity:0;pointer-events:none;
  transition:opacity 220ms var(--ease-out);
}
.lb-overlay.on{opacity:1;pointer-events:auto}
.lb-card{
  position:relative;width:100%;max-width:420px;
  background:var(--surface);
  border-radius:var(--r-xl) var(--r-xl) 0 0;
  padding:var(--s6) var(--s5) var(--s5);
  text-align:center;
  box-shadow:0 -8px 40px rgba(0,0,0,.35);
  transform:translateY(16px);
  transition:transform 260ms var(--ease-out);
  max-height:calc(100dvh - var(--s5));overflow-y:auto;
  -webkit-overflow-scrolling:touch;
}
.lb-overlay.on .lb-card{transform:translateY(0)}
.lb-close{
  position:absolute;top:var(--s3);right:var(--s3);
  width:var(--tap);height:var(--tap);
  display:flex;align-items:center;justify-content:center;
  border:0;border-radius:var(--r-full);background:transparent;
  color:var(--muted);cursor:pointer;font-family:inherit;
  transition:background var(--dur) var(--ease-out),color var(--dur);
}
.lb-close:hover{background:var(--paper);color:var(--ink)}
.lb-close:focus-visible{outline:3px solid var(--gold-bright);outline-offset:2px}
.lb-close svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round}
.lb-badge{
  width:46px;height:46px;margin:0 auto var(--s3);
  display:flex;align-items:center;justify-content:center;
  background:#06C755;border-radius:var(--r-md);
  box-shadow:0 4px 14px rgba(6,199,85,.35);
}
.lb-badge svg{width:26px;height:26px;fill:#fff}
.lb-card h2{font-size:var(--t-xl);color:var(--ink);font-weight:700;letter-spacing:.5px;justify-content:center}
.lb-card h2::before{display:none}   /* 全站 h2 前面那條金線在置中的彈窗裡會歪一邊 */
.lb-card .lb-sub{
  font-size:var(--t-sm);color:var(--ink-2);margin-top:var(--s2);line-height:1.8;text-wrap:balance;
}
.lb-qr{
  width:184px;height:184px;margin:var(--s5) auto var(--s3);
  display:block;border-radius:var(--r-md);
  border:1px solid var(--line);background:#fff;padding:var(--s2);
}
.lb-card .line-btn{margin-top:var(--s2);width:100%}
@media (prefers-reduced-motion:reduce){
  .lb-overlay,.lb-card{transition:none}
}
@media (max-height:620px){
  .lb-qr{width:132px;height:132px;margin-top:var(--s3)}
  .lb-card{padding:var(--s5) var(--s5) var(--s4)}
  .lb-badge{width:38px;height:38px;margin-bottom:var(--s2)}
}

/* ===== 平板以上 ===== */
@media (min-width:640px){
  .lb-overlay{align-items:center;padding:var(--s6)}
  .lb-card{
    border-radius:var(--r-xl);
    padding:var(--s7) var(--s6) var(--s6);
    transform:translateY(0) scale(.96);
    box-shadow:0 24px 60px rgba(0,0,0,.4);
    max-height:calc(100dvh - var(--s6) * 2);
  }
  .lb-overlay.on .lb-card{transform:translateY(0) scale(1)}
  .lb-qr{width:200px;height:200px}
  .lb-card .line-btn{width:auto;min-width:240px}
  :root{--t-2xl:36px;--t-xl:26px}
  .hero{padding-block:var(--s8) var(--s9)}
  .hero .btn{width:auto;min-width:300px}
  .price-line .amt{font-size:54px}
  .grid{grid-template-columns:repeat(2,1fr);gap:var(--s5)}
  .price-card{padding:var(--s7) var(--s6)}
  .price-card .amt{font-size:56px}
  .price-card ul{max-width:400px;margin-inline:auto}
  .price-card .btn{width:auto;min-width:280px}
  .cta .btn{width:auto;min-width:300px}
  footer .cols{grid-template-columns:repeat(3,1fr)}
  section{padding-block:var(--s8)}
  .lg{display:flex;align-items:center;gap:var(--s5)}
  .lg .head{flex:1 1 300px;min-width:0}
  .lg .meta{margin-top:0;flex:0 0 auto}
}
@media (min-width:960px){
  :root{--t-3xl:44px;--t-2xl:40px}
  .grid{grid-template-columns:repeat(4,1fr)}
  .grid.three{grid-template-columns:repeat(3,1fr)}
  .ap-title{font-size:var(--t-md)}
  .brand svg{width:44px;height:44px}
  .brand b{font-size:var(--t-xl)}
}

/* 使用者關閉動畫時全部停掉 */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}