.passport-brand{display:inline-flex;flex-direction:column;align-items:center;gap:3px;line-height:1}.passport-brand img{width:120px;height:45px;object-fit:contain}.passport-brand>span{font-size:9px;letter-spacing:.19em;font-weight:600}.passport-white{display:none}.my-pass .passport-brand img{width:136px;height:51px}.my-pass .passport-wine{display:none}.my-pass .passport-white{display:block}.my-pass .passport-brand>span{color:inherit;font-size:10px}.customer-ui .header .brand{padding:0}.passport-history-tabs{display:flex;gap:6px;border-bottom:1px solid var(--line,#ddd);margin:0 0 24px;padding-bottom:12px}.passport-history-tabs button{border-radius:999px;padding:10px 22px;background:transparent;color:inherit;border:1px solid transparent;font-weight:650}.passport-history-tabs button[aria-pressed=true]{background:#771c30;color:#fff}.journey-content{position:relative;min-width:0}.journey-content:has(.passport-stamp){padding-right:86px;min-height:100px}.passport-stamp{position:absolute;right:0;top:4px;width:76px;height:90px;transform:rotate(-10deg);pointer-events:none;opacity:.8}.passport-stamp img{width:100%;height:100%;object-fit:contain}.passport-care{padding:48px 24px;text-align:center}.passport-care p{max-width:460px;margin:12px auto 24px;line-height:1.7}html[data-appearance=dark] .passport-wine{display:none}html[data-appearance=dark] .passport-white{display:block}html[data-appearance=dark] .passport-history-tabs button[aria-pressed=true]{background:#ba687b;color:#17171b}@media(max-width:400px){.passport-brand img{width:96px;height:36px}.journey-content:has(.passport-stamp){padding-right:66px}.passport-stamp{width:60px;height:76px}.journey-top{flex-wrap:wrap}}
.customer-ui .passport-history-tabs button[aria-pressed=true]{background:#771c30!important;color:#fff!important;border-color:transparent!important}html[data-appearance=dark] .customer-ui .passport-history-tabs button[aria-pressed=true]{background:#a45066!important;color:#fff!important}
.passport-header-logo{display:block;position:relative;width:48px;height:58px;overflow:hidden}.passport-header-logo img{position:absolute;width:74px;height:74px;max-width:none;left:-13px;top:-8px;object-fit:contain}
.passport-card-brand{display:inline-flex;align-items:center;gap:12px}.passport-card-symbol{position:relative;display:block;width:43px;height:52px;overflow:hidden;flex-shrink:0}.passport-card-symbol img{position:absolute;width:66px;height:66px;max-width:none;left:-11.5px;top:-7px;object-fit:contain}.my-pass .passport-card-symbol .passport-wine{display:none}.my-pass .passport-card-symbol .passport-white{display:block}.my-pass .passport-card-label{font-size:12px;font-weight:650;letter-spacing:.12em;color:inherit}.passport-card-label small{display:block;margin-top:6px;font-size:10px;font-weight:500;letter-spacing:.1em}@media(max-width:400px){.passport-card-brand{gap:8px}.my-pass .passport-card-label{font-size:10px}}

.benefit-thumb>.passport-stamp{position:relative;inset:auto;display:block;width:100%;height:100%;opacity:1}.passport-completed{display:flex;justify-content:center;margin:12px 0}.passport-completed>.passport-stamp{position:relative;inset:auto;display:block;width:92px;height:104px;opacity:1}.passport-activity-status{display:flex;align-items:center;gap:8px;flex-shrink:0}.passport-activity-status>.passport-stamp{position:relative;inset:auto;display:block;width:42px;height:52px;opacity:1}
.customer-ui .benefit-row[data-benefit-state="used"] .benefit-thumb{filter:none;opacity:1}

/* Date, description and outcome use consistent columns for every record. */
.customer-history .journey-item{display:grid;grid-template-columns:42px minmax(0,1fr) 82px;gap:16px;align-items:start}.customer-history .journey-content{padding-right:0;min-height:0}.journey-result{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0}.journey-result .journey-status{box-sizing:border-box;min-width:70px;text-align:center;line-height:1.5}.journey-result>.passport-stamp{position:relative;inset:auto;display:block;width:72px;height:80px;opacity:.9;transform:rotate(-7deg)}@media(max-width:700px){.customer-history .journey-item{grid-template-columns:34px minmax(0,1fr) 70px;gap:10px}.journey-result>.passport-stamp{width:66px;height:74px}.journey-result .journey-status{min-width:66px}}

/* Match the header to each existing content container. */
.customer-ui .header{max-width:620px;padding-left:24px;padding-right:24px}
.customer-ui:has(.customer-explore) .header{max-width:1104px}
.customer-ui:has(.my-layout) .header{max-width:1120px}
.customer-ui:has(.login-layout) .header{max-width:1040px}
.customer-history .journey-item{padding-top:16px;padding-bottom:16px}
.journey-result{gap:2px}.journey-result>.passport-stamp{width:52px;height:58px}
.customer-history .journey-content>p{margin:4px 0 5px}
.customer-history .journey-content summary{min-height:26px;line-height:26px}
.benefit-result{display:flex;align-items:center;justify-content:center;flex:none;width:58px}
.benefit-result>.passport-stamp{position:relative;inset:auto;display:block;width:58px;height:66px;opacity:.9}
.passport-completed{justify-content:flex-end;margin:4px 0}
.passport-completed>.passport-stamp{width:58px;height:66px}
.my-coupon:has(.passport-completed){position:relative;padding-right:88px}
.my-coupon>.passport-completed{position:absolute;right:14px;top:14px;margin:0}
.benefit-detail-view:has(.passport-completed){position:relative}
.benefit-detail-view>.passport-completed{float:right;margin:0 0 8px 12px}
@media(max-width:700px){.customer-ui .header{padding-left:16px;padding-right:16px}.customer-ui:has(.customer-explore,.my-layout) .header{max-width:520px;padding-left:20px;padding-right:20px}.journey-result>.passport-stamp{width:48px;height:54px}.customer-history .journey-item{padding-top:14px;padding-bottom:14px}.benefit-result{width:46px}.benefit-result>.passport-stamp{width:46px;height:56px}}
/* Enlarge the artwork inside its transparent canvas without adding row height. */
.passport-header-logo{width:58px;height:66px}.passport-header-logo img{width:84px;height:84px;left:-13px;top:-9px}
.passport-card-symbol{width:52px;height:62px}.passport-card-symbol img{width:80px;height:80px;left:-14px;top:-9px}
.passport-stamp{overflow:visible}
.passport-stamp img{position:absolute;width:146%;height:128%;max-width:none;left:-23%;top:-14%;object-fit:contain}
.journey-result{gap:7px}
.journey-result>.passport-stamp{width:54px;height:58px;opacity:1;transform:rotate(-5deg)}
@media(max-width:700px){.journey-result>.passport-stamp{width:50px;height:54px}.passport-header-logo{width:56px;height:64px}.passport-header-logo img{width:82px;height:82px;left:-13px;top:-9px}}
