/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 16 2026 | 15:35:51 */
/* ─────────────────────────────────────────────────────────────────
   09. CLUB CHECKOUT
   Scope: #c7-content.c7-content--checkout
          #c7-checkout.c7-checkout--club

   Routes:
     /checkout/club/customer
     /checkout/club/delivery
     /checkout/club/payment
     /checkout/club/review

   Requires:
     Section 08 — Checkout Sequence

   Club Checkout Extension
   - Preserves the shared Section 08 checkout shell and form system
   - Gives the club summary a readable editorial hierarchy
   - Keeps the first-shipment area visually distinct but restrained
   - Anchors the membership-management callout at the pane bottom
   - Styles club review notices and mobile signup content
   - Preserves the existing tablet/mobile summary dropdown animation
   ───────────────────────────────────────────────────────────────── */


/* ─────────────────────────────────────────────────────────────────
   CLUB-SCOPED FOUNDATION
   ───────────────────────────────────────────────────────────────── */

#c7-content.c7-content--checkout
  #c7-checkout.c7-checkout--club
  .c7-club-summary,
#c7-content.c7-content--checkout
  #c7-checkout.c7-checkout--club
  .c7-club-summary *,
#c7-content.c7-content--checkout
  #c7-checkout.c7-checkout--club
  .c7-callout--club,
#c7-content.c7-content--checkout
  #c7-checkout.c7-checkout--club
  .c7-callout--club * {
  box-sizing: border-box;
}

#c7-content.c7-content--checkout
  #c7-checkout.c7-checkout--club
  .c7-form__field
  select {
  height: 48px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  line-height: normal !important;
}


/* ─────────────────────────────────────────────────────────────────
   DESKTOP CLUB SHELL
   The club description is longer than a cart summary, so the pane is
   given slightly more room while remaining subordinate to the form.
   ───────────────────────────────────────────────────────────────── */

@media (min-width: 961px) {
  #c7-content.c7-content--checkout
    #c7-checkout.c7-checkout--club
    > .c7-wrapper {
    grid-template-columns: minmax(0, 56fr) minmax(420px, 44fr);
    width: 100%;
    max-width: none;
    margin: 0;
  }

  #c7-content.c7-content--checkout
    #c7-checkout.c7-checkout--club
    .c7-checkout__summary-container {
    padding: 30px 0 0;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }

  #c7-content.c7-content--checkout
    #c7-checkout.c7-checkout--club
    .c7-checkout__summary-container::-webkit-scrollbar {
    width: 0;
    height: 0;
  }

  #c7-content.c7-content--checkout
    #c7-checkout.c7-checkout--club
    .c7-checkout__summary-container
    > .c7-club-summary {
    order: 1;
    flex: 0 0 auto;
  }

  #c7-content.c7-content--checkout
    #c7-checkout.c7-checkout--club
    .c7-checkout__summary-container
    > .c7-order-items {
    order: 2;
    flex: 0 0 auto;
  }

  #c7-content.c7-content--checkout
    #c7-checkout.c7-checkout--club
    .c7-checkout__summary-container
    > .c7-callout--club {
    order: 3;
    flex: 0 0 auto;
    margin-top: auto;
    margin-bottom: 0;
  }
}


/* ─────────────────────────────────────────────────────────────────
   CLUB SUMMARY
   ───────────────────────────────────────────────────────────────── */

#c7-content.c7-content--checkout
  #c7-checkout.c7-checkout--club
  .c7-club-summary {
  width: 100%;
  min-width: 0;
  margin: 0;
  padding: 0 clamp(28px, 3.6vw, 52px) 28px;

  border: none !important;
  border-radius: 0 !important;
  background: var(--ac-c7-white) !important;
  box-shadow: none !important;
}

#c7-content.c7-content--checkout
  #c7-checkout.c7-checkout--club
  .c7-club-summary__title {
  margin: 0;
  padding: 0;

  font-family: var(--ac-c7-font-serif);
  font-size: clamp(27px, 2.35vw, 34px);
  font-weight: 400;
  line-height: 1.06;
  letter-spacing: -0.012em;
  text-wrap: balance;

  color: var(--ac-c7-burgundy-dark);
}

#c7-content.c7-content--checkout
  #c7-checkout.c7-checkout--club
  .c7-club-summary__selection {
  display: flex;
  align-items: center;
  gap: 9px;
  width: 100%;
  margin: 14px 0 0;
  padding: 0;

  border: none !important;
  background: transparent !important;
}

#c7-content.c7-content--checkout
  #c7-checkout.c7-checkout--club
  .c7-club-summary__selection
  svg {
  flex: 0 0 auto;
  width: 16px;
  height: 16px;
  stroke: var(--ac-c7-burgundy) !important;
  stroke-width: 1.7;
}

