mstr-offers.mstr-offers{display:block;color:rgb(var(--text-color));font-family:var(--text-font-family);margin-block:24px}
.mstr-offers__fieldset{border:0;padding:0;margin:0;min-width:0}
.mstr-offers .mstr-offers__heading{font-family:var(--text-font-family);font-size:16px;line-height:1.4;letter-spacing:.04em;font-weight:700;text-transform:uppercase;margin:0 0 22px}
.mstr-offers__cards{display:grid;gap:16px}
.mstr-offers__card{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr) minmax(112px,auto);gap:8px 12px;align-items:center;border:1px solid #dedede;border-radius:8px;padding:24px 18px;cursor:pointer;min-width:0}
.mstr-offers__card.is-selected{border-color:#111;background:#fff;box-shadow:inset 0 0 0 1px #111}
.mstr-offers__card:has(input:focus-visible){outline:3px solid currentColor;outline-offset:3px}
.mstr-offers__radio{position:absolute;opacity:0;width:1px;height:1px;overflow:hidden}
.mstr-offers__image{width:42px;height:66px;object-fit:contain;align-self:center}
.mstr-offers__details{display:grid;gap:5px;min-width:0}
.mstr-offers__title{font-size:16px;line-height:1.35;font-weight:700}
.mstr-offers__supply,.mstr-offers__benefit{font-size:13px;line-height:1.45;color:#6b6b6b}
.mstr-offers__benefit{color:#444}
.mstr-offers__badge{position:absolute;top:-10px;right:16px;padding:3px 10px;background:#111;color:#fff;border-radius:20px;font-size:10px;letter-spacing:.07em;text-transform:uppercase;font-weight:700;line-height:1.6}
.mstr-offers__prices{display:grid;gap:8px;justify-items:end;align-content:center;text-align:right;min-width:0}
.mstr-offers__price{font-size:16px;line-height:1.35;white-space:nowrap}
.mstr-offers__price small{font-size:12px;font-weight:700}
.mstr-offers__totals{display:flex;flex-wrap:wrap;gap:3px 8px;justify-content:flex-end;font-size:12px;color:#767676;line-height:1.4}
.mstr-offers__saving{background:#eaeaea;border-radius:24px;padding:4px 10px;font-size:12px;font-weight:700;line-height:1.4;max-width:100%}
.mstr-offers__gift{grid-column:1/-1;display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:8px;align-items:center;background:#eaeaea;padding:12px;border-radius:7px;margin-top:8px}
.mstr-offers__gift img{width:52px;height:52px;object-fit:contain}
.mstr-offers__gift strong{font-size:12px;line-height:1.5}
.mstr-offers__gift del{font-size:12px;color:#767676}
.mstr-offers__shade-heading{display:flex;gap:12px;align-items:baseline;justify-content:space-between;margin-top:34px}
.mstr-offers__shade-link{border:1px solid currentColor;border-radius:3px;padding:2px 8px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}
.mstr-offers__shades{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px}
.mstr-offers__shade{border:0;margin:0;padding:0;min-width:0}
.mstr-offers__shade legend{font-size:14px;line-height:1.4;font-weight:700;margin-bottom:8px;padding:0}
.mstr-offers__swatches{display:flex;gap:8px;flex-wrap:wrap}
.mstr-offers__swatch{display:block;position:relative;min-width:28px;min-height:28px;cursor:pointer}
.mstr-offers__swatch input{position:absolute;opacity:0;width:1px;height:1px}
.mstr-offers__swatch span{display:block;width:28px;height:24px;border:2px solid transparent;border-radius:3px;box-sizing:border-box;background:var(--shade-color)}
.mstr-offers__swatch:has(input:checked) span{outline:2px solid #111;outline-offset:1px}
.mstr-offers__swatch:has(input:focus-visible) span{outline:3px solid #111;outline-offset:3px}
.mstr-offers__swatch:has(input:disabled){opacity:.3;cursor:not-allowed}
.mstr-offers__delivery{margin-top:38px}
.mstr-offers__delivery .mstr-offers__heading{display:block;margin-bottom:18px}
.mstr-offers__subscribe{font-size:13px;color:#666;margin:0 0 8px}
.mstr-offers__select{appearance:none;display:block;width:100%;height:auto;min-height:46px;padding:11px 38px 11px 14px;border:1px solid #c7c7c7;border-radius:7px;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='10' viewBox='0 0 16 10'%3E%3Cpath d='m2 2 6 6 6-6' fill='none' stroke='%23272b2f' stroke-width='2'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;color:#272b2f;font:inherit;font-size:16px;line-height:1.4;box-sizing:border-box}
.mstr-offers__renewal,.mstr-offers__order-note{font-size:12px;color:#666;line-height:1.5;margin:12px 0}
.mstr-offers__add{display:block;width:100%;border:0;border-radius:8px;background:#111!important;color:#fff!important;padding:20px 14px;text-align:center;font-family:inherit;font-size:17px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-top:22px;cursor:pointer;opacity:1}
.mstr-offers__add:disabled{cursor:wait;opacity:.6}
.mstr-offers__error{color:#a12121;font-size:13px;line-height:1.5}
.mstr-offers [hidden]{display:none!important}
@media(max-width:480px){.mstr-offers__card{grid-template-columns:28px minmax(0,1fr) minmax(94px,auto);padding:23px 12px;gap:8px}.mstr-offers__image{width:28px;height:58px}.mstr-offers__title{font-size:14px}.mstr-offers__supply,.mstr-offers__benefit{font-size:11px}.mstr-offers__price{font-size:15px}.mstr-offers__price small{font-size:10px}.mstr-offers__totals{font-size:11px}.mstr-offers__saving{font-size:11px;padding:4px 8px}.mstr-offers__gift{grid-template-columns:44px minmax(0,1fr) auto;padding:10px;gap:7px}.mstr-offers__gift img{width:44px;height:44px}.mstr-offers__gift strong,.mstr-offers__gift del{font-size:10px}.mstr-offers .mstr-offers__heading{font-size:14px}.mstr-offers__shade-link{font-size:9px;padding:2px 6px}.mstr-offers__shades{gap:18px 12px}.mstr-offers__shade legend{font-size:12px}.mstr-offers__swatches{gap:7px}}