/* Two approved product trials only. Photographs contain their own foil lettering. */
.box-trial .hero-image>img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:7px;background:#eeeded}
.box-options{border:0;padding:0;margin:20px 0 0;min-width:0}
.box-options legend{font-size:13px;font-weight:600;margin-bottom:10px}
.box-colors{display:flex;flex-wrap:wrap;gap:10px}
.box-color{display:flex;align-items:center;gap:8px;border:1px solid #b5bac2;border-radius:24px;padding:9px 16px;font:14px 'Segoe UI',Arial,sans-serif;background:#fff;color:#20232a;cursor:pointer;min-height:43px}
.box-color[aria-pressed=true]{border-color:#20232a;box-shadow:inset 0 0 0 1px #20232a}
.box-swatch{width:18px;height:18px;border:1px solid #9ca1a9;border-radius:50%;display:block;background:#fafafa}
.box-swatch.black{background:#202024;border-color:#202024}
.box-color:focus-visible,.box-trial [data-box-view]:focus-visible{outline:3px solid #ec7b3e;outline-offset:3px}
.box-trial .view-controls{margin-top:14px;gap:8px}
.box-trial .view-controls button{min-height:39px;font-size:13px;cursor:pointer}
.foil-note{display:block;font-size:12px;color:var(--muted);margin-top:9px;line-height:1.6}
.box-trial .hero-image figcaption{line-height:1.6}
.box-trial .packaging-grid{grid-template-columns:1.25fr 1fr}
.box-pair{display:grid;gap:18px;min-width:0}
.box-pair figure{margin:0!important;min-width:0}
.box-pair img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:7px}
.box-pair figcaption{font-size:12px;line-height:1.6;margin-top:6px}
.box-trial .pack-copy .large-copy{font-size:22px}
.box-trial #order-color{width:100%;font:16px 'Segoe UI',Arial,sans-serif;color:#20232a;background:#fff;border:1px solid #8b96a6;border-radius:5px;padding:12px;margin:8px 0 22px;min-height:48px}
.box-trial .selected-pack{line-height:1.7}
.box-trial .order-panel #order-preview{overflow-wrap:anywhere}
@media(max-width:760px){.box-trial .hero-image>img{border-radius:0}.box-trial .hero-image>.box-options,.box-trial .hero-image>.view-controls,.box-trial .hero-image>figcaption{margin-inline:18px}.box-trial .packaging-grid{grid-template-columns:1fr}.box-pair{gap:22px}.box-pair figure{margin-inline:-18px!important}.box-pair figcaption{margin-inline:18px}.box-color{font-size:13px;padding:9px 15px}.box-trial .pack-copy .large-copy{font-size:21px}}
@media(max-width:360px){.box-trial .hero-image>.box-options,.box-trial .hero-image>.view-controls,.box-trial .hero-image>figcaption{margin-inline:14px}.box-pair figure{margin-inline:-14px!important}.box-pair figcaption{margin-inline:14px}}