.cpb{color:var(--c-ink);font-family:var(--font-sans);font-weight:300}.cpb .wrap{max-width:1200px;margin:0 auto;padding:0 24px}.cpb .cp-h,.cpb .h{font-family:var(--font-display);font-weight:700;letter-spacing:-.01em;margin:0;line-height:1.1}.cpb .eyebrow,.cpb .cp-eyebrow{font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--c-brand-red)}.cpb .cp-eyebrow{letter-spacing:.08em;font-weight:600}.cpb .cp-muted{font-size:12px;color:var(--c-ink-2);line-height:1.5}.cpb-head{display:flex;align-items:center;gap:24px;min-height:72px;flex-wrap:wrap;padding-top:8px;padding-bottom:8px}.cpb-head .steps{display:flex;gap:24px;flex-wrap:wrap}.cp-step{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--c-ink-2)}.cp-step b{width:24px;height:24px;border-radius:50%;background:var(--c-brand-red);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:12px}.cp-step.done b{background:var(--c-ink)}.cp-step.todo b{background:var(--c-line-soft);color:var(--c-ink-2)}.cp-seg{display:flex;gap:4px;background:var(--c-surface-bone);border-radius:var(--radius-pill);padding:4px}.cp-seg button{all:unset;cursor:pointer;height:32px;padding:0 14px;border-radius:var(--radius-pill);font:600 13px var(--font-sans);color:var(--c-ink-2)}.cp-seg button.on{background:var(--c-ink);color:#fff}.cpb-hero{background:var(--c-mint);padding:28px 0 30px}.cpb-hero h1{font-size:32px}.cp-tray{display:grid;gap:8px;grid-template-columns:repeat(6,minmax(0,1fr))}.cp-slot{aspect-ratio:1;max-height:110px;border-radius:14px;border:2px dashed var(--c-mint-deep);background:#fff;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.cp-slot.full{border:2px solid var(--c-ink);background:var(--c-surface-bone)}.cp-slot.bag{grid-column:span 6;aspect-ratio:auto;max-height:none;min-height:104px;background:var(--c-surface-bone) repeating-linear-gradient(90deg,transparent 0,transparent calc(16.666% - 1px),var(--c-line) calc(16.666% - 1px),var(--c-line) 16.666%)}.cp-slot img{width:100%;height:100%;object-fit:contain;padding:8px;box-sizing:border-box;mix-blend-mode:multiply}.cp-slot.bag img{height:88px;width:auto}.cp-slot small{position:absolute;bottom:6px;left:50%;transform:translate(-50%);font-size:11px;font-weight:600;color:var(--c-ink);background:#fff;border-radius:var(--radius-pill);padding:3px 10px;white-space:nowrap;max-width:92%;overflow:hidden;text-overflow:ellipsis}.cp-slot .x{position:absolute;top:6px;right:6px;width:24px;height:24px;border-radius:50%;background:var(--c-ink);color:#fff;border:0;cursor:pointer;font-size:13px;display:inline-flex;align-items:center;justify-content:center}.cp-slot .n{font-size:12px;color:var(--c-ink-3);font-weight:600}.cpb-bbar{position:fixed;left:0;right:0;bottom:0;z-index:40;background:#fff;border-top:1px solid var(--c-line-soft);box-shadow:0 -6px 24px #00000014}.cpb-bbar .in{display:flex;align-items:center;gap:16px;min-height:72px;padding-top:10px;padding-bottom:calc(10px + env(safe-area-inset-bottom,0px))}.cpb-bbar__box{all:unset;cursor:pointer;display:flex;align-items:center;gap:16px;min-width:0;flex:0 1 auto;border-radius:14px;padding:4px 8px;margin:-4px -8px}.cpb-bbar__box:hover{background:var(--c-surface-bone)}.cpb-bbar__box:focus-visible{outline:2px solid var(--c-ink);outline-offset:2px}.cpb-bbar__txt{display:flex;flex-direction:column;min-width:0;gap:2px}.cpb-bbar__txt b{font-size:14px;font-weight:600;white-space:nowrap}.cpb-view{font-size:12px;font-weight:600;color:var(--c-ink-2);text-decoration:underline;text-underline-offset:3px;white-space:nowrap}.cpb-chev{display:inline-block;transition:transform .2s;margin-left:2px}.cpb-open .cpb-chev{transform:rotate(180deg)}.cp-status{width:36px;height:36px;border-radius:50%;background:var(--c-ink-3);color:#fff;display:none;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex:none}.cp-status.full{background:var(--c-ink)}.cp-minis{display:flex;gap:4px;flex:0 0 360px}.cp-minis i{flex:1;height:40px;border-radius:8px;border:1.5px dashed var(--c-mint-deep);display:block;position:relative;overflow:hidden;background:#fff}.cp-minis i.full{border:1.5px solid var(--c-ink);background:var(--c-surface-bone)}.cp-minis i img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;padding:3px;box-sizing:border-box;mix-blend-mode:multiply}.cp-minis i.bagpart{border-style:solid;border-color:var(--c-ink);background:var(--c-surface-bone)}.cp-minis i.bagpart.first{border-radius:8px 0 0 8px;border-right:0}.cp-minis i.bagpart.mid{border-radius:0;border-left:0;border-right:0}.cp-minis i.bagpart.last{border-radius:0 8px 8px 0;border-left:0}.cpb-bbar.bump .cp-minis,.cpb-bbar.bump .cp-status{animation:cpbBump .35s ease}@keyframes cpbBump{0%{transform:scale(1)}40%{transform:scale(1.05)}to{transform:scale(1)}}.cpb-bbar .btn{height:48px;padding:0 24px;font-size:15px;white-space:nowrap}.cpb-dr-ov{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;z-index:38}.cpb-dr{position:fixed;left:0;right:0;bottom:var(--cpb-bar-h,72px);z-index:39;background:#fff;border-radius:24px 24px 0 0;box-shadow:0 -12px 40px #00000024;transform:translateY(calc(100% + var(--cpb-bar-h,72px)));transition:transform .28s ease,visibility 0s .28s;max-height:70vh;overflow:auto;visibility:hidden}.cpb-dr.open{transform:none;visibility:visible;transition:transform .28s ease}.cpb-dr .wrap{padding-top:20px;padding-bottom:20px;display:flex;flex-direction:column;gap:14px}.cpb-dr__hd{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.cpb-dr__hd .h{font-size:18px}.cpb-dr__hd a{font-size:13px;color:var(--c-ink-2)}.cpb-dr__x{all:unset;cursor:pointer;margin-left:auto;width:32px;height:32px;border-radius:50%;border:1px solid var(--c-line-soft);display:inline-flex;align-items:center;justify-content:center;font-size:15px;align-self:center}.cpb-main{display:flex;flex-wrap:wrap;gap:40px;padding:32px 24px 48px;align-items:flex-start}.cpb-left{flex:999 1 560px;min-width:0;display:flex;flex-direction:column;gap:20px}.cp-tabs{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.cp-tab{all:unset;cursor:pointer;height:40px;padding:0 18px;border-radius:var(--radius-pill);font:600 14px var(--font-sans);color:var(--c-ink-2);border:1px solid var(--c-line);display:inline-flex;align-items:center;gap:8px}.cp-tab.on{background:var(--c-ink);color:#fff;border-color:var(--c-ink)}.cp-tab small{font-size:11px;opacity:.7}.cp-cards{display:grid;gap:20px;grid-template-columns:repeat(2,minmax(0,1fr))}.cp-card{border:1px solid var(--c-line-soft);border-radius:24px;overflow:hidden;background:#fff;display:flex;flex-direction:column;position:relative;transition:box-shadow .2s}.cp-card:hover{box-shadow:var(--shadow)}.cp-card.on{border:2px solid var(--c-brand-red)}.cp-card__img{aspect-ratio:16/10;background:var(--c-surface-bone);overflow:hidden;position:relative;cursor:pointer}.cp-card__img img{width:100%;height:100%;object-fit:contain;display:block;padding:20px;box-sizing:border-box;mix-blend-mode:multiply;transition:transform .25s}.cp-card__img:hover img{transform:scale(1.04)}.cp-card__img.mint,.cp-md__img.mint{background:var(--c-mint)}.cp-card__img.red,.cp-md__img.red{background:var(--c-brand-red-tint)}.cp-card__img.stone,.cp-md__img.stone{background:var(--c-surface-stone)}.cp-fmt{position:absolute;top:12px;left:12px;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;background:#fff;border:1px solid var(--c-line-soft);border-radius:var(--radius-pill);padding:5px 9px}.cp-slots{position:absolute;top:12px;right:12px;font-size:12px;font-weight:700;background:var(--c-ink);color:#fff;border-radius:var(--radius-pill);padding:5px 9px}.cp-more{position:absolute;bottom:12px;right:12px;font-size:12px;font-weight:600;background:#fff;border-radius:var(--radius-pill);padding:6px 10px;box-shadow:0 2px 8px #00000014}.cp-card__bd{padding:18px 20px 20px;display:flex;flex-direction:column;gap:12px;flex:1}.cp-card__bd h3{font-size:22px;cursor:pointer;margin-top:3px}.cp-card__bd h3 span{font-weight:400;color:var(--c-ink-2);font-size:16px}.cp-notes{display:flex;flex-wrap:wrap;gap:6px}.cp-note{font-size:12px;font-weight:600;padding:6px 10px;border-radius:var(--radius-pill);background:var(--c-mint);color:var(--c-ink)}.cp-desc{font-size:14px;line-height:1.55;color:var(--c-ink-2);margin:0}.cp-meta{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--c-ink-2)}.cp-meta b{color:var(--c-ink);font-weight:600}.cp-dots{display:inline-flex;gap:3px;margin-left:6px;vertical-align:middle}.cp-dots i{width:7px;height:7px;border-radius:50%;background:var(--c-line-soft);display:inline-block}.cp-dots i.f{background:var(--c-ink)}.cp-card__act,.cp-md__act{display:flex;gap:8px;margin-top:auto;padding-top:6px}.cp-pick{all:unset;cursor:pointer;display:flex;align-items:center;justify-content:center;height:44px;border-radius:var(--radius-pill);border:1px solid var(--c-ink);font-weight:600;font-size:14px;flex:1;text-align:center}.cp-pick.dis{opacity:.4;cursor:not-allowed}.cp-pick.swap{border-style:dashed}.cp-pick--solid{background:var(--c-brand-red);color:#fff;border-color:var(--c-brand-red);height:52px}.cp-qty{display:flex;align-items:center;height:44px;border:1px solid var(--c-brand-red);border-radius:var(--radius-pill);flex:1;background:var(--c-brand-red);color:#fff;font-weight:600;font-size:14px}.cp-qty--lg{height:52px}.cp-qty button{all:unset;cursor:pointer;width:44px;height:100%;display:inline-flex;align-items:center;justify-content:center;font-size:18px}.cp-qty button.dis{opacity:.35;cursor:not-allowed}.cp-qty span{flex:1;text-align:center}.cp-count{text-align:center;font-size:13px;color:var(--c-ink-2);margin:0}.cpb-aside{flex:1 1 320px;max-width:380px;border:1px solid var(--c-line-soft);border-radius:24px;padding:28px;display:flex;flex-direction:column;gap:20px;background:#fff;position:sticky;top:calc(var(--header-height,0px) + 24px)}.cp-sum{border-top:1px solid var(--c-line-soft);padding-top:16px;display:flex;flex-direction:column;gap:8px;font-size:14px}.cp-sum .r{display:flex;justify-content:space-between;align-items:baseline}.cp-sum .r span{color:var(--c-ink-2)}.cp-sum .r b{font-weight:600}.cp-sum .r .pr{font-family:var(--font-display);font-size:26px;color:var(--c-brand-red);font-weight:700}.cp-btn-dis{opacity:.45;pointer-events:none}.cp-ov{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:var(--z-modal,100);display:flex;align-items:center;justify-content:center;padding:24px}.cp-md{background:#fff;border-radius:24px;max-width:920px;width:100%;max-height:92vh;overflow:auto;display:flex;flex-wrap:wrap;position:relative;box-shadow:0 24px 64px #00000040}.cp-md__img{flex:1 1 360px;min-height:420px;display:flex;align-items:center;justify-content:center;position:relative;background:var(--c-surface-stone)}.cp-md__img img{width:80%;max-height:420px;object-fit:contain;mix-blend-mode:multiply}.cp-md__img .cp-fmt{top:16px;left:16px}.cp-md__body{flex:1 1 380px;padding:36px 36px 32px;display:flex;flex-direction:column;gap:16px}.cp-md__title{font-size:34px;line-height:1.05;margin-top:4px}.cp-md__tag{font-family:var(--font-display);font-size:18px;font-weight:600;color:var(--c-ink-2)}.cp-md__desc{font-size:15px;line-height:1.65;margin:0}.cp-md__x{position:absolute;top:16px;right:16px;width:36px;height:36px;border-radius:50%;background:#fff;border:1px solid var(--c-line-soft);cursor:pointer;font-size:16px;display:inline-flex;align-items:center;justify-content:center;z-index:1}.cp-kv{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px;font-size:13px;color:var(--c-ink-2)}.cp-kv b{display:block;color:var(--c-ink);font-size:14px;font-weight:600;margin-top:2px}body.cp-modal-open{overflow:hidden}@media(max-width:900px){.cp-minis{flex-basis:240px}}@media(max-width:720px){.cp-cards{grid-template-columns:1fr}.cpb-hero{padding:20px 0 22px}.cpb-hero h1{font-size:24px}.cpb-aside{position:static;max-width:none}.cpb-head .steps,.cp-minis{display:none}.cp-status{display:inline-flex}.cpb-bbar .in{gap:12px;min-height:64px}.cpb-bbar__box{gap:10px;flex:1 1 auto}.cpb-bbar .btn{height:44px;padding:0 16px;font-size:14px}.cp-tray{gap:6px}.cp-slot{border-radius:10px}.cp-slot:not(.bag) small{display:none}.cp-slot .x{width:20px;height:20px;font-size:11px;top:4px;right:4px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/coffee-plan-box-b.css.map */