/** Shopify CDN: Minification failed

Line 391:9 Unexpected "{"
Line 391:18 Expected ":"
Line 396:9 Unexpected "{"
Line 396:18 Expected ":"
Line 404:9 Unexpected "{"
Line 404:18 Expected ":"

**/
/*---------------flask custom code-------------*/

.clubcolumn {
  border-top: 1px solid black;
  margin-top: 1rem;
}

.clubcolumn .page-width {
  padding: 0;
}

.clubcolumn ul.clubcolumn-list {
  padding: 0;
  gap: 0;
}

.clubcolumn .grid {
  column-gap: 0;
}

.clubcolumn li.clubcolumn-list__item {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.clubcolumn li.clubcolumn-list__item {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

@media screen and (min-width: 990px) {
  .clubcolumn li.clubcolumn-list__item:nth-of-type(1) {
    padding-right: 2rem;
    border-right: 1px solid black;
  }

  .clubcolumn li.clubcolumn-list__item:nth-of-type(2) {
    padding-left: 2rem;
  }
}

@media screen and (min-width: 750px) {
  .clubcolumn li.clubcolumn-list__item {
    padding-left: 5rem;
    padding-right: 4rem;
  }
}

@media screen and (max-width: 989px) {
  .clubcolumn li.clubcolumn-list__item:nth-of-type(1) {
    border-bottom: 1px solid black;
  }
}

.clubcolumn .title {
  margin: 0;
}

.clubcolumn.no-heading .title {
  display: none;
}

.clubcolumn .title-wrapper-with-link {
  margin-top: 0;
}

.clubcolumn ul > li:first-of-type .clubcolumn-card.content-container {
  height: 100%;
  min-height: 400px;
}

.clubcolumn-card__info {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 1.5rem;
}

.clubcolumn-card__info h3 {
  /* flex-grow: 1; */
  margin-top: 0;
  font-size: 5em;
  font-weight: 100;
}

.clubcolumn-card__info p {
  font-size: calc(21px + 1vw);
  font-weight: 100;
  line-height: 110%;
}

/* sibling home-page hover */
li.clubcolumn-list__item:hover
  + li.clubcolumn-list__item
  .clubcolumn-card__image-wrapper {
  border-radius: 100%;
  transition: border-radius 500ms ease-in;
  cursor: pointer;
}

li.clubcolumn-list__item .clubcolumn-card__image-wrapper {
  -webkit-transition: all 1s ease-out;
  -moz-transition: all 1s ease-out;
  -o-transition: all 1s ease-out;
  -ms-transition: all 1s ease-out;
  transition: all 1s ease-out;
}

li.clubcolumn-list__item:nth-child(2) .clubcolumn-card.content-container {
  border: none;
}

.clubcolumn-card.content-container {
  background: rgb(var(--color-background));
  color: rgb(var(--color-foreground));
}


li.clubcolumn-list__item .clubcolumn-card__image-wrapper {
  border: 1px solid black;
  border-radius: 8px;
}

@media screen and (max-width: 749px) {
  .clubcolumn .title-wrapper-with-link {
    margin-bottom: 3rem;
  }

  .clubcolumn .page-width {
    padding-left: 0;
    padding-right: 0;
  }
}

.clubcolumn-card__image-wrapper--third-width {
  width: 33%;
}

.clubcolumn-card__image-wrapper--half-width {
  width: 50%;
}

.clubcolumn-list__item.center
  .clubcolumn-card__image-wrapper:not(
    .clubcolumn-card__image-wrapper--full-width
  ),
.clubcolumn-list__item:only-child {
  margin-left: auto;
  margin-right: auto;
}

.clubcolumn .button {
  margin-top: 1.5rem;
}

@media screen and (min-width: 750px) {
  .clubcolumn .button {
    margin-top: 4rem;
  }
}

.clubcolumn-list {
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
}

.clubcolumn-list__item:only-child {
  max-width: 72rem;
}

.clubcolumn-list__item--empty {
  display: none;
}

.clubcolumn:not(.background-none) .clubcolumn-card {
  background: rgb(var(--color-background));
  height: 100%;
}

.clubcolumn.background-primary .clubcolumn-card {
  background: rgb(var(--color-background))
    linear-gradient(
      rgba(var(--color-foreground), 0.04),
      rgba(var(--color-foreground), 0.04)
    );
}

.clubcolumn-list h3 {
  font-size: calc(56px + 3vw);
  line-height: 1;
}

.clubcolumn-card-spacing {
  padding-top: 2.5rem;
  margin-left: 2.5rem;
  margin-right: 2.5rem;
}

.clubcolumn-card__info > :nth-child(2) {
  margin-top: 1rem;
}

.clubcolumn-list__item.center .media--adapt,
.clubcolumn-list__item .media--adapt .clubcolumn-card__image {
  width: auto;
}

.clubcolumn-list__item.center .media--adapt img {
  left: 50%;
  transform: translateX(-50%);
}

@media screen and (max-width: 749px) {
  .clubcolumn-list {
    margin: 0;
    width: 100%;
  }
}

@media screen and (min-width: 750px) {
  .clubcolumn-list.slider,
  .clubcolumn-list.grid--4-col-desktop {
    padding: 0;
  }

  .clubcolumn-list__item,
  .grid--4-col-desktop .clubcolumn-list__item {
    padding-bottom: 0;
  }

  .background-none .grid--2-col-tablet .clubcolumn-list__item {
    margin-top: 4rem;
  }
}

.background-none .clubcolumn-card-spacing {
  padding: 0;
  margin: 0;
}

.background-none .clubcolumn-card__info {
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}

.background-none .slider .clubcolumn-card__info {
  padding-bottom: 0;
}

.background-none .clubcolumn-card__image-wrapper + .clubcolumn-card__info {
  padding-top: 2.5rem;
}

.background-none .slider .clubcolumn-card__info {
  padding-left: 0.5rem;
}

.background-none
  .slider
  .clubcolumn-card__image-wrapper
  + .clubcolumn-card__info {
  padding-left: 1.5rem;
}

.background-none .clubcolumn-list:not(.slider) .center .clubcolumn-card__info {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

@media screen and (max-width: 749px) {
  .background-none .slider .clubcolumn-card__info {
    padding-bottom: 1rem;
  }

  .clubcolumn.background-none .slider.slider--mobile {
    margin-bottom: 0rem;
  }
}

@media screen and (min-width: 750px) {
  .background-none .clubcolumn-card__image-wrapper {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }

  .background-none .clubcolumn-list .clubcolumn-card__info,
  .background-none
    .clubcolumn-list:not(.slider)
    .center
    .clubcolumn-card__info {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

.clubcolumn-card {
  position: relative;
  box-sizing: border-box;
}

.clubcolumn-card
  > .clubcolumn-card__image-wrapper--full-width:not(.clubcolumn-card-spacing) {
  border-top-left-radius: calc(
    var(--text-boxes-radius) - var(--text-boxes-border-width)
  );
  border-top-right-radius: calc(
    var(--text-boxes-radius) - var(--text-boxes-border-width)
  );
  overflow: hidden;
}

.clubcolumn.background-none .clubcolumn-card {
  border-radius: 0;
}

.clubcolumn-card__info .link {
  text-decoration: none;
  margin-top: 1.5rem;
  max-width: 160px;
  display: flex;
  place-content: space-between;
  border: 1px solid black;
  font-size: 14px;
  line-height: 1.1;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  padding: 0.3rem 0.3rem 0.3rem 1rem;
  align-items: center;
  border-radius: var(--buttons-radius-outset);
}

.clubcolumn-card a.link:hover {
  background-color: #fff5dd;
  box-shadow: 2px 2px 0px #000000;
  transition: box-shadow var(--duration-short) ease;
}

.clubcolumn-card__info .icon-wrap {
  border: 1px solid black;
  border-radius: 100%;
  height: 25px;
  width: 25px;
  display: inline-block;
  margin-top: -1px;
  margin-left: 40px;
  white-space: nowrap;
}

.clubcolumn-card .icon.icon-arrow {
  margin-left: -4px;
  margin-bottom: -1.5px;
}

@media screen and (min-width: 990px) {
  .clubcolumn-list__item--empty {
    display: list-item;
  }
}

.clubcolumn-card__image-wrapper + .clubcolumn-card__info {
  user-select: none;
  pointer-events: none;
  touch-action: none;
}

.clubcolumn-card__image-wrapper--full-width {
  height: 100%;
  width: auto;
}

.clubcolumn-card__image-wrapper--full-width .media {
  height: 100%;
  width: auto;
}


/* -------- Club Card 높이가 옆 flask카드와 맞도록 조절 -------- */
/* 1. li 자체를 flex 컨테이너로 */
#Slider-{{ section.id }} > li:first-child {
    display: flex;
}

/* 2. clubcolumn-card가 li의 전체 높이를 채우도록 */
#Slider-{{ section.id }} > li:first-child .clubcolumn-card {
    flex: 1;
    display: flex;
    flex-direction: column;
    height: 100%;
}

/* 3. 내부 info도 꽉 채우기 */
#Slider-{{ section.id }} > li:first-child .clubcolumn-card__info {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.clubcolumn-card {
  height:100%;
}






/* =============================== */
/*   Club Card Mobile Typography   */
/* =============================== */
@media screen and (max-width: 500px) {

  /* Title: h3 */
  .clubcolumn-card__info h3 {
    font-size: calc(32px + 2vw);     /* 데스크탑 대비 약 55~60% 스케일 */
    line-height: 1.1;
    margin-bottom: 0.8rem;
  }

  /* RTE text (본문: Our wine club...) */
  .clubcolumn-card__info .rte h4,
  .clubcolumn-card__info .rte p {
    font-size: calc(16px + 1vw);      /* h3 대비 약 55% 유지 */
    line-height: 1.3;
  }

  /* Button */
  .clubcolumn-card__info .link {
    font-size: 1rem;                /* 비율상 가장 안정적 */
    padding: 0.4rem 0.7rem;
    max-width: 140px;
    margin-top: 1.2rem;
  }

  /* Button arrow size */
  .clubcolumn-card__info .link img {
    width: 18px;
    height: 18px;
  }
}


/* .rte {
  flex-grow: 1;
} */


.clubcolumn-card__info .rte {
  margin-top: auto;
}
