/* phones */
@media only screen and (max-width: 600px){
	/*body{background: red !important;}*/
	.product-card{--w: 300px;}
	.hedtxt{font-size: 3rem;}

	.p_s_info .qt-c {
		position: fixed;
		bottom: 0;
	}
	.p_s_image .main-image {
		max-height: 50vh !important;
	}
	.p_s_image .thumbs .thumb{
		width: 60px !important;
		height: auto !important;
		aspect-ratio: 16/9 !important;
	}

	/* grid optimiser */
	.grid-50-50,.grid-70-30,.grid-30-70{grid-template-columns:1fr !important;}
	.section{padding-block: 4rem;}
	.category img{
		aspect-ratio: 1 !important;
	}
	.category .mycaption{
		background-color: var(--clr-darkglass) !important;
	}

	/* dash base */
	.content.dasht1{
		display: flex !important;
		align-items: flex-start !important;
	}
	.login-container .right-panel{
		flex: auto !important;
	}
	.login-container .left-panel .overlay{
		max-height: none !important;
		overflow: hidden;
	}
	.login-container{
		flex-direction: column;
		background-color: transparent !important;
		box-shadow: none !important;
	}

	:root{
		--borderdesktop: transparent;
	}
	[data-tooltip]:not(.except):hover::after{
		translate: -100% 0 !important;
		opacity: 1;
	}

	.profile_sect .user_deets{
		text-align: center;
	}
	.profile_sect .user_options{
		justify-content: center !important;
		align-items: center !important;
	}
}

/* tablets */
@media only screen and (max-width:992px) and (min-width: 600px){
	/*body{background: mediumseagreen !important;}*/

	.product-card{--w: 270px;}
	.grid-50-50,.grid-70-30,.grid-30-70{grid-template-columns:1fr !important;}
	.section{padding-block: 4rem;}
	.category img{
		aspect-ratio: 1 !important;
	}
	.category .mycaption{
		background-color: var(--clr-darkglass) !important;
	}

	.prod_container .p_s_info {
		/* max-height: 100vh; */
		/* overflow: auto; */
	}

	:root{
		--borderdesktop: var(--themecolor);
	}

	.profile_sect .user_options{
		align-items: center;
	}

	[data-tooltip]:not(.except):hover::after{
		translate: -100% 0 !important;
		opacity: 1;
	}
}