.cko{padding-top:calc(var(--shop-topbar-h) + 15px);padding-bottom:108px}.cko .pay-panel{margin-top:0}.cko-title{margin:0;color:var(--ink);font-family:var(--font-ui);font-size:15px;font-weight:400}.cko-steps{display:flex;align-items:flex-start;margin:0;padding:0;list-style:none;background:var(--surface)}.cko-steps__item{position:relative;flex:1 1;min-width:0}.cko-steps__item:not(:first-child):before{content:"";position:absolute;top:20px;left:-50%;width:100%;height:2px;background:var(--line)}.cko-steps__item--done:before,.cko-steps__item--on:before{background:var(--primary)}.cko-steps__btn{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%;min-height:44px;padding:6px 2px 0;border:0;background:transparent;font-family:var(--font-ui);cursor:pointer}.cko-steps__btn:disabled{cursor:default}.cko-steps__dot{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:999px;background:var(--bg);color:var(--muted);font-size:12.5px;font-weight:700}.cko-steps__item--on .cko-steps__dot{background:var(--primary);color:var(--brand-ink)}.cko-steps__item--done .cko-steps__dot{background:var(--brand-dark);color:var(--brand-ink)}.cko-steps__label{color:var(--muted);font-size:11px;font-weight:600;text-align:center}.cko-steps__item--done .cko-steps__label,.cko-steps__item--on .cko-steps__label{color:var(--primary)}.cko-card__lead{display:flex;align-items:center;gap:9px;min-width:0}.cko-card__icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:34px;height:34px;border-radius:999px;background:var(--brand-soft);color:var(--primary)}.cko-card__title{margin:0;color:var(--ink);font-family:var(--font-ui);font-size:14.5px;font-weight:700}.cko-card__sub{display:block}.cko-card__sub,.cko-note{color:var(--muted);font-size:11.5px}.cko-note{margin:0;line-height:1.55}.cko-pin{display:flex;flex-direction:column;gap:8px;margin-top:14px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--bg)}.cko-pin__head{display:flex;align-items:center;justify-content:space-between;gap:10px}.cko-pin__title{margin:0;font-size:12.5px;font-weight:300;color:var(--ink)}.cko-pin__act{border:0;padding:0;background:none;color:var(--primary);font-size:11.5px;cursor:pointer}.cko-pin__row{display:flex;align-items:baseline;justify-content:space-between;gap:10px;font-size:12px}.cko-pin__label{color:var(--muted)}.cko-pin__value{color:var(--ink);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.cko-pin__hint{color:var(--muted)}.cko-pin__hint,.cko-pin__warn{margin:0;font-size:11.5px;line-height:1.55}.cko-pin__warn{color:var(--danger-ink)}.cko-pin__btn{align-self:flex-start;padding:7px 14px;font-size:12.5px}.cko-pin__rule{margin:0}.cko-mode,.cko-pin__rule{color:var(--muted);font-size:11px;line-height:1.5}.cko-mode{flex:0 0 auto;padding:3px 9px;border:1px solid var(--line);border-radius:999px;background:var(--bg);font-weight:600;white-space:nowrap}.cko-mode--now{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 10%,var(--surface));color:var(--primary)}.cko-vendor__title-row{display:flex;align-items:center;gap:6px}.cko-vendor__badge{display:inline-flex;align-items:center;padding:1px 6px;border-radius:4px;background:var(--bg);color:var(--muted);font-size:10px;font-weight:500;line-height:1.4}.cko-lines{display:flex;flex-direction:column;gap:16px;margin-bottom:14px}.cko-line{display:flex;align-items:flex-start;gap:12px;padding-bottom:16px;border-bottom:1px dashed var(--line)}.cko-line:last-child{padding-bottom:0;border-bottom:0}.cko-line__thumb{position:relative;flex:0 0 auto;width:76px;height:76px;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--line);background:var(--bg)}.cko-line__img{width:100%;height:100%;object-fit:cover;display:block}.cko-line__img--empty{display:block;width:100%;height:100%;background-image:linear-gradient(120deg,var(--primary),var(--secondary))}.cko-line__badge{position:absolute;top:4px;left:4px;font-size:9.5px;font-weight:600;padding:1.5px 5.5px;border-radius:4px;line-height:1.3}.cko-line__badge--service{background:rgba(0,0,0,.65);color:var(--brand-ink);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.cko-line__badge--product{background:var(--warn);color:var(--brand-ink)}.cko-line__body{flex:1 1 auto;min-width:0;display:flex;flex-direction:column}.cko-line__top{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.cko-line__name{color:var(--ink);font-size:14px;font-weight:600;line-height:1.35;margin:0;word-break:break-word}.cko-line__pill{display:inline-block;margin-top:3px;padding:1px 7px;border-radius:6px;background:var(--bg);color:var(--muted);font-size:11px;font-weight:400;line-height:1.4}.cko-line__price-block{flex:0 0 auto;text-align:right}.cko-line__price{display:block;color:var(--ink);font-family:var(--font-ui);font-size:15px;font-weight:700;line-height:1.1;white-space:nowrap}.cko-line__subprice{display:block;color:var(--muted);font-size:10.5px;font-weight:400;margin-top:2px}.cko-booking-capsule{display:flex;align-items:center;gap:8px;margin-top:8px;padding:8px 10px;border:1px solid color-mix(in srgb,var(--primary) 22%,transparent);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--primary) 7%,var(--surface))}.cko-booking-capsule__icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:24px;height:24px;border-radius:6px;background:var(--primary);color:var(--brand-ink)}.cko-booking-capsule__body{flex:1 1 auto;min-width:0}.cko-booking-capsule__head{display:flex;justify-content:space-between;align-items:center;gap:6px;color:var(--primary);font-size:10.5px;font-weight:600}.cko-booking-capsule__time{color:var(--secondary);font-weight:500}.cko-booking-capsule__dates{margin-top:1px;color:var(--brand-dark);font-size:12px;font-weight:600}.cko-booking-capsule__sub{margin-top:1px;color:var(--muted);font-size:10px}.cko-delivery-note{display:flex;align-items:center;gap:5px;margin-top:6px;color:var(--muted);font-size:11px}.cko-delivery-note svg{color:var(--primary);flex-shrink:0}.cko-line__actions{display:flex;justify-content:space-between;align-items:center;margin-top:10px;padding-top:2px}.cko-line__qty-wrap{display:flex;align-items:center;gap:6px}.cko-line__qty-label{color:var(--muted);font-size:11.5px}.cko-stepper{padding:2px;border:1px solid var(--line);border-radius:999px;background:var(--surface)}.cko-stepper,.cko-stepper__btn{display:inline-flex;align-items:center}.cko-stepper__btn{justify-content:center;width:24px;height:24px;border:0;border-radius:999px;background:transparent;color:var(--ink);font-size:14px;line-height:1;cursor:pointer;transition:background var(--duration-fast) var(--ease-standard)}.cko-stepper__btn:hover:not(:disabled){background:var(--bg)}.cko-stepper__btn:disabled{opacity:.4;cursor:not-allowed}.cko-stepper__count{justify-content:center;width:26px;color:var(--ink);text-align:center}.cko-line__remove,.cko-stepper__count{display:inline-flex;align-items:center;font-family:var(--font-body);font-size:12px;font-weight:600}.cko-line__remove{gap:3px;padding:4px 6px;border:0;border-radius:4px;background:transparent;color:var(--danger);cursor:pointer;transition:background var(--duration-fast) var(--ease-standard)}.cko-line__remove:hover{background:var(--danger-soft)}.cko-sum{margin:0;padding-top:14px;border-top:1px solid var(--line)}.cko-sum__head{margin:0 0 10px;color:var(--ink);font-size:12px;font-weight:600;letter-spacing:.02em}.cko-sum__row{display:flex;justify-content:space-between;gap:12px;padding:4px 0;color:var(--ink-2);font-size:12.5px}.cko-sum__row dd,.cko-sum__row dt{margin:0}.cko-sum__row--muted{color:var(--muted);font-size:11px}.cko-sum__total-title{color:var(--ink);font-size:14px;font-weight:700}.cko-sum__total-sub{display:block;color:var(--muted);font-size:10px;font-weight:400;margin-top:1px}.cko-sum__total-val{color:var(--primary);font-size:18px;font-weight:700}.cko-trust-badge{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:10px;padding:6px;color:var(--muted);font-size:11px}.cko-trust-badge svg{color:var(--ok);flex-shrink:0}.cko-trust-badge__sep{opacity:.5}.cko-sum__ship{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.cko-sum__ship-tag{padding:1px 7px;border:1px solid var(--line);border-radius:999px;background:var(--bg);color:var(--muted);font-size:10.5px;line-height:1.5}.cko-sum__row--total{padding-top:9px;margin-top:4px;border-top:1px solid var(--line);color:var(--ink);font-size:15px;font-weight:700}.cko .field-row .field{flex:1 1;min-width:0}.cko .field-row .field+.field{margin-top:0}.cko .field+.field,.cko .field+.field-row,.cko .field-row+.field,.cko .field-row+.field-row{margin-top:12px}.cko-err,.cko-req{color:var(--danger)}.cko-err{font-size:12px}.cko input[aria-invalid=true],.cko select[aria-invalid=true],.cko textarea[aria-invalid=true]{border-color:var(--danger);box-shadow:inset 0 0 0 1px var(--danger)}.cko .field select{font-size:14px}.cko select:disabled{color:var(--muted);background:var(--bg);cursor:default}.cko-member{margin:0 0 12px;color:var(--ink-2);font-size:12.5px;line-height:1.6}.cko-member--guest{color:var(--muted)}.cko-member__link{color:var(--primary);font-weight:600;text-decoration:underline}.cko-remember{display:flex;align-items:flex-start;gap:10px;min-height:44px;padding:8px 0;color:var(--ink);font-size:13px;cursor:pointer}.cko-remember input{flex:0 0 auto;width:20px;height:20px;margin:1px 0 0;accent-color:var(--primary)}.cko-remember__hint{display:block;color:var(--muted);font-size:11.5px;line-height:1.55}.cko-addr{margin:0 0 14px;padding:10px 12px 12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg)}.cko-addr__head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.cko-addr__title{margin:0;color:var(--ink);font-family:var(--font-ui);font-size:13px;font-weight:700}.cko-addr__acts button,.cko-addr__cancel,.cko-addr__new{min-height:36px;padding:0 8px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);color:var(--primary);font-family:var(--font-ui);font-size:12px;font-weight:600;cursor:pointer}.cko-addr__acts button:disabled,.cko-addr__cancel:disabled,.cko-addr__new:disabled{opacity:.5;cursor:default}.cko-addr__empty{margin:0 0 10px;color:var(--muted);font-size:12px;line-height:1.6}.cko-addr__list{margin:0 0 10px;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}.cko-addr__item{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);overflow:hidden}.cko-addr__item--on{border-color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary)}.cko-addr__pick{display:flex;flex-direction:column;gap:2px;width:100%;min-height:44px;padding:9px 10px;border:0;background:none;text-align:left;cursor:pointer}.cko-addr__label{display:flex;align-items:center;gap:6px;color:var(--ink);font-family:var(--font-ui);font-size:13px;font-weight:700}.cko-addr__badge{padding:1px 6px;border-radius:999px;background:var(--brand-soft);color:var(--brand-dark);font-size:10.5px;font-weight:600}.cko-addr__line{color:var(--muted);font-size:11.5px;line-height:1.5}.cko-addr__acts{display:flex;flex-wrap:wrap;gap:6px;padding:0 10px 10px}.cko-addr__del{color:var(--danger)}.cko-addr__name{margin-bottom:10px}.cko-addr__save{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.cko-addr__save-btn{min-height:40px;padding:0 14px;border:0;border-radius:var(--radius-sm);background:var(--primary);color:var(--surface);font-family:var(--font-ui);font-size:13px;font-weight:700;cursor:pointer}.cko-addr__save-btn:disabled{opacity:.6;cursor:default}.bk-card--secondary{background:var(--bg);border-color:var(--line)}.cko-methods{display:flex;flex-direction:column;gap:10px}.cko-method{display:flex;align-items:flex-start;gap:10px;padding:12px;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg);cursor:pointer}.cko-method--fixed{cursor:default}.cko-method--on{border-color:var(--primary);background:var(--brand-soft)}.cko-method--disabled{cursor:default;opacity:.45;filter:grayscale(.4)}.cko-method__radio{flex:0 0 auto;margin:3px 0 0;width:18px;height:18px;accent-color:var(--primary)}.cko-method__tick{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:26px;height:26px;border-radius:999px;background:var(--primary);color:var(--brand-ink)}.cko-method__tick--off{background:var(--line);color:var(--muted)}.cko-method__body{display:flex;flex-direction:column;gap:3px;min-width:0}.cko-method__title{display:flex;align-items:center;gap:6px;flex-wrap:wrap;color:var(--ink);font-size:13.5px;font-weight:700;line-height:1.3}.cko-method__badge{display:inline-flex;align-items:center;padding:1px 7px;border-radius:999px;background:color-mix(in srgb,var(--primary) 15%,var(--surface));color:var(--primary);font-size:10.5px;font-weight:600;line-height:1.5;white-space:nowrap}.cko-method__desc{color:var(--ink-2);font-size:11.5px;line-height:1.5}.cko-pp-logo{display:inline-flex;align-items:center;margin-right:2px}.cko-pp-img{height:22px;width:auto;max-width:95px;object-fit:contain;vertical-align:middle;background:var(--surface);padding:1px 5px;border-radius:4px;border:1px solid var(--line)}.cko-bank-badges{display:inline-flex;align-items:center;gap:4px;vertical-align:middle}.cko-bank-badge-img{width:22px;height:22px;border-radius:4px;object-fit:contain;display:inline-block;vertical-align:middle;box-shadow:0 1px 2px rgba(0,0,0,.08)}.cko-bank-badge{display:inline-flex;align-items:center;justify-content:center;min-width:27px;height:19px;padding:0 4px;border-radius:4px;font-size:9px;font-weight:800;letter-spacing:-.01em;line-height:1;color:var(--surface);box-shadow:0 1px 2px rgba(0,0,0,.1)}.cko-bank-badge--kbank{background:#138f2d}.cko-bank-badge--scb{background:#4e2e7f}.cko-bank-badge--ktb{background:#00a6e6}.cko-bank-badge--bbl{background:#1e3f8b}.cko-bank-badge--bay{background:#fec43b;color:#503200}.cko-tail{height:24px}.cko-bar{position:fixed;left:0;right:0;bottom:0;z-index:40;display:flex;gap:10px;max-width:var(--app-max);margin:0 auto;padding:10px 16px calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--line);box-shadow:0 -4px 16px rgba(16,24,40,.06)}.cko-bar,.cko-bar__back{align-items:center;background:var(--surface)}.cko-bar__back{display:inline-flex;justify-content:center;flex:0 0 44px;width:44px;height:44px;border:1px solid var(--line);border-radius:999px;color:var(--ink);cursor:pointer}.cko-bar__sum{flex:0 1 auto;min-width:0}.cko-bar__label{display:block;color:var(--muted);font-size:10.5px;line-height:1.3}.cko-bar__total{display:block;color:var(--primary);font-family:var(--font-ui);font-size:17px;font-weight:700;white-space:nowrap}.cko-bar__cta{display:inline-flex;align-items:center;justify-content:center;gap:6px;flex:1 1 auto;min-width:0;padding:11px 12px;white-space:nowrap}@media (max-width:360px){.cko-bar{gap:8px;padding-left:12px;padding-right:12px}.cko-bar__total{font-size:15px}.cko-bar__cta{padding:11px 10px;font-size:14px}}.cko-bank-chips{margin-top:12px;padding-top:12px;border-top:1px dashed var(--line);display:flex;flex-direction:column;gap:8px}.cko-bank-chips__label{font-size:12px;color:var(--muted);font-weight:500}.cko-bank-chips__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));grid-gap:8px;gap:8px}.cko-bank-chip{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);cursor:pointer;transition:all .15s ease;text-align:left}.cko-bank-chip--active,.cko-bank-chip:hover{border-color:var(--primary);background:var(--bg)}.cko-bank-chip--active{box-shadow:0 0 0 1px var(--primary)}.cko-bank-chip__img{width:24px;height:24px;border-radius:4px;object-fit:contain;flex-shrink:0}.cko-bank-chip__name{font-size:12px;color:var(--ink);font-weight:500;line-height:1.2}.cko-modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.65);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px;animation:ckoFadeIn .2s ease-out}.cko-modal{width:100%;max-width:440px;background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--line);box-shadow:0 20px 25px -5px rgba(0,0,0,.2),0 10px 10px -5px rgba(0,0,0,.1);overflow:hidden;animation:ckoScaleUp .2s ease-out}.cko-modal__head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--line);background:var(--bg)}.cko-modal__brand{display:flex;align-items:center;gap:10px}.cko-modal__logo{height:22px;width:auto;object-fit:contain}.cko-modal__title{font-size:14px;font-weight:600;color:var(--ink)}.cko-modal__close{background:none;border:none;font-size:18px;color:var(--muted);cursor:pointer;padding:4px 8px;border-radius:var(--radius-sm);transition:color .15s ease}.cko-modal__close:hover{color:var(--ink)}.cko-modal__body{padding:24px 20px;text-align:center;gap:16px}.cko-modal__amount-box,.cko-modal__body{display:flex;flex-direction:column;align-items:center}.cko-modal__amount-box{gap:4px}.cko-modal__amount-label{font-size:12px;color:var(--muted)}.cko-modal__amount-val{font-size:26px;font-weight:700;color:var(--primary);font-family:var(--font-ui)}.cko-modal__order-code{font-size:11.5px;color:var(--muted);font-family:monospace}.cko-modal__qr-wrap{padding:14px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:0 4px 12px rgba(0,0,0,.05);display:flex;align-items:center;justify-content:center}.cko-modal__qr-img{display:block;width:220px;height:220px;border-radius:4px}.cko-modal__loading{width:220px;height:220px;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:13px;background:var(--bg);border-radius:var(--radius-md)}.cko-modal__countdown{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;background:var(--bg);border-radius:9999px;border:1px solid var(--line);font-size:12.5px}.cko-modal__countdown-label{color:var(--muted)}.cko-modal__countdown-timer{font-weight:700;color:var(--primary);font-family:monospace;font-size:14px}.cko-modal__live{display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--muted)}.cko-modal__live-dot{width:7px;height:7px;border-radius:50%;background:var(--primary);animation:ckoPulse 1.5s infinite}.cko-modal__sim-banner{font-size:11.5px;padding:6px 12px;background:rgba(234,179,8,.15);color:var(--warn);border-radius:var(--radius-sm);border:1px solid rgba(234,179,8,.3)}.cko-modal__actions{display:flex;flex-direction:column;gap:8px;width:100%;margin-top:8px}.cko-modal__expired,.cko-modal__success{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px 0;width:100%}.cko-modal__success-icon{width:60px;height:60px;border-radius:50%;background:var(--primary);color:var(--surface);font-size:32px;display:flex;align-items:center;justify-content:center;font-weight:700}.cko-modal__expired-icon{font-size:48px}.cko-modal__expired-title,.cko-modal__success-title{margin:0;font-size:18px;color:var(--ink)}.cko-modal__expired-sub,.cko-modal__success-sub{margin:0;font-size:13px;color:var(--muted);max-width:280px;line-height:1.5}@keyframes ckoFadeIn{0%{opacity:0}to{opacity:1}}@keyframes ckoScaleUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes ckoPulse{0%{transform:scale(.95);opacity:.5}50%{transform:scale(1.3);opacity:1}to{transform:scale(.95);opacity:.5}}