/* Customer account, native WooCommerce forms and saved order data. */
.woocommerce-account .page-content { max-width: 1280px; }
.woocommerce-account .page-heading { padding-bottom: 24px; border-bottom: 1px solid #dce0da; }
.woocommerce-account .page-heading h1 { font-size: clamp(32px,4vw,52px); }
.woocommerce-account .woocommerce::after { content: ''; display: table; clear: both; }
.woocommerce-account .woocommerce-MyAccount-navigation { width: 23%; padding-right: 30px; }
.woocommerce-account .woocommerce-MyAccount-content { width: 74%; }
.woocommerce-account .woocommerce-MyAccount-navigation li a { padding: 16px 18px; border: 0; margin-bottom: 5px; border-radius: 3px; }
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a { background: #f0f3ee; color: #18564e; }
.woocommerce-account .woocommerce-MyAccount-navigation li a:hover { background: #f7f7f3; }
.woocommerce-account .woocommerce-MyAccount-content > p { color: #58625c; font-size: 14px; }
.os-account-intro { max-width: 610px; color: #58625c; margin-bottom: 35px; }
.os-account-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 18px; margin: 34px 0 18px; }
.os-account-heading h2 { font-size: 26px; margin: 0; }
.os-account-heading a { font-size: 12px; white-space: nowrap; }
.os-account-order { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; border: 1px solid #dce0da; padding: 24px; margin-bottom: 14px; }
.os-account-order h3 { font-size: 17px; margin: 0 0 8px; }
.os-account-order p { font-size: 13px; color: #58625c; margin: 8px 0 0; }
.os-account-order > a { grid-column: 1/-1; font-size: 13px; width: fit-content; }
.os-order-status { display: inline-block; padding: 5px 10px; background: #f0f3ee; font-size: 12px; border-radius: 2px; }
.os-account-empty { padding: 36px; background: #f7f6f1; }
.os-account-empty h3 { font-size: 26px; }
.os-account-empty p { color: #58625c; font-size: 14px; margin: 12px 0 24px; }
.os-account-empty .os-button { display: inline-flex; }
.os-account-shortcuts { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px; margin-top: 32px; }
.os-account-shortcuts a { padding: 24px 0; border-top: 1px solid #dce0da; text-decoration: none; }
.os-account-shortcuts strong { display: block; font-size: 15px; margin-bottom: 10px; }
.os-account-shortcuts span { font-size: 13px; line-height: 1.7; color: #58625c; }
.os-account-note { color: #69716b; font-size: 12px; margin-top: 20px; }
.os-order-help { margin-top: 30px; border-top: 1px solid #dce0da; padding-top: 25px; }
.os-order-help h2 { font-size: 22px; }
.os-order-help p { font-size: 14px; }
.os-order-shipments { padding: 24px; margin: 28px 0; background: #f7f6f1; }
.os-order-shipments h2 { font-size: 24px; margin: 0 0 15px; }
.os-order-shipment { border-top: 1px solid #dce0da; padding: 16px 0 0; margin: 16px 0 0; overflow-wrap: anywhere; }
.os-order-shipment p { margin: 5px 0; font-size: 14px; }
.os-order-shipment a { display: inline-block; margin-top: 10px; font-weight: 600; }
.os-footer__bottom nav { display: flex; gap: 18px; }
@media(max-width:900px) {
  .woocommerce-account .woocommerce-MyAccount-navigation, .woocommerce-account .woocommerce-MyAccount-content { width: 100%; float: none; padding: 0; }
  .woocommerce-account .woocommerce-MyAccount-navigation ul { display: flex; gap: 4px; overflow-x: auto; padding-bottom: 14px; margin-bottom: 20px; }
  .woocommerce-account .woocommerce-MyAccount-navigation li { flex: 0 0 auto; }
  .woocommerce-account .woocommerce-MyAccount-navigation li a { padding: 11px 14px; white-space: nowrap; font-size: 12px; }
  .os-account-shortcuts { grid-template-columns: 1fr; gap: 0; }
  .os-account-shortcuts a { padding: 20px 0; }
  .os-account-empty { padding: 25px; }
  .os-account-heading { align-items: flex-start; flex-direction: column; gap: 8px; }
}