burgunder-package-builder.bp{display:block;padding-top:40px;padding-bottom:64px;--bp-yellow:#fce477;--bp-cream:#f7f5ef;--bp-black:#191919;color:var(--bp-black);font-family:var(--font-body-family);font-size:16px;line-height:1.6}.bp *{box-sizing:border-box}.bp [hidden]{display:none!important}.bp button,.bp input{font:inherit}.bp button{cursor:pointer}.bp button:disabled{cursor:not-allowed}.bp :is(button,input,a):focus-visible{outline:3px solid #b69b34;outline-offset:4px}.bp .bp-hero{background:var(--bp-black);color:white;border-radius:8px;overflow:hidden;padding:clamp(24px,4vw,52px);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);grid-template-areas:'heading visual' 'formats visual' 'summary visual' 'offer offer';gap:24px 44px;align-items:start}.bp .bp-heading{grid-area:heading}.bp .bp-eyebrow{font-size:12px;letter-spacing:.16em;font-weight:700;line-height:1.5;margin:0 0 16px}.bp .bp-heading .bp-eyebrow{color:var(--bp-yellow)}.bp h1,.bp h2{font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight)}.bp h1{font-size:clamp(34px,4vw,54px);line-height:1.12;letter-spacing:calc(var(--font-heading-scale,1)*.06rem);margin:0 0 20px;color:inherit}.bp h1 span{color:var(--bp-yellow)}.bp .bp-intro{font-size:16px;line-height:1.7;color:#dedbd2;margin:0;max-width:500px}.bp .bp-formats{grid-area:formats;padding:0;margin:0;border:0;min-width:0}.bp .bp-formats legend{font-size:15px;font-weight:700;padding:0;margin-bottom:13px;color:inherit}.bp .bp-formats legend>span,.bp .bp-summary-heading h2>span{color:var(--bp-yellow);font-size:11px;margin-right:8px;letter-spacing:.08em}.bp .bp-size-list{display:flex;gap:10px;flex-wrap:wrap}.bp .bp-size{position:relative;cursor:pointer;flex:1;min-width:95px;max-width:160px}.bp .bp-size input{position:absolute;width:1px;height:1px;opacity:0}.bp .bp-size span{display:block;text-align:center;border:1px solid #646159;border-radius:4px;padding:12px 15px;font-size:15px;font-weight:600}.bp .bp-size input:checked+span{background:var(--bp-yellow);color:var(--bp-black);border-color:var(--bp-yellow)}.bp .bp-size input:focus-visible+span{outline:3px solid white;outline-offset:3px}.bp .bp-size input:disabled+span{opacity:.6}.bp .bp-visual{grid-area:visual;background:var(--bp-cream);color:var(--bp-black);border-radius:6px;padding:22px;align-self:stretch;display:flex;flex-direction:column;justify-content:center;min-width:0}.bp .bp-visual-title{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap}.bp .bp-visual-title .bp-eyebrow{font-size:10px;margin:0}.bp [data-bp-progress]{font-size:11px;color:#5d5a51}.bp .bp-studio{flex:1;min-height:520px;display:flex;align-items:center;justify-content:center;padding:28px 0}.bp .bp-pack-stage{position:relative;width:100%;max-width:calc(var(--pack-ratio,1)*560px);aspect-ratio:var(--pack-ratio,1);filter:drop-shadow(0 18px 14px #00000017)}.bp .bp-pack-image{display:block;width:100%;height:100%;object-fit:contain}.bp .bp-slot{position:absolute;display:block;overflow:hidden;padding:0;border:0;border-radius:12% / 7%;background:transparent;isolation:isolate}.bp .bp-slot:focus-visible{outline:3px solid #e7ba13;outline-offset:3px}.bp .bp-slot[data-filled=true]::after{content:'';position:absolute;inset:0;box-shadow:inset 4px 0 9px #00000044,inset -3px 0 8px #00000030;pointer-events:none;border-radius:inherit}.bp .bp-can-image{display:block;width:100%;height:100%}.bp .bp-slot-plus{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--bp-yellow);color:#191919;font-size:30px;line-height:1;box-shadow:0 3px 12px #0003;border:1px solid #19191929}.bp .bp-slot:hover .bp-slot-plus{background:#ffe990;transform:translate(-50%,-50%) scale(1.08)}.bp .bp-slot-edit{position:absolute;right:4px;bottom:6px;width:26px;height:26px;border-radius:50%;background:var(--bp-yellow);color:#191919;font-size:19px;line-height:26px;z-index:1}.bp .bp-slot-number{position:absolute;left:6px;top:7px;color:#191919;opacity:.6;font-size:11px;line-height:1.2}.bp .bp-slot[data-filled=true] .bp-slot-number{background:#191919d9;color:white;border-radius:50%;width:18px;height:18px;line-height:18px;opacity:1}.bp .bp-help{font-size:12px;line-height:1.6;text-align:center;margin:12px auto 0;color:#5e5a50;max-width:380px}.bp .bp-summary{grid-area:summary;min-width:0}.bp .bp-summary-heading{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;justify-content:space-between}.bp .bp-summary-heading h2{color:inherit;font-size:15px;letter-spacing:0;margin:0;font-weight:600}.bp [data-bp-complete]{color:#c5c1b6;font-size:11px}.bp .bp-selection{padding:0;margin:12px 0 20px;list-style:none}.bp .bp-selection li{margin:0}.bp .bp-selection button{display:flex;gap:9px;align-items:baseline;width:100%;padding:5px 0;text-align:left;background:none;border:0;color:#e1ded6;font-size:12px;line-height:1.5}.bp .bp-selection button:hover{color:var(--bp-yellow)}.bp .bp-list-number{font-size:10px;min-width:18px;width:18px;height:18px;border:1px solid #777267;border-radius:50%;line-height:16px;text-align:center;flex:none}.bp .bp-costs{border-block:1px solid #49463f;padding:12px 0;font-size:12px}.bp .bp-cost-caption{margin:0 0 8px;color:#bdb8ab;font-size:11px}.bp .bp-costs>div{display:flex;justify-content:space-between;gap:12px;margin:4px 0}.bp .bp-buy-row{display:flex;justify-content:space-between;gap:18px;align-items:end;margin:18px 0 8px}.bp .bp-count-label{font-size:11px;color:#dedbd2;display:flex;flex-direction:column;gap:7px;max-width:160px}.bp .bp-count-label input{font-size:16px;background:#fff;color:#191919;border:1px solid #918b7c;border-radius:4px;padding:8px 10px;width:80px;min-height:44px}.bp .bp-total{margin:0;text-align:right}.bp .bp-total span{display:block;font-size:11px;color:#dedbd2}.bp .bp-total strong{display:block;font-size:31px;line-height:1.25;white-space:nowrap;letter-spacing:-.02em}.bp .bp-fine{font-size:10px;color:#bdb8ab;margin:8px 0 16px}.bp .bp-add{display:block;width:100%;background:var(--bp-yellow);color:#191919;border:1px solid var(--bp-yellow);border-radius:4px;padding:14px 12px;font-size:14px;font-weight:700;min-height:50px}.bp .bp-add:disabled{background:#807750;border-color:#807750;color:#211e14}.bp .bp-add:not(:disabled):hover{background:#ffe990}.bp .bp-next{display:block;border:0;background:none;color:#e3dfd4;text-decoration:underline;padding:13px 3px 3px;width:100%;font-size:11px;line-height:1.6;min-height:44px}.bp .bp-next:disabled{opacity:.45}.bp [data-bp-message]{font-size:12px;margin:10px 0 0}.bp [data-bp-message]:empty{display:none}.bp [data-bp-message][data-error=true]{color:#ffb5a4}.bp .bp-cart-link{color:var(--bp-yellow);font-size:13px}.bp .bp-offer{grid-area:offer;border-top:1px solid #49463f;padding-top:23px;display:flex;gap:24px;align-items:center}.bp .bp-offer>strong{font-size:34px;color:var(--bp-yellow);white-space:nowrap;line-height:1.1}.bp .bp-offer p{font-size:13px;margin:0;line-height:1.6}.bp .bp-offer small{font-size:11px;color:#bdb8ab}.bp .bp-picker{position:fixed;padding:28px;border:0;border-radius:8px;background:var(--bp-cream);color:var(--bp-black);width:min(760px,calc(100vw - 32px));max-height:calc(100dvh - 40px);margin:auto;overflow:auto;overscroll-behavior:contain;box-shadow:0 20px 90px #0007}.bp .bp-picker::backdrop{background:#000a;backdrop-filter:blur(3px)}.bp .bp-picker-head{display:flex;justify-content:space-between;gap:20px;align-items:center}.bp .bp-picker-head .bp-eyebrow{font-size:11px;color:#6d6656;margin-bottom:5px}.bp .bp-picker h2{font-size:28px;margin:0;line-height:1.3;letter-spacing:0;color:inherit}.bp [data-bp-close]{border:0;background:none;color:inherit;width:44px;height:44px;flex:none;font-size:30px}.bp .bp-picker-note{font-size:12px;margin:12px 0 20px;color:#686153}.bp .bp-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.bp .bp-choice{display:flex;align-items:center;gap:14px;text-align:left;padding:16px;background:white;border:1px solid #d4cfc3;border-radius:5px;color:#191919;min-width:0}.bp .bp-choice:hover,.bp .bp-choice[aria-pressed=true]{border-color:#b69b34;background:#fffdf4}.bp .bp-choice:disabled{opacity:.5}.bp .bp-choice-image{display:block;flex:none;width:65px;height:116px;border-radius:5px;overflow:hidden}.bp .bp-choice-copy{display:flex;flex-direction:column;gap:7px;font-size:12px;line-height:1.5;min-width:0}.bp .bp-choice-copy strong{font-size:13px;line-height:1.4;font-weight:600}.bp .bp-choice-action{font-size:11px;text-decoration:underline}.bp .bp-remove{display:block;margin-top:18px;border:0;background:none;text-decoration:underline;padding:10px 0;min-height:44px;color:#655d4b;font-size:12px}.bp [data-bp-picker-message]{font-size:12px;color:#a42c20}.bp-picker-open{overflow:hidden}@media(max-width:1050px){.bp .bp-hero{gap:24px;padding:28px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.bp .bp-visual{padding:18px}.bp .bp-studio{min-height:430px}.bp .bp-slot-plus{width:36px;height:36px;font-size:26px}.bp .bp-buy-row{gap:10px}.bp .bp-total strong{font-size:28px}}@media(max-width:749px){burgunder-package-builder.bp{padding-top:24px;padding-bottom:40px}.bp .bp-hero{grid-template-columns:1fr;grid-template-areas:'heading' 'formats' 'visual' 'summary' 'offer';gap:24px;padding:25px 18px}.bp h1{font-size:34px}.bp .bp-intro{font-size:14px}.bp .bp-eyebrow{font-size:10px}.bp .bp-size{min-width:0;max-width:none}.bp .bp-size span{padding:11px 6px;font-size:13px}.bp .bp-size-list{gap:8px}.bp .bp-visual{padding:14px}.bp .bp-studio{min-height:0;padding:20px 0}.bp .bp-pack-stage{max-width:calc(var(--pack-ratio,1)*430px)}.bp .bp-visual-title .bp-eyebrow{font-size:9px}.bp [data-bp-progress]{font-size:10px}.bp .bp-slot-plus{width:30px;height:30px;font-size:24px}.bp .bp-slot-edit{width:20px;height:20px;line-height:20px;font-size:16px;right:2px;bottom:4px}.bp .bp-slot-number{font-size:9px;left:3px;top:5px}.bp .bp-slot[data-filled=true] .bp-slot-number{width:14px;height:14px;line-height:14px}.bp .bp-help{font-size:11px}.bp .bp-offer{gap:17px;align-items:flex-start}.bp .bp-offer>strong{font-size:26px}.bp .bp-offer p{font-size:12px}.bp .bp-picker{padding:20px;width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}.bp .bp-choices{grid-template-columns:1fr;gap:10px}.bp .bp-choice{padding:12px 16px}.bp .bp-choice-image{width:52px;height:93px}.bp .bp-picker h2{font-size:25px}.bp .bp-choice-copy strong{font-size:14px}.bp .bp-picker-note{margin-bottom:14px}}
