/* Only what Premium adds on top of catalog.css (Bob's mock-draw.mjs, Victor approved 1 Nov 2026). Scoped, because this file stays loaded after a swap to Standard. */
.al-cc--prem .pm-nl{display:block;margin:12px 0 0;font-size:12px;color:var(--cc-mute);text-align:left}
.al-cc--prem .pm-4{display:block;margin:6px 0 0;font-size:13px;line-height:1.5;color:var(--cc-ink);text-align:left;white-space:normal}
.al-cc--prem .al-cc__names.pm-wn{grid-template-columns:minmax(0,1fr)}
.al-cc--prem .pm-w{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--cc-mute)}
.al-cc--prem .pm-w>span{flex:none}
.al-cc--prem .pm-wi{display:flex;gap:6px;min-width:0}
.al-cc--prem .pm-wi .al-cc__av{width:40px;height:40px;border-radius:10px;box-shadow:inset 0 0 0 1.5px #e4b64b}
.al-cc--prem .pm-wi .al-cc__plus{width:40px;height:40px}
.al-cc--prem .pm-s3{grid-template-columns:repeat(3,1fr)}
.al-cc--prem .al-cc__stats{margin-top:auto}
.al-cc--prem .al-cc__buy{margin-top:0}
.al-cc--prem .pm-more{display:block;width:100%;min-height:44px;margin-top:10px;border-radius:10px;background:var(--cc-fill);font:600 14px var(--cc-font);color:#111;text-align:center}
.al-cc--prem .pm-go{position:sticky;bottom:12px;z-index:3;display:block;width:100%;min-height:48px;margin-top:24px;border-radius:12px;background:var(--cc-acc);color:#fff;font:600 15px var(--cc-font);text-align:center;box-shadow:0 6px 18px rgba(91,107,189,.28)}
.al-cc--prem .pm-go[hidden]{display:none}
.al-cc--prem.pm-cart .pm-go{bottom:88px}
.al-cc--prem .pm-picks{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}
.al-cc--prem .pm-pick{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 12px;border-radius:10px;background:var(--cc-acc-t);color:var(--cc-acc-d);font:600 14px var(--cc-font)}
.al-cc--prem .pm-pick i{font-style:normal;font-size:18px;line-height:1}
.al-cc--prem .al-cc__chip img{flex:none;width:22px;height:22px}
.al-cc--prem .al-cc__chip .al-cc__av img{width:100%;height:100%}
.al-cc--prem .al-cc__chip:disabled{opacity:.4}
.al-cc--prem .al-cc__tile:disabled{opacity:.4}
.al-cc--prem .al-cc__tile:disabled small{visibility:hidden}
.al-cc--prem .al-cc__tile[hidden]{display:none}
.al-cc--prem .al-cc__sheet .al-cc__tile b{white-space:normal;font-size:12.5px;line-height:1.2}
@media(min-width:900px){.al-cc--prem .pm-go{display:none}}
/* The supplier's code can run to 32 digits on HSR: it wraps beside the button. */
.al-cc--prem .al-cc__buy>div{min-width:0}
.al-cc--prem .al-cc__buy small{display:block;word-break:break-all}
.al-cc--prem .al-cc__add{white-space:nowrap}
/* A 32-digit code takes its own row, so price and button keep their size (Bob, 2 Nov). */
.al-cc__buy--long{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,190px);column-gap:12px;row-gap:4px;align-items:center}
.al-cc__buy--long>div{display:contents}
.al-cc__buy--long .al-cc__amt{grid-column:1;grid-row:1;margin:0}
.al-cc__buy--long .al-cc__add{grid-column:2;grid-row:1;max-width:none}
.al-cc--prem .al-cc__buy--long small{grid-column:1/-1;grid-row:2;word-break:normal;overflow-wrap:anywhere}
.al-cc__buy--long{grid-template-columns:max-content minmax(0,1fr)}
.al-cc__buy--long .al-cc__add{justify-self:end;width:100%;max-width:190px}
.al-cc--prem .al-cc__names>span{white-space:normal;min-width:0}
.al-cc--prem .al-cc__tile b{white-space:normal;line-height:1.2}

.al-cc__srvs--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }