/* grid-text-fix.css */
/* Desktop-only grid text cleanup. Safe to remove if needed. */

@media only screen and (min-width: 996px) {

  :root {
    --grid-text-offset: 10px;
    --grid-image-overlay: rgba(0, 0, 0, 0.20);
  }


/* Temporary Test */ 
.min-cell1, .min-cell2, .min-cell3, min-cell4 {
		background-color: #000 !important; 
	}

.sec1 .cell {
		background-color: #000 !important; 
	}
	
.sec3 .cell {
		background-color: #000 !important; 
	}

	
  .content .cell,
  .content .cell-big,
	.content .min-cell
	{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: calc(32px + var(--grid-text-offset)) 8% 32px 8% !important;
    text-align: center;
    -webkit-user-select: none;
  user-select: none;
  }
	

  /* Give text more usable width inside quarter-width grid cells */
	
  .content .col-md-3.cell {
    padding-left: 45px !important;
    padding-right: 45px !important;
  }

  .content .col-md-3.cell h1,
  .content .col-md-3.cell p {
    width: 100% !important;
    max-width: none !important;
    margin-left: auto;
    margin-right: auto;
  }

	
  .content .cell h1,
  .content .cell-big h1 {
    width: 100%;
    max-width: 480px;
    margin: 0 auto 14px auto;
    padding: 0 !important;
    line-height: 1.35;
  }

  .content .cell p,
  .content .cell-big p,
  .content .price-wrapper {
    width: 100%;
    max-width: 480px;
    margin: 0 auto;
    line-height: 1.6;
  }

	
.min-cell p, .min-cell2 p, .min-cell3 p, .min-cell4 p {
  	width: 100% !important;
	max-width: 480px !important;
  	margin: 0 auto;
}
	
	.col-md-3 .cell .min-cell .image-cell {
		  	width: 100% !important;
	max-width: 480px !important;
  	margin: 0 auto;
		
	}

.content .image-cell {
    position: relative;
    overflow: hidden;
	      -webkit-user-select: none;
  user-select: none;
  }

  .content .image-cell::before {
    content: "";
    position: absolute;
    inset: 0;
    background: var(--grid-image-overlay);
    z-index: 0;
    pointer-events: none;
  }

  .content .image-cell > * {
    position: relative;
    z-index: 1;
  }

}




/* Raise Cell Content */ 
@media only screen and (max-width: 1400px) {
	.content h1:nth-child(1) {
  		padding-top: 30px !important;
	}
}

/* Mobile cleanup after sections were reordered or removed */
@media only screen and (max-width: 996px) {

  .cell-double-wrapper {
    height: auto !important;
    min-height: 0 !important;
    margin-top: 0 !important;
  }

  .sec1,
  .sec2,
  .sec3,
  .sec4,
  .sec5,
  .sec3-wrapper,
  .sec4-wrapper,
  .sec5-wrapper {
    height: auto !important;
    min-height: 0 !important;
    margin-top: 0 !important;
  }

  .row,
  .row1,
  .row2 {
    min-height: 0 !important;
  }
	
}