/*
 * Nawasi Account Responsive v1.4.3
 * Scope: store.nawasial-khair.com + WooCommerce account pages only.
 */

@media (max-width: 767px) {
  body.nawasi-account-responsive-v143 {
    --ns141-gap: 12px;
    --ns141-radius: 22px;
    --ns141-border: rgba(213, 175, 55, 0.40);
    --ns141-panel: rgba(12, 14, 20, 0.92);
    --ns141-card: rgba(8, 9, 13, 0.92);
    --ns141-gold: #e2bd43;
    --ns141-text: #f8f8f8;
    --ns141-muted: #b6b6bc;
  }

  body.nawasi-account-responsive-v143 .site-main,
  body.nawasi-account-responsive-v143 main,
  body.nawasi-account-responsive-v143 .entry-content,
  body.nawasi-account-responsive-v143 .woocommerce,
  body.nawasi-account-responsive-v143 .woocommerce-account,
  body.nawasi-account-responsive-v143 .woocommerce-MyAccount-content,
  body.nawasi-account-responsive-v143 .woocommerce-MyAccount-navigation {
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  body.nawasi-account-responsive-v143 .woocommerce {
    width: 100% !important;
    padding-inline: 12px !important;
    margin-inline: auto !important;
  }

  body.nawasi-account-responsive-v143 .woocommerce::before,
  body.nawasi-account-responsive-v143 .woocommerce::after {
    display: none !important;
  }

  /* Account title */
  body.nawasi-account-responsive-v143 .entry-title,
  body.nawasi-account-responsive-v143 .woocommerce h1,
  body.nawasi-account-responsive-v143 .woocommerce-MyAccount-content > h1 {
    margin: 0 0 18px !important;
    font-size: clamp(34px, 9vw, 48px) !important;
    line-height: 1.12 !important;
    text-align: right !important;
    white-space: normal !important;
  }

  /* Native WooCommerce account navigation rebuilt as a stable grid. */
  body.nawasi-account-responsive-v143 .woocommerce-MyAccount-navigation {
    float: none !important;
    width: 100% !important;
    margin: 0 0 18px !important;
    overflow: visible !important;
  }

  body.nawasi-account-responsive-v143 .woocommerce-MyAccount-navigation ul {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    width: 100% !important;
    padding: 10px !important;
    margin: 0 !important;
    list-style: none !important;
    overflow: visible !important;
    border: 1px solid var(--ns141-border) !important;
    border-radius: 18px !important;
    background: rgba(7, 8, 11, 0.86) !important;
  }

  body.nawasi-account-responsive-v143 .woocommerce-MyAccount-navigation li {
    display: block !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    overflow: visible !important;
  }

  body.nawasi-account-responsive-v143 .woocommerce-MyAccount-navigation li a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 52px !important;
    padding: 10px 8px !important;
    margin: 0 !important;
    border: 1px solid transparent !important;
    border-radius: 14px !important;
    color: var(--ns141-text) !important;
    background: transparent !important;
    font-size: clamp(14px, 3.8vw, 17px) !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    text-align: center !important;
    text-decoration: none !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
    writing-mode: horizontal-tb !important;
    text-orientation: mixed !important;
    transform: none !important;
  }

  body.nawasi-account-responsive-v143 .woocommerce-MyAccount-navigation li.is-active a,
  body.nawasi-account-responsive-v143 .woocommerce-MyAccount-navigation li a[aria-current="page"] {
    color: #111 !important;
    background: linear-gradient(135deg, #f5db72, #d8a91b) !important;
    border-color: rgba(255, 226, 111, 0.75) !important;
    box-shadow: 0 10px 24px rgba(216, 169, 27, 0.18) !important;
  }

  body.nawasi-account-responsive-v143 .woocommerce-MyAccount-content {
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  /* Reset the inherited declarations that caused vertical labels and clipped cards. */
  body.nawasi-account-responsive-v143 .woocommerce-MyAccount-content h1,
  body.nawasi-account-responsive-v143 .woocommerce-MyAccount-content h2,
  body.nawasi-account-responsive-v143 .woocommerce-MyAccount-content h3,
  body.nawasi-account-responsive-v143 .woocommerce-MyAccount-content h4,
  body.nawasi-account-responsive-v143 .woocommerce-MyAccount-content p,
  body.nawasi-account-responsive-v143 .woocommerce-MyAccount-content span,
  body.nawasi-account-responsive-v143 .woocommerce-MyAccount-content strong,
  body.nawasi-account-responsive-v143 .woocommerce-MyAccount-content a,
  body.nawasi-account-responsive-v143 .woocommerce-MyAccount-content [style*="writing-mode"] {
    writing-mode: horizontal-tb !important;
    text-orientation: mixed !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
    white-space: normal !important;
    max-width: 100% !important;
  }

  /* Custom Nawasi account grids and common dashboard grid patterns. */
  body.nawasi-account-responsive-v143 .woocommerce-MyAccount-content :is(
    .nawasi-account-grid,
    .nawasi-dashboard-grid,
    .nawasi-services-grid,
    .account-dashboard-grid,
    .dashboard-grid,
    .service-grid,
    [class*="account"][class*="grid"],
    [class*="dashboard"][class*="grid"],
    [class*="service"][class*="grid"]
  ) {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: var(--ns141-gap) !important;
    align-items: stretch !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  body.nawasi-account-responsive-v143 .woocommerce-MyAccount-content :is(
    .nawasi-account-card,
    .nawasi-dashboard-card,
    .nawasi-service-card,
    .account-card,
    .dashboard-card,
    .service-card,
    [class*="account-card"],
    [class*="dashboard-card"],
    [class*="service-card"],
    .ns141-service-card
  ) {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: center !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    min-height: 166px !important;
    padding: 18px 13px !important;
    margin: 0 !important;
    border: 1px solid rgba(213, 175, 55, 0.27) !important;
    border-radius: 20px !important;
    background: var(--ns141-card) !important;
    overflow: hidden !important;
  }

  body.nawasi-account-responsive-v143 .woocommerce-MyAccount-content .ns141-service-link,
  body.nawasi-account-responsive-v143 .woocommerce-MyAccount-content a[href*="/orders"],
  body.nawasi-account-responsive-v143 .woocommerce-MyAccount-content a[href*="nawasi-wallet"],
  body.nawasi-account-responsive-v143 .woocommerce-MyAccount-content a[href*="/downloads"],
  body.nawasi-account-responsive-v143 .woocommerce-MyAccount-content a[href*="edit-account"],
  body.nawasi-account-responsive-v143 .woocommerce-MyAccount-content a[href*="track-order"],
  body.nawasi-account-responsive-v143 .woocommerce-MyAccount-content a[href*="support"] {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    writing-mode: horizontal-tb !important;
    text-orientation: mixed !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
    white-space: normal !important;
  }

  body.nawasi-account-responsive-v143 .woocommerce-MyAccount-content .ns141-service-card h2,
  body.nawasi-account-responsive-v143 .woocommerce-MyAccount-content .ns141-service-card h3,
  body.nawasi-account-responsive-v143 .woocommerce-MyAccount-content .ns141-service-card h4,
  body.nawasi-account-responsive-v143 .woocommerce-MyAccount-content .ns141-account-label {
    margin: 8px 0 6px !important;
    font-size: clamp(18px, 5vw, 24px) !important;
    font-weight: 800 !important;
    line-height: 1.28 !important;
    text-align: center !important;
    letter-spacing: 0 !important;
    writing-mode: horizontal-tb !important;
    transform: none !important;
  }

  body.nawasi-account-responsive-v143 .woocommerce-MyAccount-content .ns141-service-card p {
    margin: 4px 0 0 !important;
    color: var(--ns141-muted) !important;
    font-size: clamp(14px, 3.7vw, 17px) !important;
    line-height: 1.65 !important;
    text-align: center !important;
  }

  body.nawasi-account-responsive-v143 .woocommerce-MyAccount-content .ns141-service-card svg,
  body.nawasi-account-responsive-v143 .woocommerce-MyAccount-content .ns141-service-card img,
  body.nawasi-account-responsive-v143 .woocommerce-MyAccount-content .ns141-service-card .icon {
    flex: 0 0 auto !important;
    width: 42px !important;
    height: 42px !important;
    max-width: 42px !important;
    object-fit: contain !important;
    margin-inline: auto !important;
  }

  /* Welcome / account summary panel. */
  body.nawasi-account-responsive-v143 .woocommerce-MyAccount-content :is(
    .nawasi-account-welcome,
    .account-welcome,
    .dashboard-welcome,
    [class*="welcome-card"],
    [class*="account-hero"]
  ) {
    width: 100% !important;
    min-width: 0 !important;
    padding: 24px 18px !important;
    margin: 0 0 18px !important;
    border-radius: var(--ns141-radius) !important;
    text-align: center !important;
  }

  /* Latest orders becomes a full-width, compact and readable card. */
  body.nawasi-account-responsive-v143 .woocommerce-MyAccount-content :is(
    .nawasi-latest-orders,
    .latest-orders,
    .recent-orders,
    [class*="latest-orders"],
    [class*="recent-orders"],
    .ns141-latest-orders
  ) {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    padding: 24px 18px !important;
    margin-top: 14px !important;
    border: 1px solid rgba(213, 175, 55, 0.25) !important;
    border-radius: 22px !important;
    background: rgba(8, 9, 12, 0.94) !important;
    text-align: center !important;
    overflow: hidden !important;
  }

  body.nawasi-account-responsive-v143 .woocommerce-MyAccount-content :is(
    .nawasi-latest-orders,
    .latest-orders,
    .recent-orders,
    [class*="latest-orders"],
    [class*="recent-orders"],
    .ns141-latest-orders
  ) h2,
  body.nawasi-account-responsive-v143 .woocommerce-MyAccount-content :is(
    .nawasi-latest-orders,
    .latest-orders,
    .recent-orders,
    [class*="latest-orders"],
    [class*="recent-orders"],
    .ns141-latest-orders
  ) h3 {
    margin: 0 0 16px !important;
    font-size: clamp(27px, 7vw, 36px) !important;
    line-height: 1.15 !important;
    text-align: center !important;
  }

  /* WooCommerce tables, notices and forms remain usable inside the account page. */
  body.nawasi-account-responsive-v143 .woocommerce-MyAccount-content table {
    width: 100% !important;
    max-width: 100% !important;
  }

  body.nawasi-account-responsive-v143 .woocommerce-MyAccount-content .woocommerce-message,
  body.nawasi-account-responsive-v143 .woocommerce-MyAccount-content .woocommerce-info,
  body.nawasi-account-responsive-v143 .woocommerce-MyAccount-content .woocommerce-error {
    width: 100% !important;
    margin: 0 0 16px !important;
    padding: 16px !important;
    border-radius: 16px !important;
    line-height: 1.65 !important;
  }

  body.nawasi-account-responsive-v143 .woocommerce-MyAccount-content input,
  body.nawasi-account-responsive-v143 .woocommerce-MyAccount-content select,
  body.nawasi-account-responsive-v143 .woocommerce-MyAccount-content textarea,
  body.nawasi-account-responsive-v143 .woocommerce-MyAccount-content button,
  body.nawasi-account-responsive-v143 .woocommerce-MyAccount-content .button {
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  /* Preserve clearance above the fixed five-item navigation. */
  body.nawasi-account-responsive-v143 .woocommerce-MyAccount-content {
    padding-bottom: calc(118px + env(safe-area-inset-bottom)) !important;
  }
}

@media (max-width: 359px) {
  body.nawasi-account-responsive-v143 .woocommerce-MyAccount-navigation ul {
    gap: 6px !important;
    padding: 8px !important;
  }

  body.nawasi-account-responsive-v143 .woocommerce-MyAccount-navigation li a {
    min-height: 48px !important;
    padding: 8px 6px !important;
    font-size: 13px !important;
  }

  body.nawasi-account-responsive-v143 .woocommerce-MyAccount-content :is(
    .nawasi-account-grid,
    .nawasi-dashboard-grid,
    .nawasi-services-grid,
    .account-dashboard-grid,
    .dashboard-grid,
    .service-grid,
    [class*="account"][class*="grid"],
    [class*="dashboard"][class*="grid"],
    [class*="service"][class*="grid"]
  ) {
    gap: 8px !important;
  }

  body.nawasi-account-responsive-v143 .woocommerce-MyAccount-content :is(
    .nawasi-account-card,
    .nawasi-dashboard-card,
    .nawasi-service-card,
    .account-card,
    .dashboard-card,
    .service-card,
    [class*="account-card"],
    [class*="dashboard-card"],
    [class*="service-card"],
    .ns141-service-card
  ) {
    min-height: 158px !important;
    padding: 14px 10px !important;
  }
}
/* v1.4.3 compact stabilization — based on real mobile screenshots. */
@media (max-width: 767px) {
  body.nawasi-account-responsive-v143 .woocommerce,
  body.nawasi-account-responsive-v143 .woocommerce-account,
  body.nawasi-account-responsive-v143 .woocommerce-MyAccount-content,
  body.nawasi-account-responsive-v143 .woocommerce-MyAccount-content > div,
  body.nawasi-account-responsive-v143 .woocommerce-MyAccount-content > section {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
  }

  body.nawasi-account-responsive-v143 .woocommerce-MyAccount-content :is(
    .nawasi-account-grid,
    .nawasi-dashboard-grid,
    .nawasi-services-grid,
    .account-dashboard-grid,
    .dashboard-grid,
    .service-grid,
    [class*="account"][class*="grid"],
    [class*="dashboard"][class*="grid"],
    [class*="service"][class*="grid"]
  ) {
    grid-auto-rows: auto !important;
    align-content: start !important;
  }

  body.nawasi-account-responsive-v143 .woocommerce-MyAccount-content :is(
    .nawasi-account-card,
    .nawasi-dashboard-card,
    .nawasi-service-card,
    .account-card,
    .dashboard-card,
    .service-card,
    [class*="account-card"],
    [class*="dashboard-card"],
    [class*="service-card"],
    .ns141-service-card
  ) {
    height: auto !important;
    max-height: none !important;
    aspect-ratio: auto !important;
    min-height: 166px !important;
    padding: 17px 12px !important;
    justify-content: center !important;
    gap: 5px !important;
  }

  body.nawasi-account-responsive-v143 .woocommerce-MyAccount-content .ns141-service-card > *,
  body.nawasi-account-responsive-v143 .woocommerce-MyAccount-content .ns141-service-card a {
    min-width: 0 !important;
    max-width: 100% !important;
  }

  body.nawasi-account-responsive-v143 .woocommerce-MyAccount-content .ns141-service-card h2,
  body.nawasi-account-responsive-v143 .woocommerce-MyAccount-content .ns141-service-card h3,
  body.nawasi-account-responsive-v143 .woocommerce-MyAccount-content .ns141-service-card h4,
  body.nawasi-account-responsive-v143 .woocommerce-MyAccount-content .ns141-account-label {
    margin: 7px 0 3px !important;
    font-size: clamp(18px, 4.9vw, 24px) !important;
    line-height: 1.3 !important;
    text-wrap: balance !important;
  }

  body.nawasi-account-responsive-v143 .woocommerce-MyAccount-content .ns141-service-card p {
    margin-top: 3px !important;
    font-size: clamp(13px, 3.45vw, 16px) !important;
    line-height: 1.55 !important;
  }

  /* The entire latest-orders unit must shrink to its real content. */
  body.nawasi-account-responsive-v143 .woocommerce-MyAccount-content .ns141-latest-orders {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 14px !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    padding: 20px 16px !important;
    margin: 14px 0 0 !important;
    overflow: visible !important;
  }

  body.nawasi-account-responsive-v143 .woocommerce-MyAccount-content .ns141-latest-orders *,
  body.nawasi-account-responsive-v143 .woocommerce-MyAccount-content .ns141-latest-orders > * {
    min-height: 0 !important;
    max-height: none !important;
  }

  body.nawasi-account-responsive-v143 .woocommerce-MyAccount-content .ns141-latest-orders-heading {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px 14px !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    text-align: right !important;
  }

  body.nawasi-account-responsive-v143 .woocommerce-MyAccount-content .ns141-latest-orders-heading :is(h2,h3,h4),
  body.nawasi-account-responsive-v143 .woocommerce-MyAccount-content .ns141-latest-orders > :is(h2,h3,h4) {
    margin: 0 !important;
    font-size: clamp(27px, 7vw, 36px) !important;
    line-height: 1.15 !important;
    text-align: right !important;
  }

  body.nawasi-account-responsive-v143 .woocommerce-MyAccount-content .ns141-orders-all {
    margin: 0 !important;
    font-size: 15px !important;
    line-height: 1.4 !important;
    white-space: nowrap !important;
  }

  body.nawasi-account-responsive-v143 .woocommerce-MyAccount-content .ns141-empty-orders {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 14px !important;
    width: 100% !important;
    height: auto !important;
    min-height: 150px !important;
    max-height: none !important;
    padding: 20px 14px !important;
    margin: 0 !important;
    text-align: center !important;
  }

  body.nawasi-account-responsive-v143 .woocommerce-MyAccount-content .ns141-empty-orders p {
    margin: 0 !important;
    font-size: clamp(17px, 4.4vw, 21px) !important;
    line-height: 1.55 !important;
  }

  body.nawasi-account-responsive-v143 .woocommerce-MyAccount-content .ns141-empty-orders :is(a,button,.button) {
    min-height: 50px !important;
    padding: 12px 24px !important;
    margin: 0 !important;
  }

  /* Footer/account utility links should follow the content, not float in a tall panel. */
  body.nawasi-account-responsive-v143 .woocommerce-MyAccount-content :is(
    .woocommerce-MyAccount-content-footer,
    .account-footer-links,
    .dashboard-footer-links,
    [class*="footer-links"]
  ) {
    height: auto !important;
    min-height: 0 !important;
    margin-top: 18px !important;
    padding-bottom: 8px !important;
  }
}

@media (max-width: 379px) {
  body.nawasi-account-responsive-v143 .woocommerce-MyAccount-content :is(
    .nawasi-account-card,
    .nawasi-dashboard-card,
    .nawasi-service-card,
    .account-card,
    .dashboard-card,
    .service-card,
    [class*="account-card"],
    [class*="dashboard-card"],
    [class*="service-card"],
    .ns141-service-card
  ) {
    min-height: 158px !important;
    padding: 14px 9px !important;
  }

  body.nawasi-account-responsive-v143 .woocommerce-MyAccount-content .ns141-service-card h2,
  body.nawasi-account-responsive-v143 .woocommerce-MyAccount-content .ns141-service-card h3,
  body.nawasi-account-responsive-v143 .woocommerce-MyAccount-content .ns141-service-card h4,
  body.nawasi-account-responsive-v143 .woocommerce-MyAccount-content .ns141-account-label {
    font-size: 18px !important;
  }
}
/* v1.4.3 final account-page stabilization. */
@media (max-width: 767px) {
  /* Logged-out login/register layout. */
  body.nawasi-account-responsive-v143 .woocommerce #customer_login,
  body.nawasi-account-responsive-v143 .woocommerce .u-columns,
  body.nawasi-account-responsive-v143 .woocommerce .col2-set {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 22px !important;
    width: 100% !important;
    margin: 0 !important;
  }

  body.nawasi-account-responsive-v143 .woocommerce #customer_login > .u-column1,
  body.nawasi-account-responsive-v143 .woocommerce #customer_login > .u-column2,
  body.nawasi-account-responsive-v143 .woocommerce .col-1,
  body.nawasi-account-responsive-v143 .woocommerce .col-2 {
    float: none !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.nawasi-account-responsive-v143 .woocommerce #customer_login h2,
  body.nawasi-account-responsive-v143 .woocommerce .u-column1 > h2,
  body.nawasi-account-responsive-v143 .woocommerce .u-column2 > h2 {
    margin: 0 0 12px !important;
    font-size: clamp(30px, 7.5vw, 38px) !important;
    font-weight: 800 !important;
    line-height: 1.18 !important;
    text-align: right !important;
  }

  body.nawasi-account-responsive-v143 .woocommerce form.login,
  body.nawasi-account-responsive-v143 .woocommerce form.register,
  body.nawasi-account-responsive-v143 .woocommerce-form-login,
  body.nawasi-account-responsive-v143 .woocommerce-form-register {
    width: 100% !important;
    margin: 0 !important;
    padding: 18px 14px !important;
    border: 1px solid rgba(255, 255, 255, 0.72) !important;
    border-radius: 20px !important;
    background: rgba(10, 12, 18, 0.84) !important;
    box-shadow: none !important;
  }

  body.nawasi-account-responsive-v143 .woocommerce form.login .form-row,
  body.nawasi-account-responsive-v143 .woocommerce form.register .form-row {
    width: 100% !important;
    margin: 0 0 14px !important;
    padding: 0 !important;
  }

  body.nawasi-account-responsive-v143 .woocommerce form.login label,
  body.nawasi-account-responsive-v143 .woocommerce form.register label {
    display: block !important;
    margin: 0 0 7px !important;
    color: #f5f5f5 !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.45 !important;
    text-align: right !important;
  }

  body.nawasi-account-responsive-v143 .woocommerce-MyAccount-content input.input-text,
  body.nawasi-account-responsive-v143 .woocommerce-MyAccount-content input[type="text"],
  body.nawasi-account-responsive-v143 .woocommerce-MyAccount-content input[type="email"],
  body.nawasi-account-responsive-v143 .woocommerce-MyAccount-content input[type="password"],
  body.nawasi-account-responsive-v143 .woocommerce-MyAccount-content input[type="tel"],
  body.nawasi-account-responsive-v143 .woocommerce-MyAccount-content select,
  body.nawasi-account-responsive-v143 .woocommerce-MyAccount-content textarea {
    width: 100% !important;
    min-height: 54px !important;
    padding: 11px 14px !important;
    border: 1px solid rgba(226, 189, 67, 0.42) !important;
    border-radius: 12px !important;
    outline: 0 !important;
    background: #0b0d13 !important;
    color: #f8f8f8 !important;
    caret-color: #e2bd43 !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.02) !important;
    font-size: 16px !important;
  }

  body.nawasi-account-responsive-v143 .woocommerce-MyAccount-content input::placeholder,
  body.nawasi-account-responsive-v143 .woocommerce-MyAccount-content textarea::placeholder {
    color: #85858c !important;
    opacity: 1 !important;
  }

  body.nawasi-account-responsive-v143 .woocommerce-MyAccount-content input:focus,
  body.nawasi-account-responsive-v143 .woocommerce-MyAccount-content select:focus,
  body.nawasi-account-responsive-v143 .woocommerce-MyAccount-content textarea:focus {
    border-color: #e2bd43 !important;
    box-shadow: 0 0 0 3px rgba(226, 189, 67, 0.13) !important;
  }

  body.nawasi-account-responsive-v143 .woocommerce-MyAccount-content input:-webkit-autofill,
  body.nawasi-account-responsive-v143 .woocommerce-MyAccount-content input:-webkit-autofill:hover,
  body.nawasi-account-responsive-v143 .woocommerce-MyAccount-content input:-webkit-autofill:focus {
    -webkit-text-fill-color: #f8f8f8 !important;
    box-shadow: 0 0 0 1000px #0b0d13 inset !important;
    transition: background-color 9999s ease-out 0s !important;
  }

  body.nawasi-account-responsive-v143 .woocommerce-password-strength,
  body.nawasi-account-responsive-v143 .woocommerce-password-hint {
    margin-top: 7px !important;
    border-radius: 10px !important;
    line-height: 1.55 !important;
  }

  body.nawasi-account-responsive-v143 .show-password-input,
  body.nawasi-account-responsive-v143 .password-input .show-password-input {
    color: #e2bd43 !important;
  }

  body.nawasi-account-responsive-v143 .woocommerce-LostPassword,
  body.nawasi-account-responsive-v143 .woocommerce-privacy-policy-text {
    margin: 10px 0 0 !important;
    line-height: 1.7 !important;
  }

  body.nawasi-account-responsive-v143 .woocommerce-privacy-policy-text p {
    margin: 0 !important;
  }

  /* Compact dashboard cards without reintroducing vertical text. */
  body.nawasi-account-responsive-v143 .woocommerce-MyAccount-content :is(
    .nawasi-account-card,
    .nawasi-dashboard-card,
    .nawasi-service-card,
    .account-card,
    .dashboard-card,
    .service-card,
    [class*="account-card"],
    [class*="dashboard-card"],
    [class*="service-card"],
    .ns141-service-card
  ) {
    min-height: 166px !important;
    padding: 15px 11px !important;
  }

  /* Every layer surrounding latest orders must use intrinsic height. */
  body.nawasi-account-responsive-v143 .woocommerce-MyAccount-content .ns141-orders-layer,
  body.nawasi-account-responsive-v143 .woocommerce-MyAccount-content .ns141-latest-orders,
  body.nawasi-account-responsive-v143 .woocommerce-MyAccount-content .ns141-latest-orders > *,
  body.nawasi-account-responsive-v143 .woocommerce-MyAccount-content .ns141-orders-summary,
  body.nawasi-account-responsive-v143 .woocommerce-MyAccount-content .ns141-empty-orders {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    aspect-ratio: auto !important;
    grid-auto-rows: auto !important;
    align-self: start !important;
  }

  body.nawasi-account-responsive-v143 .woocommerce-MyAccount-content .ns141-latest-orders {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    padding: 16px 12px !important;
    margin: 12px 0 0 !important;
    overflow: visible !important;
  }

  body.nawasi-account-responsive-v143 .woocommerce-MyAccount-content .ns141-orders-summary {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    width: 100% !important;
    padding: 16px 12px !important;
    margin: 0 !important;
    border-radius: 18px !important;
  }

  body.nawasi-account-responsive-v143 .woocommerce-MyAccount-content .ns141-orders-summary.ns141-service-card {
    min-height: 0 !important;
  }

  body.nawasi-account-responsive-v143 .woocommerce-MyAccount-content .ns141-orders-summary :is(h2,h3,h4) {
    margin: 0 !important;
    font-size: clamp(27px, 7vw, 35px) !important;
    line-height: 1.18 !important;
    text-align: center !important;
  }

  body.nawasi-account-responsive-v143 .woocommerce-MyAccount-content .ns141-orders-all {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 9px 18px !important;
    border: 1px solid rgba(226, 189, 67, 0.25) !important;
    border-radius: 999px !important;
    font-size: 14px !important;
    line-height: 1.35 !important;
    white-space: nowrap !important;
  }

  body.nawasi-account-responsive-v143 .woocommerce-MyAccount-content .ns141-empty-orders {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    width: 100% !important;
    padding: 14px 8px !important;
    margin: 0 !important;
    text-align: center !important;
  }

  body.nawasi-account-responsive-v143 .woocommerce-MyAccount-content .ns141-empty-orders p {
    margin: 0 !important;
    font-size: clamp(17px, 4.4vw, 20px) !important;
    line-height: 1.5 !important;
  }

  body.nawasi-account-responsive-v143 .woocommerce-MyAccount-content .ns141-empty-orders :is(a,button,.button) {
    min-height: 48px !important;
    margin: 0 !important;
    padding: 11px 22px !important;
  }

  body.nawasi-account-responsive-v143 .woocommerce-MyAccount-content {
    padding-bottom: calc(104px + env(safe-area-inset-bottom)) !important;
  }
}

@media (max-width: 379px) {
  body.nawasi-account-responsive-v143 .woocommerce-MyAccount-content :is(
    .nawasi-account-card,
    .nawasi-dashboard-card,
    .nawasi-service-card,
    .account-card,
    .dashboard-card,
    .service-card,
    [class*="account-card"],
    [class*="dashboard-card"],
    [class*="service-card"],
    .ns141-service-card
  ) {
    min-height: 154px !important;
    padding: 13px 8px !important;
  }
}

/* v1.4.3 — targeted fixes for account endpoint empty states and RTL labels. */
@media (max-width: 767px) {
  body.nawasi-account-responsive-v143 .woocommerce-MyAccount-content .woocommerce-info,
  body.nawasi-account-responsive-v143 .woocommerce-MyAccount-content .woocommerce-message,
  body.nawasi-account-responsive-v143 .woocommerce-MyAccount-content .woocommerce-error {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: center !important;
    gap: 14px !important;
    width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 18px 0 0 !important;
    padding: 20px 16px !important;
    border: 1px solid rgba(226,189,67,.34) !important;
    border-top: 4px solid #e2bd43 !important;
    border-radius: 18px !important;
    background: #11141d !important;
    color: #f3f3f3 !important;
    box-sizing: border-box !important;
    overflow: visible !important;
    line-height: 1.7 !important;
    text-align: right !important;
  }
  body.nawasi-account-responsive-v143 .woocommerce-MyAccount-content .woocommerce-info::before,
  body.nawasi-account-responsive-v143 .woocommerce-MyAccount-content .woocommerce-message::before,
  body.nawasi-account-responsive-v143 .woocommerce-MyAccount-content .woocommerce-error::before {
    display: none !important;
    content: none !important;
  }
  body.nawasi-account-responsive-v143 .woocommerce-MyAccount-content .woocommerce-info .button,
  body.nawasi-account-responsive-v143 .woocommerce-MyAccount-content .woocommerce-message .button,
  body.nawasi-account-responsive-v143 .woocommerce-MyAccount-content .woocommerce-error .button {
    position: static !important;
    float: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    align-self: flex-start !important;
    width: auto !important;
    max-width: 100% !important;
    min-height: 50px !important;
    margin: 0 !important;
    padding: 11px 22px !important;
    border: 0 !important;
    border-radius: 15px !important;
    white-space: normal !important;
    line-height: 1.35 !important;
    text-align: center !important;
  }
  body.nawasi-account-responsive-v143 .woocommerce-MyAccount-content .woocommerce-info > *,
  body.nawasi-account-responsive-v143 .woocommerce-MyAccount-content .woocommerce-message > *,
  body.nawasi-account-responsive-v143 .woocommerce-MyAccount-content .woocommerce-error > * {
    max-width: 100% !important;
  }
  body.nawasi-account-responsive-v143 .woocommerce-MyAccount-content .ns141-greeting {
    direction: rtl !important;
    unicode-bidi: plaintext !important;
    text-align: center !important;
  }
  body.nawasi-account-responsive-v143 .woocommerce-MyAccount-content .ns141-greeting bdi {
    direction: ltr !important;
    unicode-bidi: isolate !important;
    display: inline-block !important;
  }
}


/*
 * v1.4.3 — compact mobile account architecture based on the 2026-08-01
 * screenshot acceptance set. These declarations intentionally come last.
 */
@media (max-width: 767px) {
  body.nawasi-account-responsive-v143 {
    --ns141-gold: #e3bb39;
    --ns141-gold-soft: #f5d86c;
    --ns141-bg: #06070a;
    --ns141-panel: #10131a;
    --ns141-card: #090b10;
    --ns141-line: rgba(227, 187, 57, .34);
    --ns141-muted: #b5b6bc;
    --ns141-bottom-clearance: calc(92px + env(safe-area-inset-bottom));
  }

  body.nawasi-account-responsive-v143 .ns-main {
    padding-top: 16px !important;
    padding-bottom: var(--ns141-bottom-clearance) !important;
  }

  body.nawasi-account-responsive-v143 .ns-container {
    width: min(calc(100% - 16px), var(--ns-container)) !important;
  }

  body.nawasi-account-responsive-v143 .ns-page-shell {
    padding: 14px 10px 18px !important;
    border-radius: 20px !important;
  }

  body.nawasi-account-responsive-v143 .ns-page-header {
    margin-bottom: 14px !important;
  }

  body.nawasi-account-responsive-v143 .ns-page-title,
  body.nawasi-account-responsive-v143 .entry-title,
  body.nawasi-account-responsive-v143 .woocommerce > h1,
  body.nawasi-account-responsive-v143 .woocommerce-MyAccount-content > h1 {
    margin: 0 0 14px !important;
    font-size: clamp(30px, 8vw, 38px) !important;
    line-height: 1.16 !important;
    font-weight: 850 !important;
  }

  body.nawasi-account-responsive-v143 .woocommerce {
    padding-inline: 0 !important;
  }

  /* Compact account navigation: stable two-column grid, no clipping. */
  body.nawasi-account-responsive-v143 .woocommerce-MyAccount-navigation {
    margin-bottom: 12px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
  }

  body.nawasi-account-responsive-v143 .woocommerce-MyAccount-navigation ul {
    gap: 5px !important;
    padding: 7px !important;
    border-radius: 17px !important;
    background: rgba(5, 6, 9, .96) !important;
  }

  body.nawasi-account-responsive-v143 .woocommerce-MyAccount-navigation li a {
    min-height: 44px !important;
    padding: 7px 6px !important;
    border-radius: 12px !important;
    font-size: clamp(13px, 3.55vw, 15.5px) !important;
    line-height: 1.25 !important;
  }

  body.nawasi-account-responsive-v143 .woocommerce-MyAccount-navigation li.is-active a,
  body.nawasi-account-responsive-v143 .woocommerce-MyAccount-navigation li a[aria-current="page"] {
    background: linear-gradient(135deg, var(--ns141-gold-soft), #d7a51c) !important;
    box-shadow: 0 9px 20px rgba(215, 165, 28, .17) !important;
  }

  body.nawasi-account-responsive-v143 .woocommerce-MyAccount-content {
    padding: 0 0 var(--ns141-bottom-clearance) !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  /* Login and registration: dark native controls and reduced vertical waste. */
  body.nawasi-account-responsive-v143.nawasi-account-guest #customer_login,
  body.nawasi-account-responsive-v143.nawasi-account-guest .woocommerce .u-columns,
  body.nawasi-account-responsive-v143.nawasi-account-guest .woocommerce .col2-set {
    gap: 18px !important;
  }

  body.nawasi-account-responsive-v143.nawasi-account-guest #customer_login h2,
  body.nawasi-account-responsive-v143.nawasi-account-guest .u-column1 > h2,
  body.nawasi-account-responsive-v143.nawasi-account-guest .u-column2 > h2 {
    margin: 0 0 10px !important;
    font-size: clamp(28px, 7.6vw, 34px) !important;
    line-height: 1.18 !important;
  }

  body.nawasi-account-responsive-v143.nawasi-account-guest :is(
    form.login,
    form.register,
    .woocommerce-form-login,
    .woocommerce-form-register
  ) {
    padding: 14px 12px !important;
    border-color: var(--ns141-line) !important;
    border-radius: 18px !important;
    background: rgba(9, 11, 16, .96) !important;
  }

  body.nawasi-account-responsive-v143.nawasi-account-guest #customer_login .form-row {
    margin-bottom: 11px !important;
  }

  body.nawasi-account-responsive-v143.nawasi-account-guest #customer_login label {
    margin-bottom: 5px !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
  }

  body.nawasi-account-responsive-v143.nawasi-account-guest #customer_login :is(
    input.input-text,
    input[type="text"],
    input[type="email"],
    input[type="password"]
  ),
  body.nawasi-account-responsive-v143 .woocommerce-EditAccountForm :is(
    input.input-text,
    input[type="text"],
    input[type="email"],
    input[type="password"],
    input[type="tel"],
    select,
    textarea
  ) {
    width: 100% !important;
    min-height: 50px !important;
    padding: 10px 12px !important;
    border: 1px solid rgba(227, 187, 57, .38) !important;
    border-radius: 12px !important;
    background: #090b10 !important;
    color: #f8f8f8 !important;
    -webkit-text-fill-color: #f8f8f8 !important;
    caret-color: var(--ns141-gold) !important;
    font-size: 16px !important;
    box-shadow: none !important;
  }

  body.nawasi-account-responsive-v143.nawasi-account-guest #customer_login :is(
    input.input-text,
    input[type="text"],
    input[type="email"],
    input[type="password"]
  ):focus,
  body.nawasi-account-responsive-v143 .woocommerce-EditAccountForm :is(input, select, textarea):focus {
    border-color: var(--ns141-gold) !important;
    box-shadow: 0 0 0 3px rgba(227, 187, 57, .12) !important;
    outline: 0 !important;
  }

  body.nawasi-account-responsive-v143.nawasi-account-guest #customer_login input:-webkit-autofill,
  body.nawasi-account-responsive-v143.nawasi-account-guest #customer_login input:-webkit-autofill:hover,
  body.nawasi-account-responsive-v143.nawasi-account-guest #customer_login input:-webkit-autofill:focus {
    -webkit-text-fill-color: #f8f8f8 !important;
    box-shadow: 0 0 0 1000px #090b10 inset !important;
  }

  body.nawasi-account-responsive-v143.nawasi-account-guest .password-input {
    display: block !important;
    position: relative !important;
    width: 100% !important;
  }

  body.nawasi-account-responsive-v143.nawasi-account-guest .password-input .show-password-input {
    top: 50% !important;
    inset-inline-end: 13px !important;
    transform: translateY(-50%) !important;
  }

  body.nawasi-account-responsive-v143.nawasi-account-guest .woocommerce-form-login__rememberme {
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    margin: 0 !important;
  }

  body.nawasi-account-responsive-v143.nawasi-account-guest .woocommerce-form-login__rememberme input {
    width: 22px !important;
    height: 22px !important;
    min-height: 22px !important;
    margin: 0 !important;
    accent-color: var(--ns141-gold) !important;
  }

  body.nawasi-account-responsive-v143.nawasi-account-guest .woocommerce-form-login__submit,
  body.nawasi-account-responsive-v143.nawasi-account-guest .woocommerce-form-register__submit {
    min-height: 48px !important;
    padding: 10px 20px !important;
  }

  body.nawasi-account-responsive-v143.nawasi-account-guest .woocommerce-privacy-policy-text,
  body.nawasi-account-responsive-v143.nawasi-account-guest .woocommerce-LostPassword {
    font-size: 14px !important;
    line-height: 1.65 !important;
  }

  /* Dashboard hero. */
  body.nawasi-account-responsive-v143 .ncc-account-dashboard {
    max-width: 100% !important;
    margin: 0 !important;
  }

  body.nawasi-account-responsive-v143 .ncc-account-hero {
    display: block !important;
    min-height: 0 !important;
    padding: 17px 15px !important;
    border-radius: 18px !important;
  }

  body.nawasi-account-responsive-v143 .ncc-account-avatar {
    display: none !important;
  }

  body.nawasi-account-responsive-v143 .ncc-account-eyebrow {
    display: block !important;
    margin-bottom: 4px !important;
    font-size: 14px !important;
  }

  body.nawasi-account-responsive-v143 .ncc-account-hero h1 {
    margin: 0 0 7px !important;
    font-size: clamp(27px, 7.4vw, 34px) !important;
    line-height: 1.18 !important;
    text-align: right !important;
  }

  body.nawasi-account-responsive-v143 .ncc-account-hero h1 bdi {
    display: inline-block !important;
    direction: ltr !important;
    unicode-bidi: isolate !important;
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
  }

  body.nawasi-account-responsive-v143 .ncc-account-hero p {
    margin: 0 !important;
    color: var(--ns141-muted) !important;
    font-size: 14.5px !important;
    line-height: 1.7 !important;
  }

  /* Service cards: keep two columns but remove excessive card height. */
  body.nawasi-account-responsive-v143 .ncc-service-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 9px !important;
    margin: 13px 0 !important;
  }

  body.nawasi-account-responsive-v143 .ncc-service-card,
  body.nawasi-account-responsive-v143 .woocommerce-MyAccount-content .ns141-service-card {
    min-height: 132px !important;
    height: auto !important;
    aspect-ratio: auto !important;
    padding: 14px 10px !important;
    gap: 6px !important;
    justify-content: center !important;
    border-radius: 17px !important;
    overflow: hidden !important;
  }

  body.nawasi-account-responsive-v143 .ncc-service-icon {
    display: grid !important;
    place-items: center !important;
    width: 42px !important;
    height: 42px !important;
    margin-inline: auto !important;
    border: 1px solid rgba(227, 187, 57, .34) !important;
    border-radius: 13px !important;
    background: rgba(227, 187, 57, .06) !important;
    color: var(--ns141-gold-soft) !important;
    font-size: 23px !important;
    line-height: 1 !important;
  }

  body.nawasi-account-responsive-v143 .ncc-service-card strong {
    margin: 2px 0 0 !important;
    font-size: clamp(18px, 4.9vw, 22px) !important;
    line-height: 1.28 !important;
    text-align: center !important;
  }

  body.nawasi-account-responsive-v143 .ncc-service-card small {
    color: var(--ns141-muted) !important;
    font-size: 13px !important;
    line-height: 1.55 !important;
    text-align: center !important;
  }

  /* Latest orders: one compact panel with intrinsic height. */
  body.nawasi-account-responsive-v143 .ncc-account-panel,
  body.nawasi-account-responsive-v143 .ns141-latest-orders,
  body.nawasi-account-responsive-v143 .ns141-orders-layer,
  body.nawasi-account-responsive-v143 .ns141-orders-summary,
  body.nawasi-account-responsive-v143 .ns141-empty-orders {
    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;
    aspect-ratio: auto !important;
  }

  body.nawasi-account-responsive-v143 .ncc-account-panel {
    margin: 0 !important;
    padding: 15px 12px !important;
    border-radius: 18px !important;
  }

  body.nawasi-account-responsive-v143 .ncc-panel-heading {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    margin-bottom: 12px !important;
  }

  body.nawasi-account-responsive-v143 .ncc-panel-heading h2 {
    margin: 0 !important;
    font-size: clamp(24px, 6.5vw, 30px) !important;
    line-height: 1.2 !important;
  }

  body.nawasi-account-responsive-v143 .ncc-panel-heading a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 38px !important;
    padding: 7px 12px !important;
    border: 1px solid rgba(227, 187, 57, .26) !important;
    border-radius: 999px !important;
    font-size: 13px !important;
    white-space: nowrap !important;
  }

  body.nawasi-account-responsive-v143 .ncc-empty-state,
  body.nawasi-account-responsive-v143 .ns141-empty-orders {
    gap: 10px !important;
    min-height: 0 !important;
    padding: 13px 8px !important;
  }

  body.nawasi-account-responsive-v143 .ncc-empty-state p,
  body.nawasi-account-responsive-v143 .ns141-empty-orders p {
    margin: 0 !important;
    font-size: 16px !important;
    line-height: 1.55 !important;
  }

  body.nawasi-account-responsive-v143 .ncc-empty-state .button,
  body.nawasi-account-responsive-v143 .ns141-empty-orders :is(.button, a, button) {
    min-height: 46px !important;
    padding: 10px 20px !important;
  }

  body.nawasi-account-responsive-v143 .ncc-account-footer-actions {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 7px !important;
    margin: 12px 0 0 !important;
  }

  body.nawasi-account-responsive-v143 .ncc-account-footer-actions a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 42px !important;
    padding: 7px 4px !important;
    border: 1px solid rgba(227, 187, 57, .20) !important;
    border-radius: 12px !important;
    color: #f2f2f2 !important;
    font-size: 13px !important;
    text-align: center !important;
  }

  /* Orders/downloads notices: no inherited icon, overlap or dead space. */
  body.nawasi-account-responsive-v143 .woocommerce-MyAccount-content :is(
    .woocommerce-info,
    .woocommerce-message,
    .woocommerce-error
  ) {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 12px !important;
    min-height: 0 !important;
    margin: 12px 0 0 !important;
    padding: 16px 13px !important;
    border-radius: 16px !important;
    line-height: 1.65 !important;
  }

  body.nawasi-account-responsive-v143 .woocommerce-MyAccount-content :is(
    .woocommerce-info,
    .woocommerce-message,
    .woocommerce-error
  ) .button {
    justify-self: start !important;
    align-self: auto !important;
    min-height: 46px !important;
    padding: 9px 18px !important;
  }

  /* Account details form and password fieldset. */
  body.nawasi-account-responsive-v143 .woocommerce-EditAccountForm {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 12px !important;
    width: 100% !important;
  }

  body.nawasi-account-responsive-v143 .woocommerce-EditAccountForm .form-row {
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
  }

  body.nawasi-account-responsive-v143 .woocommerce-EditAccountForm label {
    display: block !important;
    margin: 0 0 5px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.45 !important;
  }

  body.nawasi-account-responsive-v143 .woocommerce-EditAccountForm em {
    display: block !important;
    margin-top: 5px !important;
    color: var(--ns141-muted) !important;
    font-size: 12.5px !important;
    line-height: 1.55 !important;
  }

  body.nawasi-account-responsive-v143 .woocommerce-EditAccountForm fieldset {
    min-width: 0 !important;
    margin: 4px 0 0 !important;
    padding: 15px 12px 12px !important;
    border: 1px solid rgba(227, 187, 57, .32) !important;
    border-radius: 16px !important;
    background: rgba(7, 8, 12, .70) !important;
  }

  body.nawasi-account-responsive-v143 .woocommerce-EditAccountForm fieldset legend {
    width: auto !important;
    max-width: calc(100% - 20px) !important;
    margin-inline: 8px !important;
    padding: 0 8px !important;
    border: 0 !important;
    background: #10131a !important;
    color: #fff !important;
    font-size: 17px !important;
    font-weight: 800 !important;
    line-height: 1.4 !important;
  }

  body.nawasi-account-responsive-v143 .woocommerce-EditAccountForm .clear {
    display: none !important;
  }

  body.nawasi-account-responsive-v143 .woocommerce-EditAccountForm button[type="submit"] {
    width: 100% !important;
    min-height: 50px !important;
    margin-top: 2px !important;
  }

  /* Address/payment endpoint cards. */
  body.nawasi-account-responsive-v143 .woocommerce-Addresses,
  body.nawasi-account-responsive-v143 .woocommerce-MyAccount-content .u-columns {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 12px !important;
  }

  body.nawasi-account-responsive-v143 .woocommerce-Address,
  body.nawasi-account-responsive-v143 .woocommerce-MyAccount-paymentMethods {
    width: 100% !important;
    margin: 0 !important;
    padding: 14px !important;
    border: 1px solid var(--ns141-line) !important;
    border-radius: 16px !important;
    background: var(--ns141-panel) !important;
  }

  /* Production account-page mobile menu becomes an overlay instead of pushing content. */
  body.nawasi-account-responsive-v143 .ns-nav-row,
  body.nawasi-account-responsive-v143 .ns-nav-inner {
    min-height: 0 !important;
  }

  body.nawasi-account-responsive-v143 .ns-nav-inner {
    padding-block: 0 !important;
  }

  body.nawasi-account-responsive-v143 .ns-primary-nav.is-open {
    position: fixed !important;
    z-index: 10020 !important;
    top: 150px !important;
    inset-inline-end: 10px !important;
    width: min(84vw, 320px) !important;
    max-height: calc(100dvh - 245px) !important;
    margin: 0 !important;
    padding: 10px !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    border: 1px solid rgba(227, 187, 57, .34) !important;
    border-radius: 18px !important;
    background: rgba(5, 6, 9, .98) !important;
    box-shadow: 0 22px 60px rgba(0, 0, 0, .62) !important;
  }

  body.nawasi-account-responsive-v143 .ns-primary-nav.is-open ul {
    display: grid !important;
    gap: 4px !important;
  }

  body.nawasi-account-responsive-v143 .ns-primary-nav.is-open a {
    padding: 11px 12px !important;
    border-bottom: 1px solid rgba(227, 187, 57, .12) !important;
    border-radius: 10px !important;
    font-size: 17px !important;
  }

  body.nawasi-account-responsive-v143.ns141-menu-open {
    overflow: hidden !important;
    touch-action: none !important;
  }

  .ns141-nav-backdrop {
    position: fixed !important;
    z-index: 9998 !important;
    inset: 0 !important;
    display: block !important;
    background: rgba(0, 0, 0, .68) !important;
    backdrop-filter: blur(2px) !important;
  }

  .ns141-nav-backdrop[hidden] {
    display: none !important;
  }
}

