/* Secondary storefront pages for Recipe Clothing's alternate utility-led theme. */
/* The owner-supplied Recipe logo artwork is white. V1 intentionally inverts it on light chrome;
 * keep that same visible black treatment in V2/V3 headers and mobile drawers. */
body.recipe-store--uniqlo .u-brand img,
body.recipe-store--uniqlo .u-drawer__head img{
  filter:invert(1)!important;
}
body.recipe-store--uniqlo .content-page{
  width:min(900px,calc(100% - 64px));
  margin:0 auto;
  padding:56px 0 90px;
}
body.recipe-store--uniqlo .content-page>.eyebrow{margin:0 0 8px}
body.recipe-store--uniqlo .content-page h1{font-size:30px;margin:0 0 18px}
body.recipe-store--uniqlo .content-page .lead{max-width:760px;margin:0;color:#555;font-size:15px;line-height:1.7}
body.recipe-store--uniqlo .content-page dl{margin:34px 0 0;border-top:1px solid var(--u-line)}
body.recipe-store--uniqlo .content-page dl>div{display:grid;grid-template-columns:160px 1fr;gap:24px;padding:16px 0;border-bottom:1px solid var(--u-line)}
body.recipe-store--uniqlo .content-page dt{font-size:12px;font-weight:700}
body.recipe-store--uniqlo .content-page dd{margin:0;color:#555}

body.recipe-store--uniqlo .page-hero{
  width:min(760px,calc(100% - 64px));
  min-height:52vh;
  margin:0 auto;
  padding:80px 0 100px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
}
body.recipe-store--uniqlo .page-hero h1{font-size:34px;margin:4px 0 12px}
body.recipe-store--uniqlo .page-hero>p:not(.eyebrow){color:#666;margin:0 0 24px}

body.recipe-store--uniqlo .payment-forward{max-width:720px!important;min-height:50vh;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
body.recipe-store--uniqlo .payment-forward h1{font-size:28px;margin:5px 0 12px}
body.recipe-store--uniqlo .payment-forward>p:not(.eyebrow){max-width:620px;color:#555;line-height:1.65}
body.recipe-store--uniqlo .payment-forward form{margin-top:22px}

body.recipe-store--uniqlo .thank-you{max-width:1000px}
body.recipe-store--uniqlo .thank-you>.eyebrow{margin-bottom:8px}
body.recipe-store--uniqlo .thank-you__status{display:flex;gap:18px;align-items:flex-start;padding:0 0 28px;border-bottom:1px solid var(--u-line);margin-bottom:24px}
body.recipe-store--uniqlo .thank-you__check{width:42px;height:42px;display:grid;place-items:center;border:2px solid #111;border-radius:50%;font-size:20px;font-weight:700}
body.recipe-store--uniqlo .thank-you__status h1{margin:0 0 6px;font-size:28px}
body.recipe-store--uniqlo .order-number{margin:0;color:#666;font-size:12px}
body.recipe-store--uniqlo .thank-you .notice{border:1px solid var(--u-line)!important;border-radius:0!important;padding:16px 18px!important;margin:0 0 24px!important;background:#fafafa!important;color:#222!important}
body.recipe-store--uniqlo .thank-you .notice.success{border-left:4px solid #111!important}
body.recipe-store--uniqlo .thank-you .notice.warning{border-left:4px solid #d28b00!important}
body.recipe-store--uniqlo .thank-you .notice p{margin:4px 0 0;color:#555}
body.recipe-store--uniqlo .thank-you__grid{display:grid;grid-template-columns:1.35fr .85fr;gap:20px;margin-bottom:26px}
body.recipe-store--uniqlo .thank-you__side{display:grid;gap:20px}
body.recipe-store--uniqlo .thank-you__panel{border:1px solid var(--u-line)!important;border-radius:0!important;padding:20px!important;background:#fff!important;box-shadow:none!important}
body.recipe-store--uniqlo .thank-you__panel h2{font-size:15px;margin:0 0 16px}
body.recipe-store--uniqlo .thank-you__panel p{font-size:12px;color:#555}
body.recipe-store--uniqlo .receipt p{display:flex;justify-content:space-between;gap:18px;padding:10px 0;margin:0;border-bottom:1px solid #eee;font-size:12px}
body.recipe-store--uniqlo .receipt p.total{border-top:1px solid #aaa;border-bottom:0;margin-top:8px;padding-top:14px;font-size:14px}

body.recipe-store--uniqlo .account-alert{border-radius:0!important;box-shadow:none!important}

@media(max-width:640px){
  body.recipe-store--uniqlo .content-page,body.recipe-store--uniqlo .page-hero{width:calc(100% - 32px);padding:38px 0 62px}
  body.recipe-store--uniqlo .content-page h1,body.recipe-store--uniqlo .page-hero h1{font-size:26px}
  body.recipe-store--uniqlo .content-page dl>div{grid-template-columns:1fr;gap:4px}
  body.recipe-store--uniqlo .payment-forward{min-height:44vh}
  body.recipe-store--uniqlo .thank-you__grid{grid-template-columns:1fr}
  body.recipe-store--uniqlo .thank-you__status h1{font-size:24px}
}