#c7-content.c7-content--checkout
  #c7-checkout.c7-checkout--club
  .c7-club-summary__selection
  p {
  margin: 0 !important;
  padding: 0;

  font-family: var(--ac-c7-font-sans);
  font-size: 9.5px;
  font-weight: 650;
  line-height: 1.3;
  letter-spacing: 0.085em;
  text-transform: uppercase;

  color: var(--ac-c7-burgundy-dark);
}

#c7-content.c7-content--checkout
  #c7-checkout.c7-checkout--club
  .c7-club-summary__description {
  width: 100%;
  margin: 20px 0 0;
  padding: 0;

  font-family: var(--ac-c7-font-sans);
  color: var(--ac-c7-text);
}

#c7-content.c7-content--checkout
  #c7-checkout.c7-checkout--club
  .c7-club-summary__description
  p {
  margin: 0 0 11px !important;
  padding: 0;

  font-family: var(--ac-c7-font-sans) !important;
  font-size: 11.5px !important;
  font-weight: 400 !important;
  line-height: 1.62 !important;

  color: var(--ac-c7-text) !important;
}

#c7-content.c7-content--checkout
  #c7-checkout.c7-checkout--club
  .c7-club-summary__description
  p:last-of-type {
  margin-bottom: 9px !important;
}

#c7-content.c7-content--checkout
  #c7-checkout.c7-checkout--club
  .c7-club-summary__description
  strong {
  font-weight: 650;
  color: var(--ac-c7-burgundy-dark);
}

#c7-content.c7-content--checkout
  #c7-checkout.c7-checkout--club
  .c7-club-summary__description
  ul {
  width: 100%;
  margin: 0;
  padding: 0 0 0 18px;

  font-family: var(--ac-c7-font-sans) !important;
  font-size: 11px;
  font-weight: 400 !important;
  line-height: 1.55;

  color: var(--ac-c7-text);
}

#c7-content.c7-content--checkout
  #c7-checkout.c7-checkout--club
  .c7-club-summary__description
  li {
  margin: 0;
  padding: 0 0 0 3px;
}

#c7-content.c7-content--checkout
  #c7-checkout.c7-checkout--club
  .c7-club-summary__description
  li + li {
  margin-top: 6px;
}

#c7-content.c7-content--checkout
  #c7-checkout.c7-checkout--club
  .c7-club-summary__description
  li::marker {
  color: var(--ac-c7-burgundy);
}

#c7-content.c7-content--checkout
  #c7-checkout.c7-checkout--club
  .c7-club-summary__description
  u {
  text-decoration-color: rgba(75, 18, 32, 0.48);
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
}


/* ─────────────────────────────────────────────────────────────────
   FIRST SHIPMENT
   Commerce7 may render an empty message here until wines are assigned.
   ───────────────────────────────────────────────────────────────── */

#c7-content.c7-content--checkout
  #c7-checkout.c7-checkout--club
  .c7-checkout__summary-container
  > .c7-order-items {
  width: 100%;
  min-width: 0;
  margin: 0;
  padding: 20px clamp(28px, 3.6vw, 52px) 22px;

  border: none !important;
  border-radius: 0 !important;
  background: var(--ac-c7-surface-soft) !important;
  box-shadow: none !important;
}

#c7-content.c7-content--checkout
  #c7-checkout.c7-checkout--club
  .c7-checkout__summary-container
  > .c7-order-items
  > .c7-order-items__title {
  display: block;
  width: 100%;
  margin: 0 0 9px;
  padding: 0;

  font-family: var(--ac-c7-font-serif);
  font-size: 21px;
  font-weight: 400;
  line-height: 1.08;
  letter-spacing: -0.005em;
  text-align: left;

  color: var(--ac-c7-burgundy-dark);
}

#c7-content.c7-content--checkout
  #c7-checkout.c7-checkout--club
  .c7-checkout__summary-container
  > .c7-order-items
  > .c7-form__empty {
  display: block;
  min-height: 0;
  margin: 0 !important;
  padding: 0;

  border: none !important;
  background: transparent !important;
  box-shadow: none !important;

  font-family: var(--ac-c7-font-sans);
  font-size: 11px !important;
  font-weight: 400;
  line-height: 1.55 !important;

  color: var(--ac-c7-text) !important;
}


/* ─────────────────────────────────────────────────────────────────
   MEMBERSHIP CONTROL CALLOUT
   This becomes the warm bottom surface when no transactional total is
   present in the club checkout pane.
   ───────────────────────────────────────────────────────────────── */

#c7-content.c7-content--checkout
  #c7-checkout.c7-checkout--club
  .c7-checkout__summary-container
  > .c7-callout--club {
  width: 100%;
  margin-right: 0;
  margin-left: 0;
  padding: 21px clamp(28px, 3.6vw, 52px) 23px;

  border: none !important;
  border-radius: 0 !important;
  background: var(--ac-c7-surface-warm) !important;
  box-shadow: none !important;
  text-align: left;
}

