:root {
  --pricing-height: 75px;
  --headline-height: 68px;
  --description-height: 75px;
  --plus-row-1-height: minmax(80px, max-content);
  --plus-row-2-height: minmax(113px, max-content);
  --plus-row-3-height: minmax(134px, max-content);
  --plus-row-4-height: minmax(92px, max-content);
}

.section-compare .compare-column {
  position: relative;
}

.section-compare .compare-table {
  display: flex;
  flex-direction: column;
  --image-link-margin: 35px;
}

@media only screen and (max-width: 734px) {
  .section-compare .compare-table {
    --image-link-margin: 25px;
  }

  .section-compare .compare-table .gallery-item .compare-column {
    width: 234px;
    max-width: 100%;
    box-sizing: border-box;
  }

  .section-compare .compare-row.compare-image .compare-column.compare-device {
    width: fit-content;
    max-width: 100%;
  }

  .section-compare .gallery-item > .compare-row.compare-buttons {
    display: flex;
    justify-content: center;
    width: 234px;
    max-width: 100%;
    box-sizing: border-box;
  }

  .section-compare .gallery-item > .compare-row.compare-buttons .compare-column {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
    flex-wrap: wrap;
  }
}

@media only screen and (min-width: 1280px) {
  .section-compare .scroll-gallery .item-container {
    gap: 35px;
  }
}

@media screen and (min-width: 735px) {
  .section-compare .scroll-gallery .product-tile-header {
    --headline-row: minmax(calc(var(--headline-height) + var(--headline-margin, 0px)), max-content);
    --description-row: minmax(calc(var(--description-height) + var(--description-margin, 0px)), max-content);
  }

  html[lang^="zh"] .section-compare .scroll-gallery .product-tile-header {
    --headline-margin: 8px;
    --description-margin: 6px;
  }

  .section-compare .product-tile-header {
    justify-content: center;
  }
}

.section-compare {
  padding-bottom: 100px;
}

@media only screen and (max-width: 1068px) {
  .section-compare {
    padding-bottom: 80px;
  }
}

.modal .content-icon-airdrop {
    background-repeat: no-repeat;
    background-image: url(/hk/en/education/college-students/images/overview/icons/airdrop.png);
    top: 3px;
}

.modal .content-icon-cp {
    background-repeat: no-repeat;
    background-image: url(/hk/en/education/college-students/images/overview/icons/cp.png);
    top: 3px;
}

.modal .content-icon-mirror {
    background-repeat: no-repeat;
    background-image: url(/hk/en/education/college-students/images/overview/icons/mirror.png);
    top: 3px;
}

.modal .content-icon-next {
    background-repeat: no-repeat;
    background-image: url(/hk/en/education/college-students/images/overview/icons/next.png);
    top: 3px;
}

.modal .content-icon-previous {
    background-repeat: no-repeat;
    background-image: url(/hk/en/education/college-students/images/overview/icons/previous.png);
    top: 3px;
}

.modal .content-icon-showoriginal {
    background-repeat: no-repeat;
    background-image: url(/hk/en/education/college-students/images/overview/icons/showoriginal.png);
    top: 3px;
}

.modal .content-icon-split-left {
    background-repeat: no-repeat;
    background-image: url(/hk/en/education/college-students/images/overview/icons/split-left.png);
    top: 6px;
}

.modal .content-icon-split-right {
    background-repeat: no-repeat;
    background-image: url(/hk/en/education/college-students/images/overview/icons/split-right.png);
    top: 6px;
}

.modal .content-icon-splits {
    background-repeat: no-repeat;
    background-image: url(/hk/en/education/college-students/images/overview/icons/splits.png);
    top: 6px;
}

.modal .content-icon-writetools {
    background-repeat: no-repeat;
    background-image: url(/hk/en/education/college-students/images/overview/icons/writetools.png);
    top: 3px;
}

.modal .content-icon-writingtools {
    background-repeat: no-repeat;
    background-image: url(/hk/en/education/college-students/images/overview/icons/writingtools.png);
    top: 3px;
}

.section-savings .cards {
    display: flex;
}


@media only screen and (min-width: 734px) {
	.section-savings .savings-gallery .item-container {
		grid-template-columns: 1fr 1fr;
	}

	.section-savings .savings-gallery .gallery-item {
		width: 100%;
	}
}