/* Recipe Clothing customer account — V3 retail UI.
   Functional account behavior stays in app/customer.php and views/account.php.
   This layer deliberately replaces the older dark Pavnè account presentation. */
body.recipe-store--uniqlo-v3 .customer-account-shell{
  width:min(1320px,calc(100% - 64px));
  max-width:none;
  margin:0 auto;
  padding:46px 0 88px;
  color:#111;
  font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;
}
body.recipe-store--uniqlo-v3 .customer-account-shell *{box-sizing:border-box}
body.recipe-store--uniqlo-v3 .customer-account-shell a{color:#111}
body.recipe-store--uniqlo-v3 .customer-account-shell .eyebrow{
  margin:0 0 8px;
  color:#6b6b6b;
  font:700 11px/1.3 Arial,"Helvetica Neue",Helvetica,sans-serif;
  letter-spacing:.08em;
  text-transform:uppercase;
}
body.recipe-store--uniqlo-v3 .customer-account-hero{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(260px,.55fr);
  align-items:end;
  gap:40px;
  max-width:none;
  margin:0 0 34px;
  padding:0 0 30px;
  border-bottom:1px solid #d9d9d9;
}
body.recipe-store--uniqlo-v3 .customer-account-hero h1{
  grid-column:1;
  margin:0;
  color:#111;
  font:400 clamp(30px,3.2vw,46px)/1.08 Arial,"Helvetica Neue",Helvetica,sans-serif;
  letter-spacing:-.035em;
}
body.recipe-store--uniqlo-v3 .customer-account-hero p:not(.eyebrow){
  grid-column:2;
  grid-row:1/3;
  align-self:end;
  max-width:420px;
  margin:0;
  justify-self:end;
  color:#555;
  font-size:14px;
  line-height:1.6;
}
body.recipe-store--uniqlo-v3 .customer-account-layout{
  display:grid;
  grid-template-columns:220px minmax(0,1fr);
  gap:46px;
  align-items:start;
}
body.recipe-store--uniqlo-v3 .account-nav{
  position:sticky;
  top:calc(var(--v3-head-desktop,82px) + 22px);
  display:grid;
  border:0;
  border-top:1px solid #111;
  background:#fff;
}
body.recipe-store--uniqlo-v3 .account-nav>a,
body.recipe-store--uniqlo-v3 .account-nav .account-link-button{
  display:flex;
  align-items:center;
  justify-content:space-between;
  width:100%;
  min-height:48px;
  padding:0 4px;
  border:0;
  border-bottom:1px solid #dedede;
  background:#fff;
  color:#333;
  text-align:left;
  text-decoration:none;
  font:400 14px/1.3 Arial,"Helvetica Neue",Helvetica,sans-serif;
  letter-spacing:0;
  cursor:pointer;
  transition:color .15s ease,padding .15s ease,background .15s ease;
}
body.recipe-store--uniqlo-v3 .account-nav>a::after{content:'›';font-size:19px;color:#888}
body.recipe-store--uniqlo-v3 .account-nav>a:hover,
body.recipe-store--uniqlo-v3 .account-nav>a.active,
body.recipe-store--uniqlo-v3 .account-nav .account-link-button:hover{color:#000;background:#fafafa;padding-left:10px}
body.recipe-store--uniqlo-v3 .account-nav>a.active{font-weight:700;border-bottom-color:#111}
body.recipe-store--uniqlo-v3 .account-nav .account-link-button{color:#666}
body.recipe-store--uniqlo-v3 .account-content{min-width:0}
body.recipe-store--uniqlo-v3 .account-panel,
body.recipe-store--uniqlo-v3 .account-auth-card{
  border:1px solid #d9d9d9;
  background:#fff;
  padding:clamp(24px,3vw,40px);
  box-shadow:none;
  color:#111;
}
body.recipe-store--uniqlo-v3 .account-auth-card{
  width:min(100%,560px);
  max-width:none;
  margin:0 auto;
  border-top:3px solid #111;
}
body.recipe-store--uniqlo-v3 .account-auth-card h2,
body.recipe-store--uniqlo-v3 .account-panel h2{
  margin:0;
  color:#111;
  font:400 26px/1.2 Arial,"Helvetica Neue",Helvetica,sans-serif;
  letter-spacing:-.02em;
}
body.recipe-store--uniqlo-v3 .account-panel h3{
  margin:30px 0 14px;
  color:#111;
  font-size:17px;
  line-height:1.3;
}
body.recipe-store--uniqlo-v3 .account-panel-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:20px;
  margin:0 0 26px;
  padding:0 0 18px;
  border-bottom:1px solid #e1e1e1;
}
body.recipe-store--uniqlo-v3 .account-panel-head a{
  color:#005eb8;
  font-size:13px;
  text-decoration:underline;
  text-underline-offset:3px;
}
body.recipe-store--uniqlo-v3 .account-form{display:grid;gap:20px}
body.recipe-store--uniqlo-v3 .account-form-wide{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end}
body.recipe-store--uniqlo-v3 .account-form label{
  display:grid;
  gap:8px;
  color:#333;
  font-size:13px;
  font-weight:700;
  letter-spacing:0;
}
body.recipe-store--uniqlo-v3 .account-form input,
body.recipe-store--uniqlo-v3 .account-form select{
  width:100%;
  min-height:50px;
  padding:11px 13px;
  border:1px solid #aaa;
  border-radius:0;
  background:#fff;
  color:#111;
  outline:0;
  font:400 15px/1.2 Arial,"Helvetica Neue",Helvetica,sans-serif;
}
body.recipe-store--uniqlo-v3 .account-form input:disabled{background:#f6f6f6;color:#777}
body.recipe-store--uniqlo-v3 .account-form input:focus,
body.recipe-store--uniqlo-v3 .account-form select:focus{border-color:#111;box-shadow:0 0 0 1px #111}
body.recipe-store--uniqlo-v3 .account-form label small,
body.recipe-store--uniqlo-v3 .account-muted{color:#6f6f6f;font-size:11px;font-weight:400;line-height:1.5}
body.recipe-store--uniqlo-v3 .account-form .lux-button{justify-self:start}
body.recipe-store--uniqlo-v3 .account-check{display:flex!important;align-items:center!important;grid-template-columns:auto 1fr!important;gap:10px!important;font-weight:400!important}
body.recipe-store--uniqlo-v3 .account-check input{width:18px!important;height:18px!important;min-height:auto!important;margin:0}
body.recipe-store--uniqlo-v3 .customer-account-shell .lux-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:50px;
  padding:0 24px;
  border:1px solid #e60012;
  border-radius:0;
  background:#e60012;
  color:#fff;
  font:700 14px/1 Arial,"Helvetica Neue",Helvetica,sans-serif;
  text-decoration:none;
  cursor:pointer;
}
body.recipe-store--uniqlo-v3 .customer-account-shell .lux-button:hover{background:#c90010;border-color:#c90010}
body.recipe-store--uniqlo-v3 .customer-account-shell .lux-button.secondary{background:#fff;color:#111;border-color:#111}
body.recipe-store--uniqlo-v3 .customer-account-shell .lux-button.secondary:hover{background:#111;color:#fff}
body.recipe-store--uniqlo-v3 .account-auth-links,
body.recipe-store--uniqlo-v3 .account-switch{
  display:flex;
  justify-content:space-between;
  gap:18px;
  margin:22px 0 0;
  padding-top:18px;
  border-top:1px solid #e5e5e5;
  color:#555;
  font-size:13px;
}
body.recipe-store--uniqlo-v3 .account-auth-links a,
body.recipe-store--uniqlo-v3 .account-switch a{color:#005eb8;text-decoration:underline;text-underline-offset:3px}
body.recipe-store--uniqlo-v3 .account-alert{
  margin:0 0 22px;
  padding:14px 16px;
  border:1px solid #b9b9b9;
  background:#f6f6f6;
  color:#222;
  font-size:13px;
  line-height:1.5;
}
body.recipe-store--uniqlo-v3 .account-alert.success{border-color:#84ad91;background:#f1f8f3;color:#18552a}
body.recipe-store--uniqlo-v3 .account-alert.error{border-color:#d78b84;background:#fff4f3;color:#8d2018}
body.recipe-store--uniqlo-v3 .account-alert.info{border-color:#8daac4;background:#f4f8fb;color:#264d70}
body.recipe-store--uniqlo-v3 .account-stat-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  margin:0 0 20px;
}
body.recipe-store--uniqlo-v3 .account-stat-grid article,
body.recipe-store--uniqlo-v3 .order-status-cards article{
  padding:20px;
  border:1px solid #dedede;
  background:#fafafa;
}
body.recipe-store--uniqlo-v3 .account-stat-grid span,
body.recipe-store--uniqlo-v3 .order-status-cards small{
  display:block;
  color:#666;
  font-size:10px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.09em;
}
body.recipe-store--uniqlo-v3 .account-stat-grid strong,
body.recipe-store--uniqlo-v3 .order-status-cards strong{
  display:block;
  margin:7px 0 5px;
  color:#111;
  font:700 19px/1.2 Arial,"Helvetica Neue",Helvetica,sans-serif;
}
body.recipe-store--uniqlo-v3 .account-stat-grid small{color:#777;font-size:11px;line-height:1.45;word-break:break-word}
body.recipe-store--uniqlo-v3 .account-callout{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:22px;
  margin:0 0 20px;
  padding:20px;
  border:1px solid #d9d9d9;
  border-left:4px solid #e60012;
  background:#fafafa;
}
body.recipe-store--uniqlo-v3 .account-callout strong{font-size:15px}
body.recipe-store--uniqlo-v3 .account-callout p{margin:5px 0 0;color:#666;font-size:12px;line-height:1.5}
body.recipe-store--uniqlo-v3 .account-order-list{display:grid;border-top:1px solid #d9d9d9}
body.recipe-store--uniqlo-v3 .account-order-list>a{
  display:grid;
  grid-template-columns:minmax(190px,1.5fr) minmax(120px,.8fr) minmax(120px,.8fr) minmax(120px,.9fr);
  gap:18px;
  align-items:center;
  min-height:70px;
  padding:13px 8px;
  border-bottom:1px solid #e0e0e0;
  color:#222;
  text-decoration:none;
  transition:background .15s ease;
}
body.recipe-store--uniqlo-v3 .account-order-list>a:hover{background:#f8f8f8}
body.recipe-store--uniqlo-v3 .account-order-list span{display:block;min-width:0}
body.recipe-store--uniqlo-v3 .account-order-list strong{font-size:13px;word-break:break-word}
body.recipe-store--uniqlo-v3 .account-order-list small{display:block;margin-top:4px;color:#777;font-size:10px;line-height:1.35}
body.recipe-store--uniqlo-v3 .account-order-list b{text-align:right;font-size:13px;font-weight:700}
body.recipe-store--uniqlo-v3 .account-empty{
  margin:0;
  padding:28px 20px;
  border:1px dashed #cfcfcf;
  background:#fafafa;
  color:#666;
  text-align:center;
  font-size:13px;
}
body.recipe-store--uniqlo-v3 .order-status-cards{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin:0 0 30px;
}
body.recipe-store--uniqlo-v3 .account-items{display:grid;margin:0 0 28px;border-top:1px solid #d9d9d9}
body.recipe-store--uniqlo-v3 .account-items>div,
body.recipe-store--uniqlo-v3 .session-list article{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:16px 4px;
  border-bottom:1px solid #e0e0e0;
}
body.recipe-store--uniqlo-v3 .account-items strong{font-size:13px}
body.recipe-store--uniqlo-v3 .account-items small,
body.recipe-store--uniqlo-v3 .session-list small{display:block;margin-top:4px;color:#777;font-size:10px;line-height:1.45}
body.recipe-store--uniqlo-v3 .account-order-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:26px 0}
body.recipe-store--uniqlo-v3 .account-order-columns>div{padding:20px;border:1px solid #dedede;background:#fafafa}
body.recipe-store--uniqlo-v3 .account-order-columns h3{margin:0 0 12px;font-size:15px}
body.recipe-store--uniqlo-v3 .account-order-columns p{margin:0;color:#555;font-size:12px;line-height:1.75}
body.recipe-store--uniqlo-v3 .account-order-columns p strong{float:right;color:#111}
body.recipe-store--uniqlo-v3 .account-inline-action{margin-top:20px}
body.recipe-store--uniqlo-v3 .address-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0 0 34px}
body.recipe-store--uniqlo-v3 .address-grid article{display:flex;justify-content:space-between;gap:18px;padding:20px;border:1px solid #dedede;background:#fafafa}
body.recipe-store--uniqlo-v3 .address-grid article>div{min-width:0}
body.recipe-store--uniqlo-v3 .address-grid p{margin:8px 0 0;color:#555;font-size:12px;line-height:1.7}
body.recipe-store--uniqlo-v3 .account-link-button.danger{color:#b32019!important}
body.recipe-store--uniqlo-v3 .security-status{
  display:grid;
  grid-template-columns:1fr auto auto;
  gap:14px;
  align-items:center;
  padding:16px 0 24px;
  border-bottom:1px solid #dedede;
  margin:0 0 28px;
}
body.recipe-store--uniqlo-v3 .security-status span{color:#555;font-size:13px}
body.recipe-store--uniqlo-v3 .security-status strong{font-size:13px}
body.recipe-store--uniqlo-v3 .session-list{margin-top:8px}
body.recipe-store--uniqlo-v3 .session-list article>span{min-width:0}
body.recipe-store--uniqlo-v3 .session-list small{max-width:720px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.recipe-store--uniqlo-v3 .account-print{
  min-height:38px;
  padding:0 14px;
  border:1px solid #111;
  background:#fff;
  color:#111;
  font-size:12px;
  font-weight:700;
  cursor:pointer;
}
body.recipe-store--uniqlo-v3 .account-print:hover{background:#111;color:#fff}

/* Shipment cards and package progress. JS uses these same class names. */
body.recipe-store--uniqlo-v3 .account-shipment-section{margin:28px 0}
body.recipe-store--uniqlo-v3 .account-shipment-section>h3{margin:0 0 14px;font-size:17px}
body.recipe-store--uniqlo-v3 .account-shipment-list{display:grid;gap:10px}
body.recipe-store--uniqlo-v3 .account-shipment-list article{
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) auto;
  gap:18px;
  align-items:center;
  padding:18px;
  border:1px solid #dedede;
  background:#fafafa;
}
body.recipe-store--uniqlo-v3 .account-shipment-list article div{display:grid;gap:3px}
body.recipe-store--uniqlo-v3 .account-shipment-list article small,
body.recipe-store--uniqlo-v3 .account-shipment-list article span{color:#777!important;font-size:11px!important;opacity:1!important}
body.recipe-store--uniqlo-v3 .account-shipment-list article strong{color:#111;font-size:13px;font-weight:700}
body.recipe-store--uniqlo-v3 .account-shipment-list article>a{color:#005eb8;white-space:nowrap;font-size:12px;text-decoration:underline;text-underline-offset:3px}
body.recipe-store--uniqlo-v3 .account-package-progress{grid-column:1/-1!important;margin-top:2px!important;padding-top:15px!important;border-top:1px solid #ddd!important}
body.recipe-store--uniqlo-v3 .account-package-progress__steps{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important}
body.recipe-store--uniqlo-v3 .account-package-progress__step{color:#777!important;font-size:10px!important}
body.recipe-store--uniqlo-v3 .account-package-progress__step::before{border-color:#aaa!important;background:#fff!important}
body.recipe-store--uniqlo-v3 .account-package-progress__step:not(:first-child)::after{background:#d9d9d9!important}
body.recipe-store--uniqlo-v3 .account-package-progress__step.is-complete{color:#111!important}
body.recipe-store--uniqlo-v3 .account-package-progress__step.is-complete::before{border-color:#111!important;background:#111!important}
body.recipe-store--uniqlo-v3 .account-package-progress__step.is-complete:not(:first-child)::after{background:#111!important}
body.recipe-store--uniqlo-v3 .account-package-progress__step.is-current{font-weight:700!important}
body.recipe-store--uniqlo-v3 .account-package-progress__step.is-current::before{box-shadow:0 0 0 4px rgba(17,17,17,.08)!important}
body.recipe-store--uniqlo-v3 .account-package-progress__state{color:#666!important;font-size:11px!important}
body.recipe-store--uniqlo-v3 .account-package-progress__state.is-alert{color:#a5261f!important}

@media(max-width:980px){
  body.recipe-store--uniqlo-v3 .customer-account-shell{width:min(100% - 40px,1320px);padding-top:34px}
  body.recipe-store--uniqlo-v3 .customer-account-hero{grid-template-columns:1fr;gap:12px}
  body.recipe-store--uniqlo-v3 .customer-account-hero p:not(.eyebrow){grid-column:1;grid-row:auto;justify-self:start}
  body.recipe-store--uniqlo-v3 .customer-account-layout{grid-template-columns:1fr;gap:24px}
  body.recipe-store--uniqlo-v3 .account-nav{position:static;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid #d9d9d9}
  body.recipe-store--uniqlo-v3 .account-nav>a,
  body.recipe-store--uniqlo-v3 .account-nav .account-link-button{padding:0 14px;border-right:1px solid #dedede}
  body.recipe-store--uniqlo-v3 .account-nav>a::after{display:none}
  body.recipe-store--uniqlo-v3 .account-nav>a:hover,
  body.recipe-store--uniqlo-v3 .account-nav>a.active,
  body.recipe-store--uniqlo-v3 .account-nav .account-link-button:hover{padding-left:14px}
  body.recipe-store--uniqlo-v3 .account-stat-grid{grid-template-columns:1fr 1fr}
  body.recipe-store--uniqlo-v3 .order-status-cards{grid-template-columns:1fr 1fr}
  body.recipe-store--uniqlo-v3 .account-order-list>a{grid-template-columns:1.2fr 1fr 1fr}
  body.recipe-store--uniqlo-v3 .account-order-list b{grid-column:3;text-align:right}
}
@media(max-width:700px){
  body.recipe-store--uniqlo-v3 .customer-account-shell{width:calc(100% - 28px);padding:26px 0 64px}
  body.recipe-store--uniqlo-v3 .customer-account-hero{margin-bottom:22px;padding-bottom:22px}
  body.recipe-store--uniqlo-v3 .customer-account-hero h1{font-size:30px}
  body.recipe-store--uniqlo-v3 .account-nav{grid-template-columns:1fr 1fr}
  body.recipe-store--uniqlo-v3 .account-panel,
  body.recipe-store--uniqlo-v3 .account-auth-card{padding:20px}
  body.recipe-store--uniqlo-v3 .account-form-wide,
  body.recipe-store--uniqlo-v3 .address-grid,
  body.recipe-store--uniqlo-v3 .account-order-columns{grid-template-columns:1fr}
  body.recipe-store--uniqlo-v3 .account-stat-grid{grid-template-columns:1fr}
  body.recipe-store--uniqlo-v3 .order-status-cards{grid-template-columns:1fr 1fr}
  body.recipe-store--uniqlo-v3 .account-order-list>a{grid-template-columns:1fr 1fr;gap:10px;padding:14px 4px}
  body.recipe-store--uniqlo-v3 .account-order-list b{grid-column:2;text-align:right}
  body.recipe-store--uniqlo-v3 .account-auth-links,
  body.recipe-store--uniqlo-v3 .account-switch,
  body.recipe-store--uniqlo-v3 .account-callout,
  body.recipe-store--uniqlo-v3 .security-status{display:grid;grid-template-columns:1fr}
  body.recipe-store--uniqlo-v3 .session-list article{align-items:flex-start;flex-direction:column}
  body.recipe-store--uniqlo-v3 .account-shipment-list article{grid-template-columns:1fr}
  body.recipe-store--uniqlo-v3 .account-shipment-list article>a{justify-self:start}
  body.recipe-store--uniqlo-v3 .account-package-progress{overflow-x:auto!important;padding-bottom:6px!important}
  body.recipe-store--uniqlo-v3 .account-package-progress__steps{min-width:540px!important}
}
@media(max-width:430px){
  body.recipe-store--uniqlo-v3 .account-nav{grid-template-columns:1fr}
  body.recipe-store--uniqlo-v3 .account-nav>a,
  body.recipe-store--uniqlo-v3 .account-nav .account-link-button{border-right:0}
  body.recipe-store--uniqlo-v3 .order-status-cards{grid-template-columns:1fr}
  body.recipe-store--uniqlo-v3 .account-order-list>a{grid-template-columns:1fr}
  body.recipe-store--uniqlo-v3 .account-order-list b{grid-column:1;text-align:left}
}
@media print{
  .account-nav,.customer-account-hero,.account-alert,.account-print,.account-inline-action,#page-header,footer,.u-header,.u3p-promo{display:none!important}
  .customer-account-shell{width:100%!important;padding:0!important;color:#111!important}
  .account-panel{border:0!important;background:#fff!important;color:#111!important;box-shadow:none!important;padding:0!important}
  .account-panel *{color:#111!important}
  .account-content{width:100%!important}
}