/* Le Clos: Surprise me */
.lcs{--o:#3A4937;--iv:#FAF5F0;--mute:rgba(58,73,55,.62);--line:rgba(58,73,55,.14);position:fixed;inset:0;z-index:70;display:flex;align-items:flex-end;justify-content:center}
.lcs[hidden]{display:none}
.lcs__veil{position:absolute;inset:0;border:0;background:rgba(20,24,18,.5);opacity:0;transition:opacity .3s;cursor:pointer}
.lcs.is-open .lcs__veil{opacity:1}
.lcs__box{position:relative;width:100%;max-height:92vh;overflow-y:auto;background:var(--iv);color:var(--o);border-radius:22px 22px 0 0;padding:26px 20px calc(26px + env(safe-area-inset-bottom));transform:translateY(24px);opacity:0;transition:transform .45s cubic-bezier(.16,1,.3,1),opacity .3s;font-family:"EB Garamond",Garamond,serif}
.lcs.is-open .lcs__box{transform:none;opacity:1}
.lcs__x{position:absolute;top:12px;right:12px;width:44px;height:44px;border:0;background:none;border-radius:50%;color:var(--o);cursor:pointer;display:grid;place-items:center}
.lcs__head{display:flex;flex-direction:column;gap:6px;margin-bottom:18px}
.lcs__glass{color:var(--o)}
.lcs__head .lc-eb{margin:6px 0 0}
.lcs__head h2{margin:0;font-size:38px;font-weight:400;line-height:1}
.lcs__lead{margin:0 0 18px;font-size:17px;line-height:1.5;color:var(--mute)}
.lcs__q{margin-bottom:16px}
.lcs__k{display:block;margin-bottom:9px;font:500 10.5px/1 Quicksand,system-ui,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--mute)}
.lcs__chips{display:flex;flex-wrap:wrap;gap:8px}
.lcs__chips button{appearance:none;min-height:42px;padding:0 16px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--o);font:400 16px/1 "EB Garamond",Garamond,serif;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.lcs__chips button:hover{border-color:var(--o)}
.lcs__chips button[aria-pressed="true"]{background:var(--o);border-color:var(--o);color:var(--iv)}
.lcs__go{width:100%;margin-top:8px}
.lcs__fine{margin:12px 0 0;font:italic 400 14px/1.45 "EB Garamond",Garamond,serif;color:var(--mute);text-align:center}
.lcs__fine a{text-decoration:underline;text-underline-offset:3px}
.lcs__res-head{display:flex;justify-content:space-between;align-items:baseline;padding-bottom:10px;border-bottom:1px solid var(--line)}
.lcs__res-head .lcs__k{margin:0}
.lcs__total{font-size:22px}
.lcs__list{list-style:none;margin:0;padding:0}
.lcs__item{display:grid;grid-template-columns:3px minmax(0,1fr) auto;gap:16px;padding:16px 0;border-bottom:1px solid var(--line);animation:lcs-in .5s cubic-bezier(.16,1,.3,1) both}
.lcs__item:nth-child(2){animation-delay:.06s}.lcs__item:nth-child(3){animation-delay:.12s}.lcs__item:nth-child(4){animation-delay:.18s}.lcs__item:nth-child(5){animation-delay:.24s}.lcs__item:nth-child(6){animation-delay:.3s}
@keyframes lcs-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.lcs__tone{border-radius:2px;background:var(--tone)}
.lcs__info{display:flex;flex-direction:column;gap:3px;min-width:0}
.lcs__type{font:500 10px/1 Quicksand,system-ui,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--mute)}
.lcs__name{font-size:20px;line-height:1.2;color:var(--o)}
.lcs__name:hover{text-decoration:underline;text-underline-offset:3px}
.lcs__prod{font:500 10.5px/1.3 Quicksand,system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}
.lcs__meta{font:italic 400 14px/1.3 "EB Garamond",Garamond,serif;color:var(--mute)}
.lcs__why{margin-top:4px;font-size:15px;line-height:1.4;color:var(--o)}
.lcs__side{display:flex;flex-direction:column;align-items:flex-end;gap:8px}
.lcs__price{font-size:18px;white-space:nowrap}
.lcs__swap{appearance:none;border:0;background:none;padding:4px 0;font:500 10.5px/1 Quicksand,system-ui,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--mute);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.lcs__swap:hover{color:var(--o)}
.lcs__short{margin:12px 0 0;font-size:15px;color:#7A2E2E}
.lcs__acts{display:flex;flex-direction:column;gap:14px;margin-top:20px}
.lcs__links{display:flex;flex-wrap:wrap;gap:6px 22px}
.lcs__links button{appearance:none;border:0;background:none;padding:6px 0;font:400 16px/1 "EB Garamond",Garamond,serif;color:var(--o);text-decoration:underline;text-underline-offset:5px;cursor:pointer}
.lcs__acts .lc-btn{width:100%}
html.lcs-lock,html.lcs-lock body{overflow:hidden}

/* trigger in the cellar banner */
.lcs__trigger{appearance:none;margin-top:22px;display:inline-flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;padding:12px 20px;border:1px solid rgba(250,245,240,.6);border-radius:999px;background:rgba(20,26,19,.25);backdrop-filter:blur(6px);color:#FAF5F0;font:400 17px/1.2 "EB Garamond",Garamond,serif;cursor:pointer;transition:background .25s,transform .2s}
.lcs__trigger small{font:italic 400 14px/1.2 "EB Garamond",Garamond,serif;opacity:.8}
.lcs__trigger:hover{background:rgba(250,245,240,.14);transform:translateY(-1px)}
.lcw-mast__acts{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.lcw-mast__acts .lcs__trigger{margin-top:0;text-decoration:none}
.wine-cellar .lcw-mast__acts a.lcs__trigger{color:#FAF5F0}

@media (min-width:700px){
  .lcs{align-items:center}
  .lcs__box{width:min(720px,calc(100vw - 48px));border-radius:14px;padding:44px 48px;max-height:calc(100vh - 48px);transform:translateY(12px) scale(.98)}
  .lcs__head h2{font-size:48px}
  .lcs__acts{flex-direction:row;justify-content:space-between;align-items:center}
  .lcs__acts .lc-btn{width:auto}
  .lcs__go{width:auto}
  .lcs__form .lcs__fine{text-align:left}
}
@media (prefers-reduced-motion:reduce){.lcs *{transition:none !important;animation:none !important}}