/* BBOX 5.5.0 MOBILE ISOLATION — migrated from former shared base.css. */
/* account — base presentation. */
.woocommerce-account .woocommerce-MyAccount-navigation,.woocommerce-account .woocommerce-MyAccount-content {
  width: 100%;
  float: none;
  min-width: 0;
}

.account-sidebar,.woocommerce-account .woocommerce-MyAccount-content {
  padding: var(--bbox-space-5);
  background: var(--bbox-surface);
  border: 1px solid var(--bbox-border);
  border-radius: var(--bbox-radius-lg);
}

.woocommerce-MyAccount-navigation ul {
  list-style: none;
  padding: 0;
}

.woocommerce-MyAccount-navigation a {
  display: block;
  padding: var(--bbox-space-3);
  border-radius: var(--bbox-radius-sm);
}

.woocommerce-MyAccount-navigation .is-active a {
  background: var(--bbox-gold-soft);
  color: var(--bbox-gold-deep);
}

.account-identity {
  margin-block: var(--bbox-space-4);
}

.account-stats,.account-dashboard-grid {
  display: grid;
  grid-template-columns: repeat(var(--bbox-account-card-columns),minmax(0,1fr));
  gap: var(--bbox-space-4);
}

.bbox-sms-otp-popup__dialog {
  border: 1px solid var(--bbox-gold);
  border-radius: var(--bbox-radius-lg);
  background: var(--bbox-surface);
}

.bbox-sms-otp-submit,.bbox-sms-otp-login-form__button,.bbox-sms-otp-register-form__button {
  background: var(--bbox-gold);
  color: var(--bbox-dark);
  border-radius: var(--bbox-radius-sm);
}

/*
 * BBox Account — Ultra Luxury Mobile
 * Scope: My Account only / mobile <= 782px
 * Desktop, Header, Footer, Bottom Nav and Woo business-state remain untouched.
 */