#c7-content.c7-content--checkout
  #c7-checkout.c7-checkout--club
  .c7-callout--club
  .c7-callout__title {
  margin: 0;
  padding: 0;

  font-family: var(--ac-c7-font-serif);
  font-size: 20px;
  font-weight: 400;
  line-height: 1.12;

  color: var(--ac-c7-burgundy-dark);
}

#c7-content.c7-content--checkout
  #c7-checkout.c7-checkout--club
  .c7-callout--club
  .c7-callout__details {
  width: 100%;
  margin: 11px 0 0;
  padding: 0;
  list-style: none;
}

#c7-content.c7-content--checkout
  #c7-checkout.c7-checkout--club
  .c7-callout--club
  .c7-callout__details
  li {
  display: flex;
  align-items: center;
  gap: 9px;
  width: 100%;
  margin: 0;
  padding: 0;

  font-family: var(--ac-c7-font-sans);
  font-size: 10.5px;
  font-weight: 500;
  line-height: 1.45;

  color: var(--ac-c7-text);
}

#c7-content.c7-content--checkout
  #c7-checkout.c7-checkout--club
  .c7-callout--club
  .c7-callout__details
  svg {
  flex: 0 0 auto;
  width: 17px;
  height: 17px;
  stroke: var(--ac-c7-burgundy) !important;
  stroke-width: 1.6;
}


/* ─────────────────────────────────────────────────────────────────
   DELIVERY STATIC COUNTRY VALUE
   Keeps the label and country value centered within the field surface.
   ───────────────────────────────────────────────────────────────── */

@media (min-width: 681px) {
  #c7-content.c7-content--checkout
    #c7-checkout.c7-checkout--club
    .c7-form__field-static {
    min-height: 48px;
    padding: 0 14px;
    background: var(--ac-c7-input);
  }

  #c7-content.c7-content--checkout
    #c7-checkout.c7-checkout--club
    .c7-form__field-static
    p {
    display: flex;
    align-items: center;
    min-height: 48px;
    margin: 0 !important;
    padding: 0;
    line-height: 1.35 !important;
  }
}


/* ─────────────────────────────────────────────────────────────────
   CLUB REVIEW NOTICES
   ───────────────────────────────────────────────────────────────── */

#c7-content.c7-content--checkout
  #c7-checkout.c7-checkout--club
  .c7-notice--charge-date {
  margin: 24px 0 0;
  padding: 13px 16px;
  background: var(--ac-c7-surface-soft) !important;
}

#c7-content.c7-content--checkout
  #c7-checkout.c7-checkout--club
  .c7-notice--charge-date
  p {
  margin: 0;
  font-size: 11.5px;
  font-weight: 500;
  line-height: 1.5;
  color: var(--ac-c7-burgundy-dark);
}

#c7-content.c7-content--checkout
  #c7-checkout.c7-checkout--club
  .c7-notice--club-terms {
  margin: 14px 0 0;
  padding: 0 8px;

  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  text-align: center;
}

#c7-content.c7-content--checkout
  #c7-checkout.c7-checkout--club
  .c7-notice--club-terms
  p {
  margin: 0;
  font-family: var(--ac-c7-font-sans);
  font-size: 9.5px;
  font-weight: 400;
  line-height: 1.55;
  color: var(--ac-c7-text);
  opacity: 0.78;
}


/* ─────────────────────────────────────────────────────────────────
   TABLET + MOBILE CLUB SUMMARY
   Section 08 continues to control the fixed dropdown and animation.
   These rules only adjust club-specific content inside that dropdown.
   ───────────────────────────────────────────────────────────────── */

