/* Vabrix - the plain information pages (shipping, returns, terms, privacy,
   contact). Deliberately simple and JavaScript-free: these have to be readable
   by a customer, by Google, and by a Merchant Center reviewer, on any device. */

body {
  margin: 0;
  padding: 30px 20px 70px;
  background: #f4efe9;
  color: #2b2521;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  line-height: 1.6;
}

.wrap { max-width: 720px; margin: 0 auto; }

.brand {
  margin: 0 0 6px;
  letter-spacing: 0.28em;
  text-transform: uppercase;
  font-size: 0.78rem;
}
.brand a { color: #6b5d52; text-decoration: none; }

h1 { margin: 0 0 10px; font-size: 1.7rem; font-weight: 600; }
h2 {
  margin: 30px 0 8px;
  font-size: 1.06rem;
  font-weight: 600;
  color: #2b2521;
}

.lede { margin: 0 0 22px; color: #6b5d52; }
p { margin: 0 0 12px; }
ul { margin: 0 0 12px; padding-left: 20px; }
li { margin-bottom: 6px; }
strong { font-weight: 600; }
a { color: #b5705c; }

/* Shipping table: two price columns per destination. */
table { width: 100%; border-collapse: collapse; margin: 6px 0 12px; }
th, td { padding: 9px 8px; text-align: left; border-bottom: 1px solid #e4dad0; }
th { font-size: 0.8rem; letter-spacing: 0.05em; text-transform: uppercase; color: #6b5d52; }
td.price { color: #b5705c; font-weight: 600; white-space: nowrap; }
/* Carrier and transit time, tucked under the destination name so the table
   stays three columns wide and still reads on a phone. */
td .detail { display: block; margin-top: 1px; color: #6b5d52; font-size: 0.82rem; }
caption { caption-side: bottom; margin-top: 8px; color: #6b5d52; font-size: 0.86rem; text-align: left; }

/* The registered-business block on the contact page. */
.identity {
  margin: 6px 0 16px;
  padding: 14px 16px;
  background: #ece3d9;
  border-radius: 14px;
  font-style: normal;
}
.identity div { margin-bottom: 2px; }

.updated { margin-top: 26px; color: #8a7a6c; font-size: 0.86rem; }

footer {
  margin-top: 34px;
  padding-top: 18px;
  border-top: 1px solid #e4dad0;
  font-size: 0.92rem;
}
footer a { margin-right: 4px; }