/* For screens between 1200px and 1366px */
@media screen and (max-width: 1366px) and (min-width: 1200px) {

  /* Shrink the grid but keep arrows in place */
  .t-container {
    transform: scale(0.9);
    transform-origin: top center;
    max-width: 1200px !important;
    margin-left: auto;
    margin-right: auto;
  }

  /* Ensure the arrow wrapper stays positioned properly */
  .t-slds__arrow_wrapper {
    position: fixed !important; /* Fix to viewport, not grid */
    top: 50% !important;
    transform: translateY(-50%); /* Center the arrow vertically */
    z-index: 10000 !important;   /* Ensure it's above content */
    pointer-events: auto !important; /* Keep clickable */
  }

  /* Left arrow positioning */
  .t-slds__arrow_wrapper-left {
    left: 2vw !important;  /* Position on the left edge using viewport units */
  }

  /* Right arrow positioning */
  .t-slds__arrow_wrapper-right {
    right: 2vw !important;  /* Position on the right edge using viewport units */
  }

  /* Arrow body styling to keep proper scaling */
  .t-slds__arrow_body {
    width: 100% !important;
    height: auto !important;
    max-width: 21px !important;  /* Ensure the arrow stays sized properly */
  }

  /* Ensure clickability for the button inside */
  .t-slds__arrow {
    z-index: 10000 !important;
    pointer-events: auto !important;  /* Make sure it's clickable */
  }

  /* Adjust columns and image in the 5/7 text-photo block */
  #rec805752778 .t-row {
    display: flex !important;
    justify-content: space-between;
    align-items: center;
    flex-wrap: nowrap;
  }

  #rec805752778 .t-col:nth-child(1) {
    flex: 0 0 41.66% !important; /* 5 columns for text */
  }

  #rec805752778 .t-col:nth-child(2) {
    flex: 0 0 58.33% !important; /* 7 columns for the photo */
    overflow: hidden;
  }

  /* Directly target the image to shrink it */
  #rec805752778 .t-col:nth-child(2) img {
    max-width: 100% !important; /* Ensure image shrinks with container */
    height: auto !important;
    object-fit: cover; /* Make sure the image fits within the new width */
  }
}

/* General fix for dropdown content */
.t849__content {
  max-height: 300px; /* Set the maximum height for dropdown content */
  overflow-y: auto; /* Enable scrolling within the dropdown */
  overflow-x: hidden; /* Prevent horizontal scrolling */
}