.extras-grid{gap:0}
.extra-item{padding-right:28px}
.extra-item+.extra-item{border-left:1px solid #87bbd080;padding-left:28px;padding-right:0}
.extra-item>div{width:100%;min-width:0}
.extra-preview-stage{position:relative;display:grid;align-items:center;min-height:172px;margin-top:12px}
.extra-preview-copy,.extra-preview-image{grid-area:1/1;transition:opacity .28s ease,transform .28s ease}
.extra-preview-image{margin:0;opacity:0;transform:translateY(5px);pointer-events:none}
.extra-preview-image img{display:block;width:100%;height:auto;border-radius:10px}
.extra-preview-image figcaption{font-size:9px;line-height:1.5;color:#537687;margin-top:7px}
.optional-extras.is-preview .extra-preview-image{opacity:1;transform:none}
.optional-extras.is-preview .extra-preview-copy{opacity:0;transform:translateY(-5px);pointer-events:none}
.extras-heading-tools{display:flex;align-items:center;gap:16px;font-size:11px;color:#4b6e7e}
.extras-preview-control{font:inherit;font-size:10px;border:0;border-bottom:1px solid #53768750;background:transparent;color:#305e74;padding:8px 0;min-height:32px;cursor:pointer}
.extras-preview-control:focus-visible{outline:2px solid #416471;outline-offset:4px}
@media(max-width:600px){.extras-grid{gap:22px}.extra-item{padding-right:0}.extra-item+.extra-item{border-left:0;border-top:1px solid #87bbd080;padding-left:0;padding-top:24px}.extra-preview-stage{min-height:158px}.extras-heading{align-items:flex-start}.extras-heading-tools{align-items:flex-end;flex-direction:column;gap:2px}.extras-preview-control{padding-block:4px}}
@media(prefers-reduced-motion:reduce){.extra-preview-copy,.extra-preview-image{transition:none;transform:none}}