/* A small sweets counter: choose an occasion before choosing a flavour. */
.purpose-shop{position:relative;padding-block:72px 76px;background:radial-gradient(ellipse at 7% 10%,#eed4c675,transparent 50%),repeating-linear-gradient(92deg,#ad876405 0 1px,transparent 1px 7px),#fcf7ee;border-bottom:1px solid #dbc5b1}
.purpose-shop .section-heading{align-items:end;gap:25px}
.purpose-shop .section-heading h2{font-size:clamp(29px,3.3vw,43px);line-height:1.6}
.purpose-shop .section-heading>p{font-size:14px;line-height:1.9;max-width:340px}
.purpose-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 20px;margin-top:34px}
.purpose-grid[hidden]{display:none}
.purpose-card{position:relative;display:flex;flex-direction:column;align-items:stretch;min-width:0;padding:9px 9px 18px;border:1px solid #d9c2af;border-radius:6px 6px 27px 6px;color:var(--dark);background:linear-gradient(140deg,#fffdf8,#f3e5d3);box-shadow:0 5px 0 #c6aa91,0 12px 23px #633b2010;text-align:left;isolation:isolate;transition:box-shadow .25s,background .25s}
.purpose-card:active,.purpose-card.is-pressed{box-shadow:0 1px 0 #c6aa91,0 4px 9px #633b2010}
.purpose-card:hover,.purpose-card:focus-visible{background:linear-gradient(135deg,#fffdf8,#edddcc);box-shadow:0 5px 0 #b89175,0 13px 26px #633b2023}
.purpose-card.is-active{border-color:#8f4056;background:linear-gradient(135deg,#f8ebe4,#ebd4ca);box-shadow:0 5px 0 #79394a,0 13px 26px #633b2023}
.purpose-picture{display:block;position:relative;aspect-ratio:1.62;overflow:hidden;background:radial-gradient(ellipse at 45% 40%,#fffaf1,#f0e3d3);border-radius:3px 3px 16px 3px}
.purpose-picture img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .55s cubic-bezier(.2,.7,.3,1)}
.purpose-picture--original img{mix-blend-mode:normal}
.purpose-card:hover .purpose-picture img{transform:scale(1.05)}
.purpose-card[data-filter="everyday"] .purpose-picture img{object-fit:cover}
.purpose-picture svg{display:block;width:100%;height:100%;padding:12px;color:#94694c;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;fill:none}
.purpose-label{font-family:var(--serif);font-size:21px;line-height:1.5;margin:14px 9px 4px;letter-spacing:0;overflow-wrap:anywhere}
.purpose-caption{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:14px;line-height:1.6;margin:0 9px;color:#796153;overflow-wrap:anywhere}
.purpose-caption i{font-style:normal;color:var(--wine);font-size:20px;line-height:1}
.purpose-status{position:absolute;top:14px;left:14px;z-index:1;background:#faf3e8e8;color:#794454;border:1px solid #d8bda8;border-radius:20px;padding:3px 9px;font-size:12px;line-height:1.5}
.purpose-finder{position:relative;display:flex;align-items:center;justify-content:space-between;gap:22px;margin-top:37px;padding:25px 30px;border:1px solid #985266;background:radial-gradient(ellipse at 5% 0,#b36473,transparent 72%),linear-gradient(110deg,#813147,#582032);box-shadow:0 5px 0 #482030,0 14px 25px #59293714;border-radius:4px;color:#fff6e9}
.purpose-finder>span:first-child{min-width:0}
.purpose-finder small{display:block;font-size:13px;color:#f3d8be;margin-bottom:7px;letter-spacing:.04em}
.purpose-finder strong{display:block;font-family:var(--serif);font-size:23px;font-weight:500;line-height:1.6}
.purpose-finder>span:last-child{font-family:var(--latin);font-size:42px;line-height:1;flex:none}
.purpose-subscription-link{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:17px;padding:15px 0;border-bottom:1px solid #cdb59f;font-size:14px;color:var(--wine)}
.purpose-subscription-link b{font-weight:500}.purpose-subscription-link span{font-size:20px}
.collection-selection{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:15px 18px;margin-top:20px;border:1px solid #c7a28d;background:linear-gradient(135deg,#fef8ec,#ead3c1);border-radius:4px;font-size:14px;color:var(--wine)}
.collection-selection[hidden]{display:none}
.collection-selection button{font-size:14px;padding:9px 12px;min-height:44px;background:#fffaf0;border:1px solid #ceb199;border-radius:3px;box-shadow:0 3px 0 #c2a183;color:var(--wine)}
.shopping-faq-link{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:4px}
@media(max-width:760px){
  .purpose-shop{padding:46px 5% 49px}
  .purpose-shop .section-heading{display:block}
  .purpose-shop .section-heading h2{font-size:29px}
  .purpose-shop .section-heading>p{font-size:14px;max-width:none;margin-top:14px}
  .purpose-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:19px 13px;margin-top:25px}
  .purpose-card{padding:7px 7px 15px;border-radius:4px 4px 21px 4px}
  .purpose-label{font-size:18px;margin:12px 5px 4px}
  .purpose-caption{font-size:12px;margin:0 5px;min-height:21px}
  .purpose-picture{aspect-ratio:1.6}
  .purpose-status{font-size:11px;left:11px;top:11px;padding:2px 7px}
  .purpose-finder{margin-top:29px;padding:22px 18px;gap:10px}
  .purpose-finder strong{font-size:19px}.purpose-finder small{font-size:12px}
  .purpose-finder>span:last-child{font-size:31px}
  .purpose-subscription-link{align-items:flex-start;line-height:1.8;padding-top:17px}
  .collection-selection{padding:11px 13px;font-size:14px}
}
@media(max-width:360px){.purpose-label{font-size:16px}.purpose-caption{font-size:11px}.purpose-finder strong{font-size:17px}}
@media(prefers-reduced-motion:reduce){.purpose-card,.purpose-picture img{transition:none}.purpose-card:hover .purpose-picture img{transform:none}}