@media (max-width: 379px) {
  body.nawasi-account-responsive-v143 .ncc-service-card,
  body.nawasi-account-responsive-v143 .woocommerce-MyAccount-content .ns141-service-card {
    min-height: 124px !important;
    padding: 12px 8px !important;
  }

  body.nawasi-account-responsive-v143 .ncc-service-card strong {
    font-size: 17px !important;
  }

  body.nawasi-account-responsive-v143 .ncc-service-card small {
    font-size: 12px !important;
  }

  body.nawasi-account-responsive-v143 .ncc-panel-heading {
    align-items: stretch !important;
    flex-direction: column !important;
  }

  body.nawasi-account-responsive-v143 .ncc-panel-heading a {
    align-self: flex-start !important;
  }
}

/* v1.4.3 — stop dashboard/gift endpoints from widening the mobile viewport. */
@media (max-width: 820px) {
  body.nawasi-account-responsive-v143 {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  body.nawasi-account-responsive-v143 :is(
    #page,
    .site,
    .site-content,
    .content-area,
    .site-main,
    main,
    article,
    .entry-content,
    .woocommerce,
    .woocommerce-account,
    .ncc-my-account-shell,
    .woocommerce-MyAccount-navigation,
    .woocommerce-MyAccount-content
  ) {
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    transform: none !important;
    translate: none !important;
  }

  body.nawasi-account-responsive-v143.nssn-account-dashboard
    .ncc-my-account-shell,
  body.nawasi-account-responsive-v143.nssn-account-dashboard
    .woocommerce,
  body.nawasi-account-responsive-v143.nssn-account-dashboard
    .woocommerce-MyAccount-content {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin-inline: auto !important;
    inset-inline: auto !important;
  }

  body.nawasi-account-responsive-v143.nssn-account-dashboard
    .woocommerce-MyAccount-navigation {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: visible !important;
    padding: 0 !important;
  }

  body.nawasi-account-responsive-v143.nssn-account-dashboard
    .woocommerce-MyAccount-navigation ul {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
    overflow: visible !important;
  }

  body.nawasi-account-responsive-v143.nssn-account-dashboard
    .woocommerce-MyAccount-navigation li {
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    flex: initial !important;
  }

  body.nawasi-account-responsive-v143.nssn-account-dashboard
    .woocommerce-MyAccount-navigation a {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 52px !important;
    padding: 10px 8px !important;
    font-size: clamp(14px, 3.8vw, 17px) !important;
    white-space: normal !important;
  }

  body.nawasi-account-responsive-v143.nawasi-account-endpoint-nawasi-gift
    .woocommerce-MyAccount-content {
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
  }

  body.nawasi-account-responsive-v143 .ns143-gift-hub {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    padding: 14px !important;
    margin: 0 !important;
    border: 1px solid rgba(226, 189, 67, .34) !important;
    border-radius: 22px !important;
    background: linear-gradient(180deg, rgba(17, 20, 29, .98), rgba(7, 8, 12, .98)) !important;
    overflow: hidden !important;
  }

  body.nawasi-account-responsive-v143 .ns143-gift-hero {
    padding: 12px 8px 18px !important;
    text-align: right !important;
  }

  body.nawasi-account-responsive-v143 .ns143-gift-kicker {
    display: block !important;
    margin-bottom: 5px !important;
    color: #e2bd43 !important;
    font-size: 15px !important;
    font-weight: 800 !important;
  }

  body.nawasi-account-responsive-v143 .ns143-gift-hero h2 {
    margin: 0 0 10px !important;
    color: #fff !important;
    font-size: clamp(34px, 10vw, 48px) !important;
    line-height: 1.1 !important;
  }

  body.nawasi-account-responsive-v143 .ns143-gift-hero p {
    margin: 0 !important;
    color: #c6c7cc !important;
    font-size: 16px !important;
    line-height: 1.8 !important;
  }

  body.nawasi-account-responsive-v143 .ns143-gift-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  body.nawasi-account-responsive-v143 .ns143-gift-card {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 0 !important;
    min-height: 176px !important;
    padding: 16px 11px !important;
    border: 1px solid rgba(226, 189, 67, .31) !important;
    border-radius: 18px !important;
    background: rgba(8, 9, 13, .90) !important;
    color: #fff !important;
    text-align: center !important;
    text-decoration: none !important;
    overflow: hidden !important;
  }

  body.nawasi-account-responsive-v143 .ns143-gift-card--wide {
    grid-column: 1 / -1 !important;
    min-height: 150px !important;
  }

  body.nawasi-account-responsive-v143 .ns143-gift-icon {
    display: grid !important;
    place-items: center !important;
    width: 48px !important;
    height: 48px !important;
    margin-bottom: 10px !important;
    border: 1px solid rgba(226, 189, 67, .36) !important;
    border-radius: 14px !important;
    background: rgba(226, 189, 67, .08) !important;
    font-size: 24px !important;
  }

  body.nawasi-account-responsive-v143 .ns143-gift-card strong {
    display: block !important;
    margin-bottom: 6px !important;
    color: #fff !important;
    font-size: 18px !important;
    line-height: 1.4 !important;
  }

  body.nawasi-account-responsive-v143 .ns143-gift-card small {
    display: block !important;
    color: #b8bac1 !important;
    font-size: 13px !important;
    line-height: 1.65 !important;
  }

  body.nawasi-account-responsive-v143 .ns143-gift-note {
    width: 100% !important;
    margin: 12px 0 0 !important;
    padding: 12px !important;
    border-radius: 14px !important;
    background: rgba(226, 189, 67, .08) !important;
    color: #d8d8dc !important;
    font-size: 13px !important;
    line-height: 1.7 !important;
    text-align: right !important;
  }
}

@media (max-width: 370px) {
  body.nawasi-account-responsive-v143 .ns143-gift-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.nawasi-account-responsive-v143 .ns143-gift-card--wide {
    grid-column: auto !important;
  }
}

/* v1.4.3 — root viewport lock and account endpoint isolation. */
@media (max-width: 820px) {
  html.ns143-account-viewport-lock,
  html.ns143-account-viewport-lock body {
    inline-size: 100% !important;
    width: 100% !important;
    max-inline-size: 100% !important;
    max-width: 100% !important;
    overflow-x: clip !important;
    overscroll-behavior-x: none !important;
  }

  @supports not (overflow: clip) {
    html.ns143-account-viewport-lock,
    html.ns143-account-viewport-lock body {
      overflow-x: hidden !important;
    }
  }

  body.nawasi-account-responsive-v143 :is(
    #page,
    .site,
    .site-content,
    .content-area,
    .site-main,
    .ns-main,
    main,
    article,
    .entry-content,
    .woocommerce,
    .ncc-my-account-shell,
    .woocommerce-MyAccount-navigation,
    .woocommerce-MyAccount-content
  ) {
    left: auto !important;
    right: auto !important;
    inset-inline: auto !important;
    translate: none !important;
    transform: none !important;
    min-inline-size: 0 !important;
    min-width: 0 !important;
    max-inline-size: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  body.nawasi-account-responsive-v143 .ncc-my-account-shell,
  body.nawasi-account-responsive-v143 .woocommerce {
    inline-size: min(calc(100% - 16px), 760px) !important;
    width: min(calc(100% - 16px), 760px) !important;
    margin-inline: auto !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  body.nawasi-account-responsive-v143 .woocommerce-MyAccount-navigation,
  body.nawasi-account-responsive-v143 .woocommerce-MyAccount-content {
    inline-size: 100% !important;
    width: 100% !important;
    margin-inline: 0 !important;
  }

  body.nawasi-account-responsive-v143 .woocommerce-MyAccount-navigation ul {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    inline-size: 100% !important;
    width: 100% !important;
    min-inline-size: 0 !important;
    min-width: 0 !important;
    max-inline-size: 100% !important;
    max-width: 100% !important;
    flex-wrap: wrap !important;
    overflow: visible !important;
  }

  body.nawasi-account-responsive-v143 .woocommerce-MyAccount-navigation li,
  body.nawasi-account-responsive-v143 .woocommerce-MyAccount-navigation a {
    min-inline-size: 0 !important;
    min-width: 0 !important;
    max-inline-size: 100% !important;
    max-width: 100% !important;
  }

  body.nawasi-account-responsive-v143.nawasi-account-endpoint-nawasi-gift
    .ncc-account-dashboard,
  body.nawasi-account-responsive-v143.nawasi-account-endpoint-nawasi-gift
    .nssn-account-welcome,
  body.nawasi-account-responsive-v143.nawasi-account-endpoint-nawasi-gift
    .nssn-account-tile-grid,
  body.nawasi-account-responsive-v143.nawasi-account-endpoint-nawasi-gift
    .nssn-account-orders {
    display: none !important;
  }

  body.nawasi-account-responsive-v143 .ns143-overflow-offender {
    min-inline-size: 0 !important;
    min-width: 0 !important;
    max-inline-size: 100% !important;
    max-width: 100% !important;
    margin-inline: 0 !important;
    transform: none !important;
    translate: none !important;
  }
}
