.sf-account-page{
  --sf-account-surface:rgba(8, 15, 28, 0.88);
  --sf-account-card:rgba(10, 18, 32, 0.92);
  --sf-account-border:rgba(148, 163, 184, 0.14);
  --sf-account-text:#f8fafc;
  --sf-account-muted:#cbd5e1;
  --sf-account-accent:#f97316;
  padding:clamp(18px, 3vw, 34px);
  background:
    radial-gradient(circle at top left, rgba(249, 115, 22, 0.14), transparent 32%),
    linear-gradient(180deg, #07111f 0%, #0c1728 100%);
  color:var(--sf-account-text);
}

.sf-account-page .sf-account-shell,
.sf-account-page .sf-account-shell *{
  box-sizing:border-box;
}

.sf-account-page a{
  color:#fdba74;
}

.sf-account-shell{
  width:min(1280px, 100%);
  margin:0 auto;
  display:grid;
  gap:24px;
  font-family:"Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
}

.sf-account-hero,
.sf-account-main-card{
  border:1px solid var(--sf-account-border);
  border-radius:32px;
  background:var(--sf-account-surface);
  box-shadow:0 28px 60px rgba(2, 6, 23, 0.28);
}

.sf-account-hero{
  display:grid;
  grid-template-columns:minmax(0, 1.15fr) minmax(300px, 0.85fr);
  gap:24px;
  padding:clamp(24px, 3vw, 38px);
}

.sf-account-hero__copy,
.sf-account-hero__panel{
  display:grid;
  gap:18px;
  align-content:start;
}

.sf-account-hero__copy .sf-account-hero__mini-card--inline{
  margin-top:10px;
  max-width:640px;
}

.sf-account-hero__eyebrow{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:#ff7a1a;
  font-size:12px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.sf-account-hero__eyebrow::before{
  content:"";
  width:10px;
  height:10px;
  border-radius:50%;
  background:#ff7a1a;
  box-shadow:0 0 0 8px rgba(255,122,26,.14);
}

.sf-account-hero__copy h1{
  margin:0;
  font-size:clamp(2.2rem, 4vw, 3.8rem);
  line-height:.98;
  letter-spacing:-.04em;
}

.sf-account-hero__copy p{
  margin:0;
  color:var(--sf-account-muted);
  line-height:1.7;
}

.sf-account-hero__actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}

.sf-account-hero__button,
.sf-account-page .button,
.sf-account-page button.button,
.sf-account-page .woocommerce-Button,
.sf-account-page .woocommerce-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  padding:0 20px;
  border:none;
  border-radius:999px;
  background:rgba(255, 255, 255, 0.08);
  color:#fff;
  text-decoration:none;
  font-weight:700;
  cursor:pointer;
}

