.cs-account{display:grid;grid-template-columns:42% 58%;min-height:720px;background:#fff;border-radius:22px;overflow:hidden;font-family:Inter,Arial,sans-serif}
.cs-account-brand{background:#02A893;color:#fff;padding:64px;display:flex;align-items:center}
.cs-account-brand-inner{max-width:430px}
.cs-account-eyebrow,.cs-account-kicker{font-size:12px;font-weight:700;letter-spacing:2px}
.cs-account-brand h1{font-size:clamp(36px,4vw,58px);line-height:1.08;letter-spacing:-2px;margin:28px 0}
.cs-account-brand p{font-size:16px;line-height:1.8;opacity:.9}
.cs-account-brand-footer{margin-top:80px;font-size:12px;font-weight:700;letter-spacing:2px}
.cs-account-brand-footer span{color:#FF7868;font-size:20px}
.cs-account-content{padding:64px;display:flex;align-items:center}
.cs-account-content-inner{width:100%;max-width:620px;margin:auto}
.cs-account-heading{margin-bottom:36px}
.cs-account-kicker{color:#02A893}
.cs-account-heading h2{font-size:32px;letter-spacing:-1px;margin:14px 0}
.cs-account-heading p{color:#64748b}
.cs-account input[type=text],.cs-account input[type=email],.cs-account input[type=password]{width:100%;border:1px solid #dbe3e8;border-radius:10px;padding:13px}
.cs-account .woocommerce-button,.cs-account button.button{background:#FF7868!important;color:#fff!important;border-radius:10px!important;padding:14px 24px!important}
@media(max-width:800px){.cs-account{grid-template-columns:1fr}.cs-account-brand{padding:32px}.cs-account-brand h1{font-size:34px}.cs-account-brand-footer{margin-top:24px}.cs-account-content{padding:32px 24px}}

/* CS ACCOUNT V1 — LOGGED-IN DASHBOARD */
.cs-account:has(.woocommerce-MyAccount-navigation) {
  display: block;
  width: 100%;
}
.cs-account:has(.woocommerce-MyAccount-navigation) .cs-account-brand {
  display: none;
}
.cs-account:has(.woocommerce-MyAccount-navigation) .cs-account-content {
  width: 100%;
  max-width: none;
}
.cs-account:has(.woocommerce-MyAccount-navigation) .cs-account-content-inner {
  width: min(100% - 48px, 1200px);
  max-width: 1200px;
  margin-inline: auto;
}

/* ACCOUNT CONTAINER — ALIGN WITH SITE HEADER */
.cs-account {
  width: 100%;
  max-width: 1080px;
  margin-inline: auto;
  padding-inline: 0;
  box-sizing: border-box;
}
.cs-account .cs-account-content-inner {
  width: 100%;
  max-width: none;
  padding-inline: 0;
}


/* CS ACCOUNT — DASHBOARD GRID FIX */
.cs-account:has(.woocommerce-MyAccount-navigation) {
  width: 100% !important; max-width: 1080px !important;
  margin: 0 auto !important;
  padding: 0 !important;
}
.cs-account:has(.woocommerce-MyAccount-navigation) .cs-account-content,
.cs-account:has(.woocommerce-MyAccount-navigation) .cs-account-content-inner,
.cs-account:has(.woocommerce-MyAccount-navigation) .cs-account-woocommerce {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  padding: 0 !important;
}
.cs-account:has(.woocommerce-MyAccount-navigation) .cs-account-heading {
  display: none !important;
}
.cs-account:has(.woocommerce-MyAccount-navigation) .woocommerce-MyAccount-navigation {
  width: 200px !important;
  flex: 0 0 200px !important;
}
.cs-account:has(.woocommerce-MyAccount-navigation) .woocommerce-MyAccount-content {
  min-width: 0 !important;
  flex: 1 1 0 !important;
}
@media (min-width: 768px) and (max-width: 1100px) {
  .cs-account:has(.woocommerce-MyAccount-navigation) {
    width: 100% !important;
  }
}
@media (max-width: 767px) {
  .cs-account:has(.woocommerce-MyAccount-navigation) {
    width: 100% !important;
  }
  .cs-account:has(.woocommerce-MyAccount-navigation) .woocommerce-MyAccount-navigation {
    width: 100% !important;
    flex: none !important;
  }
}

/* CS ACCOUNT — DASHBOARD STATS V1 */
.cs-account-dashboard {
  min-width: 0;
  width: 100%;
}

.cs-account-dashboard .cs-account-welcome {
  margin-bottom: 24px;
}

.cs-account-dashboard .cs-account-stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  width: 100%;
}

.cs-account-dashboard .cs-account-stat-card {
  min-width: 0;
  padding: 18px;
  box-sizing: border-box;
}

.cs-account-dashboard .cs-account-stat-value {
  overflow-wrap: anywhere;
}

@media (max-width: 900px) {
  .cs-account-dashboard .cs-account-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  .cs-account-dashboard .cs-account-stats {
    gap: 10px;
  }

  .cs-account-dashboard .cs-account-stat-card {
    padding: 14px;
  }
}

/* Dashboard statistic cards — Culturestock teal */
.cs-account .cs-account-dashboard .cs-account-stats .cs-account-stat-card {
  background-color: #02A893 !important;
  color: #ffffff !important;
  border-color: #02A893 !important;
}
.cs-account .cs-account-dashboard .cs-account-stats .cs-account-stat-card * {
  color: #ffffff !important;
}

/* ACCOUNT LAYOUT — MEASURED FLEX FIX */
@media (min-width: 768px) {
  .cs-account .cs-account-woocommerce > .woocommerce {
    display: flex !important;
    align-items: flex-start !important;
    gap: 40px !important;
    width: 100% !important;
  }
  .cs-account .woocommerce-MyAccount-navigation {
    flex: 0 0 200px !important;
    width: 200px !important;
    min-width: 200px !important;
    margin: 0 !important;
  }
  .cs-account .woocommerce-MyAccount-content {
    flex: 1 1 0 !important;
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
  }
}

/* ACCOUNT NAV — HIDE SIDEBAR LOGOUT */
body.woocommerce-account .cs-account .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--customer-logout {
  display: none !important;
}

/* CS LOGIN FULL VIEWPORT V1 */
body.cs-account-login-page {
    margin: 0 !important;
    padding: 0 !important;
    min-height: 100vh;
    background: linear-gradient(
        to right,
        #02A893 0%,
        #02A893 50%,
        #ffffff 50%,
        #ffffff 100%
    );
}

body.cs-account-login-page .cs-account {
    width: 100%;
    max-width: 1080px;
    min-height: 100vh;
    margin: 0 auto !important;
    padding: 0 !important;
    display: grid;
    grid-template-columns: 40% 60%;
}

body.cs-account-login-page .cs-account-brand {
    min-height: 100vh;
    box-sizing: border-box;
}

body.cs-account-login-page .cs-account-content {
    min-height: 100vh;
    box-sizing: border-box;
}

@media (max-width: 800px) {
    body.cs-account-login-page {
        background: #ffffff;
    }

    body.cs-account-login-page .cs-account {
        grid-template-columns: 1fr;
    }

    body.cs-account-login-page .cs-account-brand {
        min-height: auto;
    }

    body.cs-account-login-page .cs-account-content {
        min-height: auto;
    }
}

/* CS LOGIN CLEAN LAYOUT V2 */
@media (min-width: 801px) {
  body.cs-account-login-page {
    overflow-x: hidden;
  }
  body.cs-account-login-page .cs-account {
    min-height: 100dvh;
  }
  body.cs-account-login-page .cs-account-content {
    padding: 24px 48px;
  }
}
body.cs-account-login-page .cs-auth-left,
body.cs-account-login-page .cs-auth-visual {
  display: none !important;
}
body.cs-account-login-page .cs-auth-layout {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 0 !important;
}
body.cs-account-login-page .cs-auth-right {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}
body.cs-account-login-page .cs-account-woocommerce,
body.cs-account-login-page .cs-auth-shell {
  width: 100% !important;
  max-width: 100% !important;
}
@media (max-width: 800px) {
  body.cs-account-login-page {
    overflow-y: auto;
  }
}

/* CS LOGIN BALANCED 50-50 V3 */
@media (min-width: 801px) {
  body.cs-account-login-page {
    background: linear-gradient(to right, #02A893 50%, #ffffff 50%) !important;
  }
  body.cs-account-login-page .cs-account {
    width: 100% !important;
    max-width: none !important;
    grid-template-columns: 50% 50% !important;
    border-radius: 0 !important;
    min-height: 100dvh !important;
  }
  body.cs-account-login-page .cs-account-brand {
    justify-content: flex-end;
    padding: 40px clamp(32px, 5vw, 80px) !important;
  }
  body.cs-account-login-page .cs-account-brand-inner {
    width: 100%;
    max-width: 430px;
  }
  body.cs-account-login-page .cs-account-content {
    justify-content: flex-start;
    padding: 24px clamp(32px, 5vw, 80px) !important;
  }
  body.cs-account-login-page .cs-account-content-inner {
    width: 100% !important;
    max-width: 400px !important;
    margin: auto 0 !important;
  }
}