/* =========================
   PRODUCT TABS
========================= */

.tubuy-product-tabs{
	margin-top:40px;
	background:#ffffff;
	border:1px solid #edf1f7;
	border-radius:var(--tubuy-border-radius);
	padding:26px;
}

.tubuy-tabs-nav{
	display:flex;
	align-items:center;
	gap:10px;
	margin-bottom:22px;
	padding-bottom:20px;
	border-bottom:1px solid #edf1f7;
}

.tubuy-tab-button{
	height:42px;
	padding:0 18px;
	border:none;
	border-radius:var(--tubuy-border-radius);
	background:#f8fafc;
	color:#64748b;
	font-size:13px;
	font-weight:700;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	cursor:pointer;
	transition:0.3s ease;
}

.tubuy-tab-button.active{
	background:#16a34a;
	color:#ffffff;
}

.tubuy-tab-panel{
	display:none;
}

.tubuy-tab-panel.active{
	display:block;
}

.tubuy-tab-panel h3{
	margin-bottom:20px;
	font-size:22px;
	font-weight:700;
	color:#0f172a;
}

.tubuy-tab-panel p{
	line-height:1.8;
	color:#475569;
}

/* =========================
   PRODUCT SPECIFICATIONS
========================= */

.tubuy-product-specifications{
	width:100%;
	border-collapse:collapse;
	margin-top:20px;
	overflow:hidden;
	border-radius:14px;
	border:1px solid #edf1f7;
}

.tubuy-product-specifications tr{
	border-bottom:1px solid #edf1f7;
}

.tubuy-product-specifications tr:last-child{
	border-bottom:none;
}

.tubuy-product-specifications th{
	width:260px;
	padding:18px 22px;
	background:#f8fafc;
	color:#0f172a;
	font-size:14px;
	font-weight:700;
	text-align:left;
	vertical-align:top;
}

.tubuy-product-specifications td{
	padding:18px 22px;
	background:#ffffff;
	color:#475569;
	font-size:14px;
	font-weight:500;
	line-height:1.7;
}

/* =========================
   RTL PRODUCT TABS
========================= */

.tubuy-rtl .tubuy-product-tabs{
	text-align:right;
}

.tubuy-rtl .tubuy-tabs-nav{
	justify-content:flex-start;
}

.tubuy-rtl .tubuy-product-specifications th,
.tubuy-rtl .tubuy-product-specifications td{
	text-align:right;
}

/* =========================
   RESPONSIVE PRODUCT TABS
========================= */

@media (max-width:767px){

	.tubuy-product-tabs{
		padding:20px;
	}

	.tubuy-tabs-nav{
		overflow-x:auto;
		padding-bottom:14px;
	}

	.tubuy-tab-button{
		white-space:nowrap;
	}

	.tubuy-product-specifications th,
	.tubuy-product-specifications td{
		display:block;
		width:100%;
	}

	.tubuy-product-specifications th{
		padding-bottom:8px;
		border-bottom:none;
	}

	.tubuy-product-specifications td{
		padding-top:0;
	}

}