.demo-dialog{box-sizing:border-box;width:min(640px,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:24px;border:1px solid #c0aacfe6;border-radius:26px;background:linear-gradient(135deg,#fcfafff5,#e6eef6f5);color:#281b36;box-shadow:inset 0 2px 2px #fff,0 24px 80px #0f0c2859;font:16px/1.6 Arial,sans-serif;overflow:auto}
.demo-dialog::backdrop{background:#0c0c1a99;backdrop-filter:blur(7px)}
.demo-dialog header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.demo-dialog h2{font:600 clamp(24px,5vw,34px)/1.2 Arial,sans-serif;color:#24162f;margin:6px 0 20px;overflow-wrap:anywhere}.demo-kicker{font-size:13px;font-weight:600;color:#574365}.demo-dialog h3{font:600 18px/1.4 Arial,sans-serif;margin:0 0 8px;color:#24162f}.demo-dialog p,.demo-dialog label,.demo-dialog dt,.demo-dialog dd{color:#493452}.demo-dialog p{white-space:pre-line}.demo-dialog-body{display:grid;gap:16px}.demo-dialog .demo-notice{margin:20px 0 0;padding-top:14px;border-top:1px solid #b8a6ca;font-size:14px;line-height:1.5}
.demo-dialog button,.demo-cart-toggle{box-sizing:border-box;cursor:pointer;min-height:44px;padding:10px 18px;border:1px solid #493354;border-radius:14px;font:600 15px/1.4 Arial,sans-serif;background:#352344;color:#fff}.demo-dialog .demo-secondary{background:#f8f4fc;color:#352344}.demo-dialog header>button{min-width:44px;padding:6px;font-size:25px}.demo-dialog :is(button,input,select,textarea):focus-visible,.demo-cart-toggle:focus-visible{outline:3px solid #6c4b8a;outline-offset:3px}
.demo-form,.demo-form label{display:grid;gap:8px}.demo-form{gap:16px}.demo-dialog :is(input,select,textarea){box-sizing:border-box;min-width:0;width:100%;min-height:44px;padding:10px 12px;border:1px solid #a38cb9;border-radius:12px;background:#fff;color:#281b36;font:16px/1.5 Arial,sans-serif}.demo-dialog textarea{min-height:96px;resize:vertical}.demo-field-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.demo-dialog dl{margin:0}.demo-dialog dt{font-weight:700}.demo-dialog dd{margin:0 0 16px;white-space:pre-line}.demo-service,.demo-cart-row{padding:16px;background:#ffffffad;border:1px solid #c4b5d3;border-radius:16px}.demo-cart-row label{display:grid;grid-template-columns:1fr 90px;align-items:center;gap:12px;margin-bottom:12px}.demo-detail-image{display:block;max-height:240px;width:100%;object-fit:contain;border-radius:14px}.demo-cart-toggle{position:fixed;left:14px;bottom:90px;z-index:2000;box-shadow:0 6px 20px #21133333}.demo-cart-toggle[hidden]{display:none}
@media(max-width:480px){.demo-dialog{padding:18px;border-radius:20px}.demo-field-pair{grid-template-columns:1fr}.demo-dialog-body{gap:12px}}