/* V21.15.10 — direct account overview and favorites correction */
:root{--v10-orange:#f27a1a;--v10-navy:#102f50;--v10-text:#172033;--v10-muted:#70798a;--v10-line:#e2e7ee;--v10-bg:#f5f7fa}

/* only one active mobile nav item */
body.page-account-overview .mobile-nav a,
body.page-account-favorites .mobile-nav a{color:#222!important}
body.page-account-overview .mobile-nav a[href="/account/index.php"],
body.page-account-favorites .mobile-nav a[href*="/account/favorites"]{color:var(--v10-orange)!important}

/* ACCOUNT OVERVIEW */
body.page-account-overview{background:var(--v10-bg)!important}
body.page-account-overview .sp-account-shell{padding-top:10px!important;padding-bottom:92px!important}
body.page-account-overview .sp-account-layout{max-width:1160px!important;margin:0 auto!important}
body.page-account-overview .sp-account-content{gap:14px!important}
body.page-account-overview .sp-profile-card{min-height:0!important;padding:16px 18px!important;border-radius:16px!important;box-shadow:none!important;border:1px solid var(--v10-line)!important}
body.page-account-overview .sp-profile-main{gap:14px!important;align-items:center!important}
body.page-account-overview .sp-profile-avatar{width:72px!important;height:72px!important;border-radius:20px!important;font-size:23px!important}
body.page-account-overview .sp-profile-copy{gap:2px!important;min-width:0!important}
body.page-account-overview .sp-profile-copy small{font-size:13px!important}
body.page-account-overview .sp-profile-copy strong{font-size:20px!important;line-height:1.15!important}
body.page-account-overview .sp-profile-copy em{font-size:13px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
body.page-account-overview .sp-account-alert{min-height:0!important;padding:13px 16px!important;border-radius:15px!important;gap:12px!important}
body.page-account-overview .sp-alert-icon{width:40px!important;height:40px!important;display:grid!important;place-items:center!important;border-radius:12px!important;background:#fff!important}
body.page-account-overview .sp-account-alert a{padding:9px 13px!important;border-radius:10px!important}
body.page-account-overview .sp-seller-banner{min-height:190px!important;border-radius:20px!important;padding:28px 24px!important}
body.page-account-overview .sp-seller-copy b{font-size:25px!important;line-height:1.12!important}
body.page-account-overview .sp-seller-art img{max-height:165px!important}
body.page-account-overview .sp-wallet-card{padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
body.page-account-overview .sp-wallet-main{min-height:112px!important;padding:20px!important;border-radius:17px!important}
body.page-account-overview .sp-account-section{margin:0!important;padding:20px!important;border:1px solid var(--v10-line)!important;border-radius:17px!important;background:#fff!important}
body.page-account-overview .sp-account-section>header{margin-bottom:14px!important}
body.page-account-overview .sp-quick-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important}
body.page-account-overview .sp-quick-grid>a{min-height:138px!important;padding:17px 12px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;border:1px solid var(--v10-line)!important;border-radius:15px!important;background:#fff!important}
body.page-account-overview .sp-quick-grid>a>span{width:50px!important;height:50px!important;margin-bottom:10px!important}
body.page-account-overview .sp-quick-grid>a b{font-size:13px!important;line-height:1.25!important}
body.page-account-overview .sp-quick-grid>a small{display:block!important;margin-top:4px!important;font-size:11px!important;color:var(--v10-muted)!important}

/* FAVORITES */
body.page-account-favorites{background:var(--v10-bg)!important}
body.page-account-favorites .ref-favorites-page{max-width:1100px!important;margin:0 auto!important;padding:12px 16px 92px!important}
body.page-account-favorites .ref-favorites-header{padding:14px 16px!important;border-radius:15px!important;gap:12px!important}
body.page-account-favorites .ref-favorites-header h1{font-size:23px!important;line-height:1.05!important}
body.page-account-favorites .ref-favorites-header>a{min-height:42px!important;padding:0 15px!important;display:flex!important;align-items:center!important;font-size:13px!important;border-radius:11px!important}
body.page-account-favorites .v2-favorite-toolbar{display:flex!important;gap:9px!important;overflow-x:auto!important;overscroll-behavior-inline:contain!important;scrollbar-width:none!important;-ms-overflow-style:none!important;padding:12px 0!important;margin:0!important}
body.page-account-favorites .v2-favorite-toolbar::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}
body.page-account-favorites .v2-favorite-toolbar button{flex:0 0 auto!important;min-height:40px!important;padding:0 16px!important;font-size:13px!important}
body.page-account-favorites .v2-favorite-toolbar label{flex:0 0 auto!important;white-space:nowrap!important}
body.page-account-favorites .favorite-products-section{margin-top:10px!important}
body.page-account-favorites .favorite-products-section>header{min-height:42px!important;gap:12px!important}
body.page-account-favorites .favorite-products-section>header h2{font-size:21px!important;margin:0!important}
body.page-account-favorites .favorite-empty{min-height:210px!important;margin-top:8px!important;padding:24px 18px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:7px!important}
body.page-account-favorites .favorite-empty:before{content:'♡';font-size:54px!important;line-height:.9!important;color:var(--v10-orange)!important;margin-bottom:5px!important}
body.page-account-favorites .favorite-empty b{font-size:19px!important}
body.page-account-favorites .favorite-empty p{font-size:15px!important;margin:0!important}

@media(max-width:768px){
 body.page-account-overview .sp-account-shell{padding:8px 10px 88px!important}
 body.page-account-overview .sp-account-layout{display:block!important}
 body.page-account-overview .sp-account-sidebar{display:none!important}
 body.page-account-overview .sp-account-content{display:grid!important;gap:10px!important}
 body.page-account-overview .sp-profile-card{padding:13px 14px!important;border-radius:14px!important}
 body.page-account-overview .sp-profile-avatar{width:58px!important;height:58px!important;border-radius:17px!important;font-size:20px!important}
 body.page-account-overview .sp-profile-copy small{font-size:12px!important}
 body.page-account-overview .sp-profile-copy strong{font-size:18px!important}
 body.page-account-overview .sp-profile-copy em{font-size:12px!important;max-width:220px!important}
 body.page-account-overview .sp-profile-meta{display:none!important}
 body.page-account-overview .sp-account-alert{padding:11px 12px!important}
 body.page-account-overview .sp-account-alert small{font-size:11px!important;line-height:1.25!important}
 body.page-account-overview .sp-account-alert a{padding:8px 10px!important;font-size:11px!important}
 body.page-account-overview .sp-seller-banner{min-height:150px!important;padding:18px 15px!important;border-radius:17px!important}
 body.page-account-overview .sp-seller-copy{max-width:58%!important}
 body.page-account-overview .sp-seller-copy b{font-size:20px!important}
 body.page-account-overview .sp-seller-copy>span{font-size:12px!important;line-height:1.3!important}
 body.page-account-overview .sp-seller-copy em{padding:9px 12px!important;font-size:11px!important}
 body.page-account-overview .sp-seller-art{width:45%!important}
 body.page-account-overview .sp-seller-art img{max-height:125px!important}
 body.page-account-overview .sp-wallet-main{min-height:94px!important;padding:14px!important;border-radius:14px!important}
 body.page-account-overview .sp-wallet-icon{width:54px!important;height:54px!important}
 body.page-account-overview .sp-wallet-main b{font-size:14px!important}
 body.page-account-overview .sp-wallet-main em{font-size:11px!important}
 body.page-account-overview .sp-wallet-main strong{padding:8px 10px!important;font-size:10px!important}
 body.page-account-overview .sp-account-section{padding:14px 12px!important;border-radius:14px!important}
 body.page-account-overview .sp-account-section h2{font-size:19px!important}
 body.page-account-overview .sp-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
 body.page-account-overview .sp-quick-grid>a{min-height:112px!important;padding:13px 8px!important}
 body.page-account-overview .sp-quick-grid>a>span{width:44px!important;height:44px!important;margin-bottom:8px!important}
 body.page-account-overview .sp-quick-grid>a b{font-size:12px!important}
 body.page-account-overview .sp-quick-grid>a small{font-size:10px!important}

 body.page-account-favorites .ref-favorites-page{padding:8px 10px 88px!important}
 body.page-account-favorites .ref-favorites-header{padding:11px 12px!important;border-radius:13px!important}
 body.page-account-favorites .ref-favorites-header small{font-size:10px!important}
 body.page-account-favorites .ref-favorites-header h1{font-size:20px!important}
 body.page-account-favorites .ref-favorites-header>a{min-height:38px!important;padding:0 11px!important;font-size:11px!important}
 body.page-account-favorites .v2-favorite-toolbar{padding:10px 0!important;gap:8px!important}
 body.page-account-favorites .v2-favorite-toolbar button{min-height:38px!important;padding:0 14px!important;font-size:12px!important}
 body.page-account-favorites .favorite-products-section>header h2{font-size:18px!important}
 body.page-account-favorites .favorite-empty{min-height:170px!important;padding:20px 14px!important}
 body.page-account-favorites .favorite-empty:before{font-size:46px!important}
 body.page-account-favorites .favorite-empty b{font-size:17px!important}
 body.page-account-favorites .favorite-empty p{font-size:13px!important}
}

/* V21.15.15 — seller banner aligned with wallet card, no orange icon tile */
body.page-account-overview .sp-seller-banner{
  display:grid!important;
  grid-template-columns:72px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:16px!important;
  min-height:112px!important;
  padding:18px 22px!important;
  overflow:hidden!important;
}
body.page-account-overview .sp-seller-art{
  position:static!important;
  width:58px!important;
  height:58px!important;
  min-width:58px!important;
  padding:0!important;
  margin:0!important;
  display:grid!important;
  place-items:center!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  color:#f27a1a!important;
}
body.page-account-overview .sp-seller-art::before,
body.page-account-overview .sp-seller-art::after{display:none!important}
body.page-account-overview .sp-seller-art .sp-icon,
body.page-account-overview .sp-seller-art svg{
  width:46px!important;
  height:46px!important;
  max-width:46px!important;
  max-height:46px!important;
  color:#f27a1a!important;
  stroke:currentColor!important;
  fill:none!important;
}
body.page-account-overview .sp-seller-copy{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  min-width:0!important;
  max-width:none!important;
  padding:0!important;
  margin:0!important;
}
body.page-account-overview .sp-seller-copy>small{font-size:11px!important;line-height:1.2!important;margin:0 0 3px!important}
body.page-account-overview .sp-seller-copy>b{font-size:20px!important;line-height:1.18!important;margin:0 0 5px!important;white-space:normal!important}
body.page-account-overview .sp-seller-copy>span{font-size:12px!important;line-height:1.35!important;max-width:520px!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important}
body.page-account-overview .sp-seller-action{
  position:static!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  min-height:42px!important;
  padding:0 15px!important;
  margin:0!important;
  border-radius:12px!important;
  background:#fff!important;
  color:#172033!important;
  border:1px solid rgba(255,255,255,.75)!important;
  box-shadow:0 5px 14px rgba(0,0,0,.12)!important;
  font-size:12px!important;
  font-style:normal!important;
  font-weight:800!important;
  white-space:nowrap!important;
}
body.page-account-overview .sp-seller-action i{color:#f27a1a!important;font-style:normal!important;font-size:16px!important}

@media(max-width:768px){
  body.page-account-overview .sp-seller-banner{
    grid-template-columns:46px minmax(0,1fr) auto!important;
    gap:10px!important;
    min-height:94px!important;
    padding:13px 14px!important;
    border-radius:15px!important;
  }
  body.page-account-overview .sp-seller-art{
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
  }
  body.page-account-overview .sp-seller-art .sp-icon,
  body.page-account-overview .sp-seller-art svg{
    width:34px!important;
    height:34px!important;
    max-width:34px!important;
    max-height:34px!important;
  }
  body.page-account-overview .sp-seller-copy>small{font-size:8px!important;margin-bottom:2px!important}
  body.page-account-overview .sp-seller-copy>b{font-size:14px!important;line-height:1.15!important;margin-bottom:3px!important}
  body.page-account-overview .sp-seller-copy>span{
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    overflow:hidden!important;
    font-size:9px!important;
    line-height:1.25!important;
  }
  body.page-account-overview .sp-seller-action{
    min-height:36px!important;
    padding:0 10px!important;
    border-radius:10px!important;
    font-size:9px!important;
    gap:4px!important;
  }
  body.page-account-overview .sp-seller-action i{font-size:13px!important}
}

@media(max-width:390px){
  body.page-account-overview .sp-seller-banner{grid-template-columns:40px minmax(0,1fr) auto!important;gap:8px!important;padding:12px!important}
  body.page-account-overview .sp-seller-art{width:36px!important;height:36px!important;min-width:36px!important}
  body.page-account-overview .sp-seller-art .sp-icon,
  body.page-account-overview .sp-seller-art svg{width:30px!important;height:30px!important;max-width:30px!important;max-height:30px!important}
  body.page-account-overview .sp-seller-copy>b{font-size:13px!important}
  body.page-account-overview .sp-seller-copy>span{font-size:8px!important}
  body.page-account-overview .sp-seller-action{padding:0 8px!important;font-size:8px!important}
}


/* V21.15.16 — profile alignment + real seller storefront icon */
body.page-account-overview .sp-profile-main{
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr)!important;
  align-items:center!important;
}
body.page-account-overview .sp-profile-copy{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:flex-start!important;
  gap:1px!important;
  padding:0!important;
  margin:0!important;
  text-align:left!important;
}
body.page-account-overview .sp-profile-copy small,
body.page-account-overview .sp-profile-copy strong,
body.page-account-overview .sp-profile-copy em{
  display:block!important;
  margin:0!important;
  padding:0!important;
}
body.page-account-overview .sp-profile-copy small{line-height:1.1!important}
body.page-account-overview .sp-profile-copy strong{line-height:1.16!important}
body.page-account-overview .sp-profile-copy em{line-height:1.2!important;margin-top:2px!important}

body.page-account-overview .sp-seller-banner{
  direction:ltr!important;
  grid-template-areas:'art copy action'!important;
  grid-template-columns:64px minmax(0,1fr) auto!important;
  min-height:112px!important;
  padding:18px 22px!important;
}
body.page-account-overview .sp-seller-art{
  grid-area:art!important;
  width:56px!important;
  height:56px!important;
  min-width:56px!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  color:#ff8a2a!important;
}
body.page-account-overview .sp-seller-art .sp-icon,
body.page-account-overview .sp-seller-art svg{
  width:50px!important;
  height:50px!important;
  max-width:50px!important;
  max-height:50px!important;
  stroke-width:1.7!important;
  fill:none!important;
  color:#ff8a2a!important;
}
body.page-account-overview .sp-seller-copy{
  grid-area:copy!important;
  align-items:flex-start!important;
  text-align:left!important;
  width:auto!important;
  max-width:none!important;
}
body.page-account-overview .sp-seller-copy>small,
body.page-account-overview .sp-seller-copy>b,
body.page-account-overview .sp-seller-copy>span{
  width:100%!important;
  text-align:left!important;
}
body.page-account-overview .sp-seller-action{
  grid-area:action!important;
  width:auto!important;
  min-width:142px!important;
  max-width:none!important;
}

@media(max-width:768px){
  body.page-account-overview .sp-profile-main{gap:12px!important}
  body.page-account-overview .sp-profile-copy{gap:1px!important}
  body.page-account-overview .sp-profile-copy small{font-size:12px!important}
  body.page-account-overview .sp-profile-copy strong{font-size:18px!important}
  body.page-account-overview .sp-profile-copy em{font-size:12px!important;margin-top:2px!important}

  body.page-account-overview .sp-seller-banner{
    grid-template-areas:'art copy action'!important;
    grid-template-columns:44px minmax(0,1fr) auto!important;
    gap:10px!important;
    min-height:96px!important;
    padding:13px 14px!important;
  }
  body.page-account-overview .sp-seller-art{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
  }
  body.page-account-overview .sp-seller-art .sp-icon,
  body.page-account-overview .sp-seller-art svg{
    width:36px!important;
    height:36px!important;
    max-width:36px!important;
    max-height:36px!important;
  }
  body.page-account-overview .sp-seller-copy>small{font-size:8px!important}
  body.page-account-overview .sp-seller-copy>b{font-size:14px!important;line-height:1.15!important}
  body.page-account-overview .sp-seller-copy>span{
    font-size:9px!important;
    line-height:1.25!important;
    display:block!important;
    white-space:normal!important;
    overflow:visible!important;
  }
  body.page-account-overview .sp-seller-action{
    min-width:112px!important;
    min-height:38px!important;
    padding:0 10px!important;
    font-size:9px!important;
  }
}

@media(max-width:430px){
  body.page-account-overview .sp-seller-banner{
    grid-template-areas:'art copy' 'action action'!important;
    grid-template-columns:42px minmax(0,1fr)!important;
    gap:8px 10px!important;
    min-height:0!important;
    padding:13px!important;
  }
  body.page-account-overview .sp-seller-art{align-self:start!important}
  body.page-account-overview .sp-seller-copy>b{font-size:15px!important}
  body.page-account-overview .sp-seller-copy>span{font-size:10px!important}
  body.page-account-overview .sp-seller-action{
    width:100%!important;
    min-width:0!important;
    min-height:38px!important;
    justify-self:stretch!important;
  }
}
