.mix-box{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(0,1.5fr);gap:clamp(40px,7vw,112px);padding:48px var(--gutter);background:#fffdf9;color:#241b13;scroll-margin-top:24px}
.mix-box-copy{display:flex;flex-direction:column;align-items:flex-start;padding-top:8px;min-width:0}
.mix-label{font-size:14px;font-weight:500;margin:0 0 24px}
.mix-box #mix-box-title{font-family:var(--font-display);font-size:clamp(40px,4.3vw,64px);font-weight:700;line-height:1.05;letter-spacing:-.035em;margin:0 0 24px;text-wrap:balance}
.mix-introduction{font-size:16px;line-height:1.75;max-width:36ch;margin:0 0 40px;color:#655b50}
.mix-summary{width:100%;max-width:440px;margin-top:auto;outline:none}
.mix-count{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:16px;margin-bottom:16px}
.mix-count>svg{color:#315d38}
.mix-slots{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}
.mix-slots li{border:1px dashed #b8b2a7;background:#f5f2eb;border-radius:6px;aspect-ratio:3/4;min-width:0}
.mix-slots li.filled{border:1px solid #a1b59c;background:#fff}
.mix-slots button,.mix-slots li>span{position:relative;display:flex;width:100%;height:100%;min-height:44px;align-items:center;justify-content:center;background:transparent;border:0;border-radius:5px;font-size:12px;color:#71685d}
.mix-slots button{cursor:pointer}
.mix-slots button:hover{background:#edf2e9}
.mix-slots img{width:85%;height:85%;object-fit:contain;mix-blend-mode:multiply;animation:mix-bottle-in .2s ease-out}
.mix-slots svg{position:absolute;right:3px;top:3px;color:#241b13;background:white;border-radius:50%}
.mix-progress{font-size:12px;line-height:1.5;color:#655b50;margin:12px 0 24px;min-height:18px}
.mix-total{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:0 0 16px;font-size:14px}
.mix-total strong{font-size:24px;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.mix-review-button,.mix-cart-button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:52px;padding:14px 20px;background:#241b13;border:0;border-radius:8px;color:#fffdf9;font-size:14px;font-weight:600;cursor:pointer}
.mix-review-button:disabled{background:#e8e3da;color:#746b60;cursor:default}
.mix-review-button:not(:disabled):hover,.mix-cart-button:not(:disabled):hover{background:#315d38}
.mix-review{margin-top:24px;border-top:1px solid #d9d1c5;padding-top:16px;font-size:12px;line-height:1.6}
.mix-review>p{margin:0 0 16px}
.mix-review ul{padding:0;list-style:none;margin:0 0 16px}
.mix-review li{display:flex;justify-content:space-between;gap:16px;padding:8px 0;border-bottom:1px solid #e8e3da}
.mix-review li span:last-child{flex:none;white-space:nowrap}
.mix-shipping{color:#655b50}
.mix-error{color:#8b291e;margin-top:12px!important}.mix-error a{text-decoration:underline}
.mix-browser{min-width:0}
.mix-grower{margin-bottom:20px}
.mix-grower label{display:block;font-size:12px;font-weight:500;margin-bottom:8px}
.mix-grower-select{position:relative}
.mix-grower select{appearance:none;display:block;width:100%;min-height:56px;border:1px solid #a79d91;border-radius:8px;background:#fffdf9;color:#241b13;font-family:var(--font-display);font-size:25px;font-weight:650;padding:8px 48px 8px 16px;cursor:pointer}
.mix-grower-select>svg{position:absolute;right:16px;top:18px;pointer-events:none}
.mix-grower>p{font-size:12px;margin:10px 0 0;color:#655b50}.mix-grower>p>span{margin-right:5px}
.mix-filters{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:16px}
.mix-filters button{font-size:12px;min-height:40px;padding:8px 14px;border:0;border-radius:999px;background:transparent;color:#655b50;cursor:pointer}
.mix-filters button[aria-pressed=true]{background:#e9e3f1;color:#3f2557;font-weight:600}
.mix-filters button:hover{background:#f0ece5}
.mix-wine-shelf{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 16px)/2);gap:16px;list-style:none;padding:0 0 8px;margin:0;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#b5ada1 #f3efe8}
.mix-wine-shelf>li{scroll-snap-align:start;min-width:0;display:flex}
.mix-wine{display:flex;flex-direction:column;width:100%;background:white;border-radius:12px;overflow:hidden}
.mix-wine-photo{position:relative;background:#f4f3ef;aspect-ratio:1.6;flex:none;min-height:0;overflow:hidden}
.mix-wine-photo>img{position:absolute;inset:8% 14%;width:72%;height:84%;object-fit:contain;mix-blend-mode:multiply}
.mix-wine-picked{position:absolute;right:10px;top:10px;background:#315d38;color:white;padding:5px 9px;border-radius:999px;font-size:10px;font-weight:500}
.mix-wine-info{padding:16px 16px 0}
.mix-wine-style{font-size:11px;color:#655b50;margin:0 0 8px}
.mix-wine h3{font-family:Plus Jakarta Sans,Arial,sans-serif;font-size:17px;line-height:1.4;font-weight:600;letter-spacing:-.02em;margin:0 0 8px;min-height:2.8em}
.mix-wine-grape{font-size:11px;line-height:1.5;color:#655b50;margin:0 0 16px;min-height:1.5em}
.mix-wine-price{display:flex;gap:8px;align-items:baseline;margin:0 0 16px}.mix-wine-price strong{font-size:18px;font-weight:600}.mix-wine-price>span{font-size:10px;color:#655b50}
.mix-wine-action{margin-top:auto;padding:0 16px 16px}
.mix-add,.mix-quantity{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:44px;border:1px solid #c5bcaf;border-radius:6px;background:white;font-size:12px;font-weight:600;color:#241b13}
.mix-add{cursor:pointer}.mix-add:hover:not(:disabled){background:#241b13;border-color:#241b13;color:white}.mix-add:disabled{color:#81786a;border-color:#ded8ce;cursor:default}
.mix-quantity{justify-content:space-between;background:#f0f3ec;border-color:#a1b59c}
.mix-quantity button{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border:0;background:transparent;cursor:pointer;color:#241b13}.mix-quantity button:disabled{opacity:.3;cursor:default}.mix-quantity button:hover:not(:disabled){background:#dbe5d4}
.mix-browse-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:16px}
.mix-browse-bottom>p{font-size:12px;color:#655b50;margin:0}.mix-browse-bottom>div{display:flex;gap:8px}
.mix-browse-bottom button{width:44px;height:44px;border:1px solid #b0a599;background:transparent;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer}.mix-browse-bottom button:disabled{opacity:.3;cursor:default}.mix-browse-bottom button:not(:disabled):hover{background:#e8e3da}
.mix-notice{font-size:11px;color:#655b50;line-height:1.5;min-height:17px;margin:8px 0 0}
.mix-box button:focus-visible,.mix-box select:focus-visible{outline:3px solid #6b3aa6;outline-offset:3px}.mix-wine-shelf button:focus-visible{outline-offset:-3px}
@keyframes mix-bottle-in{from{transform:translateY(-5px);opacity:.5}to{transform:translateY(0);opacity:1}}
@media(max-width:1100px){.mix-box{grid-template-columns:minmax(260px,.8fr) minmax(0,1fr);gap:40px}.mix-wine-shelf{grid-auto-columns:78%}.mix-wine-photo{aspect-ratio:1.35}.mix-box #mix-box-title{font-size:44px}}
@media(max-width:760px){.mix-box{grid-template-columns:1fr;gap:32px;padding:40px 24px}.mix-box-copy{display:contents}.mix-label{margin-bottom:-16px}.mix-box #mix-box-title{font-size:42px;margin:0}.mix-introduction{margin:0;max-width:44ch}.mix-summary{order:3;max-width:none}.mix-browser{order:2}.mix-wine-shelf{grid-auto-columns:78%;margin-right:-24px;padding-right:24px;scroll-padding-right:24px}.mix-wine-photo{aspect-ratio:1.4}.mix-wine h3{min-height:2.8em}.mix-slots li{max-height:70px;aspect-ratio:auto;height:70px}.mix-grower select{font-size:23px}.mix-label{font-size:12px}.mix-progress{margin-bottom:16px}.mix-filters button{padding:8px 10px;min-height:44px}.mix-review-button{min-height:48px}}
@media(prefers-reduced-motion:reduce){.mix-slots img{animation:none}}

.mix-full-link{display:block;margin-top:20px;font-size:12px;line-height:1.7;color:#655b50;text-decoration:none}
.mix-full-link span{display:flex;align-items:center;gap:8px;color:#241b13;text-decoration:underline;text-underline-offset:4px}
.mix-mobile-status{display:none}
.mix-page-back{padding:24px var(--gutter) 0;background:#fffdf9}
.mix-page-back a{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:12px;color:#655b50;text-decoration:none}
.mix-page-back a:hover{text-decoration:underline}
.mix-box-full{grid-template-columns:minmax(280px,.75fr) minmax(0,1.65fr);gap:48px;align-items:start;padding-top:32px}
.mix-box-full .mix-box-copy{position:sticky;top:24px}
.mix-box-full .mix-wine-shelf{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-flow:row;overflow:visible;padding:0;gap:20px 16px}
.mix-box-full .mix-wine-photo{aspect-ratio:1}
.mix-box-full .mix-browse-bottom{display:none}
.mix-box-full .mix-introduction{margin-bottom:32px}
@media(max-width:1200px){.mix-box-full .mix-wine-shelf{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){
 .mix-summary{scroll-margin-top:92px}
 .mix-mobile-status{display:flex;position:sticky;top:0;z-index:5;order:1;align-items:center;justify-content:space-between;gap:12px;background:#fffdf9;border-block:1px solid #d9d1c5;padding:12px 0;margin-block:-8px}
 .mix-mobile-status>div{display:flex;flex-direction:column;gap:3px;min-width:0;font-size:12px}.mix-mobile-status strong{font-weight:600}.mix-mobile-status span{font-variant-numeric:tabular-nums;color:#655b50}
 .mix-mobile-status button{display:flex;align-items:center;gap:10px;min-height:44px;flex:none;border:0;border-radius:6px;padding:10px 12px;background:#241b13;color:#fffdf9;font-size:11px;font-weight:600}.mix-mobile-status button:disabled{background:#ece7de;color:#746b60}
 .mix-box-full{grid-template-columns:1fr;gap:24px;padding-top:24px}.mix-box-full .mix-box-copy{position:static;display:contents}.mix-box-full .mix-introduction{margin-bottom:0}
 .mix-box-full .mix-wine-shelf{grid-template-columns:repeat(2,minmax(0,1fr));margin:0;gap:16px 12px}.mix-box-full .mix-wine-photo{aspect-ratio:.85}.mix-box-full .mix-wine-info{padding:12px 10px 0}.mix-box-full .mix-wine-action{padding:0 10px 12px}.mix-box-full .mix-wine h3{font-size:14px;min-height:4.2em}.mix-box-full .mix-wine-price{flex-wrap:wrap;gap:2px 6px}.mix-box-full .mix-wine-price strong{font-size:16px}.mix-box-full .mix-add{font-size:11px;gap:4px}.mix-box-full .mix-wine-grape{font-size:10px}.mix-box-full .mix-wine-picked{font-size:9px;right:6px;top:6px}
}
.mix-progress,.mix-notice{display:block}

@media(max-height:850px) and (min-width:761px){.mix-box-full .mix-box-copy{position:static}}
@media(max-width:760px){.mix-box-full .mix-quantity{gap:0}}
.mix-browser{scroll-margin-top:92px}
