@charset "UTF-8";
/* =========================================================
   CRAFTSMAN ACCOUNT SHELL — HARD DESKTOP LAYOUT FIX
   Forces left nav + right content display
========================================================= */
body .container.main .ch-accountPage {
  width: 100% !important;
  max-width: 1280px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 18px !important;
  padding-right: 18px !important;
  box-sizing: border-box !important; }

body .container.main .ch-accountPage .ch-accountShell {
  display: grid !important;
  grid-template-columns: 272px minmax(0, 1fr) !important;
  grid-template-areas: "accountNav accountMain" !important;
  align-items: start !important;
  gap: 14px !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  clear: both !important; }

body .container.main .ch-accountPage .ch-accountShell::before,
body .container.main .ch-accountPage .ch-accountShell::after {
  content: none !important;
  display: none !important; }

body .container.main .ch-accountPage .ch-accountShell__side {
  grid-area: accountNav !important;
  display: block !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  clear: none !important; }

body .container.main .ch-accountPage .ch-accountShell__main {
  grid-area: accountMain !important;
  display: block !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  clear: none !important;
  border: 1px solid #d1d5db !important;
  background: #fff !important;
  overflow: hidden !important; }

body .container.main .ch-accountPage .ch-accountNav {
  width: 100% !important;
  max-width: none !important; }

/* Keep it stacked only on tablet/mobile */
@media (max-width: 980px) {
  body .container.main .ch-accountPage .ch-accountShell {
    grid-template-columns: 1fr !important;
    grid-template-areas: "accountNav"
 "accountMain" !important; } }