.sf-account-hero__button.is-primary,
.sf-account-page .button,
.sf-account-page button.button,
.sf-account-page .woocommerce-Button,
.sf-account-page .woocommerce-button{
  background:linear-gradient(135deg, var(--sf-account-accent), #fb923c);
}

.sf-account-hero__loyalty .sf-loyalty-box{
  height:100%;
}

.sf-account-hero__mini-card{
  display:grid;
  gap:10px;
  padding:22px;
  border-radius:24px;
  border:1px solid var(--sf-account-border);
  background:var(--sf-account-card);
}

.sf-account-hero__mini-card strong{
  color:#f8fafc;
  font-size:1.02rem;
  line-height:1.4;
}

.sf-account-hero__mini-card span{
  color:#94a3b8;
  line-height:1.7;
}

.sf-account-hero__mini-card.is-accent{
  border-color:rgba(249, 115, 22, 0.24);
  background:linear-gradient(135deg, rgba(249, 115, 22, 0.16), rgba(249, 115, 22, 0.08) 58%, rgba(255, 255, 255, 0.02));
}

.sf-account-hero__mini-card a{
  color:#f8fafc;
  font-weight:700;
  text-decoration:none;
}

.sf-account-order-widget{
  --sf-account-order-widget-shell-height:246px;
  position:relative;
  display:grid;
  grid-template-rows:min-content 1fr;
  align-content:stretch;
  overflow:hidden;
  min-height:calc(var(--sf-account-order-widget-shell-height) + 20px);
}

.sf-account-order-widget::before{
  content:"";
  position:absolute;
  inset:auto -18% -42% auto;
  width:180px;
  height:180px;
  border-radius:999px;
  background:radial-gradient(circle, rgba(249, 115, 22, 0.18), rgba(249, 115, 22, 0));
  pointer-events:none;
}

.sf-account-order-widget.is-busy{
  opacity:.82;
}

.sf-account-order-widget__topline{
  position:relative;
  z-index:1;
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin:0 0 10px;
  color:#ffb274;
  font-size:11px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.sf-account-order-widget__topline::before{
  content:"";
  width:8px;
  height:8px;
  border-radius:50%;
  background:currentColor;
  box-shadow:0 0 0 6px rgba(255, 178, 116, 0.12);
}

.sf-account-order-widget__shell{
  position:relative;
  z-index:1;
  display:grid;
  gap:14px;
  min-height:var(--sf-account-order-widget-shell-height);
  height:100%;
  align-content:start;
  min-width:0;
}

.sf-account-order-widget__header{
  display:grid;
  grid-template-columns:auto minmax(0, 1fr) auto;
  gap:14px;
  align-items:start;
}

.sf-account-order-widget__visual{
  display:grid;
  place-items:center;
  width:74px;
  height:74px;
  border-radius:22px;
  border:1px solid rgba(255, 255, 255, 0.08);
  background:linear-gradient(180deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.02));
  box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

.sf-account-order-widget__icon{
  width:50px;
  height:50px;
  color:#ffb274;
}

.sf-account-order-widget__icon--pot{
  opacity:.68;
}

.sf-account-order-widget__shell.is-state-waiting .sf-account-order-widget__icon--pot{
  color:#cbd5e1;
  opacity:.42;
  animation:sf-account-waiting-pulse 2.8s ease-in-out infinite;
}

.sf-account-order-widget__shell.is-state-cooking .sf-account-order-widget__icon--pot,
.sf-account-order-widget__shell.is-state-preparing .sf-account-order-widget__icon--pot{
  color:#ffb274;
  opacity:1;
  filter:drop-shadow(0 0 14px rgba(255, 122, 26, 0.24));
}

.sf-account-order-widget__shell.is-state-cooking .sf-account-order-widget__visual,
.sf-account-order-widget__shell.is-state-preparing .sf-account-order-widget__visual{
  border-color:rgba(255, 122, 26, 0.22);
  background:
    radial-gradient(circle at top, rgba(255, 124, 34, 0.18), transparent 60%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.02));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 0 0 1px rgba(255, 122, 26, 0.06),
    0 14px 30px rgba(255, 122, 26, 0.10);
}

.sf-account-order-widget__steam{
  opacity:.24;
}

.sf-account-order-widget__steam.is-active{
  opacity:.72;
  animation:sf-account-steam 2.6s ease-in-out infinite;
}

.sf-account-order-widget__pot.is-active{
  animation:sf-account-pot-glow 2.8s ease-in-out infinite;
}

.sf-account-order-widget__icon--delivery{
  color:#7dd3fc;
  filter:drop-shadow(0 0 12px rgba(56, 189, 248, 0.18));
}

.sf-account-order-widget__delivery-motion{
  animation:sf-account-ride 2.4s ease-in-out infinite;
}

.sf-account-order-widget__speed-line{
  opacity:.45;
  animation:sf-account-speed 1.8s ease-in-out infinite;
}

.sf-account-order-widget__content{
  display:grid;
  gap:6px;
  min-width:0;
}

.sf-account-order-widget__eyebrow{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:#ffb274;
  font-size:11px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.sf-account-order-widget__eyebrow::before{
  content:"";
  width:8px;
  height:8px;
  border-radius:50%;
  background:currentColor;
  box-shadow:0 0 0 6px rgba(255, 178, 116, 0.12);
}

.sf-account-order-widget__headline{
  color:#f8fafc;
  font-size:1.14rem;
  line-height:1.3;
}

.sf-account-order-widget__message{
  margin:0;
  color:#cbd5e1;
  line-height:1.65;
}

.sf-account-order-widget__submessage{
  margin:-2px 0 0;
  color:#94a3b8;
  font-size:.92rem;
  line-height:1.55;
}

.sf-account-order-widget__badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:0 12px;
  border-radius:999px;
  background:rgba(255, 255, 255, 0.06);
  border:1px solid rgba(255, 255, 255, 0.08);
  color:#f8fafc;
  font-size:12px;
  font-weight:800;
  white-space:nowrap;
}

.sf-account-order-widget__progress{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:10px;
}

.sf-account-order-widget__progress span{
  display:grid;
  gap:8px;
}

.sf-account-order-widget__progress i{
  position:relative;
  display:block;
  width:100%;
  height:4px;
  border-radius:999px;
  background:rgba(148, 163, 184, 0.18);
  overflow:hidden;
}

.sf-account-order-widget__progress i::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:linear-gradient(90deg, rgba(255, 122, 26, 0.98), rgba(255, 194, 122, 0.98));
  transform:scaleX(0);
  transform-origin:left center;
  transition:transform .28s ease;
}

