.pmx{--pmx-gutter:clamp(16px,2.6vw,40px);max-width:1440px;margin:0 auto;padding:0 var(--pmx-gutter) var(--space-10,48px)}.pmx__sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.pmx__hero{display:flex;flex-direction:column;min-height:clamp(600px,calc(100svh - 210px),900px);padding:clamp(12px,1.8vw,24px) 0 clamp(14px,1.6vw,22px);gap:clamp(12px,1.6vw,22px)}.pmx__body{flex:1;display:grid;grid-template-columns:minmax(240px,296px) minmax(0,1fr) minmax(200px,236px);align-items:center;gap:clamp(12px,1.8vw,26px);min-height:0}@media (max-width:1040px){.pmx__body{grid-template-columns:1fr;align-items:stretch}.pmx__hero{min-height:0}}.pmx__panel{min-width:0;background:var(--clay-slab-bg);border:none;border-radius:var(--clay-slab-radius);box-shadow:var(--clay-slab);padding:clamp(16px,1.5vw,22px);transition:box-shadow .26s cubic-bezier(.22,.61,.36,1)}.pmx__eyebrow{margin:0 0 2px;font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--blue)}.pmx__title{margin:0 0 var(--space-4,16px);color:var(--text);font-size:clamp(26px,3vw,34px);line-height:1.1}.pmx__legend{display:block;margin:0 0 8px;font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.pmx__filters{display:flex;flex-direction:column;gap:var(--space-4,16px)}.pmx__chips{display:flex;flex-wrap:wrap;gap:6px}.pmx__chip,.pmx__size{font:inherit;font-size:var(--text-sm);color:var(--text);background:var(--clay-chip-bg);border:none;border-radius:999px;padding:8px 14px;cursor:pointer;box-shadow:var(--clay-chip);transition:background .18s ease,box-shadow .18s ease,color .18s ease}@media (hover:hover) and (pointer:fine){.pmx__chip:hover,.pmx__size:hover{box-shadow:var(--clay-chip-hover)}}.pmx__chip[data-on]{background:var(--clay-blue-bg);color:var(--text-on-blue);box-shadow:var(--clay-chip-on)}.pmx__clear{font:inherit;font-size:var(--text-sm);align-self:flex-start;background:none;border:none;box-shadow:none;color:var(--blue);padding:2px 0;cursor:pointer}.pmx__clear:hover{background:none;text-decoration:underline}.pmx__select{font:inherit;font-size:var(--text-sm);width:100%;padding:10px 12px;color:var(--text);background:var(--clay-chip-bg);border:none;border-radius:var(--clay-chip-radius);box-shadow:var(--clay-chip);cursor:pointer;transition:box-shadow .18s ease}@media (hover:hover) and (pointer:fine){.pmx__select:hover{box-shadow:var(--clay-chip-hover)}}.pmx__stage{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(14px,2vw,26px);min-width:0;min-height:0;height:100%;padding:clamp(4px,.8vw,12px) 0}.pmx__tray{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:clamp(10px,1.4vw,18px);width:100%;max-width:min(560px,100%)}.pmx__slot{position:relative;display:grid;place-items:center;width:100%;aspect-ratio:1;border-radius:50%;border:none;background:var(--clay-well-bg);box-shadow:var(--clay-well);color:var(--text-faint);font-size:var(--text-sm);font-variant-numeric:tabular-nums;padding:0;overflow:hidden}button.pmx__slot{cursor:pointer}.pmx__slot--full{border:none;background:var(--clay-well-bg);box-shadow:var(--clay-well);animation:pmx-drop .36s ease both}.pmx__slot--full img{width:100%;height:100%;padding:13%;-o-object-fit:contain;object-fit:contain;filter:var(--clay-art);display:block}.pmx__slotX{position:absolute;inset:0;display:grid;place-items:center;background:var(--bg-overlay);color:var(--text-on-dark);font-size:22px;line-height:1;opacity:0;transition:opacity .16s ease}.pmx__slot--full:focus-visible .pmx__slotX,.pmx__slot--full:hover .pmx__slotX{opacity:1}@keyframes pmx-drop{0%{transform:scale(.84);opacity:0}}@media (prefers-reduced-motion:reduce){.pmx__slot--full{animation:none}}.pmx__meter{width:100%;max-width:min(560px,100%);display:flex;flex-direction:column;gap:7px}.pmx__meterTrack{height:8px;border-radius:999px;background:var(--clay-well-bg);box-shadow:var(--clay-well);overflow:hidden}.pmx__meterFill{height:100%;border-radius:999px;background:var(--clay-blue-bg);box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 1px 3px rgba(3,130,220,.4);transition:width .3s ease}.pmx__buy{gap:10px}.pmx__buy,.pmx__sizes{display:flex;flex-direction:column}.pmx__sizes{gap:8px}.pmx__size{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:11px 15px;border-radius:var(--clay-chip-radius)}.pmx__size[data-on]{background:var(--clay-blue-bg);color:var(--text-on-blue);box-shadow:var(--clay-chip-on)}.pmx__sizeN{font-size:20px;letter-spacing:.04em;text-transform:uppercase}.pmx__sizeN,.pmx__sizeP{font-family:var(--font-heading);font-weight:400;color:var(--text)}.pmx__sizeP{font-size:22px;font-variant-numeric:tabular-nums}.pmx__cta,.pmx__size[data-on] .pmx__sizeN,.pmx__size[data-on] .pmx__sizeP{color:var(--text-on-blue)}.pmx__cta{font:inherit;font-size:14.5px;font-weight:700;letter-spacing:.005em;text-transform:none;margin-top:6px;min-height:50px;padding:12px 16px;border:none;border-radius:999px;background:var(--clay-pill-bg);box-shadow:var(--clay-pill);cursor:pointer;transition:background .18s ease,box-shadow .22s ease}@media (hover:hover) and (pointer:fine){.pmx__cta:hover:not(:disabled){background:var(--clay-pill-bg-hover);box-shadow:var(--clay-pill-hover)}}.pmx__cta:active:not(:disabled){background:var(--clay-pill-bg-press);box-shadow:var(--clay-pill-press)}.pmx__cta:disabled{background:var(--bg-surface);color:var(--text-faint);box-shadow:none;cursor:not-allowed}.pmx__rail{flex:none;border-top:1px solid rgba(3,150,255,.1);padding-top:var(--space-3,12px)}.pmx__railHead{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:10px}.pmx__railHead .pmx__legend{margin:0;font-variant-numeric:tabular-nums}.pmx__railNote{font-size:var(--text-xs);color:var(--blue-active)}.pmx__none{margin:0;color:var(--text-tertiary);font-size:var(--text-sm)}.pmx__strip{list-style:none;margin:0;display:grid;grid-auto-flow:column;grid-auto-columns:168px;gap:14px;padding:8px 4px 18px;overflow-x:auto;scroll-snap-type:x proximity;overscroll-behavior-x:contain}.pmx__strip>li{scroll-snap-align:start}.pmx__can{font:inherit;text-align:left;width:100%;height:100%;display:flex;flex-direction:column;gap:7px;padding:9px;border:none;border-radius:16px;background:var(--clay-chip-bg);box-shadow:var(--clay-chip);color:var(--text);transition:background .18s ease,box-shadow .22s ease}@media (hover:hover) and (pointer:fine){.pmx__can:hover{box-shadow:var(--clay-chip-hover)}}.pmx__can[data-chosen]{box-shadow:inset 0 0 0 1.5px var(--clay-blue),inset 0 1px 0 rgba(255,255,255,1),0 2px 4px rgba(3,130,220,.22),0 8px 16px -4px rgba(3,150,255,.4)}@media (hover:hover) and (pointer:fine){.pmx__can[data-chosen]:hover{box-shadow:inset 0 0 0 1.5px var(--clay-blue),inset 0 1px 0 rgba(255,255,255,1),0 3px 6px rgba(3,130,220,.26),0 12px 22px -4px rgba(3,150,255,.52)}}.pmx__canArt{position:relative;display:block;aspect-ratio:1.34;border-radius:12px;overflow:hidden;background:var(--clay-well-bg);box-shadow:var(--clay-well)}.pmx__canArt img{width:100%;height:100%;padding:9%;-o-object-fit:contain;object-fit:contain;filter:var(--clay-art);display:block}.pmx__inBox{position:absolute;right:5px;top:5px;min-width:19px;height:19px;display:grid;place-items:center;padding:0 5px;border-radius:999px;background:var(--clay-blue-bg);color:var(--text-on-blue);box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 2px 4px rgba(13,27,30,.2),0 6px 12px -3px rgba(13,27,30,.3);font-size:11px;font-weight:600;font-variant-numeric:tabular-nums}.pmx__canName{font-size:11.5px;line-height:1.35;min-height:calc(11.5px * 1.35 * 2);font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pmx__canFoot{display:flex;flex-direction:column;gap:6px;margin-top:auto}.pmx__sq{align-self:flex-start;flex:0 0 auto;width:34px;aspect-ratio:1/1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:2px;border-radius:var(--clay-chip-radius);background:var(--clay-blue-bg);box-shadow:var(--clay-chip-on);color:var(--text-on-blue)}.pmx__sqNum{font-size:11px;font-weight:800;line-height:1;font-variant-numeric:tabular-nums}.pmx__sqUnit{font-size:8px;font-weight:700;line-height:1;letter-spacing:.06em;color:rgba(255,255,255,.85)}.pmx__canAdd{font:inherit;font-size:12px;font-weight:700;letter-spacing:.005em;width:100%;min-height:32px;margin-top:1px;padding:6px 10px;border:none;border-radius:999px;background:var(--clay-pill-bg);color:var(--text-on-blue);box-shadow:var(--clay-pill);cursor:pointer;transition:background .18s ease,box-shadow .22s ease}@media (hover:hover) and (pointer:fine){.pmx__canAdd:hover:not(:disabled){background:var(--clay-pill-bg-hover);box-shadow:var(--clay-pill-hover)}}.pmx__canAdd:active:not(:disabled){background:var(--clay-pill-bg-press);box-shadow:var(--clay-pill-press)}.pmx__canAdd:disabled{background:var(--bg-surface);color:var(--text-faint);box-shadow:none;cursor:not-allowed}.pmx button:focus-visible,.pmx select:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.pmx__selects{display:none}.pmx__pills{display:flex;flex-direction:column;gap:var(--space-4,16px)}@media (max-width:767px){.pmx__selects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.pmx__pills{display:none}.pmx{--pmx-gutter:14px}.pmx__hero{gap:10px;padding:10px 0 12px}.pmx__body{gap:10px}.pmx__panel{padding:11px;border-radius:20px}.pmx__eyebrow{font-size:10px}.pmx__title{font-size:22px;margin-bottom:10px}.pmx__filters{background:none;box-shadow:none;padding:0}.pmx__title{margin-bottom:0}.pmx__selects{margin-top:2px}.pmx__clear{margin-top:6px}.pmx__select{padding:9px 7px;font-size:12.5px;border-radius:12px}.pmx__stage{padding:2px 0;gap:8px}.pmx__tray{gap:7px;max-width:318px}.pmx__meter{gap:5px;max-width:100%}.pmx__buy{gap:8px}.pmx__sizes{flex-direction:row;gap:8px}.pmx__size{flex:1;min-width:0;padding:10px 12px}.pmx__sizeN{font-size:17px}.pmx__sizeP{font-size:19px}.pmx__cta{min-height:42px;margin-top:2px}.pmx__rail{padding-top:10px}.pmx__railHead{margin-bottom:7px}.pmx__strip{grid-auto-columns:148px;gap:10px;padding:7px 3px 14px}.pmx__can{padding:7px;border-radius:13px;gap:5px}.pmx__canArt{aspect-ratio:1.58}.pmx__canName{font-size:11px;min-height:calc(11px * 1.35 * 2)}.pmx__canFoot{gap:5px}.pmx__sq{width:30px}.pmx__sqNum{font-size:10px}.pmx__sqUnit{font-size:7px}.pmx__canAdd{font-size:11px;min-height:28px;padding:5px 8px}}@media (max-width:767px) and (max-height:750px){.pmx__hero{gap:5px;padding:7px 0 10px}.pmx__body{gap:5px}.pmx__panel{padding:9px;border-radius:17px}.pmx__eyebrow{display:none}.pmx__title{font-size:18px;margin-bottom:7px}.pmx__select{padding:7px 6px;font-size:11.5px;border-radius:10px}.pmx__stage{padding:0;gap:6px}.pmx__tray{gap:6px;max-width:186px}.pmx__sizes{gap:6px}.pmx__size{padding:8px 10px;font-size:12.5px}.pmx__sizeN{font-size:15px}.pmx__sizeP{font-size:16px}.pmx__cta{min-height:38px;font-size:13px}.pmx__rail{padding-top:5px}.pmx__railHead{margin-bottom:5px}.pmx__strip{grid-auto-columns:124px;gap:7px;padding:5px 3px 7px}.pmx__can{padding:6px;border-radius:11px;gap:4px}.pmx__canArt{aspect-ratio:1.72}.pmx__canName{font-size:10px;min-height:calc(10px * 1.35 * 2)}.pmx__sq{width:27px}.pmx__canAdd{font-size:10px;min-height:24px;padding:3px 8px}}.pmx__stageTitle{display:none}.pmx__chip[data-flavour=fruity]{--pmx-tint-bg:#ffecec;--pmx-tint-fg:#b33f42}.pmx__chip[data-flavour=mint]{--pmx-tint-bg:#e2f5ee;--pmx-tint-fg:#1c7a5e}.pmx__chip[data-flavour=sweet]{--pmx-tint-bg:#fff2dc;--pmx-tint-fg:#96610f}.pmx__chip[data-flavour=hybrid]{--pmx-tint-bg:#f0ecfd;--pmx-tint-fg:#5c43b5}.pmx__chip[data-flavour]{background:linear-gradient(180deg,#ffffff 0,var(--pmx-tint-bg) 100%);color:var(--pmx-tint-fg);font-weight:800}.pmx__chip[data-flavour][data-on]{background:var(--pmx-tint-fg);color:#ffffff;box-shadow:inset 0 1.5px 0 rgba(255,255,255,.38),inset 0 -3px 6px rgba(0,0,0,.22),0 2px 4px rgba(13,27,30,.18),0 8px 16px -4px var(--pmx-tint-bg)}.pmx__selects .pmx__select{font-weight:800}@media (min-width:768px){.pmx__filters .pmx__eyebrow,.pmx__filters .pmx__title{display:none}.pmx__stageTitle{container-type:inline-size;display:block;width:100%;max-width:min(560px,100%);margin:0;padding-bottom:16px}.pmx__stageTitleText{display:block;white-space:nowrap;font-size:12.5cqw;line-height:1;letter-spacing:6.6cqw;margin-right:-6.6cqw;color:var(--text)}.pmx__pills{gap:26px}.pmx__chips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.pmx__chip{padding:9px 10px;text-align:center}}.pmx__error{margin:2px 0 0;font-size:var(--text-xs);line-height:1.4;color:#b3261e}@media (min-width:768px) and (max-height:940px){.pmx__pills{gap:16px}.pmx__panel{padding:clamp(12px,1.2vw,17px)}.pmx__legend{margin-bottom:6px}.pmx__tray{max-width:min(472px,100%)}.pmx__stageTitle{max-width:min(496px,100%);padding-bottom:12px}.pmx__strip{padding:6px 4px 14px}.pmx__rail{padding-top:10px}}@media (min-width:768px) and (max-height:830px){.pmx__chip,.pmx__size{padding:6px 12px}.pmx__select{padding:7px 10px}.pmx__legend{margin-bottom:5px}.pmx__stageTitle,.pmx__tray{max-width:min(404px,100%)}.pmx__stageTitle{padding-bottom:8px}.pmx__panel{padding:clamp(12px,1.1vw,16px)}.pmx__pills{gap:11px}.pmx__canArt{aspect-ratio:2.1}.pmx__canName{font-size:11px;min-height:calc(11px * 1.35 * 2)}.pmx__strip{padding:4px 4px 10px}.pmx__canAdd{min-height:28px}}