/* SA Thrift Deal Board — single-theme design system.
   Light-gray bg, black headlines, iOS blue #0071E3.
   Black / white / blue ONLY. One fixed theme — looks the same on every device. */

/* ============ tokens ============ */
:root{
  --bg:#F2F2F7; --card:#FFFFFF; --card2:#E9E9EE; --input:#FFFFFF;
  --ink:#000000; --ink2:#6E6E73; --ink3:#AEAEB2;
  --line:rgba(0,0,0,.09); --blue:#0071E3; --blue-d:#0060C9; --blue-ink:#FFFFFF;
  --pill-on-bg:#000000; --pill-on-ink:#FFFFFF;
  --tabbar:rgba(250,250,252,.94); --shadow:0 8px 28px rgba(0,0,0,.08);
  --danger:#FF3B30; --ok:#34C759;
  color-scheme:light;
}

/* ============ base ============ */
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0;padding:0}
body{
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  background:var(--bg); color:var(--ink);
  -webkit-font-smoothing:antialiased;
}
a{color:var(--blue);text-decoration:none}
img{max-width:100%}
.wrap{max-width:560px;margin:0 auto;padding:0 18px 120px}
h1.hero{font-size:38px;font-weight:800;letter-spacing:-1.2px;line-height:1.08;margin:18px 0 10px}
h2.sec{font-size:26px;font-weight:800;letter-spacing:-.6px;margin:30px 0 6px}
.sub{color:var(--ink2);font-size:16px;line-height:1.5;margin:0 0 18px}
.muted{color:var(--ink2)} .small{font-size:13px}

/* ============ header ============ */
.topbar{
  position:sticky;top:0;z-index:50;
  background:var(--tabbar);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);
  border-bottom:1px solid var(--line);
}
.topbar-in{max-width:560px;margin:0 auto;padding:10px 14px;display:flex;align-items:center;gap:8px}
.brand{font-size:19px;font-weight:800;letter-spacing:-.5px;color:var(--ink);text-decoration:none;display:flex;align-items:center;gap:7px;white-space:nowrap}
.brand-mark{width:26px;height:26px;flex:0 0 auto}
.brand b{color:var(--blue)}
.locwrap{position:relative;flex:0 1 auto;min-width:0}
.locbtn{
  border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:999px;
  font:inherit;font-size:13px;font-weight:700;padding:8px 10px;cursor:pointer;
  display:flex;align-items:center;gap:5px;max-width:150px;white-space:nowrap;
}
.locbtn svg{width:14px;height:14px;color:var(--blue);flex:0 0 auto}
.locbtn span:first-of-type{overflow:hidden;text-overflow:ellipsis}
.locbtn .chev{color:var(--ink3);font-size:10px}
.locmenu{
  position:absolute;top:calc(100% + 8px);left:0;background:var(--card);border:1px solid var(--line);
  border-radius:16px;box-shadow:var(--shadow);padding:6px;min-width:190px;z-index:80;
}
.locmenu button{display:block;width:100%;text-align:left;border:none;background:transparent;color:var(--ink);font:inherit;font-size:14px;font-weight:700;padding:10px 12px;border-radius:10px;cursor:pointer}
.locmenu button.on{color:var(--blue)}
.locnote{font-size:12px;color:var(--ink3);padding:6px 12px 8px}
.hacts{margin-left:auto;display:flex;align-items:center;gap:8px}
.hpost{
  background:var(--blue);color:#fff;font-weight:700;font-size:14px;text-decoration:none;
  padding:9px 18px;border-radius:999px;white-space:nowrap;
}
.hambtn{
  width:40px;height:40px;border-radius:50%;border:1px solid var(--line);
  background:var(--card);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;
}
.hambtn span{display:block;width:16px;height:2px;border-radius:2px;background:var(--ink)}
.hmenu{
  position:absolute;top:calc(100% + 6px);left:12px;right:12px;max-width:536px;margin:0 auto;
  background:var(--card);border:1px solid var(--line);border-radius:18px;
  box-shadow:var(--shadow);z-index:90;overflow:hidden;
  max-height:0;opacity:0;pointer-events:none;
  transition:max-height .28s ease,opacity .2s ease,padding .28s ease;
  padding:0 16px;display:flex;flex-direction:column;
}
.hmenu.open{max-height:430px;opacity:1;pointer-events:auto;padding:8px 16px 14px}
.hmenu a{
  color:var(--ink);text-decoration:none;font-weight:600;font-size:15px;
  padding:12px 4px;border-top:1px solid var(--line);white-space:nowrap;
}
.hmenu a:first-child{border-top:none}
.hmenu a.hm-cta{color:var(--blue);font-weight:700}
.hmenu .hm-auth{border-top:1px solid var(--line);padding:12px 0 2px;display:flex;flex-direction:column;gap:10px}
.hmenu a.hm-btn{display:block;text-align:center;font-weight:800;font-size:15px;padding:13px 16px;border-radius:14px;border:none;text-decoration:none;white-space:normal}
.hmenu a.hm-btn-dark{background:#111;color:#fff}
.hmenu a.hm-btn-light{background:#fff;color:#111;border:1.5px solid #d8d8de}
@media (max-width:380px){
  .topbar-in{padding:10px 10px;gap:6px}
  .brand{font-size:17px;gap:5px}
  .brand-mark{width:22px;height:22px}
  .locbtn{font-size:12px;padding:7px 9px;max-width:118px}
  .hpost{font-size:13px;padding:8px 14px}
  .hambtn{width:36px;height:36px}
}

/* ============ blog ============ */
.bloglist{display:flex;flex-direction:column;gap:12px;margin:18px 0 8px}
.blogcard{
  display:block;background:var(--card);border:1px solid var(--line);border-radius:20px;
  padding:18px;text-decoration:none;box-shadow:var(--shadow);
}
.blogdate{font-size:12px;font-weight:700;color:var(--ink3);text-transform:uppercase;letter-spacing:.6px;margin-bottom:6px}
.blogtitle{font-size:19px;font-weight:800;letter-spacing:-.3px;color:var(--ink);margin-bottom:6px;line-height:1.3}
.blogex{font-size:14px;color:var(--ink2);line-height:1.5;margin-bottom:10px}
.blogread{font-size:14px;font-weight:700;color:var(--blue)}
.backlink{display:inline-block;margin:14px 0 4px;color:var(--blue);font-weight:700;text-decoration:none;font-size:14px}
.post{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:22px 20px;box-shadow:var(--shadow);margin:8px 0 16px}
.posttitle{font-size:28px;font-weight:800;letter-spacing:-.5px;line-height:1.2;color:var(--ink);margin:6px 0 14px}
.postbody{font-size:16px;line-height:1.65;color:var(--ink)}
.postbody h2{font-size:19px;margin:20px 0 8px;letter-spacing:-.3px}
.postbody p{margin:0 0 12px}
.postbody ul{margin:0 0 12px;padding-left:22px}
.postbody li{margin-bottom:6px}
.postcta{text-align:center;background:var(--card);border:1px solid var(--line);border-radius:20px;padding:20px;margin-bottom:16px}
.postcta p{font-weight:700;margin:0 0 12px}

/* ============ deals hero ============ */
.locrow{display:flex;align-items:center;gap:8px;margin:16px 0 4px}
.loc{font-weight:700;font-size:16px;display:flex;align-items:center;gap:6px}
.loc svg{width:18px;height:18px;color:var(--blue)}
.postpill{
  margin-left:auto;background:var(--blue);color:var(--blue-ink);font-weight:700;font-size:15px;
  padding:11px 24px;border-radius:999px;text-decoration:none;
}

/* search bar with category dropdown + arrow submit */
.dsearch-wrap{position:relative}
.dsearch{
  display:flex;align-items:stretch;background:var(--input);border:1px solid var(--line);
  border-radius:999px;box-shadow:var(--shadow);overflow:hidden;margin:6px 0 14px;
}
.dsearch-catwrap{position:relative;flex:0 0 auto;display:flex;border-right:1px solid var(--line)}
.dsearch-cat{
  border:none;background:transparent;color:var(--ink);font-weight:700;font-size:14px;
  padding:0 8px 0 18px;cursor:pointer;font-family:inherit;display:flex;align-items:center;gap:6px;max-width:148px;
}
.dsearch-cat span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dsearch-chev{color:var(--ink3);font-size:11px}
.dsearch-menu{
  position:absolute;top:calc(100% + 10px);left:0;background:var(--card);border:1px solid var(--line);
  border-radius:18px;box-shadow:var(--shadow);padding:6px;min-width:200px;z-index:80;
}
.dsearch-menu button{
  display:block;width:100%;text-align:left;border:none;background:none;padding:12px 14px;
  font-size:15px;font-family:inherit;border-radius:12px;cursor:pointer;color:var(--ink);
}
.dsearch-menu button.on{font-weight:800;color:var(--blue)}
.dsearch-input{
  flex:1;min-width:0;border:none;outline:none;font-size:16px;padding:16px 10px;
  font-family:inherit;color:var(--ink);background:transparent;
}
.dsearch-input::placeholder{color:var(--ink3)}
.dsearch-go{
  border:none;background:var(--blue);color:var(--blue-ink);width:54px;margin:5px 5px 5px 0;border-radius:50%;
  cursor:pointer;font-size:22px;font-weight:700;display:flex;align-items:center;justify-content:center;font-family:inherit;
}
.dsearch-go:active{background:var(--blue-d)}

/* pills */
.pills{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:10px;margin:4px -4px 6px;padding:4px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.pills::-webkit-scrollbar{display:none}
.pill{
  border:1px solid var(--line);background:var(--card);color:var(--ink);
  padding:12px 20px;border-radius:999px;font-size:14.5px;font-weight:600;cursor:pointer;font-family:inherit;
  white-space:nowrap;flex:0 0 auto;
}
.pill.on{background:var(--pill-on-bg);color:var(--pill-on-ink);border-color:transparent}
.frow{display:flex;align-items:center;gap:10px;margin:12px 0 4px}
.count{margin-left:auto;color:var(--ink2);font-size:14px}

/* ============ deal cards ============ */
.deal-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}
.deal-card{
  position:relative;background:var(--card);border:1px solid var(--line);border-radius:22px;overflow:hidden;
  text-decoration:none;color:inherit;box-shadow:var(--shadow);display:block;
}
.deal-card .ph{position:relative;display:block;aspect-ratio:16/10;background:var(--card2);overflow:hidden}
.deal-card .ph img{width:100%;height:100%;object-fit:cover;display:block}
.pricechip{
  position:absolute;left:10px;bottom:10px;background:var(--blue);color:#fff;
  font-size:14px;font-weight:800;padding:7px 14px;border-radius:999px;z-index:2;
  box-shadow:0 2px 10px rgba(0,0,0,.28);white-space:nowrap;
}
.pricechip.free{background:#fff;color:var(--blue)}
.chip{
  position:absolute;top:10px;left:10px;background:rgba(0,0,0,.62);color:#fff;font-size:12px;font-weight:700;
  padding:7px 13px;border-radius:999px;z-index:2;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);
}
.heart{
  position:absolute;top:8px;right:8px;width:38px;height:38px;border-radius:50%;border:none;cursor:pointer;z-index:2;
  background:rgba(0,0,0,.45);color:#fff;font-size:17px;display:flex;align-items:center;justify-content:center;
  -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);
}
.heart.saved{background:var(--blue);color:#fff}
.heartform{display:contents}
.deal-body{display:block;padding:16px 22px 18px}
.deal-price{font-weight:800;font-size:16px}
.deal-price.free{color:var(--blue)}
.deal-title{font-weight:600;font-size:12px;line-height:1.3;margin:3px 0;overflow-wrap:break-word}
.deal-area{color:#0071e3;font-size:12.5px}.deal-date{color:var(--ink2);font-size:12px;margin:2px 0 0}
.deal-fresh{color:var(--ok);font-size:12px;font-weight:700;margin-top:4px}.deal-fresh.dim{color:var(--ink2);font-weight:400}

/* ============ cards / generic ============ */
.card{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:20px;box-shadow:var(--shadow);margin-bottom:14px}
.card h3{margin:0 0 8px;font-size:22px;font-weight:800;letter-spacing:-.4px}
.card p{color:var(--ink2);line-height:1.55;margin:0 0 14px}

/* ============ buttons ============ */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;cursor:pointer;
  border-radius:999px;padding:15px 30px;font-size:16px;font-weight:700;font-family:inherit;text-decoration:none;
}
.btn-blue{background:var(--blue);color:var(--blue-ink)}
.btn-blue:active{background:var(--blue-d)}
.btn-dim{background:var(--card2);color:var(--ink)}
.btn-danger{background:var(--danger);color:#fff}
.btn-block{display:flex;width:100%}
.btnrow{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}

/* ============ forms ============ */
.field{margin-bottom:18px}
.field label{display:block;font-weight:700;font-size:15px;margin-bottom:8px}
.field .hint{font-weight:400;color:var(--ink2);font-size:13px}
.field input[type=text],.field input[type=email],.field input[type=password],
.field input[type=number],.field input[type=datetime-local],.field select,.field textarea{
  width:100%;background:var(--input);border:1px solid var(--line);border-radius:15px;
  padding:15px 16px;font-size:16px;font-family:inherit;color:var(--ink);
}
.field textarea{min-height:110px;resize:vertical}
.field input:focus,.field select:focus,.field textarea:focus{
  outline:none;border-color:var(--blue);box-shadow:0 0 0 3px rgba(0,113,227,.18);
}
.check{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:600;cursor:pointer}
.check input{width:20px;height:20px;accent-color:var(--blue)}
.seg{display:flex;gap:8px;margin:14px 0 22px}
.seg i{flex:1;height:5px;border-radius:99px;background:var(--card2)}
.seg i.on{background:var(--blue)}
.err{background:rgba(255,59,48,.12);color:var(--danger);border-radius:14px;padding:13px 16px;margin-bottom:16px;font-weight:600}
.flash{
  background:var(--card);border:1px solid var(--line);border-left:4px solid var(--blue);
  border-radius:14px;padding:13px 16px;margin:14px 0;box-shadow:var(--shadow);font-weight:600;
}

/* photo dropzone */
.drop{
  border:1.5px dashed var(--ink3);border-radius:18px;padding:24px 20px;
  display:flex;align-items:center;gap:16px;background:transparent;
}
.drop b{display:block;font-size:16px;margin-bottom:4px}
.drop p{margin:0;color:var(--ink2);font-size:13.5px;line-height:1.45}
.drop .btn{flex:0 0 auto}
.dphoto-prev{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.dphoto-thumb{position:relative;width:76px;height:76px}
.dphoto-thumb img{width:76px;height:76px;border-radius:14px;object-fit:cover}
.dphoto-thumb button{
  position:absolute;top:-8px;right:-8px;width:26px;height:26px;border-radius:50%;border:none;
  background:var(--ink);color:var(--bg);font-size:13px;cursor:pointer;font-weight:700;
}

/* ============ tab bar ============ */
.tabbar{
  position:fixed;left:0;right:0;bottom:0;z-index:60;
  background:var(--tabbar);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);
  border-top:1px solid var(--line);
}
.tabbar-in{max-width:560px;margin:0 auto;display:flex;padding:8px 6px calc(10px + env(safe-area-inset-bottom))}
.tab{
  flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;color:var(--ink3);
  font-size:11px;font-weight:600;text-decoration:none;padding:6px 0;
}
.tab svg{width:25px;height:25px}
.tab.on{color:var(--blue)}

/* ============ deal detail ============ */
.gal{border-radius:22px;overflow:hidden;background:var(--card2);margin:14px 0}
.gal img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
.gal-thumbs{display:flex;gap:8px;margin-top:8px}
.gal-thumbs img{width:64px;height:64px;border-radius:12px;object-fit:cover;cursor:pointer;border:2px solid transparent}
.gal-thumbs img.on{border-color:var(--blue)}
.dhead{display:flex;align-items:flex-start;gap:12px;margin:6px 0}
.dhead h1{font-size:26px;font-weight:800;letter-spacing:-.5px;margin:0;flex:1;line-height:1.2}
.dprice{font-size:24px;font-weight:800;color:var(--blue);white-space:nowrap}
.dprice.free{color:var(--ok)}
.dmeta{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}
.dbody{font-size:16px;line-height:1.6;margin:12px 0}
.dbody a{word-break:break-all}
.srcrow{margin:12px 0}
.actionbar{display:flex;gap:10px;margin:18px 0;flex-wrap:wrap}
.actionbar .btn{flex:1;white-space:nowrap;padding:14px 10px;font-size:15px}
.gate{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:24px;text-align:center;margin:16px 0}
.gate b{font-size:18px}
.gate p{color:var(--ink2);margin:8px 0 16px}
.reportlink{color:var(--ink3);font-size:13px;background:none;border:none;cursor:pointer;font-family:inherit;padding:8px}

/* ============ routes ============ */
.herocard{background:var(--card);border:1px solid var(--line);border-radius:26px;padding:26px 22px;box-shadow:var(--shadow);margin:16px 0}
.herocard h2{font-size:30px;font-weight:800;letter-spacing:-.7px;margin:0 0 8px;line-height:1.15}
.herocard p{color:var(--ink2);line-height:1.55;margin:0 0 18px}
.dashed{
  border:1.5px dashed var(--ink3);border-radius:18px;padding:30px 20px;text-align:center;
  color:var(--ink2);font-size:15px;line-height:1.5;margin-top:18px;
}
.route-card{
  display:flex;align-items:center;gap:12px;background:var(--card);border:1px solid var(--line);
  border-radius:20px;padding:16px 18px;box-shadow:var(--shadow);margin-bottom:10px;
}
.route-card b{font-size:16px;display:block}
.route-card small{color:var(--ink2)}
.route-card .x{margin-left:auto}
.stop-row{
  display:flex;align-items:center;gap:12px;background:var(--card);border:1px solid var(--line);
  border-radius:20px;padding:12px;box-shadow:var(--shadow);margin-bottom:10px;
}
.stop-num{
  width:32px;height:32px;border-radius:50%;background:var(--pill-on-bg);color:var(--pill-on-ink);
  font-weight:800;font-size:14px;display:flex;align-items:center;justify-content:center;flex:0 0 auto;
}
.stop-row img{width:58px;height:58px;border-radius:14px;object-fit:cover;flex:0 0 auto;background:var(--card2)}
.stop-info{flex:1;min-width:0}
.stop-info b{font-size:14.5px;display:block}
.stop-info small{color:var(--ink2);font-size:12.5px}
.navbtn{
  width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:var(--card2);
  color:var(--blue);cursor:pointer;font-size:19px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;
}

/* bottom sheet */
.sheet-veil{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:90;display:flex;align-items:flex-end;justify-content:center}
.sheet{
  background:var(--card);border-radius:26px 26px 0 0;padding:14px 20px calc(26px + env(safe-area-inset-bottom));
  width:100%;max-width:560px;animation:sheetup .22s ease-out;
}
@keyframes sheetup{from{transform:translateY(40px);opacity:.6}to{transform:none;opacity:1}}
.sheet h3{margin:8px 0 4px;font-size:19px}
.sheet p{color:var(--ink2);font-size:14px;margin:0 0 12px}
.sheet-opt{
  display:flex;align-items:center;gap:14px;width:100%;text-align:left;background:var(--card2);
  border:none;border-radius:18px;padding:16px;margin-bottom:10px;cursor:pointer;font-family:inherit;color:var(--ink);
}
.sheet-opt b{display:block;font-size:16px}
.sheet-opt small{color:var(--ink2);font-size:13px}
.sheet-opt .go{margin-left:auto;color:var(--ink3);font-size:20px}
.sheet-cancel{width:100%;margin-top:2px}

/* ============ profile / misc ============ */
.avatar{
  width:64px;height:64px;border-radius:50%;background:var(--blue);color:#fff;
  display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:800;flex:0 0 auto;
}
.prow{display:flex;align-items:center;gap:14px;margin:18px 0}
.prow b{font-size:20px;display:block}
.prow small{color:var(--ink2)}
.mydeal{display:flex;gap:12px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:12px;margin-bottom:10px}
.mydeal img{width:56px;height:56px;border-radius:12px;object-fit:cover;background:var(--card2)}
.mydeal .m{flex:1;min-width:0}
.mydeal .m b{font-size:14.5px;display:block}
.mydeal .m small{color:var(--ink2)}
.status{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.4px}
.status.live{color:var(--blue)} .status.ended{color:var(--ink3)}
.minirow{display:flex;gap:8px}
.minibtn{
  border:1px solid var(--line);background:var(--card2);color:var(--ink);border-radius:999px;
  padding:8px 14px;font-size:13px;font-weight:700;cursor:pointer;font-family:inherit;
}
.minibtn.danger{color:var(--danger)}
.alertrow{display:flex;align-items:center;gap:10px;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:12px 14px;margin-bottom:8px}
.alertrow .m{flex:1}.alertrow .m b{font-size:14.5px;display:block}.alertrow .m small{color:var(--ink2)}

/* auth */
.auth{max-width:420px;margin:30px auto}
.auth h1{font-size:30px;font-weight:800;letter-spacing:-.7px;margin:0 0 6px}
.auth .sub{margin-bottom:22px}
.center{text-align:center}

/* footer */
.foot{max-width:560px;margin:34px auto 0;padding:18px;text-align:center;color:var(--ink3);font-size:13px}
.foot a{color:var(--ink2);margin:0 10px}
.static{line-height:1.65;font-size:15px}
.static h1{font-size:28px;letter-spacing:-.5px}
.static p{color:var(--ink2)}

/* empty state */
.empty{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:36px 24px;text-align:center;margin-top:16px}
.empty b{font-size:19px;display:block;margin-bottom:6px}
.empty p{color:var(--ink2);margin:0 0 18px}
.field-row{display:flex;gap:12px}.field-row .field{flex:1}
.promobadge{position:absolute;top:10px;left:10px;background:#0071E3;color:#fff;font-size:11px;font-weight:700;padding:4px 10px;border-radius:20px;z-index:2}

/* ============ costume shop (seasonal, Sep 1 – Oct 31) ============ */
.costume-hero{text-align:center}
.ch-pumpkin{font-size:44px;line-height:1;margin-bottom:6px}
.ch-count{font-weight:700;color:var(--ink)}
.costume-cats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}
.ccard{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:14px;text-decoration:none;color:var(--ink);font-weight:700;display:flex;align-items:center;gap:10px;box-shadow:var(--shadow)}
.ccard span{font-size:22px}
.affil{margin-top:12px;font-size:14px}
.affil-disc{font-size:12px;color:var(--ink2);margin-top:14px;text-align:center}
.trust{text-align:center;color:var(--ink2);font-size:13px;margin:18px 0 8px}