.sf-account-order-widget__progress span.is-active i::after{
  transform:scaleX(1);
}

.sf-account-order-widget__progress small{
  color:#94a3b8;
  font-size:11px;
  font-weight:700;
  letter-spacing:.04em;
  text-transform:uppercase;
}

.sf-account-order-widget__progress span.is-active small{
  color:#f8fafc;
}

.sf-account-order-widget__meta{
  margin-top:auto;
  color:#94a3b8;
  font-size:.94rem;
  line-height:1.6;
}

.sf-account-order-widget__review-head{
  display:grid;
  gap:10px;
}

.sf-account-order-widget__review-badge{
  display:inline-flex;
  align-items:center;
  width:fit-content;
  max-width:100%;
  padding:10px 12px;
  border-radius:16px;
  border:1px solid rgba(255, 255, 255, 0.08);
  background:rgba(255, 255, 255, 0.04);
  color:#e2e8f0;
  font-size:.92rem;
}

.sf-account-order-widget__review-form{
  display:grid;
  gap:12px;
}

.sf-account-order-widget__stars{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.sf-account-order-widget__star{
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  padding:0;
  border:none;
  border-radius:14px;
  background:rgba(255, 255, 255, 0.05);
  color:#64748b;
  cursor:pointer;
  transition:transform .18s ease, color .18s ease, background-color .18s ease, box-shadow .18s ease;
}

.sf-account-order-widget__star svg{
  width:22px;
  height:22px;
  display:block;
}

.sf-account-order-widget__star:hover,
.sf-account-order-widget__star:focus-visible,
.sf-account-order-widget__star.is-active{
  background:rgba(255, 122, 26, 0.16);
  color:#ffb274;
  transform:translateY(-1px);
  box-shadow:0 12px 22px rgba(255, 122, 26, 0.16);
  outline:none;
}

.sf-account-order-widget__review-field{
  display:grid;
  gap:8px;
}

.sf-account-order-widget__review-field span{
  color:#cbd5e1;
  font-size:.9rem;
  font-weight:700;
}

.sf-account-order-widget__review-field textarea{
  min-height:102px;
  resize:vertical;
}

.sf-account-order-widget__actions{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px 12px;
}

.sf-account-order-widget__submit{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  padding:0 20px;
  border:none;
  border-radius:16px;
  background:linear-gradient(180deg, rgba(255, 122, 26, 0.98), rgba(234, 88, 12, 0.98));
  color:#ffffff;
  font-weight:800;
  box-shadow:0 18px 30px rgba(255, 122, 26, 0.18);
}

.sf-account-order-widget__skip{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  padding:0 16px;
  border-radius:16px;
  border:1px solid rgba(148, 163, 184, 0.16);
  background:rgba(255, 255, 255, 0.03);
  color:#cbd5e1;
  font-weight:700;
}

.sf-account-order-widget__feedback{
  min-height:20px;
  color:#94a3b8;
  font-size:.88rem;
}

.sf-account-order-widget__feedback.is-error{
  color:#fda4af;
}

.sf-account-order-widget__feedback.is-success{
  color:#86efac;
}

.sf-account-order-widget__shell.is-empty{
  justify-items:center;
  text-align:center;
  padding:4px 0 2px;
  align-content:center;
}

.sf-account-order-widget__shell.is-empty .sf-account-order-widget__headline{
  max-width:19ch;
  font-size:1.08rem;
}

.sf-account-order-widget__empty-stars{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:10px;
}

.sf-account-order-widget__empty-star{
  display:grid;
  place-items:center;
  width:44px;
  height:44px;
  border-radius:16px;
  background:rgba(255, 255, 255, 0.05);
  border:1px solid rgba(255, 255, 255, 0.08);
  color:#ffb274;
  box-shadow:0 16px 28px rgba(255, 122, 26, 0.10);
}

.sf-account-order-widget__empty-star svg{
  width:22px;
  height:22px;
  display:block;
}

.sf-account-order-widget__shell.is-empty .sf-account-order-widget__message{
  color:#94a3b8;
}

@keyframes sf-account-waiting-pulse{
  0%, 100%{ transform:scale(1); opacity:.42; }
  50%{ transform:scale(1.02); opacity:.6; }
}

@keyframes sf-account-steam{
  0%, 100%{ transform:translateY(0); opacity:.5; }
  50%{ transform:translateY(-4px); opacity:.86; }
}

@keyframes sf-account-pot-glow{
  0%, 100%{ transform:translateY(0); }
  50%{ transform:translateY(-1px); }
}

@keyframes sf-account-ride{
  0%, 100%{ transform:translateX(0); }
  50%{ transform:translateX(2px); }
}

@keyframes sf-account-speed{
  0%, 100%{ opacity:.2; transform:translateX(0); }
  50%{ opacity:.65; transform:translateX(-2px); }
}

@media (prefers-reduced-motion: reduce){
  .sf-account-order-widget__icon--pot,
  .sf-account-order-widget__steam.is-active,
  .sf-account-order-widget__pot.is-active,
  .sf-account-order-widget__delivery-motion,
  .sf-account-order-widget__speed-line{
    animation:none !important;
  }
}

.sf-account-main-card{
  padding:clamp(22px, 3vw, 34px);
}

.sf-account-page .woocommerce{
  display:grid;
  grid-template-columns:minmax(240px, 280px) minmax(0, 1fr);
  gap:24px;
  align-items:start;
}

.sf-account-page .woocommerce::before,
.sf-account-page .woocommerce::after{
  display:none;
}

.sf-account-page .woocommerce-notices-wrapper,
.sf-account-page .woocommerce-message,
.sf-account-page .woocommerce-info,
.sf-account-page .woocommerce-error{
  grid-column:1 / -1;
}

.sf-account-page .woocommerce-message,
.sf-account-page .woocommerce-info,
.sf-account-page .woocommerce-error{
  margin:0 0 18px;
  padding:14px 16px;
  border-radius:18px;
  border:1px solid var(--sf-account-border);
  background:rgba(15, 23, 42, 0.82);
  color:#fff;
}

.sf-account-page .woocommerce-MyAccount-navigation{
  float:none;
  width:auto;
  position:sticky;
  top:24px;
}

.sf-account-page .woocommerce-MyAccount-navigation ul{
  margin:0;
  padding:10px;
  list-style:none;
  display:grid;
  gap:10px;
  border-radius:24px;
  background:rgba(11,18,32,.76);
}

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

.sf-account-page .woocommerce-MyAccount-navigation a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  min-height:52px;
  padding:0 18px;
  border:1px solid var(--sf-account-border);
  border-radius:18px;
  background:var(--sf-account-card);
  color:#fff;
  text-decoration:none;
  font-weight:700;
}

