/* A compact bag: product first, total and checkout second, conditions on demand. */
.context-bag{width:min(420px,100%)}
.context-bag .bag-top{padding:12px 24px}
.context-bag .bag-top h2{font:400 20px/1.2 var(--sans)}
.context-bag .bag-close{font:400 13px/1.5 var(--sans);padding:8px 0 8px 12px}
.context-bag .bag-review{padding:20px 24px 16px}
.context-bag .bag-item{grid-template-columns:72px minmax(0,1fr);gap:16px;padding-bottom:16px}
.context-bag .bag-item-copy h3{font:400 16px/1.3 var(--sans);margin:0 0 6px}
.context-bag .bag-item-copy h3 a{min-height:44px}
.context-bag .bag-item-copy p{font:400 13px/1.5 var(--sans);color:var(--muted);margin:0 0 4px}
.context-bag .bag-item-bottom{font:400 13px/1.5 var(--sans);align-items:center;gap:8px}
.context-bag .bag-remove{font:400 12px/1.5 var(--sans);color:var(--muted);padding:10px 0}
.context-bag .bag-notice{font:400 12px/1.5 var(--sans);color:var(--muted);margin:0 0 12px}
:root body .bag-details{background:transparent;border-top:1px solid var(--line);padding:0}
.bag-details>summary{display:flex;align-items:center;justify-content:space-between;min-height:44px;cursor:pointer;list-style:none;font:400 13px/1.5 var(--sans)}
.bag-details>summary::-webkit-details-marker{display:none}.bag-details>summary::after{content:'+';font:400 16px/1 var(--sans)}.bag-details[open]>summary::after{content:'−'}
.bag-details>div{padding:4px 0 12px}
.bag-details :is(.bag-quote,.bag-returns,.bag-arrival-help){display:block;font:400 12px/1.5 var(--sans)!important;min-height:0;margin:0 0 12px!important;color:var(--muted)}
.bag-details .bag-quote a{display:inline;min-height:0;color:var(--ink)}
.bag-details a{color:var(--ink)}
.context-bag .bag-footer{padding:16px 24px max(20px,env(safe-area-inset-bottom));background:var(--paper)}
.context-bag .bag-footer dl{font:400 13px/1.5 var(--sans)}
.context-bag .bag-footer dl>div{padding:4px 0}
.context-bag .bag-footer .bag-total{border-top:1px solid var(--line);margin-top:12px;padding-top:12px;font:400 18px/1.3 var(--sans)}
.context-bag .bag-tax{font:400 12px/1.5 var(--sans)!important;margin:8px 0 16px!important}
.context-bag .bag-checkout{min-height:48px;font:400 13px/1.5 var(--sans);padding:12px 16px}
.context-bag .bag-confidence,.context-bag .bag-delivery{font:400 12px/1.5 var(--sans)!important;color:var(--muted);text-align:left;margin:8px 0 0!important}
.context-bag .bag-confidence+.bag-delivery{margin-top:2px!important}
.context-bag .bag-storage-note{font-size:12px!important}
.context-bag .bag-empty{padding:24px}
.context-bag .bag-empty-title{font:400 20px/1.3 var(--sans)!important}
.context-bag .bag-empty>p:not(.bag-empty-title){font:400 13px/1.5 var(--sans);margin-top:12px}
@media(max-width:380px){.context-bag .bag-top,.context-bag .bag-review,.context-bag .bag-footer,.context-bag .bag-empty{padding-inline:20px}.context-bag .bag-item{grid-template-columns:64px minmax(0,1fr);gap:12px}}

.context-bag .bag-continue{display:none}

.context-bag .bag-top{min-height:64px;padding-block:10px}
.context-bag .bag-footer>dl:first-child{font:400 13px/1.5 var(--sans);border:0;padding:0;margin:0}
.context-bag .bag-notice{background:none;border:0;padding:0}.context-bag .bag-notice::before{display:none}
.context-bag .bag-details .bag-returns{border:0;padding:0}

.bag-item-copy .bag-phrase{display:inline-block}