.omote-bag{padding:0;width:min(620px,calc(100% - 32px));max-height:85svh;border:1px solid #dedbd4;border-radius:18px;background:#f9f8f6;color:#111110;box-shadow:0 24px 90px #0002;font:14px/1.6 'Helvetica Neue',Arial,sans-serif;overflow:auto}.omote-bag::backdrop{background:#11111045;backdrop-filter:blur(7px)}.bag-top{display:flex;justify-content:space-between;align-items:center;padding:20px 28px;border-bottom:1px solid #dedbd4}.bag-top h2{margin:0;font:22px 'Optician Sans',Arial,sans-serif;letter-spacing:.1em}.bag-top button{border:0;background:none;font-size:28px;cursor:pointer;padding:8px}.bag-content{padding:12px 28px 28px}.bag-row{display:grid;grid-template-columns:100px 1fr auto;gap:18px;align-items:center;padding:20px 0;border-bottom:1px solid #dedbd4}.bag-row img{width:100%;mix-blend-mode:multiply}.bag-row p{margin:0}.bag-row span{color:#666;font-size:12px}.bag-row label{display:flex;align-items:center;gap:12px;font-size:11px;margin-top:10px}.bag-row input{width:48px;padding:6px;border:1px solid #ccc;background:#fff;font:inherit}.bag-total{display:flex;justify-content:space-between;font-size:18px;margin:24px 0 16px}.bag-note{font-size:11px;color:#666;text-align:center}.bag-checkout{display:block;padding:15px 20px;border-radius:30px;background:#111;color:#fff!important;text-align:center;font-size:11px;letter-spacing:.1em;text-decoration:none}.bag-checkout:hover{opacity:.8}.omote-bag:focus{outline:none}body:has(.omote-bag[open]){overflow:hidden}@media(max-width:500px){.bag-row{grid-template-columns:76px 1fr auto;gap:10px;font-size:12px}.bag-content{padding:10px 20px 24px}.bag-top{padding:18px 20px}}