/* =====================================================================
   YANYAN — chinasilkscarf.net  WAP (mobile ≤767px) design layer
   Loaded via <link media="(max-width:767px)"> — never applied on desktop.
   Mobile-native patterns replace the desktop grid-collapse.
   ===================================================================== */
/* 桌面隐藏移动端专属控件（media 内再激活） */
.pd-sticky, .f-toggle, .f-backdrop, .f-close, .m-tabbar { display: none; }

@media (max-width: 767px) {
  :root {
    color-scheme: light;
    /* touch targets */
    --tap: 44px;
    --tap-sm: 40px;
    /* spacing scale (4px base) */
    --sp-1: 4px; --sp-2: 8px; --sp-3: 12px; --sp-4: 16px;
    --sp-5: 20px; --sp-6: 24px; --sp-8: 32px;
    /* type scale */
    --fs-11: 11px; --fs-12: 12px; --fs-13: 13px; --fs-14: 14px;
    --fs-15: 15px; --fs-16: 16px; --fs-18: 18px;
    --fs-20: 20px; --fs-22: 22px; --fs-26: 26px;
    --fs-input: 16px;
    /* radius */
    --r-sm: 4px; --r-md: 8px; --r-lg: 12px; --r-pill: 999px;
    /* hairline */
    --hairline: .5px;
    /* safe areas */
    --safe-t: env(safe-area-inset-top, 0px);
    --safe-b: env(safe-area-inset-bottom, 0px);
    --safe-l: env(safe-area-inset-left, 0px);
    --safe-r: env(safe-area-inset-right, 0px);
    /* bottom tab bar */
    --tabbar-h: 56px;
    -webkit-tap-highlight-color: transparent;
  }

  /* ---------- 防错基线 (fault-proof baseline) ---------- */
  html, body { overflow-x: hidden; }
  body { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
  a, button, [role="button"] { -webkit-tap-highlight-color: transparent; }
  a:active, button:active, [role="button"]:active { opacity: .82; }
  :focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
  @media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { transition-duration: .01ms !important; animation-duration: .01ms !important; }
  }

  /* ---------- 容器 / 间距 ---------- */
  .wrap { width: calc(100% - 32px); }
  section { padding: 48px 0; }
  .phero { padding: 40px 0 36px; }
  .phero h1 { font-size: clamp(30px, 9vw, 40px); }
  .sec-head { flex-direction: column; align-items: flex-start; gap: 12px; margin-bottom: 28px; }
  .sec-head h2 { font-size: clamp(26px, 7vw, 34px); }
  .crumbs { padding: 16px 0 12px; }

  /* ---------- D1: 顶部导航 → 全屏抽屉菜单 ---------- */
  .topbar .announce { display: none; }
  .topbar-inner { min-height: 40px; justify-content: flex-end; }
  .topbar-right { gap: 6px; }
  .topbar-link { min-height: var(--tap); display: inline-flex; align-items: center; padding: 0 10px; font-size: var(--fs-13); }
  .lang-trigger { min-height: var(--tap); padding: 0 10px; display: inline-flex; align-items: center; font-size: var(--fs-13); }
  .nav-inner { height: 56px; gap: 12px; }
  .logo { font-size: 20px; }
  .nav-cta { display: none; }
  .nav-burger { width: 40px; height: 40px; }
  /* header 的 backdrop-filter 会为 fixed 后代建立 containing block，把全屏抽屉困在 72px 高 —— 移动端移除 + 不透明背景 */
  header.nav { backdrop-filter: none; background: var(--bg); }
  .m-nav {
    position: fixed; inset: 0; z-index: 200; background: var(--bg);
    padding: 0; max-height: none; overflow-y: auto; overscroll-behavior: contain;
    min-height: 100vh; min-height: 100dvh;
    display: none; flex-direction: column;
  }
  .m-nav.open { display: flex; }
  .m-nav-head {
    position: sticky; top: 0; z-index: 2; display: flex; align-items: center; justify-content: space-between;
    padding: calc(var(--safe-t) + 10px) 16px 10px; background: var(--bg);
    border-bottom: var(--hairline) solid var(--line);
  }
  .m-nav-logo { font-family: var(--serif); font-size: 22px; letter-spacing: .28em; font-weight: 600; }
  .m-nav-logo .mark { color: var(--accent); }
  .m-nav-close { width: var(--tap); height: var(--tap); font-size: 26px; line-height: 1; background: none; border: 0; color: var(--ink); cursor: pointer; }
  .m-nav a { display: flex; align-items: center; min-height: 48px; padding: 12px 20px; font-size: var(--fs-16); color: var(--ink); border-inline-start: 3px solid transparent; }
  .m-nav a:hover { background: var(--gold-soft); color: var(--accent-deep); }
  .m-nav-title { padding: 20px 20px 6px; font-size: var(--fs-12); letter-spacing: .14em; text-transform: uppercase; color: var(--accent-deep); font-weight: 600; }
  .m-nav-foot {
    margin-top: auto; padding: 16px; padding-bottom: calc(var(--safe-b) + 16px);
    border-top: var(--hairline) solid var(--line); display: flex; gap: var(--sp-3);
  }
  .m-nav-foot a { flex: 1; justify-content: center; min-height: var(--tap); border: 1px solid var(--line); border-radius: var(--r-md); font-size: var(--fs-14); }
  .m-nav-foot a.m-nav-quote { background: var(--black); color: #fff; border-color: var(--black); }
  .m-nav-foot a svg { width: 18px; height: 18px; }

  /* ---------- D2: 底部 tab 导航（替代 .mbar） ---------- */
  .wa-float { display: none; }
  .mbar { display: none; }
  body { padding-bottom: calc(var(--tabbar-h) + var(--safe-b)); }
  .m-tabbar {
    position: fixed; left: 0; right: 0; bottom: 0; z-index: 80;
    display: grid; grid-template-columns: repeat(5, 1fr);
    background: var(--bg); border-top: var(--hairline) solid var(--line);
    padding-bottom: var(--safe-b);
  }
  .m-tabbar .tab { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; min-height: var(--tabbar-h); font-size: var(--fs-11); color: var(--ink-faint); position: relative; }
  .m-tabbar .tab svg { width: 23px; height: 23px; }
  .m-tabbar .tab.on, .m-tabbar .tab[aria-current="page"] { color: var(--accent); }
  .m-tabbar .tab-quote { background: var(--black); color: #fff; }
  .m-tabbar .tab-quote.on { color: #fff; }
  .m-tabbar .cart-count { position: absolute; top: 5px; inset-inline-end: calc(50% - 20px); min-width: 16px; height: 16px; line-height: 16px; font-size: 10px; padding: 0 4px; border-radius: 8px; background: var(--accent); color: #fff; }

  /* ---------- D5: 触控目标扩容 (≥44px) ---------- */
  .btn { min-height: var(--tap); }
  .btn-sm { min-height: var(--tap); padding: 12px 16px; font-size: var(--fs-14); }
  .cart-del { width: var(--tap); height: var(--tap); display: inline-flex; align-items: center; justify-content: center; font-size: 22px; padding: 0; }
  .drop a, .lang-drop a { min-height: var(--tap); display: flex; align-items: center; }
  .ac-nav a { min-height: var(--tap); }
  .wd-nav a { min-height: var(--tap); }
  .foot-grid a { min-height: var(--tap-sm); display: flex; align-items: center; }
  .crumbs a { min-height: var(--tap-sm); display: inline-flex; align-items: center; }
  .pager a { min-height: var(--tap); }

  /* ---------- D4: 表单 (16px 防缩放 + 单列) ---------- */
  .form-grid { grid-template-columns: 1fr; gap: 14px; }
  .form-card { padding: 24px 18px; }
  .form-card input, .form-card textarea, .form-card select,
  .f-field select, .f-field input, .pd-color select, .pd-buy-qty input,
  .qty-input, .co-main .form-grid input, .co-main input {
    font-size: var(--fs-input);
  }
  .form-card input, .form-card select, .co-main .form-grid input { padding: 13px 14px; }
  .form-card textarea { min-height: 110px; }

  /* ---------- D3: 购物车卡片化 ---------- */
  .cart-table thead, .ac-table thead { display: none; }
  .cart-table, .cart-table tbody { display: block; }

  /* 每个商品 = 一张卡片 */
  .cart-table tr {
    display: block; position: relative;
    background: #fff; border: 1px solid var(--line); border-radius: var(--r-lg);
    padding: 16px; margin-bottom: 14px;
  }
  .cart-table td { display: block; width: 100%; border: 0; padding: 0; text-align: start; }

  /* 产品头部（图 + 名 + 色），右留空给删除钮 */
  .cart-prod { display: flex !important; gap: 14px; align-items: center; padding: 0 0 14px 0; padding-inline-end: 32px; margin-bottom: 12px; border-bottom: var(--hairline) solid var(--line); }
  .cart-prod .cart-thumb { flex: 0 0 60px; width: 60px; height: 60px; border-radius: var(--r-md); overflow: hidden; }
  .cart-name { font-size: var(--fs-15); font-weight: 600; color: var(--ink); line-height: 1.35; }
  .cart-color { font-size: var(--fs-13); color: var(--ink-soft); margin-top: 3px; }

  /* 删除按钮：卡片右上角 */
  .cart-table td.cart-del-cell { position: absolute; top: 10px; inset-inline-end: 10px; width: auto; }
  .cart-del { width: 32px; height: 32px; min-height: 32px; display: flex; align-items: center; justify-content: center; font-size: 20px; padding: 0; border-radius: 50%; background: var(--bg-soft); color: var(--ink-faint); }
  .cart-del:hover { color: #C0392B; }

  /* 价格 / 数量 / 小计 = label:value 行 */
  .cart-table td[data-label] { display: flex; justify-content: space-between; align-items: center; padding: 7px 0; }
  .cart-table td[data-label]::before { content: attr(data-label); font-size: var(--fs-13); letter-spacing: .04em; color: var(--ink-faint); flex: none; }
  .cart-table td.cart-line { font-weight: 600; font-size: var(--fs-15); color: var(--ink); }

  /* 数量行（input + 紧凑 update） */
  .qty-form { display: flex; gap: 8px; align-items: center; justify-content: flex-end; }
  .qty-input { width: 58px; font-size: var(--fs-input); padding: 8px 4px; text-align: center; border-radius: var(--r-sm); }
  .qty-form .btn-sm { min-height: 0; height: 40px; padding: 0 14px; font-size: var(--fs-13); }

  /* 账户订单表：简单键值对（非卡片） */
  .ac-table, .ac-table tbody, .ac-table tr, .ac-table td { display: block; width: 100%; }
  .ac-table tr { border-bottom: var(--hairline) solid var(--line); padding: 14px 0; }
  .ac-table td { display: flex; justify-content: space-between; align-items: center; gap: 12px; border: 0; padding: 6px 0; text-align: start; }
  .ac-table td::before { content: attr(data-label); font-size: var(--fs-11); letter-spacing: .06em; text-transform: uppercase; color: var(--ink-faint); flex: none; }
  .ac-table td:not([data-label])::before { content: none; }

  /* 银行信息表：键值对 */
  .co-bank tr { display: flex; gap: var(--sp-3); padding: 9px 0; border-bottom: var(--hairline) solid var(--line); }
  .co-bank td { display: block; }
  .co-bank td:first-child { flex: 0 0 110px; color: var(--ink-faint); }
  .co-bank td:last-child { text-align: start; word-break: break-word; }

  /* ---------- D9: 会员侧栏 → 横向横滑 tab ---------- */
  .ac-layout { grid-template-columns: 1fr; gap: 20px; }
  .ac-side { background: none; border: 0; padding: 0; }
  .ac-user { display: none; }
  .ac-nav { flex-direction: row; overflow-x: auto; gap: var(--sp-2); -webkit-overflow-scrolling: touch; scroll-snap-type: x proximity; padding-bottom: 4px; }
  .ac-nav a { flex: 0 0 auto; scroll-snap-align: start; min-height: var(--tap); display: inline-flex; align-items: center; padding: 10px 18px; border: 1px solid var(--line); border-radius: var(--r-pill); font-size: var(--fs-14); }
  .ac-nav a.on { background: var(--accent); color: #fff; border-color: var(--accent); }
  .ac-logout { border-top: 0; padding-top: 0; margin-top: var(--sp-3); }
  .ac-main { padding: 20px 16px; }
  .ac-head h2 { font-size: 22px; }
  .ac-stats { grid-template-columns: 1fr 1fr; gap: 12px; }
  .ac-stat b { font-size: 24px; }
  .addr-card { flex-direction: column; align-items: stretch; }
  .addr-actions { flex-direction: row; justify-content: stretch; width: 100%; }
  .addr-actions .btn { flex: 1; justify-content: center; }

  /* ---------- D10: 横滑画廊 (scroll-snap) ---------- */
  .h-scroll { display: flex; gap: var(--sp-3); overflow-x: auto; -webkit-overflow-scrolling: touch; scroll-snap-type: x proximity; touch-action: pan-x; padding-bottom: 6px; }
  .h-scroll > * { flex: 0 0 auto; scroll-snap-align: start; }
  .pd-thumbs { display: flex; flex-wrap: nowrap; overflow-x: auto; gap: var(--sp-2); -webkit-overflow-scrolling: touch; touch-action: pan-x; padding-bottom: 4px; }
  .pd-thumbs img { width: 64px; height: 64px; flex: 0 0 auto; }
  .wd-nav { flex-wrap: nowrap; overflow-x: auto; scroll-snap-type: x proximity; -webkit-overflow-scrolling: touch; touch-action: pan-x; padding-bottom: 4px; }
  .wd-nav a { flex: 0 0 auto; scroll-snap-align: start; }
  .stories { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; touch-action: pan-x; padding-bottom: 6px; }
  .stories .story { flex: 0 0 80%; scroll-snap-align: center; }

  /* ---------- D6: 分类筛选 → 底部抽屉 ---------- */
  .f-toggle { display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; min-height: var(--tap); margin: 8px 0 16px; border: 1px solid var(--line); border-radius: var(--r-md); background: #fff; color: var(--ink); font-size: var(--fs-14); font-weight: 600; cursor: pointer; }
  .f-panel { position: fixed; left: 0; right: 0; bottom: 0; z-index: 120; margin: 0; max-height: 85vh; max-height: 85dvh; overflow-y: auto; border-radius: var(--r-lg) var(--r-lg) 0 0; padding: 20px 18px calc(var(--safe-b) + 20px); transform: translateY(100%); transition: transform .25s ease; box-shadow: 0 -12px 40px rgba(22,20,18,.18); }
  .f-panel.open { transform: none; }
  .f-backdrop { display: none; position: fixed; inset: 0; z-index: 110; background: rgba(22,20,18,.45); }
  .f-backdrop.show { display: block; }
  .f-head { position: relative; margin-bottom: 14px; padding-inline-end: var(--tap); }
  .f-title { font-size: 20px; }
  .f-close { display: block; position: absolute; inset-inline-end: 0; top: -2px; width: var(--tap); height: var(--tap); font-size: 26px; line-height: 1; background: none; border: 0; color: var(--ink-faint); cursor: pointer; }
  .f-bar { flex-direction: column; align-items: stretch; gap: 14px; }
  .f-field, .f-price, .f-actions { flex: 1 1 100%; min-width: 0; }
  .f-actions { flex-direction: row; }
  .f-actions .btn { flex: 1; justify-content: center; }
  .f-result { padding-bottom: 12px; }

  /* ---------- D7: FAQ 手风琴 ---------- */
  .faq-grid { grid-template-columns: 1fr; }
  .faq-item { border-bottom: var(--hairline) solid var(--line); }
  .faq-q { list-style: none; cursor: pointer; padding: 18px 28px 10px 0; position: relative; font-size: 18px; }
  .faq-q::-webkit-details-marker { display: none; }
  .faq-q::after { content: "+"; position: absolute; inset-inline-end: 2px; top: 16px; font-size: 24px; line-height: 1; color: var(--accent); transition: transform .2s; }
  details[open] > summary.faq-q::after { content: "–"; }
  .faq-a { padding: 0 0 18px; }

  /* ---------- D8: 产品页 sticky 加购栏 ---------- */
  .pd { grid-template-columns: 1fr; gap: 20px; padding: 16px 0 32px; }
  .pd-info h1 { font-size: clamp(24px, 7vw, 30px); }
  .pd-tiers .tier { min-height: 48px; padding: 12px 14px; gap: 10px; }
  .pd-tiers .qty { font-size: var(--fs-13); flex: none; }
  .pd-tiers .p { font-size: 16px; }
  .pd-tiers .save, .pd-tiers .moq-tag { font-size: var(--fs-12); }
  .pd-specs .row { font-size: var(--fs-14); }
  .pd-buy-form { flex-direction: column; align-items: stretch; }
  .pd-buy-qty input { width: 100%; font-size: var(--fs-input); padding: 12px 14px; }
  .pd-buy-btns { flex-direction: column; }
  .pd-buy-btns .btn { width: 100%; justify-content: center; }
  .pd-cta { flex-direction: column; }
  .pd-cta .btn { width: 100%; justify-content: center; }
  .pd-sticky { display: flex; align-items: center; gap: 8px; position: fixed; left: 0; right: 0; bottom: calc(var(--tabbar-h) + var(--safe-b)); z-index: 70; background: var(--bg); border-top: var(--hairline) solid var(--line); padding: 10px 12px; }
  .pd-sticky-price { font-family: var(--serif); font-size: var(--fs-20); color: var(--accent); white-space: nowrap; }
  .pd-sticky-price i { font-size: var(--fs-12); font-style: normal; color: var(--ink-faint); }
  .stepper { display: flex; align-items: center; border: 1px solid var(--line); border-radius: var(--r-md); flex: none; }
  .stepper button { width: var(--tap); height: var(--tap); font-size: 22px; background: none; border: 0; color: var(--ink); cursor: pointer; }
  .stepper input { width: 40px; height: var(--tap); text-align: center; border: 0; font-size: var(--fs-16); color: var(--ink); }
  .pd-sticky-add, .pd-sticky-buy { flex: 1; min-height: var(--tap); justify-content: center; padding: 0 12px; }
  body.pd-page { padding-bottom: calc(var(--tabbar-h) + var(--safe-b) + 64px); }

  /* ---------- 首页 ---------- */
  .hero-inner { padding: 40px 0 48px; }
  .hero h1 { font-size: clamp(34px, 11vw, 46px); }
  .hero .lede { font-size: 16px; }
  .hero-art { display: none; }
  .hero-ctas { flex-direction: column; }
  .hero-ctas .btn { width: 100%; justify-content: center; }
  .hero-stats { gap: 24px; flex-wrap: wrap; margin-top: 36px; }
  .who { gap: 24px; }
  .who-facts { max-width: none; }
  .wf { padding: 20px; }
  .wf b { font-size: 20px; }
  .cats, .grid, .guides { grid-template-columns: 1fr 1fr; gap: 12px; }
  .ways { grid-template-columns: 1fr 1fr; gap: 12px; }
  .way { padding: 18px 14px; }
  .way .n { font-size: 30px; }
  .way h3 { font-size: 17px; margin: 10px 0 6px; }
  .way p { font-size: var(--fs-13); }
  .cat .sw { height: 110px; }
  .cat .body { padding: 14px 14px 16px; }
  .cat .body h3 { font-size: 19px; }
  .prod .body { padding: 12px 12px 14px; }
  .prod .body .name { font-size: 16px; }
  .prod .body .price { font-size: 12.5px; margin-top: 10px; }
  .guide-body { padding: 18px 16px 20px; }
  .guide h3 { font-size: 18px; }
  .oem .txt { padding: 36px 24px; }
  .oem .art { min-height: 160px; }
  .trust { grid-template-columns: 1fr 1fr; }
  .trust > div { padding: 22px 16px; }
  .trust .t { font-size: 20px; }

  /* ---------- 图文组件库 (2 列紧凑) ---------- */
  .icards, .steps, .contact-cards, .mats { grid-template-columns: 1fr 1fr; gap: 12px; }
  .icard { padding: 18px 14px; }
  .icard .ic { width: 40px; height: 40px; }
  .icard h3 { font-size: 17px; }
  .step { padding: 18px 14px; }
  .step .n { font-size: 32px; }
  .step h3 { font-size: 17px; }
  .cc { padding: 16px 14px; gap: 10px; }
  .cc-ic { width: 40px; height: 40px; }
  .cc-val { font-size: 14px; }
  .mat .bd { padding: 12px 12px 14px; }
  .thumbs { display: flex; overflow-x: auto; scroll-snap-type: x proximity; -webkit-overflow-scrolling: touch; touch-action: pan-x; padding-bottom: 4px; }
  .thumbs .thumb { flex: 0 0 72%; scroll-snap-align: center; }
  .duo { grid-template-columns: 1fr; }
  .duo .card { padding: 22px 18px; }
  .split, .split.rev { grid-template-columns: 1fr; gap: 24px; }
  .contact-grid { grid-template-columns: 1fr; gap: 24px; }

  /* ---------- 购物车 ---------- */
  .cart-sec, .co-sec, .ac-sec, .auth-sec { padding: 28px 0 60px; }
  .cart-layout, .co-layout { grid-template-columns: 1fr; gap: 20px; }
  .cart-summary, .co-side { position: static; padding: 20px 16px; }
  .cart-empty { padding: 44px 16px; }

  /* ---------- 结账 ---------- */
  .co-main { padding: 20px 16px; }
  .co-layout { display: flex; flex-direction: column; }
  .co-side { order: -1; }
  .co-method { padding: 14px; }
  .order-confirm { padding: 20px 16px; }
  .oc-head { grid-template-columns: 1fr; gap: 10px; }

  /* ---------- 内容页 ---------- */
  .prose { font-size: 16px; }
  .prose h2 { font-size: 24px; margin: 30px 0 12px; }
  .prose h3 { font-size: 20px; }
  .prose table { display: block; overflow-x: auto; white-space: nowrap; }
  .prose table { -webkit-overflow-scrolling: touch; }
  .art-hero img { aspect-ratio: 16 / 10; }
  .way-detail { padding: 20px 16px; gap: 20px; }
  .way-detail .wd-n { font-size: 40px; }
  .way-detail h2 { font-size: 24px; }
  .wd-steps { grid-template-columns: 1fr; gap: 10px; }
  .wd-meta { grid-template-columns: 1fr; gap: 10px; }

  /* ---------- footer ---------- */
  footer { padding: 40px 0 20px; }
  .foot-cta { padding: 26px 20px; flex-direction: column; align-items: stretch; text-align: center; border-radius: var(--r-lg); margin-bottom: 32px; }
  .foot-cta-txt h3 { font-size: 24px; }
  .foot-cta-txt p { margin-inline: auto; }
  .foot-cta-btns { flex-direction: column; gap: 10px; }
  .foot-cta-btns .btn { width: 100%; justify-content: center; }

  /* 品牌块：全宽居中 */
  .foot-grid { display: grid; grid-template-columns: 1fr; gap: 0; }
  .foot-brand { text-align: center; padding: 6px 0 20px; border-bottom: var(--hairline) solid var(--line); }
  .foot-brand p { margin-inline: auto; }
  .foot-contact { flex-direction: column; align-items: center; }
  .foot-contact li { justify-content: center; }

  /* 链接列：手风琴（默认折叠，JS 在移动端移除 open） */
  .foot-col { border-bottom: var(--hairline) solid var(--line); }
  .foot-col summary.foot-h {
    list-style: none; display: flex; align-items: center; justify-content: space-between;
    padding: 16px 2px; margin: 0; font-size: var(--fs-12); letter-spacing: .16em;
    text-transform: uppercase; color: var(--ink); font-weight: 600; cursor: pointer; pointer-events: auto;
  }
  .foot-col summary.foot-h::-webkit-details-marker { display: none; }
  .foot-col summary.foot-h::after { content: "+"; font-size: 22px; font-weight: 300; color: var(--ink-faint); line-height: 1; transition: transform .2s; }
  .foot-col[open] summary.foot-h::after { content: "–"; }
  .foot-links { padding: 0 0 18px; display: flex; flex-direction: column; }
  .foot-links a { font-size: var(--fs-14); color: var(--ink-soft); padding: 7px 0; }

  .foot-bottom { flex-direction: column; gap: 8px; text-align: center; margin-top: 28px; padding-top: 20px; }

  /* ---------- 404 ---------- */
  .btn { font-size: var(--fs-14); }

  /* ---------- RTL (ar) 适配 ---------- */
  [dir="rtl"] .m-nav a { border-inline-start: 0; border-inline-end: 3px solid transparent; }
  [dir="rtl"] .faq-q { padding: 18px 0 10px 28px; }
  [dir="rtl"] .caret { transform: scaleX(-1); }
}