:root{--koco-purple: #784d93;--koco-purple-deep: #4e2e6b;--koco-plum: #2b1b3d;--koco-cream: #f7f1e3;--koco-cream-light: #fffbf2;--koco-cream-dark: #efe4ce;--koco-border: #e4d9c4;--koco-border-strong: #d8c9b0;--koco-yolk: #f2c230;--koco-gochu: #c1462f;--koco-leaf: #5c8a5a;--koco-muted: #8b7a9c;--koco-radius-pill: 40px;--koco-radius-card: 14px;--koco-radius-chip: 22px}.koco-eyebrow{font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--koco-muted);margin:0 0 .75rem}.koco-kr{font-size:.7rem;letter-spacing:.18em;color:var(--koco-purple)}.koco-paper{background-color:var(--koco-cream-dark);background-image:radial-gradient(#dcccb0 1.4px,transparent 1.4px);background-size:16px 16px}.koco-sticker{display:inline-block;background:var(--koco-yolk);color:var(--koco-plum);font-weight:700;font-size:.8rem;line-height:1.35;padding:.6rem 1rem;border-radius:8px;transform:rotate(7deg)}.koco-sticker--outline{background:var(--koco-cream-light);border:1.5px dashed var(--koco-gochu);color:var(--koco-gochu);font-weight:600;transform:rotate(-5deg)}.koco-tag{display:inline-flex;align-items:center;gap:.25rem;font-size:.75rem;font-weight:500}.koco-tag--hot{color:var(--koco-gochu)}.koco-tag--mild{color:var(--koco-muted)}.koco-tag--veg{color:var(--koco-leaf)}.koco-builder{display:grid;gap:2rem}.koco-builder__step{font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--koco-muted);margin:0 0 1.1rem}.koco-bases{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin:0;padding:0;list-style:none}@media screen and (max-width:999px){.koco-bases{grid-template-columns:repeat(3,minmax(0,1fr))}}@media screen and (max-width:749px){.koco-bases{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}}.koco-base{position:relative;display:block;cursor:pointer;background:var(--koco-cream);border:1px solid var(--koco-border);border-radius:var(--koco-radius-card);padding:1rem;transition:border-color .15s ease,transform .15s ease}.koco-base:hover{transform:translateY(-2px)}.koco-base input{position:absolute;opacity:0;pointer-events:none}.koco-base__media{aspect-ratio:1 / 1;border-radius:9px;overflow:hidden;background:var(--koco-cream-dark);margin-bottom:.75rem;display:block}.koco-base__media img{width:100%;height:100%;object-fit:cover;display:block}.koco-base__body{display:block}.koco-base__title{display:block;font-weight:600;font-size:.9rem;line-height:1.3}.koco-base__meta{display:block;font-size:.78rem;color:var(--koco-muted);margin-top:.25rem}.koco-base__price{display:block;font-size:.85rem;font-weight:600;color:var(--koco-purple);margin-top:.4rem}.koco-base:has(input:checked){border:1.5px solid var(--koco-purple);box-shadow:0 0 0 3px #784d931f}.koco-base:has(input:checked) .koco-base__title{color:var(--koco-purple)}.koco-base:has(input:focus-visible){outline:2px solid var(--koco-purple);outline-offset:2px}.koco-base--soldout{opacity:.45;pointer-events:none}.koco-toppings{display:flex;flex-wrap:wrap;gap:.6rem;margin:0;padding:0;list-style:none}.koco-chip{position:relative;display:inline-flex;align-items:center;gap:.4rem;cursor:pointer;background:var(--koco-cream-light);border:1px solid var(--koco-border-strong);border-radius:var(--koco-radius-chip);padding:.6rem 1.05rem;font-size:.85rem;line-height:1;transition:background .12s ease,color .12s ease,border-color .12s ease}.koco-chip input{position:absolute;opacity:0;pointer-events:none}.koco-chip__price{color:var(--koco-muted)}.koco-chip:has(input:checked){background:var(--koco-purple);border-color:var(--koco-purple);color:var(--koco-cream-light);font-weight:500}.koco-chip:has(input:checked) .koco-chip__price{color:#fffbf2bf}.koco-chip:has(input:checked):after{content:"\2713";font-size:.8rem}.koco-chip:has(input:focus-visible){outline:2px solid var(--koco-purple);outline-offset:2px}.koco-chip--soldout{opacity:.4;pointer-events:none;text-decoration:line-through}.koco-builder__grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:2rem;align-items:start}@media screen and (max-width:989px){.koco-builder__grid{grid-template-columns:minmax(0,1fr)}}.koco-summary{background:var(--koco-plum);color:var(--koco-cream-light);border-radius:16px;padding:1.4rem;position:sticky;top:calc(var(--header-height, 0px) + 1rem)}.koco-summary__label{font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;opacity:.6;margin:0 0 .9rem}.koco-summary__lines{margin:0;padding:0;list-style:none;display:grid;gap:.5rem}.koco-summary__line{display:flex;justify-content:space-between;gap:1rem;font-size:.85rem}.koco-summary__line--muted{opacity:.6}.koco-summary__line--topping{opacity:.85}.koco-summary__total{display:flex;justify-content:space-between;gap:1rem;font-weight:700;font-size:1.1rem;border-top:1px dashed rgb(255 251 242 / .25);margin-top:.85rem;padding-top:.85rem}.koco-summary__cta{display:block;width:100%;background:var(--koco-yolk);color:var(--koco-plum);border:0;border-radius:26px;padding:.85rem 1rem;margin-top:1rem;font-weight:700;font-size:.95rem;font-family:inherit;cursor:pointer;transition:filter .15s ease}.koco-summary__cta:hover{filter:brightness(.94)}.koco-summary__cta[disabled]{opacity:.45;cursor:not-allowed}.koco-summary__cta[aria-busy=true]{opacity:.7}.koco-summary__note{font-size:.72rem;opacity:.6;margin:.75rem 0 0;line-height:1.55}.koco-summary__error{color:#ffb4a2;font-size:.78rem;margin:.6rem 0 0}@media screen and (max-width:989px){.koco-summary{position:sticky;bottom:0;top:auto;z-index:4}}.koco-usp{color:var(--koco-cream-light)}.koco-usp h3{font-size:1rem;margin:0 0 .35rem}.koco-usp p{font-size:.85rem;opacity:.78;margin:0;line-height:1.6}
/*# sourceMappingURL=/cdn/shop/t/6/assets/koco-brand.css.map */