.wine-box{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:56px;align-items:start;padding-block:22px 52px}@media screen and (max-width:960px){.wine-box{grid-template-columns:1fr;gap:30px;padding-block:14px 34px}}.wine-box__media{position:sticky;top:24px}@media screen and (max-width:960px){.wine-box__media{position:static}}.wine-box__views{display:grid;border:1px solid var(--wine-border-soft);border-radius:var(--wine-radius);overflow:hidden;background:var(--wine-bg)}.wine-box__view{grid-area:1 / 1;aspect-ratio:var(--wine-box-ratio, 4 / 3);position:relative;visibility:hidden;opacity:0;transition:opacity .25s}.wine-box__view img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}.wine-box__pick{position:absolute;opacity:0;pointer-events:none}.wine-box__pick:checked+.wine-box__view{visibility:visible;opacity:1}.wine-box__thumbs{list-style:none;margin:10px 0 0;padding:0;display:flex;gap:8px;flex-wrap:wrap}.wine-box__thumb{width:66px;aspect-ratio:1;display:block;cursor:pointer;overflow:hidden;border:1px solid var(--wine-border);border-radius:var(--wine-radius);transition:border-color .15s}.wine-box__thumb img{width:100%;height:100%;object-fit:cover;display:block}.wine-box__thumb:hover{border-color:var(--wine-ink)}.wine-box__info{display:flex;flex-direction:column;gap:18px}.wine-box__info h1{margin:6px 0 0}.wine-box__pitch{font-size:1.02rem;color:#3a3938;line-height:1.6;max-width:54ch}.wine-box__pricing{display:flex;align-items:baseline;flex-wrap:wrap;gap:10px 12px}.wine-box__price{font-family:var(--wine-ff-head);font-weight:600;font-size:1.8rem;font-variant-numeric:tabular-nums;line-height:1;color:var(--wine-ink)}.wine-box__was{font-size:1rem;color:var(--wine-ink-faint);text-decoration:line-through;font-variant-numeric:tabular-nums}.wine-box__save{font-family:var(--wine-ff-head);font-size:.66rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:4px 8px;border-radius:2px;background:var(--wine-wine-tint);color:var(--wine-deep)}.wine-box__unit{flex-basis:100%;font-size:.88rem;color:var(--wine-ink-light);font-variant-numeric:tabular-nums}.wine-box__unit b{font-weight:600;color:#3a3938}.wine-box__usp{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}.wine-box__usp li{display:flex;gap:10px;align-items:flex-start;font-size:.94rem;line-height:1.5;color:#3a3938}.wine-box__usp svg{width:18px;height:18px;flex:none;margin-block-start:2px;color:var(--wine-teal)}.wine-box__usp b{font-weight:600;color:var(--wine-ink)}.wine-box__opts{display:flex;flex-direction:column;gap:16px}.wine-box__optlegend{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:0 0 8px}.wine-box__optname{font-family:var(--wine-ff-head);font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--wine-ink-faint)}.wine-box__optvalue{font-size:.88rem;font-weight:600;color:var(--wine-ink)}.wine-box__swatches{display:flex;flex-wrap:wrap;gap:8px}.wine-box__swatch{position:relative}.wine-box__swatch input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;margin:0;cursor:pointer}.wine-box__swatch label{display:flex;flex-direction:column;gap:2px;align-items:center;justify-content:center;min-width:84px;padding:10px 14px;cursor:pointer;border:1px solid var(--wine-border);border-radius:var(--wine-radius);background:var(--wine-bg);font-family:var(--wine-ff-head);font-size:.86rem;font-weight:500;color:var(--wine-ink);text-align:center;line-height:1.25;transition:border-color .15s,background .15s,color .15s}.wine-box__swatch label:hover{border-color:var(--wine-ink)}.wine-box__swatch input:checked+label{background:var(--wine-teal);border-color:var(--wine-teal);color:#fff}.wine-box__swatch input:focus-visible+label{outline:2px solid var(--wine-accent);outline-offset:3px}.wine-box__swatch input:disabled+label,.wine-box__swatch[data-sold-out] label{color:var(--wine-ink-faint);border-style:dashed;background:var(--wine-bg-soft)}.wine-box__swatch[data-sold-out] input:checked+label{background:var(--wine-ink-faint);border-color:var(--wine-ink-faint);color:#fff}.wine-box__swatch small{font-size:.72rem;font-weight:600;letter-spacing:.02em;opacity:.75;font-variant-numeric:tabular-nums}.wine-box__swatch input:checked+label small{opacity:.9}.wine-box__swatch[data-best] label{border-color:var(--wine-sand);box-shadow:inset 0 0 0 1px var(--wine-sand)}.wine-box__swatch[data-best]:after{content:attr(data-best);position:absolute;top:-8px;left:50%;transform:translate(-50%);font-family:var(--wine-ff-head);font-size:.58rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;background:var(--wine-sand);color:var(--wine-teal-dark);padding:2px 7px;border-radius:2px;white-space:nowrap;pointer-events:none}.wine-box__form{display:flex;flex-direction:column;gap:18px}.wine-box__buy{display:flex;gap:10px;align-items:stretch}.wine-box__qty{display:flex;align-items:center;border:1px solid var(--wine-border);border-radius:var(--wine-radius);overflow:hidden;flex:none;background:var(--wine-bg)}.wine-box__qty button{width:38px;height:100%;border:0;background:none;cursor:pointer;font-size:1.1rem;color:var(--wine-ink-light);line-height:1}.wine-box__qty button:hover{color:var(--wine-accent)}.wine-box__qty input{width:34px;border:0;text-align:center;font-family:var(--wine-ff-head);font-weight:600;font-size:.95rem;background:none;color:var(--wine-ink);-moz-appearance:textfield}.wine-box__qty input::-webkit-outer-spin-button,.wine-box__qty input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.wine-box__cta{flex:1;display:flex;align-items:center;justify-content:center;gap:10px;font-family:var(--wine-ff-head);font-size:.82rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;background:var(--wine-accent);color:#fff;border:1px solid var(--wine-accent);padding:16px 22px;border-radius:var(--wine-radius);cursor:pointer;transition:background .15s,border-color .15s}.wine-box__cta:hover:not([disabled]){background:var(--wine-accent-dark);border-color:var(--wine-accent-dark)}.wine-box__cta[disabled]{background:var(--wine-ink-faint);border-color:var(--wine-ink-faint);cursor:not-allowed}.wine-box__cta[aria-busy=true]{opacity:.75;cursor:progress}.wine-box__cta em{font-style:normal;font-variant-numeric:tabular-nums}.wine-box__err{font-size:.88rem;color:var(--wine-accent-dark);background:var(--wine-wine-tint);border-radius:var(--wine-radius);padding:10px 13px;line-height:1.5}.wine-box__note{font-size:.85rem;color:var(--wine-ink-light);line-height:1.55}.wine-box__note a{color:var(--wine-deep);text-decoration:underline;text-underline-offset:3px}.wine-box__extras{display:flex;flex-direction:column}.wine-box__extra{border-block-start:1px solid var(--wine-border-soft)}.wine-box__extra summary{list-style:none;cursor:pointer;padding:14px 30px 14px 0;position:relative;font-family:var(--wine-ff-head);font-size:.9rem;font-weight:600}.wine-box__extra summary::-webkit-details-marker{display:none}.wine-box__extra summary:after{content:"";position:absolute;inset-inline-end:4px;top:50%;width:9px;height:9px;border-inline-end:2px solid var(--wine-accent);border-block-end:2px solid var(--wine-accent);transform:translateY(-70%) rotate(45deg);transition:transform .2s}.wine-box__extra[open] summary:after{transform:translateY(-30%) rotate(-135deg)}.wine-box__extrabody{padding-block-end:16px;font-size:.92rem;line-height:1.6;color:#3a3938;max-width:62ch}.wine-box__extrabody p{margin-block-end:10px}.wine-box__extrabody p:last-child{margin-block-end:0}.wine-box__extrabody ul{margin:0;padding-inline-start:18px;display:flex;flex-direction:column;gap:6px}.wine-box__sticky{display:none}@media screen and (max-width:760px){.wine-box__sticky{display:flex;align-items:center;gap:12px;position:fixed;inset-inline:0;bottom:0;z-index:30;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:#fffffff5;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-block-start:1px solid var(--wine-border);transform:translateY(100%);transition:transform .25s ease}.wine-box__sticky[data-shown]{transform:none}.wine-box__sticky>div{flex:1;min-width:0}.wine-box__sticky b{display:block;font-family:var(--wine-ff-head);font-size:1.02rem;font-variant-numeric:tabular-nums}.wine-box__sticky span{display:block;font-size:.76rem;color:var(--wine-ink-light);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wine-box__sticky .wine-box__cta{flex:none;padding:13px 20px;font-size:.76rem}}.wine-steps{list-style:none;margin:0;padding:0;display:grid;gap:22px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));counter-reset:wine-step}.wine-step{position:relative;display:flex;flex-direction:column;gap:8px;padding-block-start:20px;border-block-start:2px solid var(--wine-sand);counter-increment:wine-step}.wine-step:before{content:counter(wine-step,decimal-leading-zero);font-family:var(--wine-ff-head);font-size:.72rem;font-weight:700;letter-spacing:.1em;color:var(--wine-accent)}.wine-step h3{font-size:1.02rem}.wine-step p{font-size:.9rem;color:var(--wine-ink-light);line-height:1.55}.wine-step__img{border-radius:var(--wine-radius);overflow:hidden;aspect-ratio:3 / 2;margin-block-end:4px}.wine-step__img img{width:100%;height:100%;object-fit:cover;display:block}.wine-section--bg-teal .wine-step{border-block-start-color:#e0d1c073}.wine-section--bg-teal .wine-step:before{color:var(--wine-sand)}.wine-section--bg-teal .wine-step p{color:#e6ded6}.wine-cmp{list-style:none;margin:0;padding:0;display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));align-items:stretch}.wine-cmp__card{position:relative;display:flex;flex-direction:column;gap:12px;height:100%;background:var(--wine-bg);border:1px solid var(--wine-border);border-radius:var(--wine-radius);padding:26px 24px;transition:border-color .15s,transform .15s}.wine-cmp__card:hover{border-color:var(--wine-ink);transform:translateY(-2px)}.wine-cmp__card[data-current]{border-color:var(--wine-teal);box-shadow:inset 0 0 0 1px var(--wine-teal)}.wine-cmp__flag{position:absolute;top:-9px;inset-inline-start:24px;font-family:var(--wine-ff-head);font-size:.6rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;background:var(--wine-teal);color:#fff;padding:3px 9px;border-radius:2px}.wine-cmp__card[data-current] .wine-cmp__flag{background:var(--wine-teal)}.wine-cmp__card h3{font-size:1.1rem}.wine-cmp__lead{font-size:.88rem;color:var(--wine-ink-light);line-height:1.5}.wine-cmp__price{font-family:var(--wine-ff-head);font-weight:600;font-size:1.35rem;font-variant-numeric:tabular-nums}.wine-cmp__price small{font-family:var(--wine-ff-body);font-weight:400;font-size:.78rem;color:var(--wine-ink-faint)}.wine-cmp__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:7px;font-size:.87rem;color:#3a3938}.wine-cmp__list li{display:flex;gap:8px;align-items:flex-start;line-height:1.45}.wine-cmp__list li:before{content:"\b7";color:var(--wine-accent);font-weight:700}.wine-cmp__go{margin-block-start:auto;padding-block-start:6px}.wine-cmp__card a.wine-btn{display:block;width:100%;padding-block:12px;color:#fff;text-align:center}.wine-cmp__card a.wine-btn:hover{color:#fff}.wine-cmp__here{margin-block-start:auto;padding-block-start:12px;font-family:var(--wine-ff-head);font-size:.74rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--wine-teal);text-align:center}
/*# sourceMappingURL=/cdn/shop/t/13/assets/wine-box.css.map */