@media (max-width: 960px) {
  #c7-content.c7-content--checkout
    #c7-checkout.c7-checkout--club
    .c7-checkout__summary-container
    > .c7-club-summary,
  #c7-content.c7-content--checkout
    #c7-checkout.c7-checkout--club
    .c7-checkout__summary-container
    > .c7-order-items,
  #c7-content.c7-content--checkout
    #c7-checkout.c7-checkout--club
    .c7-checkout__summary-container
    > .c7-callout--club {
    order: initial;
    flex: initial;
  }

  #c7-content.c7-content--checkout
    #c7-checkout.c7-checkout--club
    .c7-club-summary {
    padding-right: 24px;
    padding-bottom: 24px;
    padding-left: 24px;
  }

  #c7-content.c7-content--checkout
    #c7-checkout.c7-checkout--club
    .c7-club-summary__title {
    font-size: clamp(26px, 4.8vw, 32px);
  }

  #c7-content.c7-content--checkout
    #c7-checkout.c7-checkout--club
    .c7-club-summary__description {
    margin-top: 18px;
  }

  #c7-content.c7-content--checkout
    #c7-checkout.c7-checkout--club
    .c7-checkout__summary-container
    > .c7-order-items {
    padding-right: 24px;
    padding-left: 24px;
  }

  #c7-content.c7-content--checkout
    #c7-checkout.c7-checkout--club
    .c7-checkout__summary-container
    > .c7-callout--club {
    margin: 22px 0 0;
    padding-right: 24px;
    padding-left: 24px;
  }

  #c7-content.c7-content--checkout
    #c7-checkout.c7-checkout--club
    .c7-checkout__content
    > .c7-mobile-tablet-only:has(> form) {
    display: flex !important;
    flex-direction: column;
    width: 100%;
    margin: 0 0 28px;
  }

  #c7-content.c7-content--checkout
    #c7-checkout.c7-checkout--club
    .c7-checkout__content
    > .c7-mobile-tablet-only
    > .c7-h2 {
    order: 1;
    margin: 0 0 16px !important;
    font-size: clamp(24px, 4.8vw, 30px) !important;
  }

  #c7-content.c7-content--checkout
    #c7-checkout.c7-checkout--club
    .c7-checkout__content
    > .c7-mobile-tablet-only
    > form {
    order: 2;
    width: 100%;
  }

  #c7-content.c7-content--checkout
    #c7-checkout.c7-checkout--club
    .c7-checkout__content
    > .c7-mobile-tablet-only
    > form
    .c7-form__buttons {
    margin: 0;
  }

  #c7-content.c7-content--checkout
    #c7-checkout.c7-checkout--club
    .c7-checkout__content:has(> .c7-checkout__review)
    > form {
    display: none;
  }
}


/* ─────────────────────────────────────────────────────────────────
   SMALL TABLETS + PHONES
   ───────────────────────────────────────────────────────────────── */

@media (max-width: 680px) {
  #c7-content.c7-content--checkout
    #c7-checkout.c7-checkout--club
    .c7-club-summary {
    padding-right: 16px;
    padding-bottom: 22px;
    padding-left: 16px;
  }

  #c7-content.c7-content--checkout
    #c7-checkout.c7-checkout--club
    .c7-club-summary__title {
    font-size: clamp(24px, 7vw, 29px);
  }

  #c7-content.c7-content--checkout
    #c7-checkout.c7-checkout--club
    .c7-club-summary__selection {
    margin-top: 12px;
  }

  #c7-content.c7-content--checkout
    #c7-checkout.c7-checkout--club
    .c7-club-summary__description
    p {
    font-size: 11px !important;
    line-height: 1.58 !important;
  }

  #c7-content.c7-content--checkout
    #c7-checkout.c7-checkout--club
    .c7-club-summary__description
    ul {
    padding-left: 17px;
    font-size: 10.5px;
  }

  #c7-content.c7-content--checkout
    #c7-checkout.c7-checkout--club
    .c7-checkout__summary-container
    > .c7-order-items {
    padding: 18px 16px 20px;
  }

  #c7-content.c7-content--checkout
    #c7-checkout.c7-checkout--club
    .c7-checkout__summary-container
    > .c7-order-items
    > .c7-order-items__title {
    font-size: 20px;
  }

  #c7-content.c7-content--checkout
    #c7-checkout.c7-checkout--club
    .c7-checkout__summary-container
    > .c7-callout--club {
    padding: 19px 16px 21px;
  }

  #c7-content.c7-content--checkout
    #c7-checkout.c7-checkout--club
    .c7-callout--club
    .c7-callout__title {
    font-size: 19px;
  }

  #c7-content.c7-content--checkout
    #c7-checkout.c7-checkout--club
    .c7-form__field-static {
    padding: 10px 14px;
    background: var(--ac-c7-input);
  }

  #c7-content.c7-content--checkout
    #c7-checkout.c7-checkout--club
    .c7-form__field-static
    p {
    min-height: 0;
    padding: 0;
  }

  #c7-content.c7-content--checkout
    #c7-checkout.c7-checkout--club
    .c7-notice--club-terms {
    padding-right: 2px;
    padding-left: 2px;
    text-align: left;
  }
}


/* ─────────────────────────────────────────────────────────────────
   REDUCED MOTION
   ───────────────────────────────────────────────────────────────── */

@media (prefers-reduced-motion: reduce) {
  #c7-content.c7-content--checkout
    #c7-checkout.c7-checkout--club
    .c7-checkout__summary-container,
  #c7-content.c7-content--checkout
    #c7-checkout.c7-checkout--club
    .c7-checkout-mobile__summary-toggle
    svg {
    transition: none !important;
  }
}