.sf-account-page .woocommerce-MyAccount-navigation a::after{
  content:"\203A";
  font-size:18px;
  color:inherit;
}

.sf-account-page .woocommerce-MyAccount-navigation a:hover,
.sf-account-page .woocommerce-MyAccount-navigation a:focus{
  background:rgba(255,255,255,.05);
  color:#ffffff;
  border-color:rgba(255,122,26,.2);
  outline:none;
  transform:translateY(-1px);
}

.sf-account-page .woocommerce-MyAccount-navigation li.is-active a{
  border-color:rgba(249, 115, 22, 0.42);
  background:rgba(249, 115, 22, 0.16);
}

.sf-account-page .woocommerce-MyAccount-navigation li.is-active a:hover{
  border-color:rgba(249, 115, 22, 0.42);
  background:rgba(249, 115, 22, 0.16);
}

.sf-account-page .woocommerce-MyAccount-content{
  float:none;
  width:auto;
  display:grid;
  gap:18px;
}

.sf-account-page .woocommerce-MyAccount-content > p,
.sf-account-page .woocommerce-MyAccount-content > div:not(.sf-loyalty-box):not(.woocommerce-notices-wrapper),
.sf-account-page .woocommerce-MyAccount-content fieldset,
.sf-account-page .woocommerce-Addresses,
.sf-account-page .woocommerce-orders-table,
.sf-account-page .woocommerce-MyAccount-paymentMethods,
.sf-account-page .woocommerce-Address,
.sf-account-page .woocommerce-address-fields,
.sf-account-page .woocommerce-EditAccountForm,
.sf-account-page .woocommerce-form-login,
.sf-account-page .woocommerce-form-register,
.sf-account-page .woocommerce-ResetPassword{
  margin:0;
  padding:22px;
  border:1px solid var(--sf-account-border);
  border-radius:24px;
  background:var(--sf-account-card);
}

