:root{
  --yan60-sheet-gold:#b67800;
  --yan60-sheet-gold-soft:#fff4cf;
  --yan60-sheet-text:#303640;
  --yan60-sheet-muted:#747d88;
  --yan60-sheet-line:#e4e7eb;
  --yan60-sheet-surface:#fff;
  --yan60-sheet-subtle:#f5f6f8;
  --yan60-sheet-radius:22px;
  --yan60-sheet-control-radius:12px;
}
body.yan60-sheet-open{overflow:hidden;touch-action:none}
.yan60-sheet-mask[hidden],.yan60-bottom-sheet[hidden]{display:none!important}
.yan60-sheet-mask{position:fixed;inset:0;z-index:9999;display:flex;align-items:flex-end;justify-content:center;padding:0;background:rgba(31,37,45,.46);opacity:0;visibility:visible;pointer-events:none;transition:opacity .22s ease;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
.yan60-sheet-mask.is-open{opacity:1;pointer-events:auto}
.yan60-bottom-sheet{position:fixed;z-index:10000;left:50%;bottom:0;width:min(100%,600px);max-height:min(88vh,760px);max-height:min(88dvh,760px);display:flex;flex-direction:column;overflow:hidden;padding:0!important;background:var(--yan60-sheet-surface);color:var(--yan60-sheet-text);border:1px solid var(--yan60-sheet-line);border-bottom:0;border-radius:var(--yan60-sheet-radius) var(--yan60-sheet-radius) 0 0;box-shadow:0 -12px 40px rgba(30,38,50,.18);transform:translate3d(-50%,105%,0);transition:transform .34s cubic-bezier(.22,.76,.24,1);will-change:transform}
.yan60-bottom-sheet.is-open{transform:translate3d(-50%,0,0)}
.yan60-sheet-handle{width:42px;height:4px;flex:0 0 auto;margin:9px auto 3px;border-radius:999px;background:#d2d7dd}
.yan60-sheet-header{position:relative;min-height:52px;display:flex;align-items:center;justify-content:center;padding:10px 56px 12px;border-bottom:1px solid var(--yan60-sheet-line)}
.yan60-sheet-header::before{display:none!important}
.yan60-sheet-heading{min-width:0;text-align:center}
.yan60-sheet-title{margin:0;color:var(--yan60-sheet-text)!important;font-size:1.02rem;font-weight:850;line-height:1.25;text-align:center}
.yan60-sheet-subtitle{margin:3px 0 0;color:var(--yan60-sheet-muted);font-size:.76rem;font-weight:550;line-height:1.35;text-align:center}
.yan60-sheet-close{position:absolute;top:50%;right:12px;width:36px;height:36px;display:grid;place-items:center;padding:0;border:0;border-radius:50%!important;background:var(--yan60-sheet-subtle)!important;color:#737c87!important;cursor:pointer;transform:translateY(-50%);transition:background .16s,color .16s,transform .16s}
.yan60-sheet-close:hover{background:#eceff2;color:var(--yan60-sheet-text)}
.yan60-sheet-close:active{transform:translateY(-50%) scale(.94)}
.yan60-sheet-close:focus-visible{outline:2px solid var(--yan60-sheet-gold);outline-offset:2px}
.yan60-sheet-close svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.yan60-sheet-body{min-height:0;overflow:auto;overscroll-behavior:contain;padding:16px 18px}
.yan60-sheet-footer{display:flex;gap:10px;padding:12px 18px max(14px,env(safe-area-inset-bottom));border-top:1px solid var(--yan60-sheet-line);background:var(--yan60-sheet-surface)}
.yan60-sheet-footer>.yan60-sheet-button{width:auto;margin:0!important}
.yan60-sheet-button{min-width:0;min-height:46px;flex:1;display:inline-flex;align-items:center;justify-content:center;padding:0 16px;border-radius:var(--yan60-sheet-control-radius);font:800 .94rem/1 inherit;cursor:pointer;transition:transform .14s,background .14s,border-color .14s,box-shadow .14s}
.yan60-sheet-button:active{transform:scale(.985)}
.yan60-sheet-button-secondary{border:1px solid #d8dde3!important;background:#fff!important;background-image:none!important;color:#5b6470!important;box-shadow:none!important}
.yan60-sheet-button-secondary:hover{background:var(--yan60-sheet-subtle)}
.yan60-sheet-button-primary{border:1px solid var(--yan60-sheet-gold)!important;background:var(--yan60-sheet-gold)!important;background-image:none!important;color:#fff!important;box-shadow:0 5px 14px rgba(182,120,0,.2)!important}
.yan60-sheet-button-primary:hover{background:#9f6900;border-color:#9f6900}
.yan60-sheet-section-title{margin:0 0 8px;color:#8e6208;font-size:.82rem;font-weight:850}
.yan60-sheet-quantity{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 0}
.yan60-sheet-quantity-label{color:var(--yan60-sheet-muted);font-size:.9rem;font-weight:700}
.yan60-sheet-stepper{display:flex;align-items:center;gap:13px}
.yan60-sheet-stepper button{width:36px;height:36px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:var(--yan60-sheet-subtle);color:var(--yan60-sheet-gold);font-size:1.35rem;line-height:1;cursor:pointer}
.yan60-sheet-stepper output{min-width:42px;color:var(--yan60-sheet-text);font-size:1rem;font-weight:850;text-align:center}
.yan60-sheet-summary{padding:12px 14px;border-radius:var(--yan60-sheet-control-radius);background:var(--yan60-sheet-subtle)}
.yan60-sheet-summary-row{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:29px;color:var(--yan60-sheet-muted);font-size:.88rem}
.yan60-sheet-summary-row strong{color:var(--yan60-sheet-text);font-weight:800}
.yan60-sheet-summary-row.total{margin-top:5px;padding-top:8px;border-top:1px solid var(--yan60-sheet-line);color:var(--yan60-sheet-text);font-weight:850}
.yan60-sheet-summary-row.total strong{color:var(--yan60-sheet-gold);font-size:1rem}
.yan60-sheet-status{margin-top:9px;color:#168454;font-size:.84rem;font-weight:750}
.yan60-sheet-status[hidden]{display:none}
@media(min-width:700px){.yan60-bottom-sheet{bottom:20px;border-bottom:1px solid var(--yan60-sheet-line);border-radius:var(--yan60-sheet-radius)}.yan60-bottom-sheet.is-open{transform:translate3d(-50%,-20px,0)}}
@media(prefers-reduced-motion:reduce){.yan60-sheet-mask,.yan60-bottom-sheet{transition-duration:.01ms!important}}