.d-cafe{--cafx-fern:oklch(0.8 0.13 150);--cafx-cream:oklch(0.96 0.015 85)}.cafx-strip{background:var(--d-band-bg);color:var(--cafx-cream);text-align:center;font-size:13px;font-weight:600;letter-spacing:.01em;padding:9px 16px}.cafx-navcta{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}.cafx-navcta .dbtn{font-size:15px;padding:11px 18px;min-height:44px}.cafx-hero{padding-bottom:clamp(20px,4vw,34px)}.cafx-hero-shots{margin-top:clamp(28px,5vw,44px);display:grid;grid-template-columns:repeat(2,1fr);grid-gap:10px;gap:10px}.cafx-shot{margin:0}.cafx-shot:first-child{grid-column:1/-1}@media (min-width:700px){.cafx-hero-shots{grid-template-columns:repeat(3,1fr);gap:12px}.cafx-shot:first-child{grid-column:auto}}.cafx-board{background:var(--d-band-bg);color:var(--cafx-cream);border-radius:var(--d-r);padding:clamp(20px,4vw,34px);display:grid;grid-template-columns:1fr;grid-gap:28px;gap:28px}@media (min-width:760px){.cafx-board{grid-template-columns:repeat(3,1fr);gap:30px}}.cafx-board h3{color:var(--cafx-fern);font-size:13px;font-family:var(--font-body);font-weight:600;letter-spacing:.14em;text-transform:uppercase;margin-bottom:4px}.cafx-colnote{font-size:13px;color:oklch(.78 .02 80);margin-bottom:14px}.cafx-item{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding-block:9px;border-bottom:1px dotted oklch(.45 .03 60);font-size:15px}.cafx-item b{font-weight:600}.cafx-item small{display:block;font-size:12.5px;color:oklch(.76 .02 80);margin-top:2px}.cafx-item .cafx-price{font-weight:600;white-space:nowrap;color:var(--cafx-fern)}.cafx-item.out b{text-decoration:line-through;opacity:.55}.cafx-item.out .cafx-price{color:oklch(.72 .06 40);font-size:12px;letter-spacing:.08em;text-transform:uppercase}.cafx-order{background:var(--d-panel);border:1px solid var(--d-line);border-radius:var(--d-r);padding:clamp(18px,3.5vw,28px);max-width:720px}.cafx-block{padding-bottom:20px;margin-bottom:20px;border-bottom:1px dashed var(--d-line)}.cafx-order .dchip:not(.on),.demo.d-cafe .cafx-order input{background:var(--d-bg)}.cafx-block h3{font-family:var(--font-body);font-weight:600;font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--d-mute);margin-bottom:14px}.cafx-label{font-size:13.5px;font-weight:600;color:var(--d-ink2);margin:16px 0 8px}.cafx-label:first-of-type{margin-top:0}.cafx-drinks{display:grid;grid-template-columns:1fr;grid-gap:8px;gap:8px}@media (min-width:520px){.cafx-drinks{grid-template-columns:repeat(2,1fr)}}@media (min-width:800px){.cafx-drinks{grid-template-columns:repeat(3,1fr)}}.cafx-drink{font:inherit;text-align:left;display:grid;grid-template-columns:1fr auto;grid-gap:2px 10px;gap:2px 10px;background:var(--d-bg);border:1.5px solid var(--d-line);border-radius:14px;padding:12px 14px;min-height:60px;cursor:pointer;color:var(--d-ink);transition:border-color .14s ease,background-color .14s ease}.cafx-drink.on,.cafx-drink:hover{border-color:var(--d-acc)}.cafx-drink.on{background:var(--d-tint)}.cafx-drink b{grid-column:1;font-weight:600;font-size:15px}.cafx-drink small{grid-column:1;font-size:12.5px;color:var(--d-mute)}.cafx-drink span{grid-column:2;grid-row:1/span 2;align-self:center;font-weight:600;font-size:14px;color:var(--d-acc);white-space:nowrap}.cafx-total{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;background:var(--d-tint);border-radius:14px;padding:14px 18px}.cafx-total small{display:block;font-size:12.5px;color:var(--d-ink2)}.cafx-total b{font-family:var(--font-display);font-weight:800;font-size:26px;color:var(--d-ink)}.cafx-done h3{font-size:clamp(20px,3.4vw,26px);margin-bottom:6px}.cafx-done-sub{color:var(--d-ink2);font-size:15.5px;max-width:46ch}.cafx-check{width:44px;height:44px;border-radius:999px;background:var(--d-acc);color:var(--d-acc-ink);display:grid;place-items:center;font-size:20px;margin-bottom:14px}.cafx-receipt{margin-top:18px;border-top:1px dashed var(--d-line);padding-top:12px;display:grid;grid-gap:8px;gap:8px;max-width:400px}.cafx-rline{display:flex;justify-content:space-between;gap:14px;font-size:15px}.cafx-rline span{color:var(--d-ink2)}.cafx-rline b{font-weight:600;white-space:nowrap}.cafx-rtotal{border-top:1px solid var(--d-line);padding-top:10px}.cafx-rtotal b{font-size:18px}.cafx-beans{display:grid;grid-template-columns:1fr;grid-gap:14px;gap:14px}@media (min-width:700px){.cafx-beans{grid-template-columns:repeat(3,1fr)}}.cafx-bean{background:var(--d-panel);border:1px solid var(--d-line);border-radius:var(--d-r);padding:18px}.cafx-bag{display:block;height:96px;border-radius:12px 12px 4px 4px;margin-bottom:14px}.cafx-bag.a{background:linear-gradient(160deg,oklch(.46 .06 60),oklch(.3 .04 55))}.cafx-bag.b{background:linear-gradient(160deg,oklch(.62 .12 145),oklch(.4 .09 155))}.cafx-bag.c{background:linear-gradient(160deg,oklch(.55 .08 20),oklch(.32 .05 30))}.cafx-bean h3{font-size:18px;margin-bottom:2px}.cafx-origin{font-size:13px;color:var(--d-mute)}.cafx-notes{margin-top:10px;font-size:14.5px;font-weight:600;color:var(--d-acc)}.cafx-bean-foot{margin-top:14px;padding-top:12px;border-top:1px dotted var(--d-line);display:flex;justify-content:space-between;gap:10px;font-size:14px;color:var(--d-mute)}.cafx-bean-foot b{color:var(--d-ink);font-weight:600}.cafx-find{display:grid;grid-template-columns:1fr;grid-gap:18px;gap:18px}@media (min-width:700px){.cafx-find{grid-template-columns:1fr 1fr;gap:28px}}.cafx-hours{background:var(--d-panel);border:1px solid var(--d-line);border-radius:var(--d-r);padding:18px 20px;display:grid;grid-gap:2px;gap:2px;align-content:start}.cafx-hrow{display:flex;justify-content:space-between;gap:12px;padding-block:10px;border-bottom:1px solid var(--d-line);font-size:15px}.cafx-hrow:last-child{border-bottom:0}.cafx-hrow span{color:var(--d-ink2)}.cafx-hrow b{font-weight:600;white-space:nowrap}.cafx-addr{display:grid;grid-gap:6px;gap:6px;font-size:15.5px;color:var(--d-ink2);align-content:start}.cafx-addr b{color:var(--d-ink);font-weight:600;font-size:17px}.cafx-addr a{color:var(--d-acc);font-weight:600;text-decoration:none;margin-top:4px}.cafx-addr a:hover{text-decoration:underline}