/* v0.6.56 – balanced header + wider account composition */
@media (min-width:1180px){
  /* Header: inset from the edge, but keep the brand/navigation on the left. */
  body.cs-account-ui .cs29-head-inner{
    width:calc(100% - 96px)!important;max-width:none!important;margin:0 48px!important;
    grid-template-columns:300px minmax(520px,1fr) auto!important;gap:12px!important;
  }
  body.cs-account-ui .cs29-brand{justify-self:start!important;padding-left:0!important}
  body.cs-account-ui .cs29-brandmark{width:70px!important;height:70px!important}
  body.cs-account-ui .cs29-brand b{font-size:24px!important;white-space:nowrap!important}
  body.cs-account-ui .cs29-mainnav{justify-content:flex-start!important;gap:0!important}
  body.cs-account-ui .cs29-mainnav a{min-width:86px!important;padding-left:12px!important;padding-right:12px!important}
  body.cs-account-ui .cs29-head-right{justify-self:end!important;margin-right:0!important;gap:10px!important}
  body.cs-account-ui .cs29-balance{min-width:132px!important}
  body.cs-account-ui .cs29-motto{right:48px!important}

  /* Account shell: one sidebar + one wide content column. */
  body.cs-account-ui .entry-content>.woocommerce,
  body.cs-account-ui .entry-content > .woocommerce{
    width:calc(100% - 96px)!important;max-width:1540px!important;margin:54px auto 72px!important;
    display:grid!important;grid-template-columns:270px minmax(0,1fr)!important;gap:34px!important;
    align-items:start!important;position:relative!important;left:auto!important;transform:none!important;
  }
  body.cs-account-ui .entry-content>.woocommerce>.woocommerce-MyAccount-navigation{
    width:270px!important;min-width:270px!important;max-width:270px!important;padding:20px 16px!important;
    grid-column:1!important;margin:0!important;
  }
  body.cs-account-ui .entry-content>.woocommerce>.woocommerce-MyAccount-content{
    width:100%!important;min-width:0!important;max-width:none!important;grid-column:2!important;
    margin:0!important;padding:8px 0 48px!important;
  }
  .cs29-side-title{padding:0 10px 22px!important}
  .cs29-side-title>span{font-size:36px!important}
  .cs29-side-title strong{font-size:22px!important}
  .cs29-side-title small{font-size:12px!important}
  body.cs-account-ui .woocommerce-MyAccount-navigation li a{font-size:14px!important;min-height:49px!important}

  /* Main title and top cards. */
  body.cs-account-ui .woocommerce-MyAccount-content h2{font-size:31px!important;line-height:1.15!important}
  body.cs-account-ui .woocommerce-MyAccount-content>p:first-of-type{font-size:16px!important;line-height:1.45!important;margin-bottom:20px!important}
  body.cs-account-ui .woocommerce-MyAccount-content .cs32-topgrid{
    width:100%!important;max-width:none!important;display:grid!important;
    grid-template-columns:minmax(430px,.92fr) minmax(520px,1.08fr)!important;gap:20px!important;margin:16px 0 26px!important;
  }
  body.cs-account-ui .woocommerce-MyAccount-content .cs32-topgrid>.cs32-membership-card,
  body.cs-account-ui .woocommerce-MyAccount-content .cs32-benefits{min-height:224px!important;padding:25px 28px!important}

  /* Orders table: larger type, balanced columns, clear actions. */
  body.cs-account-ui .woocommerce-MyAccount-content .woocommerce-orders-table-responsive{width:100%!important;max-width:none!important;overflow:visible!important}
  body.cs-account-ui .woocommerce-MyAccount-content table.woocommerce-orders-table{
    width:100%!important;min-width:0!important;max-width:none!important;table-layout:fixed!important;
    border:1px solid #cbd6e5!important;border-radius:9px!important;border-collapse:separate!important;border-spacing:0!important;background:#fff!important;
  }
  body.cs-account-ui .woocommerce-MyAccount-content table.woocommerce-orders-table th{
    height:46px!important;padding:11px 14px!important;font-size:14px!important;font-weight:700!important;background:#f4f7fb!important;text-align:left!important;
  }
  body.cs-account-ui .woocommerce-MyAccount-content table.woocommerce-orders-table td{
    height:50px!important;padding:10px 14px!important;font-size:14px!important;vertical-align:middle!important;
  }
  body.cs-account-ui .woocommerce-MyAccount-content table.woocommerce-orders-table tbody tr:nth-child(even) td{background:#f8fbff!important}
  body.cs-account-ui .woocommerce-MyAccount-content table.woocommerce-orders-table th:nth-child(1){width:12%!important}
  body.cs-account-ui .woocommerce-MyAccount-content table.woocommerce-orders-table th:nth-child(2){width:17%!important}
  body.cs-account-ui .woocommerce-MyAccount-content table.woocommerce-orders-table th:nth-child(3){width:24%!important}
  body.cs-account-ui .woocommerce-MyAccount-content table.woocommerce-orders-table th:nth-child(4){width:16%!important}
  body.cs-account-ui .woocommerce-MyAccount-content table.woocommerce-orders-table th:nth-child(5){width:16%!important}
  body.cs-account-ui .woocommerce-MyAccount-content table.woocommerce-orders-table th:nth-child(6){width:15%!important}
  body.cs-account-ui .woocommerce-MyAccount-content table.woocommerce-orders-table td:last-child .button{
    display:inline-flex!important;align-items:center!important;justify-content:center!important;width:auto!important;min-width:96px!important;min-height:34px!important;
    padding:7px 13px!important;font-size:13px!important;
  }
}
@media (min-width:1180px) and (max-width:1450px){
  body.cs-account-ui .cs29-head-inner{width:calc(100% - 48px)!important;margin:0 24px!important;grid-template-columns:270px minmax(450px,1fr) auto!important}
  body.cs-account-ui .cs29-mainnav a{min-width:78px!important;padding-left:8px!important;padding-right:8px!important}
  body.cs-account-ui .entry-content>.woocommerce{width:calc(100% - 48px)!important;grid-template-columns:250px minmax(0,1fr)!important;gap:28px!important}
  body.cs-account-ui .entry-content>.woocommerce>.woocommerce-MyAccount-navigation{width:250px!important;min-width:250px!important;max-width:250px!important}
  body.cs-account-ui .woocommerce-MyAccount-content .cs32-topgrid{grid-template-columns:1fr 1fr!important}
}
