.purchase-addon{--addon-ink: #19150f;--addon-accent: #ff9400;display:block;container-type:inline-size;min-width:0;margin-block-start:32px;border:1px solid #d0d0d0;border-radius:12px;background:#fff;color:var(--addon-ink);font-family:Montserrat,var(--font-body--family),sans-serif}.purchase-addon[hidden],.purchase-addon [hidden]{display:none}.purchase-addon .purchase-addon__heading{display:flex;align-items:center;justify-content:center;min-block-size:28px;margin:0;padding:4px 10px;border-start-start-radius:11px;border-start-end-radius:11px;background:var(--addon-ink);color:var(--addon-accent);text-align:center;font:500 14px/20px Oswald,var(--font-heading--family),sans-serif;letter-spacing:1.4px;text-transform:uppercase;overflow-wrap:anywhere}.purchase-addon__body{display:grid;grid-template-columns:70px minmax(0,1fr) auto;grid-template-areas:"image title prices" "image saving saving" "image benefits benefits" "controls controls controls";align-items:start;gap:12px;padding:20px}.purchase-addon__body:has([data-addon-saving][hidden]){grid-template-areas:"image title prices" "image benefits benefits" "controls controls controls"}.purchase-addon__details,.purchase-addon__action{display:contents}.purchase-addon .purchase-addon__image{grid-area:image;align-self:start;width:70px;height:70px;object-fit:contain}.purchase-addon .purchase-addon__title{grid-area:title;min-width:0;margin:0;font:700 16px/24px Montserrat,var(--font-body--family),sans-serif;text-box:trim-both cap alphabetic;overflow-wrap:anywhere}.purchase-addon__prices{grid-area:prices;display:flex;flex-wrap:wrap;align-items:baseline;justify-content:flex-end;gap:4px;font:700 16px/24px Montserrat,var(--font-body--family),sans-serif}.purchase-addon__prices :is(s,strong){text-box:trim-both cap alphabetic}.purchase-addon__prices s{color:#555;font-weight:400}.purchase-addon__saving{grid-area:saving;justify-self:start;align-self:flex-start;padding:3px 8px;border-radius:6px;background:var(--purchase-promo, #affd3a);font:500 13px/18px Oswald,var(--font-heading--family),sans-serif;letter-spacing:1.3px}.purchase-addon__benefits{grid-area:benefits;display:grid;gap:4px;min-width:0;margin:0;padding:0;list-style:none;font:500 13px/24px Montserrat,var(--font-body--family),sans-serif}.purchase-addon__benefits li{display:flex;align-items:center;gap:8px;min-width:0}.purchase-addon__check{display:flex;flex:0 0 7px;align-items:center;justify-content:center;height:17px}.purchase-addon__check img{width:9px;height:8px;max-width:none}.purchase-addon__benefit-text{min-width:0;text-box:trim-both cap alphabetic;overflow-wrap:anywhere}.purchase-addon__controls{grid-area:controls;display:grid;gap:12px;min-width:0}.purchase-addon__variant{display:grid;gap:6px;min-width:0;margin:0;padding:0;border:0;font:500 12px/1.4 Montserrat,var(--font-body--family),sans-serif}.purchase-addon__select{position:relative;min-width:0}.purchase-addon__select summary{display:flex;align-items:center;justify-content:space-between;gap:3px;min-height:46px;padding:6px;border:1px solid #d0d0d0;border-radius:6px;background:#fff;cursor:pointer;list-style:none;font:500 12px/1.3 Montserrat,var(--font-body--family),sans-serif}.purchase-addon__select summary::-webkit-details-marker{display:none}.purchase-addon__select-value{display:flex;flex:1;align-items:center;gap:3px;min-width:0;white-space:nowrap}.purchase-addon__select-value>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.purchase-addon__select-value img{flex-shrink:0;width:16px;height:16px}.purchase-addon__select-chevron{flex-shrink:0;width:6px;height:6px;margin:-3px 1px 0;border-inline-end:1.5px solid currentColor;border-block-end:1.5px solid currentColor;transform:rotate(45deg)}.purchase-addon__select:dir(rtl) .purchase-addon__select-chevron{transform:rotate(-45deg)}.purchase-addon__select-options{position:absolute;z-index:5;inset-block-start:calc(100% + 5px);inset-inline-start:0;min-width:min(168px,100%);width:max-content;max-width:100%;padding:4px 0;border:1px solid #d0d0d0;border-radius:6px;background:#fff;overflow:hidden}.purchase-addon__select-option{display:flex;align-items:center;gap:8px;position:relative;padding:12px;cursor:pointer;font:500 14px/1.4 Montserrat,var(--font-body--family),sans-serif;white-space:nowrap}.purchase-addon__select-option .purchase-addon__select-value{gap:8px}.purchase-addon__select-option:has(input:checked),.purchase-addon__select-option:hover{background:#19150f0a}.purchase-addon__select-option:has(input:disabled){opacity:.5;cursor:not-allowed}.purchase-addon__select-option input{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}.purchase-addon__select-option:has(input:focus-visible){outline:2px solid var(--addon-ink);outline-offset:-3px}.purchase-addon__select summary:focus-visible{outline:2px solid var(--addon-ink);outline-offset:2px}.purchase-addon .purchase-addon__toggle{display:flex;align-items:center;justify-content:center;min-height:54px;padding:15px 24px;border:0;border-radius:12px;background:var(--addon-accent);color:var(--addon-ink);font:600 16px/24px Montserrat,var(--font-body--family),sans-serif;cursor:pointer}.purchase-addon .purchase-addon__toggle[aria-pressed=true]{background:var(--addon-ink);color:#fff}.purchase-addon .purchase-addon__toggle:focus-visible{outline:2px solid var(--addon-ink);outline-offset:3px}.purchase-addon:has(details[open]){position:relative;z-index:2}@container (min-width: 560px){.purchase-addon__body,.purchase-addon__body:has([data-addon-saving][hidden]){grid-template-columns:112px minmax(0,1fr) auto;grid-template-areas:"image details action";align-items:start;min-block-size:160px}.purchase-addon .purchase-addon__image{align-self:start;width:112px;height:112px}.purchase-addon__details{grid-area:details;display:flex;flex-direction:column;align-items:flex-start;gap:12px}.purchase-addon .purchase-addon__title{font-size:18px}.purchase-addon__action{grid-area:action;display:flex;flex-direction:column;align-self:stretch;justify-content:space-between;gap:12px;min-width:153px}.purchase-addon__action:has(.purchase-addon__variant){width:180px}.purchase-addon .purchase-addon__toggle{white-space:nowrap}}@container (max-width: 330px){.purchase-addon__body{column-gap:10px;padding:16px}.purchase-addon__prices{font-size:14px}}
/*# sourceMappingURL=/cdn/shop/t/66/assets/product-purchase-addon.css.map */