/* Font sizes */
/* Max widths for media queries */
.storepage .heading-featured-styles .heading-content {
  max-width: 100%; }

.feature-style-container .feature-container {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[4];
      grid-template-columns: repeat(4, 1fr);
  gap: 25px;
  margin-bottom: 25px; }
  @media (max-width: 768px) {
    .feature-style-container .feature-container {
      -ms-grid-columns: (1fr)[2];
          grid-template-columns: repeat(2, 1fr); } }
  .feature-style-container .feature-container .photo-tile-container {
    overflow: hidden;
    border-radius: 20px; }
    .feature-style-container .feature-container .photo-tile-container .common-image-component {
      width: 100%;
      object-fit: cover;
      transition: transform 0.3s ease;
      transform-origin: center; }
      @supports not (-webkit-touch-callout: none) {
        .feature-style-container .feature-container .photo-tile-container .common-image-component {
          height: auto; } }
      .feature-style-container .feature-container .photo-tile-container .common-image-component img {
        width: 100%; }
      @media (min-width: 769px) {
        .feature-style-container .feature-container .photo-tile-container .common-image-component:hover {
          transform: scale(1.5); } }
  .feature-style-container .feature-container .modal {
    padding-right: 0 !important; }