.prov-cat-menu-3 .provmenu-grid-{
	display: grid;
	grid-template-columns: 2fr 2fr 1fr 1fr; 
	grid-auto-rows: 140px; 
	grid-auto-flow: dense;
	gap: 16px;
}

.prov-cat-menu-3 .menu-card-{
	position: relative;
	background: var(--CARD_2_BG);
	border-radius: 16px;
	overflow: hidden;
	cursor: pointer;
	transition: transform .2s ease, box-shadow .2s ease;
	box-shadow: 0 0 0 rgba(0,0,0,0);
}

.prov-cat-menu-3 .menu-card-.small-{
	background: var(--CARD_1_BG);
	width: 237px;
}

.prov-cat-menu-3 .menu-card-:hover{
	transform: translateY(-2px);
	box-shadow: 0 10px 24px rgb(0 0 0 / 60%);
	background: var(--CARD_2_BG);
}

.prov-cat-menu-3 .menu-card-.large-{
	grid-row: span 2;
}

.prov-cat-menu-3 .provmenu-grid- > .menu-card-:nth-child(1){
	background: var(--PRIMARY_GRADIENT_BOX_BG);

}
.prov-cat-menu-3 .provmenu-grid- > .menu-card-:nth-child(2){
	background: var(--SECONDARY_GRADIENT_BOX_BG);
}

.prov-cat-menu-3 .card-content-{
	position: relative;
	left: 16px;
	top: 16px;
	z-index: 2;
	color: var(--CARD_2_TXT_COLOR);
}

.prov-cat-menu-3 .menu-card-.large- .card-content-{
	left: 20px;
	top: 20px;
}

.prov-cat-menu-3 .menu-card-.small- .card-content-{
	left: 14px;
	top: 14px;
}

.prov-cat-menu-3 .card-title-{
	display: flex;
	align-items: center;
	gap: 12px;
	font-family: var(--SECONDARY_FONT_FAMILY);
	font-weight: var(--MED_FONT_WEIGHT);
	letter-spacing: var(--SECONDARY_FONT_LETTER_SPACING);
}

.prov-cat-menu-3 .small-icon-{
  display: inline-block;
  width: 28px;
  height: 28px;
  object-fit: contain;
  filter: var(--ICON_PRIMARY_FILTER);
}

.prov-cat-menu-3 .menu-card-.large- .card-title- .text-{
	font-size: var(--HEADER_FONT_SIZE);
	text-transform: uppercase;
}

.prov-cat-menu-3 .menu-card-.small- .card-title- .text-{
	font-size: var(--SUBHEADER_FONT_SIZE);
	text-transform: uppercase;
}

.prov-cat-menu-3 .card-subtitle-{
	opacity: .85;
	margin-top: 10px;
}

.prov-cat-menu-3 .menu-card-.large- .card-subtitle-{
    position: absolute;
    max-width: 66%;
    width: 100%;
    line-height: 1.4;
    font-family: var(--PRIMARY_FONT_FAMILY);
    font-size: var(--SUBBODY_TXT_FONT_SIZE);
    font-weight: var(--REG_FONT_WEIGHT);
    color: var(--CARD_1_TXT_COLOR);
}

.prov-cat-menu-3 .card-image-{
    position: absolute;
    right: -50px;
    bottom: 0;
    height: 85%;
    object-fit: contain;
    pointer-events: none;
}

.prov-cat-menu-3 .menu-card-.small- .card-image-{
	right: -27px;
	bottom: 8px;
	height: 80%;
	max-width: 72%;
}

@media (max-width: 991px){
  .prov-cat-menu-3 .provmenu-grid-{
		grid-template-columns: repeat(2, 1fr);
		grid-auto-rows: 160px;
  }
  
  .prov-cat-menu-3 .menu-card-.large-{ 
		grid-column: span 2; 
		grid-row: span 1; 
  }
}

@media (max-width: 767px){
  .prov-cat-menu-3 .provmenu-grid-{
		grid-template-columns: repeat(2, 1fr);
		grid-auto-rows: 120px;
  }
  
  .prov-cat-menu-3 .menu-card-.large-{ 
  		grid-column: span 2; 
  }
  
  .prov-cat-menu-3 .menu-card-.small-{ 
  		grid-column: span 1; 
  }
  
  .prov-cat-menu-3 .card-image-{ 
		max-width: 60%; 
		height: 85%; 
  }
  
}