.ob-pdp__tiers{display:flex;flex-direction:column;gap:16px}.ob-pdp__tier{display:block;position:relative;background:var(--ob-pdp-tier-bg, var(--ob-paper));border:1px solid var(--ob-pdp-tier-line, var(--ob-line));border-radius:var(--ob-radius);cursor:pointer;transition:border-color .16s,background-color .16s}.ob-pdp__tier.is-selected{background:var(--ob-pdp-tier-on-bg, rgba(var(--ob-accent-rgb), .04));border-color:var(--ob-pdp-tier-on, var(--ob-accent));box-shadow:inset 0 0 0 1px var(--ob-pdp-tier-on, var(--ob-accent))}.ob-pdp__tier input{position:absolute;opacity:0;pointer-events:none}.ob-pdp__tier:focus-within{outline:2px solid var(--ob-ink);outline-offset:2px}@supports selector(:has(*)){.ob-pdp__tier:focus-within{outline:none}.ob-pdp__tier:has(input:focus-visible){outline:2px solid var(--ob-ink);outline-offset:2px}}.ob-pdp__tier.has-ribbon{margin-top:27px;border-top-left-radius:0}.ob-pdp__tier-ribbon{position:absolute;bottom:100%;left:-1px;display:block;width:max-content;padding:5px 20px 4px;border-radius:var(--ob-radius) var(--ob-radius) 0 0;background:var(--ob-pdp-ribbon-bg, var(--ob-accent));color:var(--ob-pdp-ribbon-fg, var(--ob-on-accent));font-size:calc(12px * var(--ob-fs, 1));line-height:calc(18px * var(--ob-fs, 1));font-weight:600;text-align:center;letter-spacing:.02em}.ob-pdp__tier-body{display:flex;align-items:center;gap:8px;padding:12px}.ob-pdp__tier-radio{position:relative;width:18px;height:18px;flex:0 0 18px;border-radius:50%;border:1px solid var(--ob-field-line);border-color:color-mix(in srgb,var(--ob-line) 71%,var(--ob-mist));background:var(--ob-paper);transition:border-color .16s}.ob-pdp__tier.is-selected .ob-pdp__tier-radio{border-color:var(--ob-pdp-tier-on, var(--ob-accent))}.ob-pdp__tier.is-selected .ob-pdp__tier-radio:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:50%;background:var(--ob-pdp-tier-on, var(--ob-accent))}.ob-pdp__tier-stack{flex:0 0 40px;width:40px;height:52px;display:inline-flex;align-items:flex-end;justify-content:center;margin:0 8px 0 4px}.ob-pdp__tier-stack img{display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom;min-width:0}.ob-pdp__tier-stack .ob-ph{border-radius:6px}.ob-pdp__tier-main{display:flex;flex-direction:column;min-width:0;flex:1 1 auto}.ob-pdp__tier-name-row{display:flex;align-items:center;gap:4px 8px;flex-wrap:wrap}.ob-pdp__tier-name{font-size:calc(15px * var(--ob-fs, 1));line-height:calc(20px * var(--ob-fs, 1));font-weight:600;color:var(--ob-ink)}.ob-pdp__tier-flag{display:inline-block;padding:3px 6px;border-radius:var(--ob-radius-sm);background:var(--ob-pdp-flag-off-bg, var(--ob-pdp-flag-bg, var(--ob-accent)));color:var(--ob-pdp-flag-off-fg, var(--ob-pdp-flag-fg, var(--ob-on-accent)));font-size:calc(11px * var(--ob-fs, 1));line-height:calc(14px * var(--ob-fs, 1));font-weight:600;white-space:nowrap}.ob-pdp__tier.is-selected .ob-pdp__tier-flag{background:var(--ob-pdp-flag-bg, var(--ob-accent));color:var(--ob-pdp-flag-fg, var(--ob-on-accent))}.ob-pdp__tier-name-row:has(>.ob-pdp__tier-flag:not([hidden]),>.ob-pdp__tier-tag){margin-bottom:4px}.ob-pdp__tier-note{font-size:calc(12px * var(--ob-fs, 1));line-height:calc(16px * var(--ob-fs, 1));color:var(--ob-muted)}.ob-pdp__tier-prices{display:flex;flex-direction:column;align-items:flex-end;gap:2px;flex:0 0 auto;text-align:right}.ob-pdp__tier-price{font-size:calc(16px * var(--ob-fs, 1));line-height:calc(22px * var(--ob-fs, 1));font-weight:600;color:var(--ob-ink)}.ob-pdp__tier-compare{font-size:calc(12px * var(--ob-fs, 1));line-height:calc(16px * var(--ob-fs, 1));color:var(--ob-pdp-compare, var(--ob-mist));text-decoration:line-through}.ob-pdp__tier-compare-row{display:inline-flex;align-items:baseline;gap:4px}.ob-pdp__tier-compare-label{font-size:calc(12px * var(--ob-fs, 1));line-height:calc(16px * var(--ob-fs, 1));color:var(--ob-mist)}.ob-pdp__tier-compare-label:has(+[hidden]){display:none}.ob-pdp__tier-tag{display:inline-block;padding:2px 6px;border:1px solid var(--ob-line);border-radius:var(--ob-radius-sm);font-size:calc(11px * var(--ob-fs, 1));line-height:calc(14px * var(--ob-fs, 1));font-weight:500;color:var(--ob-muted);white-space:nowrap}.ob-pdp__tier-suffix{font-size:calc(12px * var(--ob-fs, 1));line-height:calc(16px * var(--ob-fs, 1));font-weight:400;color:var(--ob-muted)}.ob-pdp__tier-line{max-width:170px;font-size:calc(12px * var(--ob-fs, 1));line-height:calc(16px * var(--ob-fs, 1));color:var(--ob-muted)}.ob-pdp__tier-prices:has(.ob-pdp__tier-suffix,.ob-pdp__tier-line){max-width:46%}.ob-pdp__tier-price:has(.ob-pdp__tier-suffix){display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:baseline;column-gap:4px}.ob-pdp__tiers--no-image .ob-pdp__tier-stack{display:none}.ob-pdp__tiers-box{container-type:inline-size}.ob-pdp__tiers--cards .ob-pdp__tier-body{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:10px 10px;padding:16px}.ob-pdp__tiers--cards .ob-pdp__tier-radio{grid-column:1;grid-row:1;margin-top:2px}.ob-pdp__tiers--cards .ob-pdp__tier-main{grid-column:2;grid-row:1;gap:2px}.ob-pdp__tiers--cards .ob-pdp__tier-stack{grid-column:3;grid-row:1 / span 2;margin:0}.ob-pdp__tiers--cards .ob-pdp__tier-prices{grid-column:1 / span 2;grid-row:2;flex-direction:row;flex-wrap:wrap;align-items:baseline;gap:2px 8px;max-width:none;text-align:left}.ob-pdp__tiers--cards .ob-pdp__tier-price:has(.ob-pdp__tier-suffix){justify-content:flex-start}.ob-pdp__tiers--cards .ob-pdp__tier-name{font-size:calc(16px * var(--ob-fs, 1));line-height:calc(22px * var(--ob-fs, 1))}.ob-pdp__tiers--cards .ob-pdp__tier-note{font-size:calc(13px * var(--ob-fs, 1));line-height:calc(18px * var(--ob-fs, 1))}.ob-pdp__tiers--cards .ob-pdp__tier-price{font-size:calc(24px * var(--ob-fs, 1));line-height:calc(30px * var(--ob-fs, 1));letter-spacing:-.02em}.ob-pdp__tiers--cards .ob-pdp__tier-compare{font-size:calc(14px * var(--ob-fs, 1));line-height:calc(20px * var(--ob-fs, 1))}.ob-pdp__tiers--cards .ob-pdp__tier-line{flex:1 0 100%;max-width:none;font-size:calc(13px * var(--ob-fs, 1));line-height:calc(18px * var(--ob-fs, 1))}.ob-pdp__tiers--cards .ob-pdp__benefits,.ob-pdp__tiers--cards .ob-pdp__gift{margin:0 16px 16px}@container (min-width: 320px){.ob-pdp__tiers--row.ob-pdp__tiers--n2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ob-pdp__tiers--row.ob-pdp__tiers--n2:has(.has-ribbon) .ob-pdp__tier{margin-top:27px}.ob-pdp__tiers--row.ob-pdp__tiers--n2 .ob-pdp__tier.has-ribbon{border-top-right-radius:0}.ob-pdp__tiers--row.ob-pdp__tiers--n2 .ob-pdp__tier-ribbon{right:-1px;width:auto;padding-inline:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@container (min-width: 500px){.ob-pdp__tiers--row.ob-pdp__tiers--n3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.ob-pdp__tiers--row.ob-pdp__tiers--n4{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ob-pdp__tiers--row:is(.ob-pdp__tiers--n3,.ob-pdp__tiers--n4):has(.has-ribbon) .ob-pdp__tier{margin-top:27px}.ob-pdp__tiers--row:is(.ob-pdp__tiers--n3,.ob-pdp__tiers--n4) .ob-pdp__tier.has-ribbon{border-top-right-radius:0}.ob-pdp__tiers--row:is(.ob-pdp__tiers--n3,.ob-pdp__tiers--n4) .ob-pdp__tier-ribbon{right:-1px;width:auto;padding-inline:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@container (min-width: 680px){.ob-pdp__tiers--row.ob-pdp__tiers--n4{grid-template-columns:repeat(4,minmax(0,1fr))}}.ob-pdp__tiers--row .ob-pdp__tier,.ob-pdp__tiers--grid .ob-pdp__tier{display:flex;flex-direction:column}.ob-pdp__tiers--grid .ob-pdp__tier.has-ribbon{border-top-right-radius:0}.ob-pdp__tiers--grid .ob-pdp__tier-ribbon{right:-1px;width:auto;padding-inline:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ob-pdp__tiers--row .ob-pdp__tier-body{grid-template-columns:auto minmax(0,1fr);padding:14px 12px}.ob-pdp__tiers--row .ob-pdp__tier-stack{grid-column:1 / span 2;grid-row:3;justify-self:start}.ob-pdp__tiers--row .ob-pdp__tier-price{font-size:calc(20px * var(--ob-fs, 1));line-height:calc(26px * var(--ob-fs, 1))}.ob-pdp__tiers--row .ob-pdp__benefits,.ob-pdp__tiers--row .ob-pdp__gift{margin:0 12px 12px}.ob-pdp__tiers--row .ob-pdp__gift-list{flex-direction:column;gap:8px}.ob-pdp__tiers--row .ob-pdp__gift-img{flex-basis:40px;width:40px;height:40px}.ob-pdp__tiers--row .ob-pdp__gift-name{font-size:calc(13px * var(--ob-fs, 1));line-height:calc(17px * var(--ob-fs, 1))}.ob-pdp__tiers--grid{display:grid;grid-template-columns:repeat(var(--ob-pdp-grid-cols, 3),minmax(0,1fr));gap:8px}.ob-pdp__tiers--grid .ob-pdp__tier-body{flex:1 1 auto;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:12px 6px;text-align:center}.ob-pdp__tiers--grid .ob-pdp__tier-radio,.ob-pdp__tiers--grid .ob-pdp__tier-stack,.ob-pdp__tiers--grid .ob-pdp__benefits,.ob-pdp__tiers--grid .ob-pdp__gift{display:none}.ob-pdp__tiers--grid .ob-pdp__tier-main{flex:0 0 auto;align-items:center;gap:2px}.ob-pdp__tiers--grid .ob-pdp__tier-name-row{flex-direction:column;gap:4px}.ob-pdp__tiers--grid .ob-pdp__tier-name{font-size:calc(14px * var(--ob-fs, 1));line-height:calc(18px * var(--ob-fs, 1))}.ob-pdp__tiers--grid .ob-pdp__tier-prices{align-items:center;max-width:none;text-align:center}.ob-pdp__tiers--grid .ob-pdp__tier-price:has(.ob-pdp__tier-suffix){flex-direction:column;align-items:center}.ob-pdp__tiers--grid .ob-pdp__tier-line{max-width:none}.ob-pdp__tiers--grid .ob-pdp__tier-ribbon{font-size:calc(11px * var(--ob-fs, 1));line-height:calc(16px * var(--ob-fs, 1));padding-block:3px 2px}.ob-pdp__tiers--grid:has(.has-ribbon) .ob-pdp__tier{margin-top:22px}@container (max-width: 330px){.ob-pdp__tiers--grid{grid-template-columns:repeat(min(var(--ob-pdp-grid-cols, 3),3),minmax(0,1fr));gap:6px}.ob-pdp__tiers--grid .ob-pdp__tier-name{font-size:calc(13px * var(--ob-fs, 1))}.ob-pdp__tiers--grid .ob-pdp__tier-price{font-size:calc(15px * var(--ob-fs, 1))}}.ob-pdp__units{margin-top:16px;padding:14px;border:1px solid var(--ob-line);border-radius:var(--ob-radius);background:var(--ob-paper)}.ob-pdp__units-title{margin-bottom:10px;font-size:calc(14px * var(--ob-fs, 1));line-height:calc(20px * var(--ob-fs, 1));font-weight:600;color:var(--ob-ink)}.ob-pdp__units-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}.ob-pdp__unit{display:flex;flex-direction:column;gap:4px;min-width:0}.ob-pdp__unit-label{font-size:calc(12px * var(--ob-fs, 1));line-height:calc(16px * var(--ob-fs, 1));font-weight:500;color:var(--ob-muted)}.ob-pdp__units--tiles .ob-pdp__units-title{margin-bottom:4px}.ob-pdp__units-progress{margin:0 0 12px;font-size:calc(13px * var(--ob-fs, 1));line-height:calc(18px * var(--ob-fs, 1));color:var(--ob-muted)}.ob-pdp__units-progress.is-done{font-weight:500;color:var(--ob-ok)}.ob-pdp__bld{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:12px 8px;margin:0;padding:4px 0 0;list-style:none}.ob-pdp__bld-item{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0;margin:0;padding:12px 8px 8px;border:1px solid var(--ob-pdp-tier-line, var(--ob-line));border-radius:var(--ob-radius);background:var(--ob-pdp-tier-bg, var(--ob-paper));text-align:center;transition:border-color .16s,box-shadow .16s}.ob-pdp__bld-item.is-on{border-color:var(--ob-pdp-tier-on-line, var(--ob-accent));box-shadow:inset 0 0 0 1px var(--ob-pdp-tier-on-line, var(--ob-accent))}.ob-pdp__bld-item.is-out .ob-pdp__bld-media,.ob-pdp__bld-item.is-out .ob-pdp__bld-name{opacity:.5}.ob-pdp__bld-media{display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:56px;height:56px;border-radius:var(--ob-radius-sm);background:var(--ob-card);overflow:hidden}.ob-pdp__bld-media img{display:block;width:100%;height:100%;object-fit:cover}.ob-pdp__bld-media--mark{background:none;font-size:calc(32px * var(--ob-fs, 1));line-height:1}.ob-pdp__bld-name{max-width:100%;font-size:calc(13px * var(--ob-fs, 1));line-height:calc(17px * var(--ob-fs, 1));font-weight:500;color:var(--ob-ink);overflow-wrap:anywhere}.ob-pdp__bld-out{font-weight:400;color:var(--ob-mist)}.ob-pdp__bld-badge{position:absolute;top:-9px;left:50%;max-width:calc(100% - 8px);padding:2px 8px;border-radius:var(--ob-pill);background:var(--ob-pdp-flag-bg, var(--ob-accent));color:var(--ob-pdp-flag-fg, var(--ob-on-accent));font-size:calc(10px * var(--ob-fs, 1));line-height:calc(14px * var(--ob-fs, 1));font-weight:700;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transform:translate(-50%)}.ob-pdp__bld-step{display:inline-flex;align-items:center;margin-top:auto;border:1px solid var(--ob-field-line);border-radius:var(--ob-pill);background:var(--ob-paper)}.ob-pdp__bld-btn{position:relative;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;color:var(--ob-ink)}.ob-pdp__bld-btn:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px}.ob-pdp__bld-btn[aria-disabled=true],.ob-pdp__bld-btn[disabled]{opacity:.32;cursor:default}.ob-pdp__bld-count{min-width:16px;font-size:calc(14px * var(--ob-fs, 1));line-height:calc(20px * var(--ob-fs, 1));font-weight:600;font-variant-numeric:tabular-nums;text-align:center;color:var(--ob-ink)}.ob-pdp__bld-item.is-on .ob-pdp__bld-btn--plus:not([aria-disabled=true]){background:var(--ob-pdp-tier-on-line, var(--ob-accent));color:var(--ob-on-accent)}@media(prefers-reduced-motion:reduce){.ob-pdp__bld-item{transition:none}}.ob-pdp__benefits{display:block;margin:0 12px 12px;padding-top:12px;border-top:1px solid var(--ob-line)}.ob-pdp--benefits-selected .ob-pdp__tier:not(.is-selected) .ob-pdp__benefits{display:none}.ob-pdp__benefits-label{display:block;margin-bottom:8px;font-size:calc(11px * var(--ob-fs, 1));line-height:calc(16px * var(--ob-fs, 1));font-weight:500;letter-spacing:.8px;text-transform:uppercase;color:var(--ob-mist)}.ob-pdp__benefits-list{display:flex;flex-direction:column;gap:2px}.ob-pdp__benefits-item{display:flex;align-items:flex-start;gap:8px;font-size:calc(13px * var(--ob-fs, 1));line-height:calc(20px * var(--ob-fs, 1));color:var(--ob-ink)}.ob-pdp__benefits-item svg{flex:0 0 14px;margin-top:3px;color:var(--ob-accent)}.ob-pdp__gift{display:block;margin:0 12px 12px;padding-top:12px;border-top:1px solid var(--ob-line)}.ob-pdp__gift.ob-pdp__gift--bg{padding:12px;border-top:0;border-radius:var(--ob-radius-sm)}.ob-pdp__gift-compact{display:none;align-items:flex-start;gap:8px;font-size:calc(12.5px * var(--ob-fs, 1));line-height:calc(18px * var(--ob-fs, 1));color:var(--ob-muted)}.ob-pdp__gift-compact svg{flex:0 0 auto;margin-top:1px;color:var(--ob-accent)}.ob-pdp__gift-compact-names{font-weight:600;color:var(--ob-ink)}.ob-pdp__gift-compact b{font-weight:600;color:var(--ob-accent)}.ob-pdp--gifts-compact .ob-pdp__tier:not(.is-selected) .ob-pdp__gift{padding-top:10px}.ob-pdp--gifts-compact .ob-pdp__tier:not(.is-selected) .ob-pdp__gift-label,.ob-pdp--gifts-compact .ob-pdp__tier:not(.is-selected) .ob-pdp__gift-hint,.ob-pdp--gifts-compact .ob-pdp__tier:not(.is-selected) .ob-pdp__gift-list{display:none}.ob-pdp--gifts-compact .ob-pdp__tier:not(.is-selected) .ob-pdp__gift-compact{display:flex}@media(max-width:389px){.ob-pdp__tier-body{gap:6px;padding:12px 10px}.ob-pdp__tier-name{font-size:calc(13px * var(--ob-fs, 1))}.ob-pdp__tier-stack{flex-basis:34px;width:34px;height:46px;margin:0 6px 0 2px}.ob-pdp__tier-flag{font-size:calc(10px * var(--ob-fs, 1));padding:2px 5px}}@media(min-width:1024px){.ob-pdp__tier-name{font-size:calc(14px * var(--ob-fs, 1));line-height:calc(18px * var(--ob-fs, 1))}.ob-pdp__tier-price{font-size:calc(15px * var(--ob-fs, 1));line-height:calc(20px * var(--ob-fs, 1))}}
/*# sourceMappingURL=/cdn/shop/t/36/assets/ob-pdp-picker.css.map */