.sf-account-page .woocommerce-MyAccount-content p,
.sf-account-page .woocommerce-MyAccount-content label,
.sf-account-page .woocommerce-MyAccount-content address,
.sf-account-page .woocommerce-MyAccount-content em,
.sf-account-page .woocommerce-MyAccount-content span,
.sf-account-page .woocommerce-MyAccount-content li,
.sf-account-page .woocommerce-MyAccount-content td,
.sf-account-page .woocommerce-MyAccount-content th{
  color:#cbd5e1;
}

.sf-account-page .woocommerce-MyAccount-content strong{
  color:#f8fafc;
}

.sf-account-page .sf-loyalty-box{
  border-radius:24px;
  border:1px solid var(--sf-account-border);
  box-shadow:none;
}

.sf-account-page .woocommerce-MyAccount-content h2,
.sf-account-page .woocommerce-MyAccount-content h3,
.sf-account-page .woocommerce-MyAccount-content legend{
  margin:0 0 12px;
  color:#fff;
}

.sf-account-page input:not([type="checkbox"]):not([type="radio"]),
.sf-account-page select,
.sf-account-page textarea{
  width:100%;
  min-height:52px;
  padding:0 16px;
  border:1px solid rgba(148, 163, 184, 0.22);
  border-radius:16px;
  background:rgba(15, 23, 42, 0.78);
  color:#fff;
}

.sf-account-page textarea{
  min-height:140px;
  padding-block:14px;
}

.sf-account-page table.shop_table{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
}

.sf-account-page .shop_table th,
.sf-account-page .shop_table td{
  padding:14px 0;
  border-bottom:1px solid rgba(148, 163, 184, 0.14);
  color:#e2e8f0;
}

.sf-account-page table.shop_table_responsive tr td::before,
.sf-account-page table.shop_table_responsive tr th{
  color:#94a3b8;
}

@media (max-width: 980px){
  .sf-account-hero,
  .sf-account-page .woocommerce{
    grid-template-columns:1fr;
  }

  .sf-account-page .woocommerce-MyAccount-navigation{
    position:static;
  }

  .sf-account-order-widget__header{
    grid-template-columns:auto minmax(0, 1fr);
  }

  .sf-account-order-widget__badge{
    grid-column:1 / -1;
    justify-self:start;
  }
}

@media (max-width: 767px){
  .sf-account-page{
    padding:14px;
  }

  .sf-account-hero,
  .sf-account-main-card{
    border-radius:24px;
  }

  .sf-account-page .woocommerce-MyAccount-content > p,
  .sf-account-page .woocommerce-MyAccount-content > div:not(.sf-loyalty-box):not(.woocommerce-notices-wrapper),
  .sf-account-page .woocommerce-MyAccount-content fieldset,
  .sf-account-page .woocommerce-Addresses,
  .sf-account-page .woocommerce-orders-table,
  .sf-account-page .woocommerce-MyAccount-paymentMethods,
  .sf-account-page .woocommerce-Address,
  .sf-account-page .woocommerce-address-fields,
  .sf-account-page .woocommerce-EditAccountForm,
  .sf-account-page .woocommerce-form-login,
  .sf-account-page .woocommerce-form-register,
  .sf-account-page .woocommerce-ResetPassword{
    padding:18px;
    border-radius:20px;
  }

  .sf-account-order-widget{
    --sf-account-order-widget-shell-height:auto;
    min-height:0;
  }

  .sf-account-order-widget__header,
  .sf-account-order-widget__actions{
    grid-template-columns:1fr;
    flex-direction:column;
    align-items:stretch;
  }

  .sf-account-order-widget__visual{
    width:64px;
    height:64px;
  }

  .sf-account-order-widget__progress{
    grid-template-columns:1fr;
  }

  .sf-account-order-widget__submit,
  .sf-account-order-widget__skip{
    width:100%;
  }

  .sf-account-page .woocommerce-MyAccount-navigation ul{
    padding:8px;
    border-radius:20px;
  }

  .sf-account-page .woocommerce-MyAccount-navigation a{
    min-height:50px;
    border-radius:16px;
    padding:0 14px;
  }
}