@media (max-width:782px){

  .woocommerce-account{
    --bbox-account-ink:#111318;
    --bbox-account-ink-soft:#262a31;
    --bbox-account-gold:#d3a62f;
    --bbox-account-gold-deep:#9b6b08;
    --bbox-account-gold-soft:#fff7df;
    --bbox-account-ivory:#fbf8f1;
    --bbox-account-paper:#fffefb;
    --bbox-account-line:rgba(163,118,24,.18);
    --bbox-account-muted:#74716b;
    --bbox-account-success:#17734c;
    --bbox-account-shadow:0 14px 38px rgba(28,22,9,.08);
    --bbox-account-shadow-soft:0 7px 20px rgba(28,22,9,.055);
    --bbox-account-radius-xl:22px;
    --bbox-account-radius-lg:18px;
    --bbox-account-radius-md:14px;
    --bbox-account-touch:46px;
  }

  .woocommerce-account #main-content,
  .woocommerce-account main.page-content{
    width:min(100%,100%);
    max-width:none;
    padding-inline:12px;
    padding-top:18px;
    padding-bottom:calc(var(--bbox-nav-offset,76px) + env(safe-area-inset-bottom, 0px) + 28px);
    overflow-x:clip;
  }

  .woocommerce-account #main-content > article,
  .woocommerce-account main.page-content > article{
    min-width:0;
  }

  .woocommerce-account .entry-content{
    min-width:0;
  }

  .woocommerce-account .entry-content > .woocommerce{
    display:block;
    width:100%;
    min-width:0;
    margin:0;
    padding:0;
  }

  .woocommerce-account .page-content > article > h1,
  .woocommerce-account article > h1{
    margin:0 4px 16px;
    font-size:clamp(22px,6vw,28px);
    font-weight:900;
    line-height:1.45;
    letter-spacing:-.025em;
    color:var(--bbox-account-ink);
  }

  /* ------------------------------------------------------------------
     Identity / account navigation
  ------------------------------------------------------------------ */

  .woocommerce-account .account-sidebar{
    position:relative;
    isolation:isolate;
    overflow:hidden;
    margin:0 0 14px;
    padding:16px;
    border:1px solid rgba(213,166,47,.35);
    border-radius:var(--bbox-account-radius-xl);
    background:
      radial-gradient(circle at 10% 0%,rgba(215,171,61,.22),transparent 30%),
      linear-gradient(145deg,#111318 0%,#181b20 58%,#0d0f13 100%);
    color:#fff;
    box-shadow:0 16px 40px rgba(9,10,12,.16);
  }

  .woocommerce-account .account-sidebar::after{
    content:"";
    position:absolute;
    inset:auto -30% -70% -30%;
    height:160px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(211,166,47,.20),transparent 68%);
    z-index:-1;
    pointer-events:none;
  }

  .woocommerce-account .account-brand{
    display:flex;
    align-items:center;
    justify-content:space-between;
    min-height:38px;
    padding-bottom:12px;
    margin-bottom:12px;
    border-bottom:1px solid rgba(255,255,255,.09);
  }

  .woocommerce-account .account-brand,
  .woocommerce-account .account-brand *{
    color:#fff;
  }

  .woocommerce-account .account-identity{
    display:grid;
    grid-template-columns:54px minmax(0,1fr) auto;
    grid-template-areas:
      "avatar name edit"
      "avatar type edit"
      "avatar phone edit";
    column-gap:12px;
    row-gap:2px;
    align-items:center;
    margin:0;
    padding:2px 0 14px;
  }

  .woocommerce-account .account-avatar{
    grid-area:avatar;
    display:grid;
    place-items:center;
    width:54px;
    height:54px;
    border:1px solid rgba(223,184,76,.55);
    border-radius:18px;
    background:linear-gradient(145deg,#e0b94e,#b98416);
    color:#17130a;
    box-shadow:0 8px 22px rgba(206,157,31,.20);
  }

  .woocommerce-account .account-avatar svg{
    width:24px;
    height:24px;
  }

  .woocommerce-account .account-identity h2{
    grid-area:name;
    min-width:0;
    margin:0;
    color:#fff;
    font-size:17px;
    line-height:1.5;
    font-weight:850;
    overflow-wrap:anywhere;
  }

  .woocommerce-account .account-identity > span:not(.account-avatar){
    grid-area:type;
    color:rgba(255,255,255,.64);
    font-size:11px;
    line-height:1.6;
  }

  .woocommerce-account .bbox-profile-phone{
    grid-area:phone;
    display:block;
    direction:ltr;
    text-align:right;
    color:rgba(255,255,255,.76);
    font-size:11px;
    line-height:1.5;
  }

  .woocommerce-account .bbox-profile-edit{
    grid-area:edit;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:40px;
    padding:0 12px;
    border:1px solid rgba(214,170,54,.46);
    border-radius:12px;
    background:rgba(213,166,47,.10);
    color:#f3cf70;
    text-decoration:none;
    font-size:11px;
    font-weight:750;
    white-space:nowrap;
  }

  .woocommerce-account .bbox-profile-edit:active{
    transform:translateY(1px);
  }

  .woocommerce-account .bbox-account-navigation{
    margin:0;
    border:1px solid rgba(255,255,255,.10);
    border-radius:14px;
    background:rgba(255,255,255,.045);
    overflow:hidden;
  }

  .woocommerce-account .bbox-account-navigation > summary{
    list-style:none;
    display:flex;
    align-items:center;
    justify-content:space-between;
    min-height:46px;
    padding:0 14px;
    cursor:pointer;
    color:#fff;
    font-size:12px;
    font-weight:800;
  }

  .woocommerce-account .bbox-account-navigation > summary::-webkit-details-marker{
    display:none;
  }

  .woocommerce-account .bbox-account-navigation > summary::after{
    content:"⌄";
    color:#deb54b;
    font-size:18px;
    line-height:1;
    transition:transform .18s ease;
  }

  .woocommerce-account .bbox-account-navigation[open] > summary::after{
    transform:rotate(180deg);
  }

  .woocommerce-account .woocommerce-MyAccount-navigation{
    width:100%;
    float:none;
    margin:0;
    padding:0 8px 8px;
  }

  .woocommerce-account .woocommerce-MyAccount-navigation ul{
    display:grid;
    gap:5px;
    margin:0;
    padding:0;
  }

  .woocommerce-account .woocommerce-MyAccount-navigation li{
    margin:0;
  }

  .woocommerce-account .woocommerce-MyAccount-navigation a{
    display:flex;
    align-items:center;
    min-height:44px;
    padding:9px 12px;
    border:1px solid transparent;
    border-radius:11px;
    color:rgba(255,255,255,.82);
    background:transparent;
    font-size:12px;
    font-weight:650;
    text-decoration:none;
  }

  .woocommerce-account .woocommerce-MyAccount-navigation .is-active a{
    border-color:rgba(221,179,66,.30);
    background:linear-gradient(90deg,rgba(220,177,61,.18),rgba(220,177,61,.07));
    color:#f2ca60;
  }

  /* ------------------------------------------------------------------
     Main account content
  ------------------------------------------------------------------ */

  .woocommerce-account .woocommerce-MyAccount-content{
    width:100%;
    float:none;
    min-width:0;
    margin:0;
    padding:0;
    border:0;
    border-radius:0;
    background:transparent;
  }

  .woocommerce-account .account-welcome{
    position:relative;
    overflow:hidden;
    margin:0 0 12px;
    padding:18px 18px 16px;
    border:1px solid var(--bbox-account-line);
    border-radius:var(--bbox-account-radius-xl);
    background:
      radial-gradient(circle at 0% 0%,rgba(218,174,58,.11),transparent 34%),
      var(--bbox-account-paper);
    box-shadow:var(--bbox-account-shadow-soft);
  }

  .woocommerce-account .account-welcome::before{
    content:"";
    position:absolute;
    inset:0 auto 0 0;
    width:3px;
    background:linear-gradient(#e5be56,#a9750c);
  }

  .woocommerce-account .account-welcome h1{
    margin:0 0 7px;
    font-size:clamp(20px,5.6vw,25px);
    line-height:1.55;
    font-weight:900;
    color:var(--bbox-account-ink);
    overflow-wrap:anywhere;
  }

  .woocommerce-account .account-welcome p{
    margin:0;
    color:var(--bbox-account-muted);
    font-size:12px;
    line-height:1.9;
  }

  .woocommerce-account .account-stats{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:8px;
    margin:0 0 12px;
  }

  .woocommerce-account .stat-card{
    position:relative;
    display:grid;
    grid-template-columns:1fr auto;
    grid-template-areas:
      "label icon"
      "value icon";
    align-items:center;
    min-width:0;
    min-height:82px;
    padding:12px;
    border:1px solid var(--bbox-account-line);
    border-radius:16px;
    background:var(--bbox-account-paper);
    box-shadow:0 5px 16px rgba(34,27,12,.045);
    color:var(--bbox-account-ink);
    text-decoration:none;
  }

  .woocommerce-account .stat-card > span{
    grid-area:label;
    min-width:0;
    color:var(--bbox-account-muted);
    font-size:10px;
    line-height:1.55;
  }

  .woocommerce-account .stat-card > strong{
    grid-area:value;
    margin-top:3px;
    color:var(--bbox-account-ink);
    font-size:20px;
    line-height:1;
    font-weight:900;
  }

  .woocommerce-account .stat-card > svg{
    grid-area:icon;
    width:21px;
    height:21px;
    color:var(--bbox-account-gold-deep);
    opacity:.92;
  }

  .woocommerce-account .account-dashboard-grid{
    display:grid;
    grid-template-columns:minmax(0,1fr);
    gap:12px;
    margin:0;
  }

  .woocommerce-account .surface{
    min-width:0;
    margin:0;
    padding:16px;
    border:1px solid var(--bbox-account-line);
    border-radius:var(--bbox-account-radius-xl);
    background:var(--bbox-account-paper);
    box-shadow:var(--bbox-account-shadow-soft);
  }

  .woocommerce-account .section-heading{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin:0 0 14px;
  }

  .woocommerce-account .section-heading h2,
  .woocommerce-account .quick-access > h2,
  .woocommerce-account .recent-orders h2{
    margin:0;
    color:var(--bbox-account-ink);
    font-size:15px;
    line-height:1.6;
    font-weight:900;
  }

  /* ------------------------------------------------------------------
     Active order
  ------------------------------------------------------------------ */

  .woocommerce-account .active-order{
    position:relative;
    overflow:hidden;
    padding:0;
  }

  .woocommerce-account .active-order > .section-heading{
    margin:0;
    padding:15px 16px;
    border-bottom:1px solid rgba(163,118,24,.12);
    background:linear-gradient(180deg,#fffefb,#fcf8ee);
  }

  .woocommerce-account .order-heading{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:10px;
    padding:15px 16px 8px;
  }

  .woocommerce-account .order-heading h3{
    margin:0 0 3px;
    color:var(--bbox-account-ink);
    font-size:16px;
    font-weight:900;
  }

  .woocommerce-account .order-heading small{
    color:var(--bbox-account-muted);
    font-size:10px;
  }

  .woocommerce-account .badge,
  .woocommerce-account .badge-mint{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    max-width:48%;
    min-height:28px;
    padding:4px 9px;
    border:1px solid rgba(23,115,76,.18);
    border-radius:999px;
    background:#edf8f2;
    color:var(--bbox-account-success);
    font-size:10px;
    font-weight:800;
    line-height:1.45;
    text-align:center;
  }

  .woocommerce-account .order-product{
    display:grid;
    grid-template-columns:58px minmax(0,1fr);
    gap:11px;
    align-items:center;
    margin:4px 16px 12px;
    padding:10px;
    border:1px solid rgba(163,118,24,.11);
    border-radius:14px;
    background:#fcfaf5;
  }

  .woocommerce-account .order-product img{
    display:block;
    width:58px;
    height:58px;
    object-fit:contain;
    border-radius:11px;
    background:#fff;
  }

  .woocommerce-account .order-product strong{
    display:block;
    margin-bottom:3px;
    color:var(--bbox-account-ink);
    font-size:12px;
    line-height:1.7;
    font-weight:800;
  }

  .woocommerce-account .order-product small{
    color:var(--bbox-account-muted);
    font-size:10px;
  }

  .woocommerce-account .bbox-order-progress{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:6px;
    margin:0 16px 12px;
    padding:0;
    list-style:none;
    counter-reset:none;
  }

  .woocommerce-account .bbox-order-progress li{
    position:relative;
    min-width:0;
    padding:22px 3px 5px;
    color:#918c82;
    font-size:9px;
    font-weight:700;
    text-align:center;
  }

  .woocommerce-account .bbox-order-progress li::before{
    content:"";
    position:absolute;
    top:5px;
    left:50%;
    width:10px;
    height:10px;
    border:2px solid #d8d2c5;
    border-radius:50%;
    background:#fff;
    transform:translateX(-50%);
    z-index:2;
  }

  .woocommerce-account .bbox-order-progress li::after{
    content:"";
    position:absolute;
    top:10px;
    right:50%;
    width:calc(100% + 6px);
    height:1px;
    background:#e5e0d5;
    z-index:1;
  }

  .woocommerce-account .bbox-order-progress li:first-child::after{
    display:none;
  }

  .woocommerce-account .bbox-order-progress li.is-complete{
    color:var(--bbox-account-ink);
  }

  .woocommerce-account .bbox-order-progress li.is-complete::before{
    border-color:var(--bbox-account-gold);
    background:var(--bbox-account-gold);
    box-shadow:0 0 0 4px rgba(211,166,47,.12);
  }

  .woocommerce-account .order-summary{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin:0 16px 10px;
    padding:11px 12px;
    border-radius:12px;
    background:#f8f3e7;
  }

  .woocommerce-account .order-summary > span{
    color:var(--bbox-account-muted);
    font-size:10px;
  }

  .woocommerce-account .order-summary > strong{
    color:var(--bbox-account-ink);
    font-size:13px;
    font-weight:900;
    white-space:nowrap;
  }

  .woocommerce-account .order-state{
    display:grid;
    grid-template-columns:auto 1fr;
    gap:8px;
    align-items:center;
    padding:0 16px 16px;
  }

  .woocommerce-account .order-state .state-dot{
    width:8px;
    height:8px;
    border-radius:50%;
    background:var(--bbox-account-success);
    box-shadow:0 0 0 4px rgba(23,115,76,.10);
  }

  .woocommerce-account .order-state p{
    margin:0;
    color:var(--bbox-account-ink-soft);
    font-size:11px;
    font-weight:750;
  }

  .woocommerce-account .order-state .button{
    grid-column:1/-1;
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    min-height:46px;
    margin-top:3px;
    border:1px solid #b98517;
    border-radius:13px;
    background:linear-gradient(135deg,#edc458,#c99621);
    color:#1a150b;
    box-shadow:0 8px 18px rgba(186,137,27,.16);
    font-size:12px;
    font-weight:900;
    text-decoration:none;
  }

  /* ------------------------------------------------------------------
     Quick access
  ------------------------------------------------------------------ */

  .woocommerce-account .quick-access{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:9px;
  }

  .woocommerce-account .quick-access > h2{
    grid-column:1/-1;
    margin-bottom:2px;
  }

  .woocommerce-account .quick-access > a{
    position:relative;
    display:grid;
    grid-template-columns:38px minmax(0,1fr);
    gap:9px;
    align-items:center;
    min-height:58px;
    padding:9px 10px;
    border:1px solid rgba(163,118,24,.13);
    border-radius:14px;
    background:linear-gradient(145deg,#fff,#fcf9f2);
    color:var(--bbox-account-ink);
    text-decoration:none;
    font-size:10px;
    line-height:1.55;
    font-weight:800;
  }

  .woocommerce-account .quick-access .icon-tile{
    display:grid;
    place-items:center;
    width:38px;
    height:38px;
    border:1px solid rgba(211,166,47,.25);
    border-radius:12px;
    background:var(--bbox-account-gold-soft);
    color:var(--bbox-account-gold-deep);
  }

  .woocommerce-account .quick-access .icon-tile svg{
    width:18px;
    height:18px;
  }

  .woocommerce-account .quick-access > a > span:last-child:not(.icon-tile){
    position:absolute;
    left:8px;
    top:50%;
    color:#b4aa94;
    transform:translateY(-50%);
  }

  /* ------------------------------------------------------------------
     Recent orders: mobile card transformation
  ------------------------------------------------------------------ */

  .woocommerce-account .recent-orders{
    padding:16px;
  }

  .woocommerce-account .recent-orders .section-heading{
    margin-bottom:10px;
  }

  .woocommerce-account .recent-orders .section-heading a{
    color:var(--bbox-account-gold-deep);
    font-size:10px;
    font-weight:800;
    text-decoration:none;
  }

  .woocommerce-account .recent-orders .table-scroll{
    overflow:visible;
    margin:0;
  }

  .woocommerce-account .recent-orders table{
    display:block;
    width:100%;
    border:0;
    border-collapse:separate;
  }

  .woocommerce-account .recent-orders thead{
    display:none;
  }

  .woocommerce-account .recent-orders tbody{
    display:grid;
    gap:8px;
  }

  .woocommerce-account .recent-orders tr{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:6px 10px;
    align-items:center;
    width:100%;
    padding:11px 12px;
    border:1px solid rgba(163,118,24,.12);
    border-radius:14px;
    background:#fcfaf5;
  }

  .woocommerce-account .recent-orders td{
    display:block;
    width:auto;
    padding:0;
    border:0;
    color:var(--bbox-account-muted);
    font-size:10px;
    line-height:1.6;
    text-align:right;
  }

  .woocommerce-account .recent-orders td:nth-child(1){
    grid-column:1;
    grid-row:1;
  }

  .woocommerce-account .recent-orders td:nth-child(1) a{
    color:var(--bbox-account-ink);
    font-size:12px;
    font-weight:900;
    text-decoration:none;
  }

  .woocommerce-account .recent-orders td:nth-child(2){
    grid-column:1;
    grid-row:2;
  }

  .woocommerce-account .recent-orders td:nth-child(3){
    grid-column:2;
    grid-row:1;
    color:var(--bbox-account-ink);
    font-size:11px;
    font-weight:850;
    white-space:nowrap;
  }

  .woocommerce-account .recent-orders td:nth-child(4){
    grid-column:2;
    grid-row:2;
    justify-self:end;
  }

  .woocommerce-account .recent-orders td:nth-child(4) .badge{
    max-width:100%;
  }

  /* ------------------------------------------------------------------
     Native Woo account endpoints
  ------------------------------------------------------------------ */

  .woocommerce-account .woocommerce-MyAccount-content > p:first-child,
  .woocommerce-account .woocommerce-MyAccount-content > .woocommerce-info,
  .woocommerce-account .woocommerce-MyAccount-content > .woocommerce-message,
  .woocommerce-account .woocommerce-MyAccount-content > .woocommerce-error{
    border-radius:14px;
  }

  .woocommerce-account .woocommerce-MyAccount-content h2,
  .woocommerce-account .woocommerce-MyAccount-content h3{
    color:var(--bbox-account-ink);
  }

  .woocommerce-account .woocommerce-MyAccount-content form,
  .woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses,
  .woocommerce-account .woocommerce-MyAccount-content .woocommerce-customer-details,
  .woocommerce-account .woocommerce-MyAccount-content .woocommerce-order-details{
    min-width:0;
  }

  .woocommerce-account .woocommerce-MyAccount-content fieldset{
    margin:18px 0 0;
    padding:14px;
    border:1px solid var(--bbox-account-line);
    border-radius:16px;
    background:var(--bbox-account-paper);
  }

  .woocommerce-account .woocommerce-MyAccount-content legend{
    padding-inline:7px;
    color:var(--bbox-account-ink);
    font-size:12px;
    font-weight:850;
  }

  .woocommerce-account .woocommerce-form-row,
  .woocommerce-account .form-row{
    width:100%;
    margin:0 0 12px;
  }

  .woocommerce-account label{
    display:block;
    margin-bottom:6px;
    color:var(--bbox-account-ink-soft);
    font-size:11px;
    line-height:1.7;
    font-weight:750;
  }

  .woocommerce-account input.input-text,
  .woocommerce-account input[type="text"],
  .woocommerce-account input[type="email"],
  .woocommerce-account input[type="tel"],
  .woocommerce-account input[type="password"],
  .woocommerce-account select,
  .woocommerce-account textarea{
    width:100%;
    min-height:48px;
    padding:10px 12px;
    border:1px solid #ddd5c5;
    border-radius:13px;
    background:#fff;
    color:var(--bbox-account-ink);
    box-shadow:none;
    font-size:13px;
  }

  .woocommerce-account textarea{
    min-height:110px;
    resize:vertical;
  }

  .woocommerce-account input:focus,
  .woocommerce-account select:focus,
  .woocommerce-account textarea:focus{
    border-color:#c89a2b;
    outline:3px solid rgba(211,166,47,.13);
    outline-offset:0;
  }

  .woocommerce-account .woocommerce-MyAccount-content .button,
  .woocommerce-account .woocommerce-MyAccount-content button.button{
    min-height:46px;
    padding:9px 15px;
    border:1px solid #b98517;
    border-radius:13px;
    background:linear-gradient(135deg,#edc458,#c99621);
    color:#1b1508;
    font-size:12px;
    font-weight:900;
    box-shadow:none;
  }

  .woocommerce-account .woocommerce-Addresses{
    display:grid;
    grid-template-columns:1fr;
    gap:12px;
  }

  .woocommerce-account .woocommerce-Address{
    width:100%;
    float:none;
    margin:0;
    padding:16px;
    border:1px solid var(--bbox-account-line);
    border-radius:var(--bbox-account-radius-lg);
    background:var(--bbox-account-paper);
    box-shadow:var(--bbox-account-shadow-soft);
  }

  .woocommerce-account .woocommerce-Address-title{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
  }

  .woocommerce-account .woocommerce-Address-title h3{
    margin:0;
    font-size:14px;
  }

  .woocommerce-account .woocommerce-Address-title .edit{
    color:var(--bbox-account-gold-deep);
    font-size:11px;
    font-weight:800;
  }

  .woocommerce-account address{
    margin-top:12px;
    color:var(--bbox-account-muted);
    font-size:11px;
    line-height:2;
  }

  /* Native Orders table */
  .woocommerce-account table.woocommerce-orders-table{
    display:block;
    width:100%;
    border:0;
  }

  .woocommerce-account table.woocommerce-orders-table thead{
    display:none;
  }

  .woocommerce-account table.woocommerce-orders-table tbody{
    display:grid;
    gap:10px;
  }

  .woocommerce-account table.woocommerce-orders-table tr{
    display:grid;
    gap:7px;
    padding:13px;
    border:1px solid var(--bbox-account-line);
    border-radius:16px;
    background:var(--bbox-account-paper);
    box-shadow:0 4px 15px rgba(34,27,12,.04);
  }

  .woocommerce-account table.woocommerce-orders-table td{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    width:100%;
    padding:0;
    border:0;
    color:var(--bbox-account-ink);
    font-size:11px;
    text-align:right;
  }

  .woocommerce-account table.woocommerce-orders-table td::before{
    content:attr(data-title);
    flex:0 0 auto;
    color:var(--bbox-account-muted);
    font-size:10px;
    font-weight:650;
  }

  .woocommerce-account table.woocommerce-orders-table .woocommerce-orders-table__cell-order-actions{
    display:flex;
    justify-content:flex-start;
    flex-wrap:wrap;
    gap:6px;
    padding-top:5px;
  }

  .woocommerce-account table.woocommerce-orders-table .woocommerce-orders-table__cell-order-actions::before{
    display:none;
  }

  /* Order details */
  .woocommerce-account .woocommerce-order-details,
  .woocommerce-account .woocommerce-customer-details{
    margin-top:12px;
    padding:15px;
    border:1px solid var(--bbox-account-line);
    border-radius:18px;
    background:var(--bbox-account-paper);
    box-shadow:var(--bbox-account-shadow-soft);
  }

  .woocommerce-account .woocommerce-order-details table{
    width:100%;
    table-layout:fixed;
    font-size:10px;
  }

  .woocommerce-account .woocommerce-order-details th,
  .woocommerce-account .woocommerce-order-details td{
    overflow-wrap:anywhere;
  }

  /* Downloads */
  .woocommerce-account .woocommerce-table--order-downloads,
  .woocommerce-account .woocommerce-table--order-details{
    font-size:10px;
  }

  /* Empty state */
  .woocommerce-account .empty-state{
    display:grid;
    justify-items:center;
    gap:10px;
    min-height:170px;
    padding:26px 16px;
    text-align:center;
    color:var(--bbox-account-muted);
  }

  .woocommerce-account .empty-state svg{
    width:34px;
    height:34px;
    color:var(--bbox-account-gold-deep);
  }

  .woocommerce-account .empty-state p{
    margin:0;
    font-size:12px;
  }

  .woocommerce-account .empty-state .button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:44px;
    padding:8px 14px;
  }

  /* Accessibility */
  .woocommerce-account a:focus-visible,
  .woocommerce-account button:focus-visible,
  .woocommerce-account summary:focus-visible{
    outline:3px solid rgba(206,156,32,.38);
    outline-offset:3px;
  }

  /* Do not allow amount/status to tear into unusable fragments */
  .woocommerce-account .woocommerce-Price-amount,
  .woocommerce-account .order-summary strong,
  .woocommerce-account .recent-orders td:nth-child(3){
    white-space:nowrap;
  }

  /* Small phones */
  @media (max-width:390px){
    .woocommerce-account #main-content,
    .woocommerce-account main.page-content{
      padding-inline:9px;
    }

    .woocommerce-account .account-sidebar{
      padding:13px;
      border-radius:19px;
    }

    .woocommerce-account .account-identity{
      grid-template-columns:48px minmax(0,1fr);
      grid-template-areas:
        "avatar name"
        "avatar type"
        "avatar phone"
        "edit edit";
    }

    .woocommerce-account .account-avatar{
      width:48px;
      height:48px;
      border-radius:15px;
    }

    .woocommerce-account .bbox-profile-edit{
      width:100%;
      margin-top:8px;
    }

    .woocommerce-account .account-stats{
      gap:6px;
    }

    .woocommerce-account .stat-card{
      min-height:76px;
      padding:10px 8px;
    }

    .woocommerce-account .stat-card > svg{
      width:18px;
      height:18px;
    }

    .woocommerce-account .stat-card > strong{
      font-size:18px;
    }

    .woocommerce-account .quick-access{
      gap:7px;
    }

    .woocommerce-account .quick-access > a{
      grid-template-columns:34px minmax(0,1fr);
      min-height:54px;
      padding:8px;
      font-size:9px;
    }

    .woocommerce-account .quick-access .icon-tile{
      width:34px;
      height:34px;
    }

    .woocommerce-account .surface{
      padding:14px;
      border-radius:18px;
    }

    .woocommerce-account .active-order{
      padding:0;
    }

    .woocommerce-account .recent-orders tr{
      padding:10px;
    }
  }
}

/* ==========================================================================
   BBox Account 5.1.22 — Final Luxury Visual Refinement
   Visual-only refinement on top of 5.1.21.
   ========================================================================== */

@media (max-width:782px){

  /* Tighter page rhythm; keep bottom-nav safe-area without a large dead zone. */
  .woocommerce-account #main-content,
  .woocommerce-account main.page-content{
    min-height:0 !important;
    padding-top:16px;
    padding-bottom:calc(var(--bbox-nav-offset,76px) + env(safe-area-inset-bottom,0px) + 12px);
  }

  .woocommerce-account .woocommerce-MyAccount-content{
    min-height:0 !important;
  }

  /* Profile card polish */
  .woocommerce-account .account-sidebar{
    padding:14px;
    border-color:rgba(219,177,62,.42);
    background:
      radial-gradient(circle at 86% 5%,rgba(226,186,77,.16),transparent 27%),
      radial-gradient(circle at 10% 100%,rgba(178,125,15,.12),transparent 36%),
      linear-gradient(145deg,#111318 0%,#181b20 56%,#0c0e11 100%);
    box-shadow:
      0 18px 42px rgba(7,8,10,.16),
      inset 0 1px 0 rgba(255,255,255,.035);
  }

  .woocommerce-account .account-brand{
    min-height:34px;
    padding-bottom:10px;
    margin-bottom:10px;
    opacity:.96;
  }

  .woocommerce-account .account-identity{
    grid-template-columns:50px minmax(0,1fr) auto;
    column-gap:10px;
    padding-bottom:12px;
  }

  .woocommerce-account .account-avatar{
    width:50px;
    height:50px;
    border-radius:16px;
    box-shadow:
      0 8px 18px rgba(193,139,18,.18),
      inset 0 1px 0 rgba(255,255,255,.28);
  }

  .woocommerce-account .account-identity h2{
    font-size:15px;
    line-height:1.45;
    letter-spacing:-.01em;
  }

  .woocommerce-account .account-identity > span:not(.account-avatar),
  .woocommerce-account .bbox-profile-phone{
    font-size:10px;
  }

  .woocommerce-account .bbox-profile-edit{
    min-height:36px;
    padding-inline:10px;
    border-radius:10px;
    font-size:10px;
    background:linear-gradient(180deg,rgba(213,166,47,.13),rgba(213,166,47,.07));
  }

  .woocommerce-account .bbox-account-navigation{
    border-radius:12px;
  }

  .woocommerce-account .bbox-account-navigation > summary{
    min-height:42px;
    font-size:11px;
  }

  /* Welcome card: luxury, but less visually heavy */
  .woocommerce-account .account-welcome{
    padding:15px 16px 14px;
    margin-bottom:10px;
    border-radius:19px;
  }

  .woocommerce-account .account-welcome h1{
    max-width:100%;
    margin-bottom:5px;
    font-size:clamp(18px,5vw,22px);
    line-height:1.55;
    letter-spacing:-.02em;
  }

  .woocommerce-account .account-welcome p{
    font-size:10.5px;
    line-height:1.8;
  }

  /* Stats: clearer labels and values */
  .woocommerce-account .account-stats{
    gap:7px;
    margin-bottom:10px;
  }

  .woocommerce-account .stat-card{
    min-height:72px;
    padding:10px 11px;
    border-radius:15px;
  }

  .woocommerce-account .stat-card > span{
    font-size:9px;
    line-height:1.45;
  }

  .woocommerce-account .stat-card > strong{
    margin-top:2px;
    font-size:18px;
  }

  .woocommerce-account .stat-card > svg{
    width:18px;
    height:18px;
  }

  /* General card rhythm */
  .woocommerce-account .account-dashboard-grid{
    gap:10px;
  }

  .woocommerce-account .surface{
    border-radius:19px;
    box-shadow:
      0 8px 24px rgba(31,24,10,.05),
      inset 0 1px 0 rgba(255,255,255,.7);
  }

  /* Active order: refine density and product row */
  .woocommerce-account .active-order > .section-heading{
    padding:13px 15px;
  }

  .woocommerce-account .section-heading h2,
  .woocommerce-account .quick-access > h2,
  .woocommerce-account .recent-orders h2{
    font-size:14px;
    letter-spacing:-.01em;
  }

  .woocommerce-account .order-heading{
    padding:13px 15px 7px;
  }

  .woocommerce-account .order-heading h3{
    font-size:14px;
  }

  .woocommerce-account .order-heading small{
    font-size:9px;
  }

  .woocommerce-account .badge,
  .woocommerce-account .badge-mint{
    min-height:25px;
    padding:3px 8px;
    font-size:9px;
    border-color:rgba(23,115,76,.16);
    background:linear-gradient(180deg,#f1faf5,#e9f6ef);
  }

  .woocommerce-account .order-product{
    grid-template-columns:52px minmax(0,1fr);
    gap:10px;
    margin:3px 14px 10px;
    padding:9px;
    border-radius:13px;
    background:linear-gradient(145deg,#fffdfa,#fbf8f1);
  }

  .woocommerce-account .order-product img{
    width:52px;
    height:52px;
    border-radius:10px;
  }

  .woocommerce-account .order-product strong{
    font-size:11px;
  }

  .woocommerce-account .order-product small{
    font-size:9px;
  }

  .woocommerce-account .bbox-order-progress{
    margin:0 14px 10px;
  }

  .woocommerce-account .bbox-order-progress li{
    padding-top:20px;
    font-size:8.5px;
  }

  .woocommerce-account .bbox-order-progress li::before{
    width:9px;
    height:9px;
  }

  .woocommerce-account .order-summary{
    margin:0 14px 9px;
    padding:9px 10px;
    border-radius:11px;
  }

  .woocommerce-account .order-summary > span{
    font-size:9px;
  }

  .woocommerce-account .order-summary > strong{
    font-size:12px;
  }

  .woocommerce-account .order-state{
    gap:7px;
    padding:0 14px 14px;
  }

  .woocommerce-account .order-state p{
    font-size:10px;
  }

  .woocommerce-account .order-state .button{
    min-height:43px;
    margin-top:2px;
    border-radius:12px;
    background:linear-gradient(135deg,#e8bc4d 0%,#d4a226 55%,#bd8614 100%);
    box-shadow:
      0 7px 16px rgba(177,127,17,.14),
      inset 0 1px 0 rgba(255,255,255,.32);
    font-size:11px;
  }

  /* Quick access: cleaner hierarchy */
  .woocommerce-account .quick-access{
    gap:8px;
    padding:14px;
  }

  .woocommerce-account .quick-access > a{
    min-height:54px;
    padding:8px 9px;
    border-radius:13px;
    font-size:9.5px;
    background:linear-gradient(145deg,#fffefb,#fbf8f1);
  }

  .woocommerce-account .quick-access .icon-tile{
    width:35px;
    height:35px;
    border-radius:11px;
  }

  .woocommerce-account .quick-access .icon-tile svg{
    width:16px;
    height:16px;
  }

  /* Recent orders: more premium and less cramped */
  .woocommerce-account .recent-orders{
    padding:14px;
  }

  .woocommerce-account .recent-orders .section-heading{
    margin-bottom:9px;
  }

  .woocommerce-account .recent-orders .section-heading a{
    font-size:9px;
  }

  .woocommerce-account .recent-orders tbody{
    gap:7px;
  }

  .woocommerce-account .recent-orders tr{
    gap:5px 9px;
    padding:10px 11px;
    border-radius:13px;
    background:
      linear-gradient(145deg,rgba(255,255,255,.98),rgba(251,248,241,.98));
  }

  .woocommerce-account .recent-orders td{
    font-size:9px;
  }

  .woocommerce-account .recent-orders td:nth-child(1) a{
    font-size:11px;
  }

  .woocommerce-account .recent-orders td:nth-child(3){
    font-size:10px;
  }

  .woocommerce-account .recent-orders td:nth-child(4) .badge{
    min-height:23px;
    padding:3px 7px;
  }

  /* Remove accidental large bottom whitespace from account wrappers. */
  .woocommerce-account .woocommerce-MyAccount-content > *:last-child,
  .woocommerce-account .account-dashboard-grid > *:last-child{
    margin-bottom:0 !important;
  }

  .woocommerce-account .page-content,
  .woocommerce-account .entry-content,
  .woocommerce-account .woocommerce{
    min-height:0 !important;
  }

  /* Slightly tighter ultra-small width behavior. */
  @media (max-width:390px){
    .woocommerce-account .account-welcome h1{
      font-size:18px;
    }

    .woocommerce-account .account-identity{
      grid-template-columns:46px minmax(0,1fr);
    }

    .woocommerce-account .account-avatar{
      width:46px;
      height:46px;
    }

    .woocommerce-account .stat-card{
      min-height:68px;
      padding:9px 8px;
    }

    .woocommerce-account .stat-card > strong{
      font-size:17px;
    }

    .woocommerce-account .quick-access{
      padding:12px;
    }
  }
}

/* ==========================================================================
   BBox Account 5.1.23 — Mobile Account Navigation Micro Refinement
   CSS-only. Existing WooCommerce account navigation markup remains authoritative.
   ========================================================================== */

@media (max-width:782px){

  .woocommerce-account .bbox-account-navigation{
    overflow:hidden;
    border:1px solid rgba(220,177,61,.18);
    border-radius:13px;
    background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.022));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
  }

  .woocommerce-account .bbox-account-navigation > summary{
    min-height:42px;
    padding:0 12px;
    border:0;
    background:transparent;
    color:#f7f4eb;
    font-size:11px;
    font-weight:850;
    letter-spacing:-.01em;
  }

  .woocommerce-account .bbox-account-navigation > summary::after{
    content:"⌄";
    display:grid;
    place-items:center;
    width:22px;
    height:22px;
    border:1px solid rgba(221,179,66,.22);
    border-radius:8px;
    background:rgba(211,166,47,.075);
    color:#e3b84c;
    font-size:14px;
    transition:transform .18s ease,background .18s ease;
  }

  .woocommerce-account .bbox-account-navigation[open] > summary{
    border-bottom:1px solid rgba(255,255,255,.07);
  }

  .woocommerce-account .bbox-account-navigation[open] > summary::after{
    transform:rotate(180deg);
    background:rgba(211,166,47,.13);
  }

  .woocommerce-account .bbox-account-navigation .woocommerce-MyAccount-navigation{
    width:100%;
    margin:0;
    padding:8px;
  }

  .woocommerce-account .bbox-account-navigation .woocommerce-MyAccount-navigation ul{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:6px;
    margin:0;
    padding:0;
  }

  .woocommerce-account .bbox-account-navigation .woocommerce-MyAccount-navigation li{
    min-width:0;
    margin:0;
  }

  .woocommerce-account .bbox-account-navigation .woocommerce-MyAccount-navigation a{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    min-height:39px;
    padding:8px 10px;
    border:1px solid rgba(255,255,255,.065);
    border-radius:10px;
    background:linear-gradient(145deg,rgba(255,255,255,.038),rgba(255,255,255,.018));
    color:rgba(255,255,255,.79);
    font-size:9.5px;
    line-height:1.5;
    font-weight:750;
    text-decoration:none;
    white-space:normal;
    overflow-wrap:anywhere;
    transition:border-color .18s ease,background .18s ease,color .18s ease,transform .18s ease;
  }

  .woocommerce-account .bbox-account-navigation .woocommerce-MyAccount-navigation a::after{
    content:"‹";
    margin-inline-start:auto;
    padding-inline-start:6px;
    color:rgba(231,194,93,.48);
    font-size:14px;
    line-height:1;
  }

  .woocommerce-account .bbox-account-navigation .woocommerce-MyAccount-navigation a:active{
    transform:translateY(1px);
  }

  .woocommerce-account .bbox-account-navigation .woocommerce-MyAccount-navigation .is-active a{
    border-color:rgba(225,184,72,.48);
    background:
      linear-gradient(135deg,rgba(219,173,51,.24),rgba(180,125,14,.12));
    color:#ffd972;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.08),
      0 5px 14px rgba(0,0,0,.08);
  }

  .woocommerce-account .bbox-account-navigation .woocommerce-MyAccount-navigation .is-active a::after{
    color:#f0c75a;
  }

  /* Logout is deliberately visually separated and spans both columns. */
  .woocommerce-account .bbox-account-navigation .woocommerce-MyAccount-navigation-link--customer-logout{
    grid-column:1 / -1;
    margin-top:2px;
  }

  .woocommerce-account .bbox-account-navigation .woocommerce-MyAccount-navigation-link--customer-logout a{
    min-height:38px;
    justify-content:center;
    border-color:rgba(214,108,108,.18);
    background:linear-gradient(145deg,rgba(130,48,48,.14),rgba(82,28,28,.08));
    color:#f1c1c1;
    text-align:center;
  }

  .woocommerce-account .bbox-account-navigation .woocommerce-MyAccount-navigation-link--customer-logout a::after{
    display:none;
  }

  .woocommerce-account .bbox-account-navigation .woocommerce-MyAccount-navigation-link--customer-logout a:focus-visible{
    outline-color:rgba(226,126,126,.45);
  }

  /* Prevent the opened menu from visually occupying a full viewport. */
  .woocommerce-account .bbox-account-navigation[open]{
    max-height:none;
  }

  .woocommerce-account .bbox-account-navigation[open] .woocommerce-MyAccount-navigation{
    animation:bboxAccountNavReveal .18s ease-out both;
  }

  @keyframes bboxAccountNavReveal{
    from{
      opacity:0;
      transform:translateY(-3px);
    }
    to{
      opacity:1;
      transform:none;
    }
  }

  @media (max-width:390px){
    .woocommerce-account .bbox-account-navigation .woocommerce-MyAccount-navigation{
      padding:7px;
    }

    .woocommerce-account .bbox-account-navigation .woocommerce-MyAccount-navigation ul{
      gap:5px;
    }

    .woocommerce-account .bbox-account-navigation .woocommerce-MyAccount-navigation a{
      min-height:37px;
      padding:7px 8px;
      font-size:9px;
    }
  }

  @media (prefers-reduced-motion:reduce){
    .woocommerce-account .bbox-account-navigation *,
    .woocommerce-account .bbox-account-navigation *::before,
    .woocommerce-account .bbox-account-navigation *::after{
      animation:none !important;
      transition:none !important;
    }
  }
}