/* Shift & BG-Inset */
@media screen and (min-width:1280px) {
	
	[class*="shf"] {
		
		> [class*="mn_"] {
			--con-w: var(--mn_wth);
			--shf-off-a: calc(((var(--vw_) - var(--con-w) ) / 2) - 1rem);
		
			max-width: calc( var(--con-w) +  var(--shf-off-a) );
		}	
	
		> .mn_wd {
			--con-w: clamp(var(--mn_min), var(--mn-w), var(--mn_max));
		}	
		
		> .mn_tn {
			--con-w: clamp(var(--mn_min-t), var(--mn-t), var(--mn_max));
		}
	
	}
	
	.shf-l > [class*="mn_"],
	.shf-r > [class*="mn_"].f_rev {
	    margin-left: 0;
		margin-right: auto;
	}

	.shf-r > [class*="mn_"],
	.shf-l > [class*="mn_"].f_rev {
	    margin-right: 0;
		margin-left: auto;
	}
	
	/* Non-shifted side Half */
	.shf-l > [class*="mn_"] > :last-child,
	.shf-r > [class*="mn_"] > :first-child,
	.shf-r > [class*="mn_"].f_rev > :first-child,
	.shf-l > [class*="mn_"].f_rev > :last-child {
	    flex: 0 0 auto;
	}
	
	.shf-l > [class*="mn_"] > .half:last-child,
	.shf-r > [class*="mn_"] > .half:first-child,
	.shf-r > [class*="mn_"].f_rev > .half:first-child,
	.shf-l > [class*="mn_"].f_rev > .half:last-child { 
	    width: calc( ( var(--vw_) / 2 ) - var(--shf-off-a) - var(--flx-gap) - 1.5rem);
	}

    
    /* Non-shifted side three-8ths */
	.shf-l > [class*="mn_"] > .three-8ths:last-child,
	.shf-r > [class*="mn_"] > .three-8ths:first-child,
	
	.shf-r > [class*="mn_"].f_rev > .three-8ths:first-child,
	.shf-l > [class*="mn_"].f_rev > .three-8ths:last-child { 
	    width: calc( ( var(--vw_) / 2.6 ) - var(--shf-off-a) - var(--flx-gap) - 1.5rem);
	}

    /* Non-shifted side five-8ths */
	.shf-l > [class*="mn_"] > .five-8ths:last-child,
	.shf-r > [class*="mn_"] > .five-8ths:first-child,
	
	.shf-r > [class*="mn_"].f_rev > .five-8ths:first-child,
	.shf-l > [class*="mn_"].f_rev > .five-8ths:last-child { 
	    width: calc( ( var(--vw_) / 1.6 ) - var(--shf-off-a) - var(--flx-gap) - 1.5rem);
	}
	
	/* Shifted side */
	.shf-l > [class*="mn_"] > :first-child,
	.shf-r > [class*="mn_"] > :last-child,
	.shf-r > [class*="mn_"].f_rev > :last-child,
	.shf-l > [class*="mn_"].f_rev > :first-child {
	    flex: 1 1 auto;
	}

    .shf-r > [class*="mn_"] .shf-itm {
        padding-right: var(--shf-off-a);
    }
	 
    .shf-l > [class*="mn_"].f_rev .shf-itm {
		padding-right: var(--shf-off-a);
		padding-left: 0;
	}

    .shf-l > [class*="mn_"] .shf-itm {
        padding-left: var(--shf-off-a);
    }

    .shf-r > [class*="mn_"].f_rev .shf-itm {
		padding-left: var(--shf-off-a);
		padding-right: 0;
	}
	
}